@charset "utf-8";
/* CSS Document */
.box0{ width:var(--fullWidth); margin:0 auto;}
.box1{ width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth);}

body:not(.pop){ min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

.pcHide{ display:none !important;}
.moHide{}

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}
.gnb .blank .arrow:before{ content:"\e980";}

.sns_st{ gap:.5em;}
.sns_st > li .in{ width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.sns_st > li .in:hover{ background:var(--siteC2); color:#fff;}
.cw > .sns_st > li .in{ background:transparent; color:#fff;}
.cw > .sns_st > li .in:hover{ background:#fff; color:#000;}

.fullH{ height:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

.filW{ filter:var(--crWhitefil);}/*화이트*/
.filB{ filter:var(--crBlackfil);}/*블랙*/
.filRE{ filter:var(--crfilRE);}  /*색상반전*/

.tupper{ text-transform: uppercase;}
.cutstr{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cp{cursor: pointer;} 

/*header*/
.headT{ padding-top:var(--headHS);}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headHS); transition:height .2s, background .2s; box-sizing:border-box;}

#header{ z-index:999; position:fixed; top:0; left:0; width:100%; transition:background .2s;}
#header .inner{ color:#fff;}
#header .logo, 
#header .all_wrap .all_btn{ filter:var(--crWhitefil);}
#header .logo,
#header .side_wrap{ width:16em;}
#header .logo > .in{ }
#header .logo > .in img{ display:block; width:100%; transition:.2s; transform-origin:left center;}

#header .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2.5em;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.250em; font-weight:600; color:#fff;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; display:block; position:absolute; left:0; bottom:1em; width:100%; height:1px; background:var(--siteC2); opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .gnb_wrap .gnb > li.act{ z-index:2; overflow:visible;}
/* #header .gnb_wrap .gnb > li.act .dp1:after, */
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1; transform:scaleX(.7);}
html:not(.simple) #header:not(.active) .gnb_wrap .gnb > li .dp1:after{ /* filter:var(--crWhitefil); */}

#header .gnb_wrap .gnb > li .dp2{ display:block; position:absolute; top:calc(100% - .5em); left:50%; width:12.5em; padding:0 1em; margin-top:-.875em; background-image:var(--crGrad2); border-radius:1em; color:#fff; transform:translateX(-50%); opacity:0; visibility:hidden; transition:padding .2s;}
/* #header .gnb_wrap .gnb > li .dp2:before{ content:""; display:block; position:absolute; top:0; left:50%; border-style:solid; border-color:transparent transparent var(--gradC1); border-width:0 7px 7px; transform:translate(-50%,-100%);} */
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.625em 0; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;}
#header .gnb_wrap .gnb > li.act .dp2{ padding-top:1em; padding-bottom:1em; opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a{ background:#fff; border-radius:.5em; color:var(--siteC);}

#header .side_wrap{}
#header .side_wrap .search_wrap{ position:relative; width:21.25em; background:#fff; border-radius:6em; box-shadow:0 3px .75em rgba(27,60,111,.1);}
#header .side_wrap .search_wrap .detail_box{ position:relative; box-sizing:border-box;}
#header .side_wrap .search_wrap .search{ position:relative; z-index:2; box-sizing:border-box; height:2.875em; padding:0 2.5em 0 1.25em;}
#header .side_wrap .search_wrap .search .inp,
#header .side_wrap .search_wrap .search .btn{ height:100%; border:none; background:none;}
#header .side_wrap .search_wrap .search .inp{ width:100%;}
#header .side_wrap .search_wrap .search .btn{ position:absolute; top:0; right:0; width:3em;}
#header .side_wrap .search_wrap .search .btn .xi{ font-size:1.500em; color:#3d66dd;}
#header .side_wrap .search_wrap .keyword{ position:absolute; z-index:1; top:0; left:1em; right:3em; height:2.875em; overflow:hidden;}
#header .side_wrap .search_wrap .keyword .item{height: 2.875em; line-height: 2.875em; text-align:left;}
#header .side_wrap .search_wrap .keyword .item .in { position:relative; display:block; padding-left:1.75em;}
#header .side_wrap .search_wrap .keyword .item .num{ position:absolute; top:50%; left:0; width:1.75em; line-height:1.75em; background:var(--siteC2); border-radius:100%; text-align:center; font-size:.813em; color:#fff; font-weight:700; transform:translateY(-50%);}
#header .side_wrap .search_wrap .keyword .item .tt{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:.938em; color:#666;}
#header .side_wrap .search_wrap .keyword .item:hover .tt{ text-decoration:underline;}
#header .side_wrap .search_wrap .btn_close{ position:absolute; right:.5em; bottom:.5em; display:none;}
#header .side_wrap .search_wrap .btn_close .in{ display:block; width:2.5em; line-height:2.5em; background:#f5f5f5; text-align:center;}
#header .side_wrap .search_wrap .btn_close .in:hover{ background:#3d66dd; color:#fff;}

#header .side_wrap .search_wrap.active .detail_box{ position:absolute; top:0; left:-5em; right:0; z-index:10; padding:1.5em 1.5em 3em 1.5em; background:#fff; border:1px solid #222;}
#header .side_wrap .search_wrap.active .search{ border-radius:6em; box-shadow:0 3px .75em rgba(27,60,111,.1);}
#header .side_wrap .search_wrap.active .keyword{ position:static; display:block; margin-top:1.25em; height:auto;}
#header .side_wrap .search_wrap.active .btn_close{ display:block;}

#header .top_wrap{position: relative;}
#header .top_wrap .search_wrap{ position:relative;position:absolute; top:50%; left:50%; width:25%; height: 2.875em; background:#fff; border-radius:6em; box-shadow:0 3px .75em rgba(27,60,111,.1); transform:translate(-50%,-50%); transition:top .5s;}
#header .top_wrap .search_wrap .detail_box{ position:relative; box-sizing:border-box;}
#header .top_wrap .search_wrap .search{ position:relative; z-index:2; box-sizing:border-box; height:2.875em; padding:0 2.5em 0 1.25em;}
#header .top_wrap .search_wrap .search .inp,
#header .top_wrap .search_wrap .search .btn{ height:100%; border:none; background:none;}
#header .top_wrap .search_wrap .search .inp{ width:100%;}
#header .top_wrap .search_wrap .search .btn{ position:absolute; top:0; right:0; width:3em;}
#header .top_wrap .search_wrap .search .btn .xi{ font-size:1.500em; color:#3d66dd;}
#header .top_wrap .search_wrap .keyword{ position:absolute; z-index:1; top:0; left:1em; right:3em; height:2.875em; overflow:hidden;}
#header .top_wrap .search_wrap .keyword .item{height: 2.875em; line-height: 2.875em; text-align:left;}
#header .top_wrap .search_wrap .keyword .item .in { position:relative; display:block; padding-left:1.75em;}
#header .top_wrap .search_wrap .keyword .item .num{ position:absolute; top:50%; left:0; width:1.75em; line-height:1.75em; background:var(--siteC2); border-radius:100%; text-align:center; font-size:.813em; color:#fff; font-weight:700; transform:translateY(-50%);}
#header .top_wrap .search_wrap .keyword .item .tt{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:.938em; color:#666;}
#header .top_wrap .search_wrap .keyword .item:hover .tt{ text-decoration:underline;}
#header .top_wrap .search_wrap .btn_close{ position:absolute; right:.5em; bottom:.5em; display:none;}
#header .top_wrap .search_wrap .btn_close .in{ display:block; width:2.5em; line-height:2.5em; background:#ccc; text-align:center;}
#header .top_wrap .search_wrap .btn_close .in:hover{ background:#3d66dd; color:#fff;}

#header .top_wrap .search_wrap.active .detail_box{ position:absolute; top:0; left:-5em; right:0; padding:1.5em 1.5em 3em 1.5em; background:#fff; border:1px solid #222;}
#header .top_wrap .search_wrap.active .search{ border-radius:6em; box-shadow:0 3px .75em rgba(27,60,111,.1);}
#header .top_wrap .search_wrap.active .keyword{ position:static; display:block; margin-top:1.25em; height:auto;}
#header .top_wrap .search_wrap.active .btn_close{ display:block;}

#header .menu_wrap{position: relative; z-index: -1; transition: top .5s;}
#header .menu_wrap .gnb_wrap .gnb > li,
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ height:5em;}

#header .side_wrap .mem{}
#header .side_wrap .mem > li{}
#header .side_wrap .mem > li .in{ gap:0 .5em; padding:.5em 1em;}
#header .side_wrap .mem > li .in:hover .tt{ text-decoration:underline;}

#header::after{content:''; width: 100%; height:100%; background:var(--siteC);/* background:linear-gradient(180deg, var(--gradC1), var(--gradC2)); */ position: absolute; left: 0; top: 0; z-index: -10; box-shadow: 3px 5px 10px rgba(0, 0, 0, .2); transition:all .2s;}

/* all_wrap */
#header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:4.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto;}
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:1px; background:#333; transition:.2s, background 0s;}
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_wrap .all_btn .ham:before{ top:calc(50% - 1px); width:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .all_wrap .all_btn:hover .ham:before{ width:100%;}
#header .all_wrap .all_btn:hover .ham:after { width:100%;}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_close{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em);}
#header .all_wrap .all_layer .all_inner{ position:absolute; top:0; right:0; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%);}
#header .all_wrap .all_layer .all_inner > .wrap_in{ gap:2em; padding:3em 3em;}

#header .all_wrap .all_layer .wrap_top a{ transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_logo{}
#header .all_wrap .all_layer .wrap_top .all_logo .in{ display:block; width:15em;}
#header .all_wrap .all_layer .wrap_top .all_logo .in img{ width:100%;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.25em; padding:1em 0;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}

#header .all_wrap .all_layer .wrap_middle{}
#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:1 1 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_mypage{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb a{ position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more{}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer{ display:flex !important; padding-right:2.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow{ position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1.250em; display:block; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before{ transform:rotate(-180deg);}
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb ul{ padding:1em 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a{ padding:.875em .5em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li.more .arrow{ right:.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ height:4em; padding:0 1.5em; border:solid var(--crGray); border-width:1px 0; margin-bottom:-1px;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.188em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1{ background-image:var(--crGrad1); color:#fff;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a{ padding-left:1.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before{ content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%; transform:translateY(-50%);}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt{ font-size:1.063em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.act > a{ background:var(--crGray)}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a{ color:var(--siteC); font-weight:600;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3{ background:var(--crGray2);}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a{ color:#444;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a{ border-top:1px dashed #ddd;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt{ text-decoration:underline;}

.allGnbOn{ overflow-y:hidden} 
.allGnbOn body{ overflow-y:scroll}
.allGnbOn #header .all_wrap .all_btn{ z-index:999; position:fixed; top:1em; right:1vw; width:3em; height:3em; filter:var(--crBlackfil) !important;}
.allGnbOn #header .all_wrap .all_btn .ham{ background:transparent !important; transition:0s;}
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px;}
.allGnbOn #header .all_wrap .all_btn .ham:before{ transform:rotate(45deg);}
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg);}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_close{ opacity:1; transition:.4s;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ transform:translateX(0); transition:.4s;}


.scroll .headT{ padding-top:var(--headH);}
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:var(--headH);}

.scroll #header .gnb_wrap .gnb > li .dp1 .tt {color:#111;}
.scroll #header .logo,
.scroll #header .all_wrap .all_btn{ filter:none!important;}

.scroll #header::after{ height:var(--headH); border-radius: 0; background-color:#fff; /* transition: all .5s; */}
.scroll #header .top_wrap{z-index: -1;}
.scroll #header .top_wrap .search_wrap{ top: -100%; /* transition: position .3s; */}
.scroll #header .menu_wrap{width: auto; position: absolute; left: 50%; top:0;/*  top:1.625em; */ transform:translateX(-50%); /* transition: position .3s; */}


html.sub .headT{ padding-top:var(--headH);}
html.sub .headH,
html.sub #header .gnb_wrap .gnb > li,
html.sub #header .gnb_wrap .gnb > li .dp1{ height:var(--headH); transition:height .2s, background .2s; box-sizing:border-box;}
html.sub #header::after{ height:var(--headH); background: #fff;}
html.sub #header .top_wrap{z-index: -1;}
html.sub #header .top_wrap .search_wrap{ top: -100%; transition: all .3s; }
html.sub #header .menu_wrap{width: auto; position: absolute; left: 50%; top:0; /* top:1.625em; */ transform:translateX(-50%); }
html.sub #header .gnb_wrap .gnb > li .dp1 .tt{ color:#111;}
html.sub #header .all_wrap .all_btn .ham,
html.sub #header .all_wrap .all_btn .ham:before,
html.sub #header .all_wrap .all_btn .ham:after { background:#111;}
html.sub #header .all_wrap .all_btn{ filter:none!important;}

html.allGnbOn #header .menu_wrap{ z-index: -10;}
/* .scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:var(--headHS);} */
/* .scroll #header .logo > .in{ padding:0;}
.scroll #header .logo > .in img{ transform:scale(.85,.85);} */

.wrapHide{ height:var(--headHS);}
.stickyT{ position:sticky !important; top:var(--headHS);}

#header.active,
.simple #header{ /* background:#fff; */}
#header.active .inner,
.simple #header .inner{ color:#000;}
/* #header.active .logo,
#header.active .all_wrap .all_btn,
.simple #header .logo,
.simple #header .all_wrap .all_btn{ filter:none;} */
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1,
.simple #header .gnb_wrap .gnb > li.act .dp1,
.simple #header .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC2);}


/*footer*/
#footer .goTop{ z-index:999; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:var(--siteC2); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}

#footer{ padding:4em 0 4.5em 0; background:var(--crBlack); color:#fff;}
#footer .logo_wrap .logo img{ height:2em; opacity: .7;}

#footer .info_wrap{ gap:2em; padding:3em 0 2em;}
#footer .info_wrap .info{ overflow:hidden}
#footer .info_wrap .info > li{ float:left; margin-right:2em; margin-bottom:.75em; opacity:.8; position:relative}
#footer .info_wrap .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info .tit{ opacity:1; font-weight:600;}

#footer .copy_wrap{ gap:1em; padding-top:2em; border-top:1px solid rgba(255,255,255,.15);}
#footer .copy_wrap .copyright{ flex:1; font-size:.813em; text-transform:uppercase; opacity:.4;}
#footer .copy_wrap .wrap_in{ gap:2.5em;}
#footer .copy_wrap .menu{ gap:0 2em;}
#footer .copy_wrap .menu > li .in{ position:relative;}
#footer .copy_wrap .menu > li + li .in:before{ content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:700; line-height:1; opacity:.5;}
#footer .copy_wrap .menu > li .point{ color:var(--siteC2); font-weight:600;}
#footer .copy_wrap .menu > li .in:hover .tt{ text-decoration:underline;}


/*contents*/
#contents .sub_page_top{ position:relative; height:36em;}
#contents .sub_page_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#contents .sub_page_bg > .bg{ position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s;}
#contents .sub_page_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.6),rgba(0,0,0,.2));}
.load #contents .sub_page_bg > .bg{ right:-2vw;}
#contents .sub_page_tit{ flex:1; position:relative; z-index:9; padding:0 0 3.5em 0;}
#contents .sub_page_tit .tit_inner{ padding-bottom:3.5em;}
#contents .sub_page_tit .wrap_tit{ gap:1em; color:#fff;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt{ font-size:1.500em; font-weight:700; opacity:.6;}
#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size:3.500em; font-weight:500;}
#contents .sub_page_tit .nav{ color:#fff;}
#contents .sub_page_tit .nav > li{}
#contents .sub_page_tit .nav > li .xi{ width:1.5em; height:1.5em; background:#fff; border-radius:50%; font-size:1em; color:#000;}
#contents .sub_page_tit .nav > li .tt{ vertical-align:middle; font-size:.938em; font-weight:500;}
#contents .sub_page_tit .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
#contents .sub_page_tit .nav > li:last-child .tt{ font-weight:600; text-decoration:underline;}

#contents .sub_page_menu{}
#contents .sub_page_menu .gnb{ display:block; /* transform:translateX(-2em); */}
#contents .sub_page_menu .gnb .dp2{ gap:2em; flex-wrap: wrap;}
#contents .sub_page_menu .gnb .dp2 > li{}
#contents .sub_page_menu .gnb .dp2 > li > a{ /* padding:1em 2em; */ color:#fff;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{ font-size:1.250em; font-weight:600;}
#contents .sub_page_menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
#contents .sub_page_menu .gnb .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:var(--crWhite); transform:scaleX(0); transition:transform .3s;}
#contents .sub_page_menu .gnb .dp2 > li.act > a .in,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in{}
#contents .sub_page_menu .gnb .dp2 > li.act > a .in:after,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in:after{ transform:scaleX(1);}
#contents .sub_page_menu .gnb .dp3{ display:none;}

#contents .sub_page_con{ padding:4em 0 0 0;}
#contents .sub_page_con .con_tit{ text-align: center;}
#contents .sub_page_con .con_tit .tt{ font-size:2.250em; font-weight:700;}
#contents .sub_page_con .con_tit + .con_menu{ margin-top:2em;}
#contents .sub_page_con .con_menu{}
#contents .sub_page_con .con_menu ul:not(.dp3){ display:block;}
#contents .sub_page_con .con_menu .gnb .dp4{ display:none;}
#contents .sub_page_con .con_menu .gnb .dp3{flex-wrap: wrap;}
#contents .sub_page_con .con_menu .gnb .dp3 > li{ width:calc( 100% / 5);}
#contents .sub_page_con .con_menu .gnb .dp3 > li > a{ margin:0 -1px -1px 0; padding:0 2em; height:3.5em; border:1px solid var(--crGray); color:#555; transition:.2s;}
#contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size:1.125em; font-weight:600;}
#contents .sub_page_con .con_menu .gnb .dp3 > li.act > a,
#contents .sub_page_con .con_menu .gnb .dp3 > li.on > a{ background:var(--siteC); border-color:var(--siteC); color:var(--crWhite);}
#contents .sub_page_con + .doc{ padding-top:4em;}

#contents .doc{ padding:3em 0 10em;}

.simple #contents .sub_page_top{ height:auto; padding-bottom:2.5em; border-bottom:1px solid var(--crGray);}
.simple #contents .sub_page_bg{ display:none;}
.simple #contents .sub_page_tit{ padding:3.5em 0 0 0; text-align:center;}
.simple #contents .sub_page_tit .tit_inner{ padding:0 0; align-content:center; align-items:center;}
.simple #contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size:2.750em; font-weight:700; color:#000; text-transform:uppercase;}
.simple #contents .sub_page_tit .nav{ color:#000; text-transform:uppercase;}
.simple #contents .sub_page_tit .nav > li .xi{ filter:var(--crfilRE);}
.simple #contents .sub_page_tit .nav > li .tt{}
.simple #contents .sub_page_menu{ padding-top:3.5em;}
.simple #contents .sub_page_menu .gnb{}
.simple #contents .sub_page_menu .gnb .dp2{}
.simple #contents .sub_page_menu .gnb .dp2 > li > a{ position:relative; color:#000;}
.simple #contents .sub_page_menu .gnb .dp2 > li + li > a:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:1em; background:#000; opacity:.15; transform:translateY(-50%);}
.simple #contents .sub_page_menu .gnb .dp2 > li > a .in:after{ background:var(--crGrad1);}
.simple #contents .sub_page_con{ padding:4em 0 0 0;}
.simple #contents .sub_page_con .con_tit .tt{ font-size:2.000em; font-weight:600;}
.simple #contents .doc{ padding-top:3em;}


.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}


/*SUB PAGE*******************/
/*inc*/
.page_con{ padding: 0 0 6em 0;}
.page_con:last-child{padding-bottom: 0;}
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child{ padding-bottom:10em;}
.page_con .page_con_inner{ padding:0 1em;}

.page_txt:not(:last-child){ margin-bottom:3.5em;}
.page_txt.m0{ margin-bottom:.75em;}
.page_txt.m1{ margin-bottom:1.25em;}
.page_txt.m2{ margin-bottom:5em;}
.page_txt .tit.icon{ position:relative;}
.page_txt .tit.icon:before{ content:"";}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:2em;}
.page_txt .txt + .tit{ margin-top:2.5em;}
.page_txt > .txt{ margin-top:2em;}
.page_txt > .txt:first-child{ margin-top:0;}

.page_txt .pointDot{ font-family:var(--fontBase); color:var(--siteC2); font-weight:500;}
.page_txt .pointDot:before{ content:".";}

.page_txt .line{ display:inline-block; width:1px; height:2px;}
.page_txt .line:before{ content:""; display:block; width:100%; height:100%; background:var(--siteC2);}
.page_txt .line.w{ margin:1.75em 0; width:2.25em;}
.page_txt .line.h{ margin:1.5em .125em; height:1.5em;}
.page_txt .line:first-child{ margin-top:0;}
.page_txt .line:last-child{ margin-bottom:0;}
.page_txt .line + .tit,
.page_txt .line + .txt{ margin-top:0;}

.page_txt .ttdot{ position:relative; padding-left:1rem; line-height:1.3;}
.page_txt .ttdot:before{ content:""; position:absolute; left:0; top:.375em; width:.313rem; height:.313rem; background:var(--siteC2); border-radius:50%;}
.page_txt .ttdot + .ttdot{ margin-top:.75em;}

.page_tt.dot1{ margin-bottom:.8em; padding-left:1em; font-weight: 600; font-size:1.5em; color:#111; position: relative;}
.page_tt.dot1::before{ content:''; width: 12px; height: 18px; background:url(../images/sub/tit_bullet.png); position:absolute; left:0; top:7px;}
.page_tt.dot2{margin-bottom:.5em;padding-left: 1.2em;font-weight: 600;font-size: 1.375em;color:#555;position: relative;}
.page_tt.dot2::before{content:'';width: 18px;height: 18px;background:url(../images/sub/tit_bullet2.png);position:absolute;left:0;top: 6px;}

.page_col{ gap:2em 6em;}
.page_col.gp1{ gap:2em 8em;}
.page_col > li{}
.page_col > li.w1{ width:45%;}
.page_col > li.w2{ width:13.75em;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:4em 0 5em 0;}
.page_col > li .round{ border-radius:2em; overflow:hidden;}
.page_col > li .round.st1{ border-radius:1em 6em 1em 6em;}
.page_col > li .round.st2{ border-radius:6em 1em 6em 1em;}
.page_col > li .wrap_img:not(.resize){ position:relative; height:100%;}

.page_list{ counter-reset:subListIdx;}
.page_list > li{ counter-increment:subListIdx;}
.page_list > li .num:before{ content:counter(subListIdx);}

.page_line{ display:block; margin:4em 0; height:0; border-style:solid; border-color:#ddd; border-width:0 0 1px 0;}
.page_line:first-child{ margin-top:0;}
.page_line:last-child{ margin-bottom:0;}
.page_line.dot{ border-style:dashed; border-color:#ccc;}

.page_twrap{ margin-top:4em}
*:not(.page_twrap) + .page_twrap,
.page_twrap:first-child{ margin-top:0;}

.page_box{ padding:1.5em 1.5em; border-radius:.5em; box-shadow:0 3px 1em rgba(0,0,0,.07);}

.memo_box{ padding:2em 2.5em; background:var(--crGray2);}
.memo_box.st1{ display:flex; flex-wrap:wrap; gap:1em 2em;}
.memo_box.st1 > *{ box-sizing:border-box; min-width:0;}
.memo_box.st1 .memo_con{ flex:1;}

/**/
.step_tit{ text-align:center;}
.step_tit .t1{ font-size:2.000em; font-weight:600;}
.step_tit .t2{ font-size:1.188em; margin-top:1.25em;}

.step_st{ display:flex; justify-content:center; gap:0 5em; margin:2.5em 0 4em 0; word-break:keep-all; counter-reset:stepIdx;}
.step_st:first-child{ margin-top:0;}
.step_st > li{ width:6.5em; counter-increment:stepIdx;}
.step_st > li .ico{ position:relative}
.step_st > li:not(:last-child) .ico:before{ content:""; position:absolute; left:100%; top:50%; width:5em; height:1px; background:#ddd}
.step_st > li .ico .xi{ position:relative; font-size:1em; width:1.875em; height:1.875em; margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; background:#ccc; border-radius:50%}
.step_st > li .ico .xi:before{ content:counter(stepIdx);}
.step_st > li .tt{ margin-top:.75em; text-align:center; font-size:1.063em; color:#666; font-weight:500; line-height:1.3;}
.step_st > li.on .tt{ font-weight:600; color:var(--siteC2)}
.step_st > li.on .ico .xi,
.step_st > li.on .ico:before{ background:var(--siteC2);}
.step_st > li.on .ico .xi:before{content:"\e928"}
.step_st > li.on .ico .xi:after{ content:""; position:absolute; top:-.25em; bottom:-.25em; left:-.25em; right:-.25em; border:2px dotted var(--siteC2); border-radius:50%; opacity:.4;}
.step_st > li:not(.on) .ico .xi:before{ font-family:var(--fontBase); font-size:.875em; font-weight:700;}

/*member style*/
.login_wrap{ width:540px; max-width:var(--fullWidth); margin:0 auto; box-sizing:border-box;}
.login_wrap.w1{ width:680px}
.login_wrap.w2{ width:1000px}
.login_wrap .join_sec{ display:flex; justify-content:space-between; flex-wrap:wrap}
.login_wrap .join_sec > li{ width:49%}
.login_wrap .join_sec > li.w100{ width:100%}

.login_tab{ display:flex; padding:0 1px 0 0; margin-bottom:2em;}
.login_tab > li{ flex:1 1 1%;}
.login_tab > li > a{ display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; height:4.5em; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.7); background:var(--crGray2); margin:0 -1px -1px 0}
.login_tab > li:first-child > a{ border-radius:.5em 0 0 .5em;}
.login_tab > li:last-child > a{ border-radius:0 .5em .5em 0;}
.login_tab > li > a .t1{ font-weight:500; font-size:1.25em}
.login_tab > li > a.on{ background:var(--siteC); border-color:transparent; color:#fff}
.login_tab > li > a.on:after{ content:""; position:absolute; left:50%; transform:translate(-50%, 50%) rotate(45deg); bottom:-1px; width:.75em; height:.75em; background:#fff}

.layer_inp{ display:block; position:relative}
.layer_inp .inp:focus{ z-index:1}
.layer_inp .inp{ border:1px solid #ddd; margin-bottom:-1px; padding:1em; padding-left:4em; height:3.75em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size:1.188em}
.layer_inp select.inp{ padding-left:3.75em}
.layer_inp select.inp optgroup,
.layer_inp select.inp option{ font-weight:400;}
.layer_inp:first-child .inp{ border-top-left-radius:.5em; border-top-right-radius:.5em}
.layer_inp:last-child .inp{ border-bottom-left-radius:.5em; border-bottom-right-radius:.5em}
.layer_inp .tt{ position:absolute; left:4.25em; top:0; width:100%; height:100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .5em; z-index:2; color:#666; font-weight:500}
.layer_inp .tt > i{ font-size:1.188em}
.layer_inp .ico{ font-size:1em; position:absolute; left:0; top:0; width:4.5em; height:100%; display:flex; align-items:center; justify-content:center; z-index:2}
.layer_inp .ico:before{ font-size:1.5em}
.layer_inp .inp:focus{ border-color:var(--siteC2); outline:none}
.layer_inp .inp:valid ~ .tt,
.layer_inp .inp:focus ~ .tt{ width:auto; height:1em; transform:translateY(-50%); backdrop-filter:blur(1em); color:var(--siteC2)}
.layer_inp .inp:valid ~ .tt > i,
.layer_inp .inp:focus ~ .tt > i{ font-size:.875em}

.login_wrap .login{ display:flex; flex-direction:column}
.login_wrap .login > *{ width:100%; box-sizing:border-box}
.login_wrap .btn{ height:3.5em; border-radius:.5em; border:1px solid transparent; font-weight:600; font-size:1.188em}
.login_wrap .btn .xi{ font-size:1em; margin-right:.25em}
.login_wrap .btn.c1{ background:var(--siteC2); color:#fff}
.login_wrap .btn.c2{ background:#000; color:#fff}
.login_wrap .btn.c3{ background:var(--crGrad1); border:none; color:#fff}
.login_wrap .btn.s1{ font-size:1.063em}
.login_wrap .check_wrap{ padding:1.5em .25em;}
.login_wrap .check_wrap .label_st{ font-size:1.063em;}
.login_wrap .check_wrap + .page_btn{ margin-top:0;}
.login_wrap .page_btn{ margin-top:2em; gap:.5em;}
.login_wrap .page_btn.gap1{ gap:.5em 2em;}
.login_wrap .inp_flex{ display:flex; gap:1em;}
.login_wrap .inp_flex .inp_wrap{ flex:1 1 0%; min-width:0;}
.login_wrap .inp_flex .page_btn{ width:9em; margin-top:0}
.login_wrap .inp_flex .page_btn .btn{ height:100%}
.login_wrap .link_wrap{ padding:2em 0;}
.login_wrap .link_wrap:last-child{ padding-bottom:0;}
.login_wrap .link_wrap a{ position:relative; padding:0 1.5em; font-size:1.063em; color:#666; font-weight:500;}
.login_wrap .link_wrap a + a:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:1em; background:#000; opacity:.15; transform:translateY(-50%);}
.login_wrap .link_wrap a.point{ font-size:1.063em; color:#111; font-weight:600;}
.login_wrap .link_wrap a:hover{ text-decoration:underline;}
.login_wrap .sns_tit{ overflow:hidden; margin:2em 0; text-align:center;}
.login_wrap .sns_tit .in{ position:relative; display:inline-block; padding:0 1em; font-size:1.250em; font-weight:600;}
.login_wrap .sns_tit .in:before,
.login_wrap .sns_tit .in:after{ content:""; position:absolute; top:50%; width:1000px; height:1px; background:#ddd;}
.login_wrap .sns_tit .in:before{ right:100%;}
.login_wrap .sns_tit .in:after{ left:100%;}
.login_wrap .sns_login{ display:flex; flex-wrap:wrap; align-items:center; gap:.5em;}
.login_wrap .sns_login > li{ flex:1;}
.login_wrap .sns_login > li .in{ height:3.5em; gap:.75em;}
.login_wrap .sns_login > li .in .ico{ font-size:1.500em;}
.login_wrap .sns_login > li .in .tt{ font-size:1.063em; font-weight:500;}
.login_wrap .sns_login > li.nv .in{ background:var(--snsNv); color:#fff;}
.login_wrap .sns_login > li.ka .in{ background:var(--snsKa);}

.login_wrap.st1{ padding:3em 3em; background:var(--crGray2); border-radius:1em;}

.fin_box{ background:var(--crGray2); border-radius:.5em; padding:3em; text-align:center;}
.fin_box .fin{ display:inline-flex; align-items:center; gap:1em; margin:.5em 0;}
.fin_box .fin *{ line-height:normal !important;}
.fin_box .xIco{ margin-bottom:1em;}
.fin_box .xIco .xi{ font-size:1.750em;}
.fin_box .tit{ font-size:1.75em; font-weight:600; margin-bottom:1em;}
.fin_box .tit.s1{ font-size:1.375em}
.fin_box .tt1{ line-height:1.5; font-size:1.063em; color:#444;}
.fin_box .tt2{ font-size:1.250em; font-weight:500;}
.fin_box .tt_point{ font-size:1.750em; color:var(--siteC); font-weight:700;}
.fin_box .tt_no{ display:inline-flex; align-items:center; gap:1em; margin-top:1em; height:3em; padding:0 2em; background:var(--siteC); border-radius:6em; color:#fff;}
.fin_box .tt_no .no{ font-size:1.250em; font-weight:600;}
.fin_box .fs:not(:last-child):after{ content:","}

.agree_box{ border-radius:.5em; border:1px solid #ddd; padding:1.5em 1.75em;}
.agree_box p{ padding:.375em 0;}
.agree_box strong,
.agree_box b{ font-weight:600; color:#111;}
.agree_box.tt1{ color:#555; font-size:1.063em; line-height:1.5}
.agree_box.h1{ height:14em;}

.btn_vf{ padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s}
.btn_vf .ico{ width:8em; height:8em; border:3px dotted var(--crGray); border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1.5em}
.btn_vf .ico img{ height:45%}
.btn_vf .t1{ font-weight:700; font-size:1.25em}
.btn_vf .t2{ color:#666; margin-top:.5em}
.btn_vf .st{ padding:.75em .5em; background:var(--crGrad1); width:100%; max-width:12em; border-radius:.5em; box-sizing:border-box; font-size:1.125em; font-weight:500; color:#fff; margin-top:1.5em}
.btn_vf:hover,
.btn_vf:focus{ border-color:var(--siteC2); box-shadow:0 0 1em rgba(0,0,0,.1)}


/*대관 페이지*/
/* .page_rental_wrap{}

.page_filter_wrap{ margin-bottom:3em; padding:2em 2em; background:var(--crGray2); border:1px dashed #ccc; border-radius:.5em;}
.rental_filter *{ box-sizing:border-box;}
.rental_filter > *,
.rental_filter .filter_sec > *{ min-width:0;}
.rental_filter,
.rental_filter .filter_sec{ display:flex; flex-wrap:wrap; align-items:center;}
.rental_filter{ gap:1em 3em;}
.rental_filter .filter_sec{ gap:1em 1.5em;}
.rental_filter .filter_sec .sec_tit{ display:flex; align-items:center; gap:.5em; min-width:5em;}
.rental_filter .filter_sec .sec_tit:before{ content:""; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%;}
.rental_filter .filter_sec .sec_tit .tt{ flex:1; font-size:1.125em; font-weight:600;}
.rental_filter .filter_sec .sec_con{ font-size:1.063em;}
.rental_filter .filter_sec .sec_con .sel{ width:16em;}
.rental_filter .filter_sec .sec_con .label_wrap{ gap:1em 1.75em;}
.rental_filter .mgL{ margin-left:auto;}
.rental_filter + .rental_filter{ margin-top:1.25em; padding-top:1.25em; border-top:1px dashed #e5e5e5;}

.rental_filter.st2{}
.rental_filter.st2 .filter_sec{ flex:1;}
.rental_filter.st2 .filter_sec .sec_con{ flex:1;}
.rental_filter.st2 .filter_sec .sec_con .sel,
.rental_filter.st2 .filter_sec .sec_con .inp{ width:100%;}

.rental_filter .filter_sec.w1{ flex:0 0 calc(50% - 12.437em);}

.filter_result{ display:flex; align-items:center; margin-bottom:1.25em;}
.filter_result .mgL{ margin-left:auto;}
.filter_result .total{ display:flex; align-items:center; gap:.5em;}
.filter_result .t1{ font-size:1.250em; font-weight:500;}
.filter_result .t2{ font-size:1.500em; font-weight:700; color:var(--siteC2);}
.filter_result .t3{ font-size:1.125em; font-weight:500;}

.rental_cal_wrap{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-around; gap:2em 3em; padding:2em 6em;}
.rental_cal_wrap > *{ min-width:0; box-sizing:border-box;}
.rental_control{ position:absolute; top:50%; left:0; right:0;}
.rental_control > .btn{ position:absolute; top:0; transform:translateY(-50%); width:3em; height:3em; border:2px solid #ddd; border-radius:50%; color:#555;}
.rental_control > .btn.prev{ left:0;}
.rental_control > .btn.next{ right:0;}
.rental_control > .btn .xi{ font-size:1.250em;}
.rental_control > .btn.prev .xi:before{ content:"\e93b"}
.rental_control > .btn.next .xi:before{ content:"\e93e"}
.rental_control > .btn:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}

.rental_cal_con{ width:30.5em; max-width:calc(50% - 1.5em); text-align:center;}
.rental_cal_con .top_month{ padding:.5em 0 1.5em 0;}
.rental_cal_con .top_month .tt{ font-size:1.375em; font-weight:700;}
.rental_cal_con .mid_week{ display:grid; grid-template-columns:repeat(7, 1fr); gap:.25em; height:3em; margin-bottom:1em;}
.rental_cal_con .mid_week > li{ display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid var(--crGray); border-radius:.5em;}
.rental_cal_con .mid_week > li .tt{ font-size:.875em; font-weight:600; text-transform:uppercase;}
.rental_cal_con .con_day{ display:grid; grid-template-columns:repeat(7, 1fr); grid-template-rows:repeat(5, 4.5em); align-items:center;}
.rental_cal_con .con_day > li{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center; text-align:center; width:2.75em; height:2.75em; border-radius:.5em; margin:0 auto; cursor:pointer;}
.rental_cal_con .con_day > li .tt{ font-size:.938em;}
.rental_cal_con .con_day > li.disabled{ color:#bbb; cursor: default;}

.rental_cal_con .con_day > li.first, 
.rental_cal_con .con_day > li.last{ color:#fff; font-weight:700;}
.rental_cal_con .con_day > li.first:before, 
.rental_cal_con .con_day > li.last:before{ content:""; width:100%; height:100%; border-radius:.5em; position:absolute; top:0; left:0; z-index:-1;}
.rental_cal_con .con_day > li:not(.last, :nth-of-type(7n)):after{ content:""; width:calc(100% + 1.25vw); height:100%; position:absolute; top:0; left:50%; z-index:-2;}

.rental_cal_con .con_day > li.ready,
.rental_cal_con .con_day > li.ready:after{ background-color:#e0ebf7;}
.rental_cal_con .con_day > li.ready.first:before, 
.rental_cal_con .con_day > li.ready.last:before{ background-color:#2e78cc;}

.rental_cal_con .con_day > li.event,
.rental_cal_con .con_day > li.event:after{ background-color:#e6e3f2;}
.rental_cal_con .con_day > li.event.first:before, 
.rental_cal_con .con_day > li.event.last:before{ background-color:var(--siteC2);}

.rental_cal_con .con_day > li.out,
.rental_cal_con .con_day > li.out:after{ background-color:#dff5f5;}
.rental_cal_con .con_day > li.out.first:before, 
.rental_cal_con .con_day > li.out.last:before{ background-color:#25b9bb;}

.rental_cal_con .con_day > li.banner,
.rental_cal_con .con_day > li.banner:after{ background-color:#f8e5eb;}
.rental_cal_con .con_day > li.banner.first:before, 
.rental_cal_con .con_day > li.banner.last:before{ background-color:#d15276;}

.cal_state{ display:flex; align-items:center; gap:.25em;}
.cal_state > li{ display:flex; align-items:center; justify-content:center; text-align:center; height:2em; padding:0 1em; border-radius:.25em; color:#fff; font-weight:500;}
.cal_state > li .tt{ font-size:.875em;}
.cal_state > li.ready{ background-color:#2e78cc;}
.cal_state > li.event{ background-color:var(--siteC2);}
.cal_state > li.out{ background-color:#25b9bb;}
.cal_state > li.banner{ background-color:#d15276;}

.rental_schedule_wrap{ display:flex; flex-wrap:wrap; gap:1.5em;}
.rental_schedule_wrap .rental_schedule{ flex:1; max-width:50%;}
.rental_schedule .wrap_in{ display:flex; flex-direction:column; gap:.75em; height:100%;}
.rental_schedule .top_tit{}
.rental_schedule .top_tit > .in{ position:relative; height:3em; padding:0 1em; border:1px solid var(--siteC); border-radius:.5em; color:var(--siteC);}
.rental_schedule .top_tit > .in .tt{ font-weight:600;}
.rental_schedule .con_inner{ display:flex; flex-direction:column; flex:1; padding:1em; border:1px solid #ddd; border-radius:.5em;}

.rental_schedule .con_inner .etc_tt{ margin-bottom:1.25em; text-align:center; color:var(--crRed); font-weight:600;}
.rental_schedule .con_inner .page_btn{ margin-top:auto; padding-top:2em;}
.rental_schedule .con_inner .page_btn .input_st.on{ background:#ccc;}

.rental_schedule.active .top_tit > .in,
.rental_schedule.complete .top_tit > .in{ background:var(--siteC); color:#fff;}
.rental_schedule.active .top_tit > .in:after,
.rental_schedule.complete .top_tit > .in:after{ content:""; display:block; position:absolute; bottom:0; left:50%; border-style:solid; border-color:var(--siteC) transparent transparent; border-width:7px 7px 0; transform:translate(-50%,100%);}
.rental_schedule:not(.active):not(.complete) .con_inner{ display:none;}

.schedule_time{}
.schedule_time > li + li{ margin-top:1em;}
.schedule_time .time_wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:.75em; font-size:.813em;}
.schedule_time .time_wrap .label_st{}
.schedule_time .time_wrap .label_st input{ zoom:1.2;}
.schedule_time .time_wrap .time{ width:6.5em;}
.schedule_time .time_wrap .time_sel{ display:flex; flex-wrap:wrap; align-items:center; gap:.5em; flex:1;}
.schedule_time .time_wrap .time_sel .sec{ display:flex; align-items:center; gap:.25em;}
.schedule_time .time_wrap .time_sel .input_st.sel{ padding:0 2.4em 0 .75em;}
.schedule_time .time_wrap .time_sel .input_st.inp{ padding:0 .75em; max-width:5em;}

.vol_st{ display:inline-flex;}
.vol_st .btn,
.vol_st .inp{ height:2.125em; border:1px solid #ddd; box-sizing:border-box; text-align:center; background:#fff;}
.vol_st .btn{ width:2.125em; color:#111}
.vol_st .btn .xi{ font-size:1.125em;}
.vol_st .btn.minus .xi:before{ content:"\e91b"}
.vol_st .btn.plus .xi:before { content:"\e914"}
.vol_st .btn:hover{ background:#f5f5f5}
.vol_st .inp{ width:3.5em; border-width:1px 0;}
.vol_st .inp[disabled="disabled"]{ background:#f5f5f5;}

.payment_wrap{}
.payment_wrap .select{}
.payment_wrap .select .list{ display:flex; flex-wrap:wrap; gap:.5em;}
.payment_wrap .select .list > li{ display:flex; width:calc(20% - .4em);}
.payment_wrap .select .list > li > label{ flex:1; box-sizing:border-box;}

.payment_wrap .detail{}
.payment_wrap .detail .wrap_st{ margin-top:2em; padding:2em 2em; background:var(--crGray2);}
.payment_wrap .detail .wrap_st .inpW{ display:flex; flex-wrap:wrap; margin:-.25em}
.payment_wrap .detail .wrap_st .inpW .el{ margin:.25em}
.payment_wrap .detail .wrap_st .inpW .w1{ width:calc(50% - .5em)}

.label_pay{ position:relative; display:block; cursor:pointer}
.label_pay input{ width:1px; height:1px; opacity:0; position:absolute; z-index:-1}
.label_pay .in{ background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; padding:.5em; height:4.5em; text-align:center; border-radius:.5em; border:1px solid #ddd; position:relative}
.label_pay .tt{ display:flex; align-items:center; justify-content:center; gap:.5em; width:100%; color:#333; font-weight:500;}
.label_pay .tt .t1{ font-size:1.063em;}
.label_pay .ico{ width:8em; max-width:80%;}
.label_pay .ico .resize{ padding-bottom:45%; background-repeat:no-repeat; background-position:center; background-size:contain}
.label_pay input:checked ~ .in{ border-color:var(--siteC2); box-shadow:0 0 .5em rgba(0,0,0,.1)}
.label_pay input:checked ~ .in .tt{ color:var(--siteC2); font-weight:600} */


/*대관 가능 일정 조회*/
/* .schedule_check{}
.schedule_check .top_control{ display:flex; align-items:center; justify-content:center; text-align:center; gap:1em 2em;}
.schedule_check .top_control .tt{ font-size:1.500em; font-weight:700;}
.schedule_check .top_control .btn{ width:2.5em; height:2.5em; border:2px solid #ddd; border-radius:50%; color:#555;}
.schedule_check .top_control .btn .xi{ font-size:1.125em;}
.schedule_check .top_control .btn.prev .xi:before{ content:"\e93b"}
.schedule_check .top_control .btn.next .xi:before{ content:"\e93e"}
.schedule_check .top_control .btn:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}
.schedule_check .mid_state{ margin:1.5em 0 1em 0;}
.schedule_check .mid_state,
.schedule_check .mid_state > li{ display:flex; align-items:center;}
.schedule_check .mid_state{ gap:1em 2em;}
.schedule_check .mid_state > li{ gap:.5em .75em;}
.schedule_check .mid_state .tt{ font-size:.938em; font-weight:500;}
.schedule_check .mid_state .state{ width:1.5em; height:1.5em; border:1px solid transparent;}
.schedule_check .mid_state .state.no{ border-color:#ddd;}
.schedule_check .mid_state .state.on{ background:#e6e3f2;}
.schedule_check .mid_state .state.ex{ background:#f2f2f2;}
.schedule_check .con_cal .flex_table .tr,
.schedule_check .con_cal .flex_table .td{ border-color:#ccc; position:relative;}
.schedule_check .con_cal .flex_table .td.calTit{ position:sticky; position:-webkit-sticky; left:0; flex:0 0 8em; background:#fff; box-shadow:2px 0 .375em rgba(0,0,0,.1); z-index:5;}
.schedule_check .con_cal .flex_table .td.on{ background:#e6e3f2; color:var(--siteC2);}
.schedule_check .con_cal .flex_table .td.ex{ background:#f2f2f2; color:#666;} */

/*대관관리*/
/* .page_mng_wrap{}

.mng_pay_desc{ display:flex; flex-wrap:wrap; align-items:center; gap:1em 2em;}
.mng_pay_desc .pay{ flex:1;}
.mng_pay_desc .pay .wrap_con{ display:flex; flex-wrap:wrap; gap:1em 2em;}
.mng_pay_desc .pay .wrap_con > li .in{ display:flex; flex-wrap:wrap; align-items:center; gap:.5em .625em;}
.mng_pay_desc .pay .wrap_con > li + li .in{ padding-left:2em; border-left:1px solid #e1e1e1;}
.mng_pay_desc .pay .wrap_con > li .in .ico{ font-size:1.750em; color:#999;}
.mng_pay_desc .pay .wrap_con > li .in .t1{ font-size:1.063em; font-weight:600;}
.mng_pay_desc .pay .wrap_con > li .in .t2{ font-weight:500; color:#555;}
.mng_pay_desc .pay .wrap_con > li .in .no{ display:flex; align-items:center; gap:.25em; font-weight:700;}
.mng_pay_desc .pay .wrap_con > li .in .no .po{ font-size:1.500em;}
.mng_pay_desc .desc{}
.mng_pay_desc .desc .wrap_con,
.mng_pay_desc .desc .wrap_con > li{ display:flex; flex-wrap:wrap; align-items:center;}
.mng_pay_desc .desc .wrap_con{ gap:1em;}
.mng_pay_desc .desc .wrap_con > li{ gap:.5em;}
.mng_pay_desc .desc .wrap_con > li .tt{ font-size:.938em;}

.mng_title_wrap{ margin-bottom:3em; padding:2em 0; background:#f7f7f7;}
.mng_title{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:1em 2em; margin-bottom:2em;}
.mng_title:last-child{ margin-bottom:0;}
.mng_title .con{ flex:1;}
.mng_title .date{ margin-bottom:1em; font-weight:500; color:#555;}
.mng_title .date .tt{ position:relative;}
.mng_title .date .tt + .tt{ padding-left:1em; margin-left:1em; border-left:1px solid #e5e5e5;}
.mng_title .tit{ font-size:1.500em; font-weight:600; color:var(--siteC);}
.mng_title .tit .tt + .tt:before{ content:" / ";} */




/***********************/
/*MAIN******************/
#loading_bar{ position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:#000; color:#fff;}
#loading_bar .inner{ height:100%;}
#loading_bar .inner .wrap_in{ flex:1; padding-bottom:10vh;}
#loading_bar .mark img{ width:5em; margin-bottom:2em;}
#loading_bar .bar{ position:relative; width:100%; height:1em; background:rgba(255,255,255,.3); margin-bottom:1em;}
#loading_bar #progress_bar{ position:absolute; top:0; left:0; height:100%; width:0; background:#fff;}

.h100{ height:100vh; box-sizing:border-box}
.h200{ height:200vh; box-sizing:border-box}
.h300{ height:300vh; box-sizing:border-box}
.hc100{ height:calc(100vh - 14em); box-sizing:border-box}

.main_pd{ box-sizing:border-box; padding:0 4vw;}

.main_visual{height:100vh; position:relative;}
.main_visual .visualSlide_wrap{height: 100%;}
.main_visual .visualSlide_wrap .visualSlide{ width: 100%; height: 100%;}
.visualSlide .el{width: 100%; height: 100%;  position:relative;}
.visualSlide .el .slideBg{ width: 100%; height: 100%; position:absolute; left:0; top: 0;}
.visualSlide .el .slideBg::before{ content:''; width: 100%; height: 100%; background:linear-gradient(45deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .4)); position: absolute; left: 0; top: 0;}
.visualSlide .el .slideTxt{width: 100%; color:#fff; position:absolute; top:30%;}
.visualSlide .el .slideTxt > .box1{ padding-right:30%; box-sizing:border-box;}
.visualSlide .el .slideTxt .tit{ margin-bottom:.2em; font-weight: 600; font-size:2em;}
.visualSlide .el .slideTxt .tit_en{ font-weight: 800; font-size:3.5em;}
.visualSlide .el .slideTxt .desc{height:8em; margin-top:1em; font-size:1.125em; line-height: 1.4;}
.visualSlide .el .btn_wrap{margin-top:1em;}
.visualSlide .el .btn_wrap .slide_btn{ padding:.8em 1em; border:1px solid #fff;}
.visualSlide .el .btn_wrap .slide_btn .tt{}
.visualSlide .el .btn_wrap .slide_btn .xi{}
.main_visual .visual_banner{width: 100%;background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));padding: 3em 0 2em;position: absolute;bottom: 0;z-index: 1;}
.main_visual .visual_banner .bannerLink_wrap{ position: relative; z-index: 10;}
.visual_banner .bannerLink_list{ gap:0 1em;}
.visual_banner .bannerLink_list > li{ width:calc( ( 100% - 3em) / 4); border-radius:1em; overflow:hidden; box-shadow:0 5px 10px rgba(0, 0, 0, .2)}
.visual_banner .bannerLink_list > li > a{display: flex;flex-direction:column;justify-content: center;align-items:center;padding:2em 1em;/* background:linear-gradient(45deg, var(--gradC2), var(--gradC1)); */background-color: #fff;}
.visual_banner .bannerLink_list > li > a .icon{width: 100px;height: 100px;}
.visual_banner .bannerLink_list > li > a .tit{margin-top:1em;font-weight: 600;font-size:1.25em;color: #333;text-align: center;}
.main_visual .visual_banner::after{/* content:''; */width: 100%;height: 5em;border-radius:10em 10em 0 0;background-color:#fff;position: absolute;left: 0;bottom: 0;z-index: 1;}

/* mainVisual_control */
.mainVisual_control{ position:absolute; left:0; top:60%; width:100%; z-index:10}
.mainVisual_control .paging{color:#fff; width:auto; display:flex}
.mainVisual_control .paging span{ position:relative; background:rgba(255,255,255,.5); opacity:1; width:0; height:3px;border-radius:0; position:relative; transition:.3s; height:2px; counter-increment: vIndex; display:block; margin:0 1.5em}
.mainVisual_control .paging span:before{content:counter(vIndex); position:absolute; right:100%; top:50%; width:1.5em; transform:translateY(-50%)}
.mainVisual_control .paging span:nth-child(-n+10):before{ content:"0" counter(vIndex); font-size:.875em; font-weight: 700;}
.mainVisual_control .paging{ margin-left:1.5em}
.mainVisual_control .paging > span:after{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff}
.mainVisual_control .paging > span.swiper-pagination-bullet-active{ width:5em}
.mainVisual_control .paging > span.swiper-pagination-bullet-active:after{ width:100%; transition:7s}
.mainVisual_control .swiperBtn{ margin-left:.25em}


/**/
.main_con{ padding:6em 0; word-break:keep-all;}
.main_con.pd{padding:0;}
.main_con.bg1{ background:var(--siteC);}

.main_txt:not(:last-child){ margin-bottom:3.5em;}
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt .nw{ white-space:nowrap;}
.main_txt .tit{ margin-top:1.25em;}
.main_txt .txt{ margin-top:3.5em; line-height:1.6;}
.main_txt .tit:first-child,
.main_txt .txt:first-child{ margin-top:0;}
.main_txt .o1{ opacity:.7;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.250em;}
.main_txt .t9{ font-size:3.500em;}
.main_txt .t10{ font-size:4.500em;}
.main_txt .t11{ font-size:5.500em;}
.main_txt .t12{ font-size:6.500em;}
.main_txt .t13{ font-size:8.500em;}
.main_txt .t14{ font-size:10em;}

.main_txt .line:before{ content:""; display:inline-block; width:3px; height:3px; background:#042d5c;}
.main_txt .line.w{ margin:2em 0;}
.main_txt .line.w:before{ width:2.5em;}
.main_txt .line.h{ margin:1.5em .125em;}
.main_txt .line.h:before{ height:1.5em;}
.main_txt .line:first-child{ margin-top:0;}
.main_txt .line:last-child{ margin-bottom:0;}
.main_txt .line + .tit,
.main_txt .line + .txt{ margin-top:0;}

.main_txt .pointDot{ font-family:var(--fontBase); color:var(--siteC2); font-weight:500;}
.main_txt .mark{ display:inline-block; width:3em;}
.main_txt .mark img{ width:100%;}

.main_txt .ico_wrap{ position:relative;}
.main_txt .ico_wrap > .posIco{ position:absolute;}
.main_txt .ico_wrap.st1 > .posIco{ top:.063em; left:0;}
.main_txt .ico_wrap.st1 > .posIco + .tt *[txt-split] .word:first-child{ padding-left:1.5em;}
.main_txt .ico_wrap.st1 > .posIco.rotateAni{ animation-duration: 6s;}

.tLine{ display:inline-block; vertical-align:top; position:relative; padding:.25em .375em;}
.tLine:before{ content:""; position:absolute; left:0; bottom:5%; width:100%; height:40%; background:var(--siteC2); border-radius:5em; opacity:.2;}
.tLine > *{ position:relative}

.main_mq{ overflow:hidden;}
.main_mq .mqTT{ display:flex; flex-shrink:0; white-space:nowrap;}
.main_mq .mqTT > *{ margin:0 .375em;}


.mainTit_wrap{ margin-bottom: 3em;}
.mainTit_wrap .tit{font-weight: 700; font-size:3em;}
.mainTit_wrap .sub_tit{margin-top:.5em; font-size:1.25em; color:#333;}

.main_more{padding-right:2em; font-weight:500; color:#333; position: absolute; right: 0; top: 0;}
.main_more .tt{}
.main_more .xi{transform:rotate(90deg); position: absolute; right:0; transition:all .3s}
.main_more:hover .xi{ position: absolute; right: -0.3em;}

/*main_product*/
.swiper-wrapper{	transition-timing-function: linear;}
.prodSlideWrap{width: 100%; position: relative;}
.prodSlide{ overflow:hidden; }
.prodSlideWrap .slide_btn{width: 2.5em;height: 2.5em;border-radius:50%;border: 1px solid #ddd;background: rgba(255, 255, 255, .9);line-height: 2.5em;text-align: center;position: absolute;top: 7em;z-index: 1;box-shadow: 0 3px 10px rgba(0, 0, 0, .2);cursor: pointer; display: none;}
.prodSlideWrap .slide_btn.show{ display:block}
.prodSlideWrap .slide_btn .xi{color: #999;}
.prodSlideWrap .slide_btn.next{right: -0.25em;}
.prodSlideWrap .slide_btn.prev{left: -0.25em;}

.prdListWrap{}
.prdListWrap .Wrap_tit{margin-bottom: 1em;padding-left: 1em;}
.prdListWrap .Wrap_tit .t1{font-weight: 700; font-size:3em; color: #fff;}

.main_sect01{margin-top: 2em; position:relative; background:url(../images/main/main_sec01_bg.jpg) no-repeat center / cover; border-radius: 380px 0px 0px 0px;overflow:visible;}
.main_sect01::before{content:''; position:absolute; top:0;left:0;width:100%;height:100%; z-index:-1;}
.main_sect01 > .box1{display:flex;justify-content:space-between;gap:5em; padding-top:15em;}
.main_sect01 .mini_ttl{margin-bottom: 0.5em; color: #3AC5EC;}
.main_sect01 .bg_wp{width:25%;}
.main_sect01 .bg_wp .sticky{position: -webkit-sticky;position: sticky;top: 210px;left: 0;padding: 0px 0 300px;}
.main_sect01 .bg_wp .big_ttl{width: 100%; color:#fff; font-size:3em; font-weight: 700; line-height: 1.3; letter-spacing:-1px; word-break:keep-all; }
.main_sect01 .scroll_wp{width: calc(75% - 3em);position:relative;display:flex;justify-content:end;padding: 0 0 10em;}
.main_sect01 .scroll_wp .scroll_ul{position:relative;width:100%;}
.main_sect01 .scroll_wp .scroll_ul > li{/* display:flex; */ /* width: 100%;  *//* position:relative; */}
/* .main_sect01 .scroll_wp .scroll_ul > li:nth-of-type(even){ margin-left:auto; margin-right: 0;} */
.main_sect01 .scroll_wp .scroll_ul > li:not(:first-child){margin-top:10em;}
.main_sect01 .scroll_wp .scroll_ul > li .wrap_in{/* width: 100%;  */padding: 1.5em 1.25em 2em;box-sizing: border-box; position: relative;}
.main_sect01 .prodSlide .swiper-slide .wrap_in:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, .45));opacity:0;transform:scale(.6);transition:.3s;z-index: -1;}
/* .main_sect01 .scroll_wp .scroll_ul > li img{border-radius:1em;} */
.main_sect01 .scroll_wp .scroll_ul > li .img_wrap{background-color:#fff;border-radius: 1em;}
.main_sect01 .scroll_wp .scroll_ul > li .img_wrap img{max-width:70%;}
.main_sect01 .scroll_wp .scroll_ul > li .cont{padding: 0 .5em;box-sizing: border-box;position: relative;z-index: 1;}
.main_sect01 .scroll_wp .scroll_ul > li .cont h5{margin: .8em 0 0;font-weight:700;font-size: 1.75em;color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_sect01 .scroll_wp .scroll_ul > li .cont p{font-weight: 300;font-size: 1.1em;line-height: 1.5;color: #e9e9e9;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .main_more{display:inline-flex; margin-top: 1em; color:rgba(255, 255, 255, .8)!important; position: relative;}
/* .main_sect01 .scroll_wp .bg_logo{position:absolute;bottom:350px;right:-06vw;width:28.125vw;} */
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list{display:flex;flex-wrap:wrap;gap: .5em;margin-top: 2em; position: relative;z-index: 10;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li{border:1px solid rgba(255, 255, 255, .7); border-radius:2em; min-width: calc( (100% - .5em) / 2);box-sizing: border-box; overflow:hidden;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li a{display:block;padding: .8em 1.5em;font-weight: 600; font-size: 1em;color:#fff;text-align: center; transition:background .3s ease;}
.main_sect01 .prodSlide .swiper-slide:hover .wrap_in:before{ opacity: 1; transform: scale(1); box-shadow: 3px 3px 20px rgba(0, 0, 0, .2)}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li:hover a{ background-color:#fff; color:var(--siteC);}
/* main_product*/


/* main_product back240103*/
/* .main_sect01{margin-top: 2em; position:relative; background:url(../images/main/main_sec01_bg.jpg) no-repeat center / cover; border-radius: 380px 0px 0px 0px;overflow:visible;}
.main_sect01::before{content:''; position:absolute; top:0;left:0;width:100%;height:100%; z-index:-1;}
.main_sect01 > .box1{display:flex;justify-content:space-between;gap:5em; padding-top:12em;}
.main_sect01 .mini_ttl{margin-bottom: 0.5em; color: #3AC5EC;}
.main_sect01 .bg_wp{width:25%;}
.main_sect01 .bg_wp .sticky{position: -webkit-sticky;position: sticky;top: 210px;left: 0;padding: 0px 0 300px;}
.main_sect01 .bg_wp .big_ttl{width: 100%; color:#fff; font-size:3em; font-weight: 700; line-height: 1; letter-spacing:-1px; word-break:keep-all; }
.main_sect01 .scroll_wp{width: calc(75% - 3em);position:relative;display:flex;justify-content:end;padding: 0 0 10em;}
.main_sect01 .scroll_wp .scroll_ul{position:relative;width:100%;}
.main_sect01 .scroll_wp .scroll_ul > li{display:flex; width: calc(50% - 2em); position:relative;}
.main_sect01 .scroll_wp .scroll_ul > li:nth-of-type(even){ margin-left:auto; margin-right: 0;}
.main_sect01 .scroll_wp .scroll_ul > li:not(:first-child){margin-top: -20%;}
.main_sect01 .scroll_wp .scroll_ul > li .wrap_in{width: 100%; padding: 1.5em 1.5em 2em;box-sizing: border-box; position: relative;}
.main_sect01 .scroll_wp .scroll_ul > li .wrap_in:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, .45)); opacity:0; transform:scale(.6); transition:.3s;}
.main_sect01 .scroll_wp .scroll_ul > li img{border-radius:1em;}
.main_sect01 .scroll_wp .scroll_ul > li .cont{ padding: 0 1em; box-sizing: border-box;position: relative; z-index: 1;}
.main_sect01 .scroll_wp .scroll_ul > li .cont h5{ margin:1em 0 .5em; font-weight:700; font-size:2.25em; color:#fff;}
.main_sect01 .scroll_wp .scroll_ul > li .cont p{font-weight: 400; font-size:1.125em; line-height: 1.5; color: #EAEAEA;}
.main_sect01 .scroll_wp .bg_logo{position:absolute;bottom:350px;right:-06vw;width:28.125vw;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list{display:flex;flex-wrap:wrap;gap: .5em;margin-top: 2em; position: relative;z-index: 10;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li{border:1px solid rgba(255, 255, 255, .7); border-radius:2em; min-width: calc( (100% - .5em) / 2);box-sizing: border-box; overflow:hidden;}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li a{display:block;padding: .8em 1.5em;font-weight: 600; font-size: 1em;color:#fff;text-align: center; transition:background .3s ease;}
.main_sect01 .scroll_wp .scroll_ul > li:hover .wrap_in:before{ opacity: 1; transform: scale(1); box-shadow: 3px 3px 20px rgba(0, 0, 0, .2)}
.main_sect01 .scroll_wp .scroll_ul > li .cont .prdLink_list > li:hover a{ background-color:#fff; color:var(--siteC);} */

/* main_product back*/
/* .main_product{position: relative;}
.main_product::before{ content:''; width: 100%; height: 2em; background:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); position: absolute; left: 0; top: 0;}
.main_product .box1{ position: relative;}
.main_product .product_box{ position: relative;}
.main_product .product_box:not(:first-child){margin-top:6em;}
.main_product .product_box .tit_wrap{ margin-bottom:3em;}
.main_product .product_box .tit_wrap .tt{font-weight: 800; font-size:2.5em;}
.main_product .product_box .tit_wrap .td{font-size:1.125em; margin-top:1em;}
.main_product .product_box .prdLink_wrap{}
.main_product .product_box .prdLink_wrap .prd_list{gap:1em;}
.main_product .product_box .prdLink_wrap .prd_list > li{ width:calc( (100% - 3em) / 4);}
.main_product .product_box .prdLink_wrap .prd_list > li a{ position: relative;}
.main_product .product_box .prdLink_wrap .prd_list > li a .prd_tit{width:100%;padding-bottom: 3.2em;}
.main_product .product_box .prdLink_wrap .prd_list > li a .prd_tit .tt{width:100%; padding:1.5em 1em 0; box-sizing:border-box; font-weight: 600; font-size:1.5em; color:#fff; position:absolute; left:0; top:0}
.main_product .product_box .prdLink_wrap .prd_list > li a .prd_tit .bg{width:100%;height: 8rem;background:linear-gradient(180deg, #000e42, #545457);}
.main_product .product_box .prdLink_wrap .prd_list > li a .prd_img{width: 35%;position:absolute;right: 1.5em;bottom:0;} */


/* main_company */
.main_company{padding-bottom: 8em;}
.main_company .list_wrap{}
.main_company .list_wrap .list{ margin:0 0 -1.875em -1.875em;}
.main_company .list_wrap .list > li{ flex:1; margin:0 0 1.875em 1.875em;}
.main_company .list_wrap .list > li .wrap_in{ flex:1; position:relative; transition:.3s;}
.main_company .list_wrap .list > li .wrap_in:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(-135deg, var(--siteC2), var(--gradC1)); opacity:0; transform:scale(.6); transition:.3s;}
.main_company .list_wrap .list > li .wrap_in > *{ position:relative;}
.main_company .list_wrap .list > li .wrap_in .img{}
.main_company .list_wrap .list > li .wrap_in .con{ padding:1.875em 1em 0 1em; text-align:center; line-height:1.4;}
.main_company .list_wrap .list > li:hover{ position:relative; z-index:2;}
.main_company .list_wrap .list > li:hover .wrap_in:before{ opacity:1; transform:scale(1.2,1.15);}
.main_company .list_wrap .list > li:hover .wrap_in{ color:#fff;}

/* main news */
.main_notice{ background: #f4f4f4;}
.main_notice .cs_wrap{ gap:3em;}
.main_notice .cs_wrap .notice_wrap{width:65%;}
.main_notice .cs_wrap .notice_wrap .notice_list{}
.main_notice .cs_wrap .notice_wrap .notice_list > li{ box-shadow:1px 1px 15px rgba(0, 0, 0, .05);}
.main_notice .cs_wrap .notice_wrap .notice_list > li:not(last-child){margin-bottom:1em;}
.main_notice .cs_wrap .notice_wrap .notice_list > li a{ display: flex; align-items: center; height: 6.5em; padding-left:3em; box-sizing: border-box; border: 1px solid #fff; background: #fff; transition:.3s;}
.main_notice .cs_wrap .notice_wrap .notice_list > li .date{ margin-right: 2em; color:#333; text-align: center; transition:all .3s;}
.main_notice .cs_wrap .notice_wrap .notice_list > li .date .d{ display:block; font-weight: 700; font-size:2.5em;}
.main_notice .cs_wrap .notice_wrap .notice_list > li .date .ym{ display:block; font-weight: 700; font-size:.9375em;}
.main_notice .cs_wrap .notice_wrap .notice_list > li .txt{ max-width:85%}
.main_notice .cs_wrap .notice_wrap .notice_list > li .txt .tit{ font-weight: 400; font-size:1.125em; color:#333; transition:all .3s;}
.main_notice .cs_wrap .notice_wrap .notice_list > li:hover a{ border-color:var(--siteC2)}
.main_notice .cs_wrap .notice_wrap .notice_list > li:hover .date, 
.main_notice .cs_wrap .notice_wrap .notice_list > li:hover .txt .tit{ color:var(--siteC2)}

.main_notice .cs_wrap .faq_btn{ width:calc(35% - 3em); height:29em; background:url('../images/main/main_faq_bg.jpg?<?=$fileVer?>') no-repeat 0 0 / cover; position: relative;}
.main_notice .cs_wrap .faq_btn::before{ content:''; width: 100%; height: 100%; background:linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, .2)); position: absolute; left: 0; top: 0;}
.main_notice .cs_wrap .faq_btn > a{display:block; width: 100%; height: 100%; padding:6em 1.5em 1.5em 3.75em; box-sizing:border-box; color:#fff; position: relative; }
.main_notice .cs_wrap .faq_btn > a .tit{font-weight: 600; font-size: 2em; margin-bottom:.8em;}
.main_notice .cs_wrap .faq_btn > a .desc{ font-size:1.125em; }
.main_notice .cs_wrap .faq_btn > a .more{ display: flex; justify-content: center; align-items: center; width: 180px; height: 55px; font-weight: 500; font-size: 1.125em; position: absolute; right: 0; bottom: 0;  background:var(--siteC2); ; transition: .3s;}
.main_notice .cs_wrap .faq_btn:hover > a .more{background:#777;}




/***********************/
/*SUB******************/
.page_greetings{}

.page_location{}
.page_location .map_info{}
.page_location .map_info > li{ gap:1em;}
.page_location .map_info > li + li{ margin-top:.75em;}
.page_location .map_info > li .ico{ font-size:.938em; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; width:2em; height:2em; background:var(--siteC2); border-radius:50%; color:#fff;}
.page_location .map_info > li .tt{ flex:1; font-size:1.313em; font-weight:500;}
.page_location .map_wrap .root_daum_roughmap{ width:100% !important;}
.page_location .map_wrap .root_daum_roughmap .cont{ margin-top:2em; font-family:var(--fontBase); font-size:1rem !important; letter-spacing:0;}
.page_location .map_wrap .root_daum_roughmap .cont *{ font-size:inherit !important;}
.page_location .map_wrap .root_daum_roughmap .cont .section{ margin:0 0; padding:1.75em 0;}
.page_location .map_wrap .root_daum_roughmap .section .title{ margin-bottom:1.5em; font-size:1.125em !important; font-weight:600;}
.page_location .map_wrap .root_daum_roughmap .section_busline .wrap_list li{ margin-bottom:1em;}


/* product */
.dp1_product #contents .sub_page_con{ padding-top: 2em;}
.dp1_product #contents .sub_page_top{ height: 20em;}
.dp1_product #contents .sub_page_tit{ padding-bottom: 3em;}
.dp1_product #contents .sub_page_tit .tit_inner{ padding-bottom: 0;}
.dp1_product #contents .sub_page_tit .nav{ display: none;}
.dp1_product #contents .sub_page_con .con_tit{ padding-bottom: 1em;  text-align: left!important;}
.dp1_product #contents .sub_page_con .con_tit .tt{font-size: 2.75em;}

.dp1_product #contents .nav{ color:#777;}
.dp1_product #contents .nav > li{}
.dp1_product #contents .nav > li .xi{ width:1.5em; height:1.5em; background:var(--siteC2); border-radius:50%; font-size:1em; color:#fff;}
.dp1_product #contents .nav > li .tt{ vertical-align:middle; font-size:.938em; font-weight:500;}
.dp1_product #contents .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
.dp1_product #contents .nav > li:last-child .tt{ font-weight:600; text-decoration:underline;}

.dp1_product #contents .sub_page_con .con_menu{padding-top:.5em}
.dp1_product #contents .sub_page_con .con_menu ul:not(.dp3){ display:block;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp4{ display:none;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3{flex-wrap: wrap;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li{ width:calc( 100% / 5);}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li > a{margin:0 -1px -1px 0;padding:0 2em;height:3.5em;border:1px solid var(--crGray);color:#555;transition:.2s;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size:1.125em; font-weight:600;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li.act > a,
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li.on > a{background: #d9d9d9;border-color: #d9d9d9;color: #333;}
.dp1_product #contents .sub_page_con + .doc{padding-top: 1em;}


#contents .doc.product{ padding:2em 0 10em;}

.prd_cate{ }
.prd_cate .box1{ width: 100%;}

.prd_cate .gnb{ display:block; /* transform:translateX(-2em); */}
.prd_cate .gnb .dp2{ flex-wrap: wrap;}
.prd_cate .gnb .dp2 > li{width: calc(100% / 5); }
.prd_cate .gnb .dp2 > li > a{ /* padding:1em 2em; */ height: 4em; padding: 1em 2em; color:#333;     margin: 0 -1px -1px 0; border: 1px solid var(--crGray); color: #555; transition: .2s;}
.prd_cate .gnb .dp2 > li.on > a{ background: var(--siteC); color:#fff;}
.prd_cate .gnb .dp2 > li > a .tt{ font-size:1.250em; font-weight:600; word-break: keep-all;}
.prd_cate .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
/* .prd_cate .gnb .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:var(--crWhite); transform:scaleX(0); transition:transform .3s;} */
.prd_cate .gnb .dp2 > li.act > a .in,
.prd_cate .gnb .dp2 > li.on > a .in{}
/* .prd_cate .gnb .dp2 > li.act > a .in:after,
.prd_cate .gnb .dp2 > li.on > a .in:after{ transform:scaleX(1);} */
.prd_cate .gnb .dp3{ display:none;}
/* .prd_cate .gnb .dp2 > li.on .dp3{ display:block;} */

.prod_kind_wrap{margin-bottom: 4em; padding: 1em 3em;border:1px solid #ddd;background-color: #f2f2f2;}
.prod_kind_wrap .inner{gap: 7em;}
.prod_kind_wrap .cate_name{ gap:1em;}
.prod_kind_wrap .cate_name .xi{ color:var(--siteC2);}
.prod_kind_wrap .cate_name .tt{ font-weight: 600; font-size: 1.25em; color:#333; }
.prod_kind_wrap .kind_list{ flex:1;}
.prod_kind_wrap .kind_list > ul{gap:1em 3em;}
.prod_kind_wrap .kind_list > ul li{padding-left:1em;position:relative;width: calc( (100% - 9em) / 4);}
.prod_kind_wrap .kind_list > ul li::before{ content:''; width:5px; height:5px; border-radius:50%; background-color:var(--siteC2); position:absolute; left:0; top: 6px;}

.list_prod_wrap{ /* padding-top:3em; */}
.list_prod_wrap .list_prod{ gap:2em 1.5em;}
.list_prod_wrap .list_prod .prod{ width:calc((100% - 4.5em) / 4); border:1px solid #ddd; box-shadow:2px 2px 5px rgba(0, 0, 0, .1); }
.list_prod_wrap .list_prod.relprod_slide .prod{width: 100%;}
.list_prod .prod{ border:1px solid #ddd; box-shadow:2px 2px 5px rgba(0, 0, 0, .1); }
.list_prod .prod .in .img_wrap{ display:block; position:relative; overflow:hidden; border-bottom:1px solid #d8dae4;}
.list_prod .prod .in .img_wrap:before{ content:""; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; visibility:hidden; transition:.3s}
.list_prod .prod .in .img_wrap:after { content:"\e917"; font-family:xeicon!important; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%, -50%); font-size:2em; color:#fff; opacity:0; visibility:hidden; transition:.3s}
.list_prod .prod .in .img_wrap img{ max-width:65%; transition:.3s}
.list_prod .prod .in .con_wrap{ flex:1; padding:1.25em 1.5em;}
.list_prod .prod .in .con_wrap .origin{ display:block; font-size:.938em; padding-top:.25em; opacity:.6; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_prod .prod .in .con_wrap .name{ display:block; font-size:1.250em; color:#222; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_prod .prod .in .con_wrap .desc{ }
.list_prod .prod .in .con_wrap .desc .td{ display:block; padding-top:1em; word-break:break-all; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_prod .prod .in:hover .origin{ }
.list_prod .prod .in:hover .name{ color:var(--siteC2); text-decoration:underline}
.list_prod .prod .in:hover .img_wrap:before{ opacity:.3; visibility:visible}
.list_prod .prod .in:hover .img_wrap:after{ opacity:1; visibility:visible; transform:translate(-50%, -50%) rotate(90deg)}
.list_prod .prod .in:hover .img_wrap img{ transform:scale(1.2,1.2);}

.list_prod_wrap .list_prod .no_cart{ width:100%;}

/* prod_view */
.prodView_page{}
.prodView_intro{ margin-bottom: 6em;}
.prodView_intro .prodView_img{ width:40%; border:1px solid #ddd; box-shadow:0 0 5px rgba(0, 0, 0, .1)}
.prodView_intro .prodView_img .img{ width: 100%;}
.prodView_intro .prodView_img .img img{}
.prodView_intro .prodView_info{ flex:1; padding-top:1em; padding-left:4em; position:relative;}
.prodView_intro .prodView_info .prod_tit{ border-bottom:2px solid var(--siteC2); padding:.5em .5em 1.5em .5em}
.prodView_intro .prodView_info .prod_tit .t1{ font-size:2.25em; color:var(--siteC); font-weight:600;}
.prodView_intro .prodView_info .prod_tit .t2{ font-size:1.1em; color:#555; padding-top:.625em;}

.prodView_intro .prodView_info .table_st .w_form_tit{ width:12em;}
.prodView_intro .prodView_info .table_st th,
.prodView_intro .prodView_info .table_st td{ padding:1.2em 1.5em; text-align-last: left;}
.prodView_intro .prodView_info .table_st tr:not(:last-child) th,
.prodView_intro .prodView_info .table_st tr:not(:last-child) td{ border-bottom:1px solid #ddd}
.prodView_intro .prodView_info .table_st th{ background-color:#f6f6f6;}
.prodView_intro .prodView_info .table_st.prod_info{ border-bottom:2px solid #333; margin-bottom:3em;}
.prodView_intro .prodView_info .table_st.prod_info .tt{ font-size:1.1em; color:#111; }
.prodView_intro .prodView_info .table_st.prod_info .td{ font-size:1.1em; color:#555;}

.prodView_intro .prodView_btn{ gap:.2em;}
.prodView_intro .prodView_btn > li{ flex:1;}
.prodView_intro .prodView_btn > li *{ transition:.3s}
.prodView_intro .prodView_btn > li.st1{}
.prodView_intro .prodView_btn > li.st2{}
.prodView_intro .prodView_btn > li.st3{}
.prodView_intro .prodView_btn > li.st4{}
.prodView_intro .prodView_btn > li .btn{ display:block; line-height:3.5em; text-align:center; font-size:1.063em; font-weight:500; border:1px solid transparent; position:relative;}
.prodView_intro .prodView_btn > li .btn *{ vertical-align:top;}
.prodView_intro .prodView_btn > li .btn .icon{ font-size:1.5em; padding-right:10px}
.prodView_intro .prodView_btn > li.st1 .btn{ background:var(--siteC2); color:#fff}
.prodView_intro .prodView_btn > li.st2 .btn{ background:#333; color:#fff}
.prodView_intro .prodView_btn > li.st3 .btn{ background:#fff; border-color:#333; color:#333}
.prodView_intro .prodView_btn > li.st4 .btn{ background:#844890; color:#fff}
.prodView_intro .prodView_btn > li .btn .arrow{ font-size:1em; width:0; overflow:hidden}
.prodView_intro .prodView_btn > li .btn .arrow:after{ content:"\e93f"; padding-left:3px}
.prodView_intro .prodView_btn > li:hover .btn .arrow{ width:20px}

.prodView_spec{}
.prodView_spec .spec_wrap{}
.prodView_spec .spec_wrap + .spec_wrap{ margin-top:2em;}
.prodView_spec .spec_wrap .spec_tit{border-bottom: 1px solid #111;
    padding: 0.75em 0;}
.prodView_spec .spec_wrap .spec_tit .t1{font-weight: 700;
    font-size: 1.75em;}
.prodView_spec .spec_wrap .spec_con{ padding:3em 0;}
.prodView_spec .spec_wrap .spec_con.spec{ padding:2em 1.5em;}
.prodView_spec .spec_wrap .spec_con.as{ padding:2em 3em;}
.prodView_spec .spec_wrap .spec_con.bg{background-color:#f6f6f6;}
.prodView_spec .spec_wrap .spec_con.bg .inner{ padding:2.5em 1.5em; border-radius:.5em; background-color:#fff;}
.prodView_spec .spec_wrap .spec_con.spec .inner > p{ font-size:1.125em; line-height: 1.4; color:#333; word-break:keep-all;}
.prodView_spec .spec_wrap .spec_con.spec .inner > p + p{ margin-top:2em;}
.prodView_spec .spec_wrap .spec_con.spec .inner > p strong{ font-weight: 600; color:var(--siteC2);}
.prodView_spec .spec_wrap .spec_con.spec .inner table{ margin:0 auto}

.relprod_wrap{ padding:0 1.55em; box-sizing:border-box;  position: relative;}
.relprod_wrap .relprod_slide{ overflow:hidden;}
.relprod_wrap .relprod_slide .swiper-slide{}
.relprod_wrap .relprod_slide .prod{}
.relprod_wrap .relprod_slide .swiperBtn.next{position: absolute!important; right: 0;}
.relprod_wrap .relprod_slide .swiperBtn.prev{position: absolute!important;left: 0;}

/* prodSpectable  */
.prodSpectable  {border-collapse:collapse;border-spacing:0;}
.prodSpectable td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.prodSpectable th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.prodSpectable .tg-phgf{background-color:#EDF2EC;border-color:inherit;color:#666;font-weight:bold;text-align:left;vertical-align:middle}
.prodSpectable .tg-i236{background-color:#EDF2EC;border-color:inherit;color:#666;text-align:left;vertical-align:middle}
.prodSpectable .tg-rcip{background-color:#FFF;border-color:inherit;text-align:center;vertical-align:middle}


/* estimate */
.estimate-table {border-top: 3px solid #232e64;}
.estimate-table .input_st:not(select) {background: #f3f5f8; border: none; border-radius: 5px;}
.estimate-table tbody {}
.estimate-table tbody tr {border-bottom: 3px solid #eee;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {padding: 1em; font-size: 1.125em; }
.estimate-table tbody tr th {background: #fff; color: #555; font-weight: 700; text-align: left;}
.estimate-table tbody tr th .tit {}
.estimate-table tbody tr td {color: #777; line-height: 1.5em; font-weight: 500;}
.estimate-table tbody tr td .info {}
.estimate-table .table_form > li {border: none;}
.estimate-table .board_viewF {background: transparent; border: none; padding: 0;}

.member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#333;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; text-align:right;}



/*privacy*/
.terms_area{ padding:20px; background:#f7f7f7; border-bottom:1px solid #999;  color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500; vertical-align:bottom;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}


/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}

/*ceo message*/
.page_tit1{ margin-bottom:30px;}
.page_tit1 .subtit{ margin-bottom:10px; font-weight:600; font-size:16px; color:rgb(11, 48, 90);}
.page_tit1 .tit-g{font-weight:600; font-size:40px; line-height:48px;}
.page_tit1 .tit-g p:first-child{margin-bottom: 5px; font-weight:200; }
.page_tit1 .tit-g strong{color:#3d66dd; vertical-align:baseline;}
/*
.sub_section{
	width:100%; height:100%; box-sizing:border-box;
	background-color: #f7f7f7;
}
*/
.sub_section .box1{display:flex;}
.sub_section .page_txt{ width:60%; margin-right:3em; font-weight:400; font-size:18px; /* padding:30px 0 80px;  */color:#333; line-height:32px;}
.sub_section .page_txt *{ vertical-align:baseline;}
.sub_section .page_txt > p{ margin-bottom:30px; word-break:keep-all;}
.sub_section .page_txt p:nth-child(4){ margin-bottom:60px;}
.sub_section .page_txt em{ font-weight:600; color:#3d66dd}
.sub_section .page_txt .ceo_sig{ padding-right:3em; font-size: 20px; color:#777; text-align: right;}
.sub_section .page_bg{ width: calc( 40% - 30px); height: 580px; margin-top: -2em; background-image:url(../images/sub/company/about_img.jpg); background-repeat:no-repeat; background-size:cover;}

/* Company - History */
.history-con .history-inner {transform: scale(1); /* height: 100vh; */ margin-bottom: 5em;}
.history-con .history-inner:last-child {margin-bottom: 0;}
.history-con .history-inner.reverse {flex-direction: row-reverse;}
.history-con .history-inner.reverse .history-left .img-wrap {margin-right: 0; margin-left: 3em; }
.history-con .history-left .img-wrap { top:10em; margin-right:3em; width: 55vw; margin-left: -22vw;}
.history-con .history-left .img-wrap .imgfix{ overflow: hidden; border-radius: 2em; height:calc(100vh - 15em)}
.history-con .history-inner .history-right {flex:1; padding-left: 5em; box-sizing: border-box;}
.history-con .history-inner .history-right .item{ margin-bottom:15em;}
.history-con .history-inner .history-right .item .info_list > li + li{ margin-top:1em;}
.history-con .history-inner .history-right .item .month {min-width: 3em;}

/*Company - Organization*/
.motto_wrap{margin-bottom: 5em;padding: 0 5em;}
.motto_list{ gap:3em;}
.motto_list > li{ flex:1; position: relative;}
.motto_list .txt{padding: 18em 2em 3em;color:#fff;text-align: center;position: relative;z-index: 10;}
.motto_list .txt .tt_en{margin-bottom: .5em;font-weight: 400;font-size: 1.125em;}
.motto_list .txt .tt{font-family: 'Noto Serif JP', serif; font-weight: 500;font-size: 2.5em;}
.motto_list .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.motto_list .bg::before{content:'';width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);position: absolute;left: 0;top: 0;}
.motto_list .bg .bgT{width: 1.8em;height: 1.8em; margin: 4rem auto 0; border-radius:50%; border:1px solid #fff; font-weight: 600; font-size:4.5em; line-height: 1.8em; color:#fff; text-align: center;position: relative;opacity: .9;}
.mottoT{font-weight: 500;font-size:1.5em;text-align: center;margin-bottom: 2em;}

/*Company - Ci*/
.patternGrid{background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px)}
.lineGrid {border:1px solid #ddd;}

.logo_intro{ gap:5em; }
.logo_intro .logo{width: 45%; padding:2em; border:1px solid #ddd; }
.logo_intro .logo .img{width: 100%; padding:4em 35%;}
.logo_intro .logo .img img{width: 100%;}
.logo_intro .desc{width: 65%; padding-top:1em;}
.logo_intro .desc .tit{ margin-bottom:.5em; font-weight: 500; font-size:1.25em; color:var(--color_dblue);}
.logo_intro .desc .t1 + .tit{ margin-top:2em;}
.logo_intro .desc .t1{ font-size:1.125em; color:#555; line-height: 1.5;}
.logo_intro .desc .colorInfo{}
.logo_intro .desc .colorInfo > li{}
.logo_intro .desc .btn_wrap{ gap:1em; margin-top:4em;}
.logo_intro::after{content:'';width: 50%;height: 10em;background:url(../images/sub/company/logo_type.svg) no-repeat 0 0 / cover;position: absolute;right: 0;top:14em;z-index: -1; filter: grayscale(1) opacity(.04); /* transform:translateX(100%); */ transition: all 2s;}
/* .scroll .logo_intro::after{ transform:translateX(0);} */

.logotype{ margin-bottom: 3em; padding: 2em; border:1px solid #ddd;}
.logotype .img{ padding:4em 35%; }
.logotype .img img{ width: 100%; }

#vision{/* padding-top:100px; */ padding:0 2em;}
#vision .inner_wrapper>div h3{margin-bottom:15px;font-size:40px}
#vision .inner_wrapper>div>p{font-size:20px; color:#81878d;}
#vision .inner_wrapper>div ul{gap:2em;/* margin-top:66px; */}
#vision .inner_wrapper>div ul li{width:calc( (100% - 8em) / 5); /* height:340px; */border-radius:25px;background-color:#eaeff5;padding:20px 20px 30px 25px; position: relative;}
#vision .inner_wrapper>div ul li:nth-child(2n){background-color:#e2eef9;}
#vision .inner_wrapper>div ul li img{width:90px;height:90px;float:right;}
#vision .inner_wrapper>div ul li .BigT{width:90px;height:90px; border-radius:1em; background:#fff; font-weight: 700; font-size:2em; line-height: 90px; color:var(--siteC2); text-align: center; float:right; }
#vision .inner_wrapper>div ul li p:first-of-type{padding-top:95px;font-size:26px;font-weight:bold;}
#vision .inner_wrapper>div ul li p.point{font-size:18px;padding-bottom:14px;font-weight:500;font-family: 'Poppins', sans-serif;}
#vision .inner_wrapper>div ul li p:last-of-type{font-size:16px;color:#6c747c;line-height:26px;font-weight:300;}

.logo_desc{ margin-bottom:3em; font-size: 1.25em; text-align: center; line-height: 1.6; word-break: keep-all;}

.symbol{ gap:2em;}
.symbol > li{ display: flex; justify-content: center; align-items: center; width:calc( (100% - 2em) / 2); padding:4em; box-sizing:border-box; border:1px solid #ddd; text-align: center; }
.symbol > li img{ width:50%;}
.symbol .type1{}
.symbol .type2{}
.symbol .type2 img{filter:grayscale(1) opacity(.5)}

/*문의*/
.input_diW{ align-items: center; gap: .5em; flex-wrap: wrap;}

/*AS - as*/
.as_page{ }

.prodView_spec .spec_wrap .spec_con.bg.as .inner{ padding:2.5em 3.5em;}
.history-tit-img{ position:relative; height:20em; border-radius: 2em; box-shadow: 3px 0 9px rgba(0,0,0,.15); overflow: hidden;}
.history-tit-img:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0, .65); content: '';}
.history-tit-img .his_txt{ position:relative; height: 100%; z-index: 2;}
.history-tit-img .his_txt > p{ font-size:1.75em; font-weight: 500; line-height: 1.4; color: #fff;}
.as_page .tabList_wrap{ margin-bottom:5em; position: relative;}
.as_page .tabList_wrap .bg{ width: 100%; height: 15em; border-radius:1em; background-repeat:no-repeat; background-size:cover; position: relative; overflow:hidden;}
.as_page .tabList_wrap .bg::before{ content:''; width: 100%; height: 100%; background-color:rgba(0, 0, 0, .6); position: absolute; left: 0; top: 0;}
/* .as_page .tabList_wrap .tabList{ gap:1em; width: 100%; position: absolute; left: 50%; bottom:-1.25em; transform:translateX(-50%);} */
/* .as_page .tabList_wrap .tabList{ gap:1em; width: 100%;}
.as_page .tabList_wrap .tabList > li{}
.as_page .tabList_wrap .tabList > li a{ display:block; padding:.8em 1.25em; border-radius:3em; border:1px solid #ddd; background-color:#fff;  transition:all .3s; box-shadow:3px 3px 10px rgba(0, 0, 0, .1)}
.as_page .tabList_wrap .tabList > li a .t1{ font-weight: 600; font-size:1.125em;  color:#555; transition:all .3s;}
.as_page .tabList_wrap .tabList > li:hover a{ border-color:var(--siteC); background-color:var(--siteC);}
.as_page .tabList_wrap .tabList > li:hover a .t1{  color: #fff;} */
.as_page .tabList_wrap .tabList{width: 100%;}
.as_page .tabList_wrap .tabList > li{ display: flex; align-items: center; justify-content: center; flex: 1;}
.as_page .tabList_wrap .tabList > li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 4em; padding:0 1.25em; border:1px solid #ddd; background-color:#fff; text-align: center; transition:all .3s;}
.as_page .tabList_wrap .tabList > li a .t1{ font-weight: 600; font-size:1.125em; color:#555;  transition:all .3s;}
.as_page .tabList_wrap .tabList > li:hover a{ border-color:var(--siteC); background-color:var(--siteC);}
.as_page .tabList_wrap .tabList > li:hover a .t1{  color: #fff;}

.board_table.as{}
.board_table.as{ table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #111}
.board_table.as th,
.board_table.as td{ height:2em; border-bottom:1px solid #ddd; padding:.5em .5em; font-size:1.063em; color:#555; text-align:center;}
.board_table.as th{ background-color:var(--siteC); font-weight:600; color:#fff;}
/* .board_table.as td:not(:last-child){ border-right:1px solid #ddd; } */
.board_table.as tbody tr:hover{ background:var(--crGray2)}
.board_table.as .rNotice,
.board_table.as .rNotice:hover{ background:#f5f5f5}
.board_table.as .w_num{width: 4em;}
.board_table.as .w_tit{ width: auto;}
.board_table.as .w_etc{ width: 35%;}

.table_bottom{ padding:1em 2.5em;  border-bottom:1px solid #ddd; background-color:#f9f9f9;}

.dot_list{ }
.dot_list .dot{ padding-left:1rem; font-size:1.125em; line-height:1.3; color:#555; position:relative;}
.dot_list .dot + .dot{ margin-top:.75em;}
.dot_list .dot:before{ content:""; position:absolute; left:0; top:8px; width:.313rem; height:.313rem; background:var(--siteC2); border-radius:50%;}
.dot_list .dot.c2:before{ background:var(--siteC4);}

.num_list{}
.num_list > li{ display:flex; align-items:center;}
.num_list > li + li{ margin-top: 0.75em;}
.num_list > li .num{ width:1.5rem; height:1.5rem; min-width: 1.5rem; border-radius:50%; background-color:#aaa; font-weight: 600; font-size:.875em; line-height:1.5rem; color:#fff; text-align: center;}
.num_list > li .tt{ padding-left:1em; color:#333;}

.asTop{ width: 2em; height: 2em; border-radius:50%; border:1px solid #ddd; transition:all .3s;}
.asTop .xi{ font-size:.875em; color:#777;}
.asTop:hover{ background-color:var(--siteC2);}
.asTop:hover .xi{ color:#fff;}

.asOrg_wrap{ padding:0 1em;}
.asOrg_wrap .org_tit{ display:flex; justify-content:center; align-items:center; height: 3.5em; border-radius:.5em; font-weight: 600; font-size:1.125em;}
.asOrg_wrap .dp1 .org_tit{ width:15em; padding:.8em 1em; box-sizing:border-box; background-color:var(--siteC); color:#fff;}
.asOrg_wrap .dp2 .org_tit{ border:1px solid var(--siteC2); background-color:var(--crGray2); color:#555;}

.asOrg_wrap .dp1{display:flex; justify-content:center; align-items:center; margin-bottom:2em; position: relative;}
/* .asOrg_wrap .dp1::before{ content:''; width: 1px; height: 1em; background-color:#aaa; position: absolute; left:calc(50% - 1px); bottom:-1em; transform:translate(-50%);} */
.asOrg_wrap .dp2_wrap{gap:1em;}
.asOrg_wrap .dp2{flex:1; position: relative;}
.asOrg_wrap .dp2::before{ content:''; width:1px; height:1em; background-color:#aaa; position: absolute; left:50%; top:-1em; transform:translate(-50%);}
.asOrg_wrap .dp2:nth-child(2)::before{ height: 2em; top:-2em;}
.asOrg_wrap .dp2:not(:last-child)::after{ content:''; width:calc(100% + 1em); height: 1px; background-color:#aaa; position: absolute; left: 50%; top:-1em;}
.asOrg_wrap .dp2 .con{ display:flex; align-items:center; min-height:12em; margin-top: .5em; padding:1em 2em; border:1px solid #ddd; border-radius:.5em; box-shadow:1px 1px 10px rgba(0, 0, 0, .1)}

.intro-service-list{display: flex; gap:3em; margin-top:40px;}
.intro-service-list li{width:calc( (100% - 9em) / 4); text-align:center; background:#fff; padding:40px 15px; box-sizing:border-box; border:1px solid #ddd;}
.intro-service-list li .icon{display: block; width: 80px; height: 80px; margin:0 auto 1.5em; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:.8;}
.intro-service-list li .num{display: block; font-size:18px; line-height:1.5; letter-spacing:-0.25px; color:#cecece; font-weight:600; margin-bottom:13px;}
.intro-service-list li .txt{font-size:18px; line-height:1.55; letter-spacing:-0.5px; color:#555;}