@charset "utf-8"; /* CSS Document */
.box0 { padding:0 4vw } 
.box1 { width:1280px; margin:0 auto; max-width:94% } 
.box2 { width:1500px; margin:0 auto; max-width:94% } 

.gnb li.m_hide { display: none } 
.gnb .layer { display: none !important; } 
.gnb .blank .arrow:before { content: "\e980"; } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100) } 

.headH { height: var(--headH); } 
.headHS { height: var(--headHS); } 

#header { z-index: 999; position: fixed; top: 0; left: 0; width: 100%; transition: transform 1s; transform: translateY(-4.5em); } 
#header.active { background: var(--crWhite); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } 

#header .logo { height: var(--headH); transition:height .2s } 
#header .logo > .in { transform-origin: left center; transition: .2s; gap: 1em; } 
#header .logo > .in img { width: 12.375rem; } 

#header .gnb_wrap .wrapH,
#header .gnb_wrap .dp1 { height: var(--headH) } 
#header .wrapIn { display:flex; align-items:center; justify-content:space-between; gap:0 1vw } 
#header .logo > a { display:block } 
#header .logo > a img { height:2.25em } 
#header .gnb_wrap .gnb { justify-content:center } 
#header .gnb_wrap .gnb > li { position:relative } 
#header .gnb_wrap .gnb > li .dp1 { padding:0 2vw; box-sizing:border-box; min-width:9em; position:relative; z-index:1 } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; left:50%; bottom:1em; transform:translateX(-50%); width:0; height:1px; background:var(--siteC); transition:.3s } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { width:2em } 
#header .gnb_wrap .gnb > li .dp1 .va { position:relative } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.25em; white-space:nowrap; color: #fff; } 
#header .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; transform:translateX(-50%); width:11em; box-sizing:border-box; border-radius:1em; padding:4.5em .5em 1.5em .5em; border:1px solid rgba(255,255,255,.2); background:var(--siteC3); color:#fff; display:block; top:100%; opacity:0; visibility:hidden } 
#header .gnb_wrap .gnb > li.more:hover .dp1 { color:#fff } 
#header .gnb_wrap .gnb > li.more:hover .dp1:after { background:#fff } 
#header .gnb_wrap .gnb > li:hover .dp2 { top:.75em; opacity:1; visibility: visible; transition:.5s } 
#header .gnb_wrap .gnb > li:hover .dp2 > li > a { padding:.25em; border-radius:.5em; opacity:.8; transition:.3s } 
#header .gnb_wrap .gnb > li:hover .dp2 > li > a:hover { background:rgba(255,255,255,.3); opacity:1 } 

#header.gnbOpen { box-shadow: 2px 0 .75em rgba(0, 0, 0, .1); } 
#header.gnbOpen .all_wrap .all_btn .ham,
#header.gnbOpen .all_wrap .all_btn .ham:before,
#header.gnbOpen .all_wrap .all_btn .ham:after { background: #000 !important; } 

#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.6em; 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:1.5px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 1px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

html:not(.scroll) #header .all_wrap .all_btn .ham,
html:not(.scroll) #header .all_wrap .all_btn .ham:before,
html:not(.scroll) #header .all_wrap .all_btn .ham:after { background: #fff; } 


 #header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.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:2px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 1px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; }  

.scroll #header { background: #fff; transform: translateY(0em); box-shadow: 2px 0 6px rgba(0,0,0, .15); } 
.scroll #header .k_logo > .tt{ color: #111; } 
.scroll #header .gnb_wrap .gnb > li .dp1 .tt { color: #111; } 
.scroll #header .gnb_wrap .gnb > li:hover .dp1 .tt { color: #fff; } 
.scroll #header .gnb_wrap .gnb > li:not(.more):hover .dp1 .tt { color: #111; } 

.k_logo > .tt{font-size:1.4em; color:#fff; font-weight: 700;}
/* .sub #header .all_wrap .all_btn{ filter: brightness(0) invert(1);} */
.scroll .sub #header .all_wrap .all_btn{ filter: none;}

#header .all_wrap .all_layer { position:fixed; top:50px; left:0; width:100%; height:120vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0px; 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:block; } 
#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:9999; position:fixed; top:70px; right:2vw; width:2.5em; height:3em; filter: brightness(0) invert(0) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:#000 !important; width:0; 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:999; 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 #header { } 
.scroll #header { background: #fff; color: var(--crBlack); box-shadow:0 0 2em rgba(0,0,0,.1); transform: translateY(0em); } 
.scroll.up #header { background:#fff; color:#111 } 
.scroll.up #header .top_wrap .wrapH,
.scroll.up #header .top_wrap .gnb_wrap .dp1 { height:4.5em } 
.scroll.up #header .top_wrap .etc_wrap .etcBtn { filter: brightness(0) invert(0); } 
.scroll.up .headerT { padding-top:4em } 
.scroll.up #header .top_wrap .logo > a { filter:none } 
.scroll.up #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC) } 
.scroll.up #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { background:var(--siteC) }  */

/* #header.menuOn,
.scroll #header { border-color: rgba(0,0,0, .1); background: #fff; box-shadow: 0 3px 8px rgba(0,0,0, .15); } 
#header.menuOn .gnb_wrap .gnb > li > .dp1,
.scroll #header .gnb_wrap .gnb > li > .dp1{ color: #111;}
#header.menuOn .all_wrap .all_btn,
.scroll #header .all_wrap .all_btn{ filter: none;}
 */

/*header banner*/
.scroll .header_banner { } 
.header_banner { position:relative; background: var(--crGrad1); color: #fff; height: var(--headB); display: flex; align-items: center; overflow: hidden; } 
.header_banner .wCon { position:relative; } 
.header_banner .banner_call { position: relative; align-items: center; justify-content: center; } 
.header_banner .banner_call .free_c { margin-right:1.75em; } 
.header_banner .banner_call .free_c .tt { font-size: 1.25em; font-weight: 600; } 
.header_banner .banner_call .free_c .xi { position:relative; font-size: 1.2em; color: var(--siteC3); padding: .3em; min-width:1em; min-height: 1em; background: #f9f9f9; margin-right:.5em; border-radius: 50%; line-height: 1; } 
.header_banner .banner_call .call_list { } 
.header_banner .banner_call .call_list > li { position: relative; padding-right: 1.1em; margin-right: 1.1em; } 
.header_banner .banner_call .call_list > li:last-of-type { margin-right: 0em; } 
.header_banner .banner_call .call_list > li:before { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: rgba(255, 255, 255, .45); content: ''; } 
.header_banner .banner_call .call_list > li:last-of-type:before { content: none; } 
.header_banner .banner_call .call_list > li > .callN { font-size: 1.815em; font-weight: 900; } 

.header_banner .banner_img { position: relative; width: 58px; } 
.header_banner .banner_img > img { width: 100%; height: 100%; object-fit: contain; } 


.dp1on .gnb .dp2 { display: none !important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { 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 } 


/*contents*/
#contents .doc { padding: 2em 0 10em 0; } 
#contents .doc.pt0 { padding: 0em 0 10em 0; } 
#contents .doc.pb0 { padding: 2em 0 0em 0; } 

#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.m2_map { display: none; } 

#contents .sub_top_wrap { box-sizing: border-box; display: flex; flex-direction: column } 
#contents .sub_top_wrap .visual_wrap { height: 55vh; position: relative; overflow: hidden; transition: .5s } 
html:not(.scroll) #contents .sub_top_wrap .visual_wrap { padding: 0 } 
#contents .sub_top_wrap .visual_wrap .wrapIn { position: relative; height: 100% } 
#contents .sub_top_wrap .visual_wrap .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; transform: scale(1.1); transition: .3s; } 
#contents .sub_top_wrap .visual_wrap .bg:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .25); content: ''; } 
#contents .sub_top_wrap .visual_wrap .con_wrap { padding-top: 3em; height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; box-sizing: border-box } 
#contents .sub_top_wrap .visual_wrap .con_wrap .t1 { font-size: 3.15em; font-weight: 700; display: none;} 
#contents .sub_top_wrap .visual_wrap .con_wrap .t2 { font-size: 4em; font-weight: 800;} 
#contents .sub_top_wrap .visual_wrap .con_wrap .t3 { font-size: 1.8em; font-weight: 600;} 
#contents .sub_top_wrap .visual_wrap .slogan { position: relative; flex: 1 1 0%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2em 0 } 
#contents .sub_top_wrap .visual_wrap .slogan .t1 { font-weight: 700; font-size: 3em; text-transform: uppercase; letter-spacing: -.025em; padding-left: .025em; line-height: 1 } 
#contents .sub_top_wrap .visual_wrap .slogan .sub-slogan { font-size: 1.45em; font-weight: 500; padding: 0 4vw; } 
.load #contents .sub_top_wrap .visual_wrap .bg { animation: 2.5s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; } 

@keyframes subVisual { to { transform: scale(1); } 
 }

#contents .sub_top_wrap .tit_wrap { } 
#contents .sub_top_wrap .tit_wrap .wrapIn { display: flex; justify-content: center; align-items: center; text-align: center; padding-top: 4em; } 
#contents .sub_top_wrap .tit_wrap .tit .t1 { font-size: 2.415em; font-weight: 800;  } 
#contents .sub_top_wrap .nav { position: absolute; gap: 4.5em; left: 50%; top: 40%; transform: translate(-50%, -50%); display: flex; align-items: center; display: none; } 
#contents .sub_top_wrap .nav > li { position: relative; text-transform: uppercase; color: #fff; font-size: 1.075em; width: auto; } 
#contents .sub_top_wrap .nav > li:not(.home):before { position: absolute; left: -3.15em; top: 50%; width: 40px; height: 1px; background: #fff; content: ''; } 
#contents .sub_top_wrap .nav > li.home { color: var(--siteC) } 
#contents .sub_top_wrap .nav > li.home > a { border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center } 
#contents .sub_top_wrap .nav > li.home > a .xi { font-size: 1.25em } 
#contents .sub_top_wrap .sub_tab { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, .2); backdrop-filter: blur(2px); box-shadow: 6px 0 18px rgba(0, 0, 0, .05); } 
#contents .sub_top_wrap .sub_tab .gnb > li { width: 100% } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 { justify-content: center } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li { position: relative; flex: 1; max-width: 20%; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on:after { position: absolute; top: 0; width: 100%; height: 3px; background: #fff; content: ''; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:last-of-type:before { display: none; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:before { position: absolute; right: 0; width: 1px; height: 20px; background: rgba(255, 255, 255, .35); content: ''; top: 50%; transform: translateY(-50%); } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a { display: flex; align-items: center; letter-spacing: .03em; justify-content: center; font-size: 1.25em; font-weight: 500; color: #fff; opacity: .65; height: 4.25em; padding: 0 .5em; transition: .15s; position: relative } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a:hover { opacity: 1; transition: .15s; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va { font-weight: 600; font-size: 1.125em; opacity: .7; position: relative; z-index: 1 } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a { color: #fff; opacity: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover > a .va,
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a .va { opacity: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > .layer { display: none; } 

#footer { z-index:1; color:#fff; background:#111; padding:1em 0 8em 0 } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); 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 .logo img { height:2.75em; } 
#footer .info_wrap { margin-top:1em } 
#footer .info { overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.25em; opacity:.8; position:relative } 
#footer .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info > li.point { font-weight:600 } 
#footer .info > li.br { clear:left } 
#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase; margin-top:1em } 
#footer .cs_wrap { display:flex; gap:0 4em } 
#footer .cs_wrap .wrap_in { position:relative; text-align:right } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.515em; line-height: 1.4; } 
#footer .menu_wrap { margin-left:auto; display:flex; gap:2em } 
#footer .menu_wrap > li > a { opacity:.6; font-weight:500 } 
#footer .menu_wrap > li.point > a { opacity:1; font-weight:700 } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; color:#fff; border-radius:50%; transition:.3s } 
.sns_st > li > a:hover { background:#fff; color:#111 } 

/**/
div.visualSlider { position: fixed; left:0; top:0; width:100%; margin:0 } 
.scroll div.visualSlider { z-index:-1 } 
.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100% } 
.visualSlide_wrap { /*position: fixed; left:0; top:0; width:100%; margin:0*/ } 
.visualSlide .el { position: relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; z-index: 1; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlide .el .vod_wrap { position:relative; height:100%; background } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1 } 
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.2 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:7s; transform:scale(1) rotate(.001deg) } 
.visualSlide .el:nth-child(3n - 2) .bg { height:110%; transform:scale(1) } 
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg { transform:translateY(-9.0909%) rotate(.001deg) } 
.visualSlide .el:nth-child(3n - 1) .bg { width:110%; transform:scale(1) } 
.visualSlide .el.swiper-slide-active:nth-child(3n - 1) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg { transform:translateX(-9.0909%) rotate(.001deg) } 

.visualSlide_wrap .slogan .btn-wrap { transform: translateX(1.5em); opacity: 1; } 
.visualSlide_wrap .slogan .btn { width: fit-content; margin-top: 1.5em; gap: 1em; /* margin: 1.5rem auto 0 auto; */ padding: .85em 2em; border-radius: 100px; border: 1px solid var(--crWhite); background: rgba(0,0,0,.1); backdrop-filter: blur(5px); transition: all 0.3s; } 
.visualSlide_wrap .slogan .btn .bt { font-size: 1.45em; font-weight: 600; } 
.visualSlide_wrap .slogan .btn:hover { background: var(--crGrad1); border-color: var(--siteC); } 
.visualSlide_wrap .slogan .tt.line { transform:scaleX(0); transform-origin:left center; } 

.visualSlide_wrap .slogan { position:absolute; left:0; bottom:22em; width:100%; z-index:10; color:#fff; text-align:center } 
.visualSlide_wrap .slogan .t1 { font-size:7.5em; letter-spacing: -.025em; text-transform:uppercase; font-weight:900; line-height:1.2 } 
.visualSlide_wrap .slogan .t2 { font-size:2.175em; font-weight: 600; text-transform:uppercase; margin-bottom: .5em; opacity: 0; } 
.visualSlide_wrap .slogan .ani { overflow:hidden; line-height:1; } 
.visualSlide_wrap .slogan .ani > i { transform:translateY(100%); } 
.load .visualSlide_wrap .slogan .ani > i { transform:translateY(0); transition:1s } 
.load .visualSlide_wrap .slogan .ani.d1 > i { transition-delay:.5s } 
.load .visualSlide_wrap .slogan .ani.d2 > i { transition-delay:1s } 
.load .visualSlide_wrap .slogan .t2 { opacity: 1; transition: 1s; } 

.visualSlide_control { position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff } 
.visualSlide_control .wrapIn { display:flex; align-items:center } 
.visualSlide_control .control { margin-left:auto; gap:1em } 
.visualSlide_control .paging { position:absolute; left:50%; bottom:3em; transform:translateX(-50%); display:flex; /*padding:.75em; background:var(--siteC); border-radius:5em; box-shadow:0 0 1em rgba(0,0,0,.2)*/ } 

.scroll div.visualSlide { z-index:-1 } 
.scroll .visualSlide_wrap .slogan { opacity:0 } 

.mainScroll { color:#fff } 
.mainScroll .line { position:relative; display:block; height:4em; overflow:hidden } 
.mainScroll .line:before { content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff; } 
.mainScroll .dot { position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50% } 
.mainScroll .tt { display:flex; align-items:center; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0 } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em } 

.main_contents { overflow:hidden } 
.main_box { padding:5em 0 6em 0 } 

.main_tit { margin-bottom:2em; display:flex; flex-direction:column; align-items:flex-start; gap:1.5em 0 } 
.main_tit .tit .t1 { font-weight:900; font-size:4.5em; line-height:1.1 } 
.main_tit .tit .t1.s1 { font-size:3.45em } 
.main_tit .tit .t2 { font-size: 2.65em; font-weight: 600; line-height: 1.3; } 
.main_tit .tt .t1 { font-size:1.313em; line-height:1.5 } 
.main_tit .tpT { font-size: 1.15em; font-weight: 900; color: var(--siteC); text-transform: uppercase; margin-bottom: 1em; } 
.main_tit .main_more { margin-top:2em } 
.main_tit.white { color:#fff; } 
.main_tit.gpN { gap: 0em; } 
.main_tit.hc { margin-left:auto; margin-right:auto } 
.main_tit.vc { margin-top:auto; margin-bottom:auto } 
.main_tit.ac { align-items: center; } 


.mainFlex { display:flex; gap:6em; align-items:flex-start; position:relative; box-sizing:border-box } 
.mainFlex .wrapTit { width:25%; position:sticky; left:0; top:0; padding:6em 0; box-sizing:border-box } 
.mainFlex .wrapTit .main_more { margin-top:3em } 
.mainFlex .wrapCon { flex:1 1 0%; min-width:0 } 

.main_box { padding:5em 0 } 

.main_business { /*padding:0 0 10em 0; margin-top:100vh; */ position:relative; overflow: hidden; } 
.main_business .wrapBg { position:absolute; left:0; bottom:0; width:100%; height:100%; background-attachment:fixed } 
.main_business .wrapBg:after { content:""; position:absolute; left:0; top:0; transform:translateY(-50%); width:100%; height:100vh; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #006680 50%, rgba(0,0,0,0) 100%); opacity:0; z-index:-1 } 
.scroll .main_business .wrapBg:after { opacity:1; transition:1s; z-index:auto } 
.main_business .main_tit .t2 > i { font-weight: 800; } 
.main_business .list { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2em } 
.main_business .list > li { width:calc(50% - 1em) } 
.main_business .list > li:last-child { } 
.main_business .list > li:nth-child(even) { transform:translateY(10em) } 
.main_business .list > li .wrap_in { background:rgba(255,255,255,.5); backdrop-filter:blur(1em); border-radius:.5em; border:1px solid rgba(255,255,255,.2); box-sizing:border-box; overflow:hidden } 
.main_business .list > li .wrap_in .imgW { overflow:hidden; position:relative; padding:1.5em; padding-bottom:0; box-sizing:border-box } 
.main_business .list > li .wrap_in .imgW .resize { padding-bottom:56.25% } 
.main_business .list > li .wrap_in .conW { display:flex; flex-direction:column; box-sizing:border-box; padding:1.5em; padding-bottom:2em; gap:1em } 
.main_business .list > li .wrap_in .conW .t1 { font-size:1.375em; font-weight:700 } 
.main_business .list > li .wrap_in .conW .t2 { position:relative; line-height:1.4 } 
.main_business .list > li .wrap_in .main_more { width:100% } 

/*메인 비즈니스 new*/
.buSlide_wrap { width: 1600px; margin: 0 auto; } 
.buSlide { position: relative; width: 100%; margin: -18.2% 0 0; left: 10.5%; } 
.buSlide .el { padding: 38.5125% 0 0; } 
.buSlide .el > .conBox { } 
.buSlide .el > .conBox:before { } 
.buSlide .el > .conBox > .img_box { width: 100%; height: 50.0995%; position: absolute; bottom: 0; overflow: hidden; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } 
.buSlide .el > .conBox > .img_box > img { min-width: 100%; min-height: 100%; position: absolute; bottom: 0%; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } 
.buSlide .el > .conBox > .img_box:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 2; } 
.buSlide .el > .conBox > .img_box:before { content: ""; display: block; width: 100%; height: 0; background: rgba(0, 0, 0, 0.35); opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } 
.buSlide .el.swiper-slide-next > .conBox > .img_box { height: 80%; } 
.buSlide .el.swiper-slide-next { } 

.buSlide .el > .conBox > .txt_box { position: absolute; width: 80%; bottom: 2em; left: 3em; z-index: 3; } 
.buSlide .el > .conBox > .txt_box > h2 { font-size: 1.615em; font-weight: 600; color: rgba(255,255,255, .65); transition: linear .3s; } 

.buSlide .el > .conBox:hover > .txt_box > h2 { color: rgba(255,255,255, 1); transform: translateY(-1em); } 
.buSlide .el > .conBox:hover > .img_box:before { height: 100%; opacity: 1; } 
.buSlide .el > .conBox:hover > .img_box > img { transform: scale(1.1); } 

.buSlide .el.swiper-slide-next > .conBox > .img_box:before { height: 100%; opacity: 1; } 
.buSlide .el.swiper-slide-next > .conBox > .txt_box > h2 { color: rgba(255,255,255, 1); transform: translateY(-1em); } 
.buSlide .el.swiper-slide-next > .conBox:hover > .img_box > img { transform: scale(1.1); } 

.buslide .control { position:absolute; top: 0; } 

.main_business { position:relative; } 
.main_business .bg_img { position: absolute; left: -37em; top: 0em; transform: rotate(90deg); } 
.main_business .bg_img > img { width: 70em; height: 100%; opacity: .1; } 
.main_business .control_con { width: 1600px; margin: 0 auto; } 
.main_business .control_con > .control { gap: 3em } 
.main_business .control_con > .control .swiperBtn { color: #999; font-size: 1em; font-weight: 700; } 
.main_business .control_con > .control .swiperBtn > .xi { position: relative; top: -1px; } 
.main_business .control_con > .control .swiperBtn.prev:before,
.main_business .control_con > .control .swiperBtn.next:before { display: none; } 
.main_business .control_con > .control .swiperBtn.next > p { margin-right: .3em; } 
.main_business .control_con > .control .swiperBtn.prev > p { margin-left: .3em; } 
.main_business .control_con > .control .swiperBtn:hover { background: transparent; color: #111; } 

.main_work { background-attachment:fixed; overflow:hidden; position:relative } 
.main_work #horizontal { display:inline-flex; flex-direction:column; box-sizing:border-box; height:100vh } 
.main_work #horizontal .list { flex:1 1 0%; min-height:0; display:inline-flex; gap:0 2em } 
.main_work #horizontal .panel { width:24vw; box-sizing:border-box; display:flex; align-items:center } 
.main_work .list .wrap_in { text-align:center; box-sizing:border-box; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center } 
.main_work .list .wrap_in .img_wrap { box-sizing:border-box; background:#ddd; border-radius:1em; overflow:hidden; box-shadow:0 0 2em rgba(0,0,0,.1) } 
.main_work .list .wrap_in .img_wrap .resize { padding-bottom:56.25% } 
.main_work .list .wrap_in .con_wrap { padding:2em 1em; text-align:left; box-sizing:border-box; display:flex; flex-direction:column; gap:3em 0; text-align:center } 
.main_work .list .wrap_in .con_wrap .tit { font-weight:700; font-size:1.25em; line-height:1em; height:3em; overflow:hidden } 
.main_work .main_tit { /*padding-top:20vh */ } 

.main_news { background-attachment:fixed; position:relative; background: #f7f7f7; } 
.main_news:before { content:""; position:absolute; left:0; top:0; /*transform:translateY(-50%); */ width:100%; height:100vh; /*background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #fff 50%, rgba(0,0,0,0) 100%) */ } 
.mainNewsSlide_wrap { overflow:hidden } 
.mainNewsSlide_wrap .control { margin-top:2em; gap:.25em } 
.mainNewsSlide_wrap .control .paging { margin-right:2em } 
.mainNewsSlide { overflow:visible !important } 
.mainNewsSlide .el .wrap_in .img_wrap { border-radius:1em; overflow:hidden; position:relative } 
.mainNewsSlide .el .wrap_in .con_wrap { box-sizing:border-box; padding:1.5em 0; display:flex; flex-direction:column; gap:.75em 0 } 
.mainNewsSlide .el .wrap_in .con_wrap .cate { font-weight:700; text-transform:uppercase; font-size:.938em } 
.mainNewsSlide .el .wrap_in .con_wrap .tit { font-size:1.125em; font-weight:700 } 
.mainNewsSlide .el .wrap_in .con_wrap .tt { line-height:1.4; opacity:.8 } 

.main_inquiry { position:relative } 
.main_inquiry:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; } 
.main_inquiry .formSt { display:flex; flex-wrap:wrap; gap:1em; filter:brightness(0) invert(1); padding:0 4em } 
.main_inquiry .formSt > li { width:100% } 
.main_inquiry .formSt > li.w1 { width:calc(50% - .5em) } 
.main_inquiry .formSt .wrap_in { display:flex; align-items:center; gap:1em } 
.main_inquiry .formSt .wrap_in > * { flex:1 1 0%; min-width:0 } 
.main_inquiry .formSt .input_st { border-color:rgba(0,0,0,.3); background-color:unset; color:#aaa } 
.main_inquiry .formSt .btnW > * { flex:0 0 auto } 
.main_inquiry .formSt .btnW .link { padding:.25em 1.25em; border-radius:2em; border:1px solid rgba(0,0,0,.3); font-size:.875em; font-weight:500; display:flex; align-items:center } 
.main_inquiry .formSt .btnW .btn { margin-left:auto; border-width:3px } 

.filebox label { padding: 10px 20px; color: #fff; background-color: #999; cursor: pointer; margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 7.25em; min-width: 6.25em; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 
.main_inquiry .formSt .wrap_in .filebox { flex: none; width: 100%; } 
.main_inquiry .formSt .wrap_in .filebox label { background-color: transparent; border: 1px solid rgba(0, 0, 0, .3); border-radius: .3em; } 

/*메인 설치사례*/

.main_work .work_more { position: relative; z-index: 9; } 
.main_work .work_more .cr_con { display: flex; align-items: center; justify-content: center; width: 4.5em; height: 4.5em; border: 4px solid #ddd; border-radius: 50%; transition: .4s; } 
.main_work .work_more .cr_con > .xi { font-size: 2em; color: #ddd; transition: .4s; } 

.main_work .work_more .cr_con:hover { border-color: var(--siteC); transform: rotate(180deg); } 
.main_work .work_more .cr_con:hover > .xi { color: var(--siteC); } 

.main_workW { padding-top: 5em; } 
.main_workList { } 
.main_workList > li { } 
.main_workList > li:nth-child(n+10) { display: none; opacity: 0; margin-top: 4.5em; transition: opacity 1s ease, margin-top 1s ease; } 
.main_workList > li.show { display: block; opacity: 1; margin-top: 0em; } 
.main_workList > li > .in > .img_con { width: 100%; height: 21.5em; border-radius: 1em; overflow: hidden; } 
.main_workList > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; transition: 2s ease-out; } 
.main_workList > li > .in:hover > .img_con > img { transform: scale(1.1); } 

.main_workList > li > .in { margin: 0 0 6em 2em !important; } 
.main_workList > li > .in > .info { margin-top: 1em; } 
.main_workList > li > .in > .info > .area { font-size: 1.25em; font-weight: 400; margin-bottom: .25em; } 
.main_workList > li > .in > .info > .title { font-size: 1.35em; font-weight: 700; color: #000; } 
.main_workList > li:nth-child(3n - 1) { transform: translateY(4em); } 
.main_workList > li > .in:hover .custom_cursor { opacity: 1; } 

/*공통*/

.page_con { padding: 6em 0; } 
.page_con.pt0 { padding-top: 0; } 
.page_con.bg1 { background: var(--siteC3) } 

.con_idx { position:relative } 
.con_idx > .idx { position:absolute; left:0; top:0; width:100%; visibility:hidden; filter:alpha(opacity=0); opacity:0; display: none; } 
.con_idx > .idx.on { position:relative; visibility: visible; filter:alpha(opacity=100); opacity:1; display: block; } 

.wrap-idx { } 
.wrap-idx .sub-tab { display: flex; height: 3.85em; border-radius: 100px; background-color: #f0f4f7; margin: 0 auto 4.5em; } 
.wrap-idx .sub-tab.w1 { width: 1000px; } 
.wrap-idx .sub-tab > li { position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; border: 2px solid transparent; border-radius: 100px; color: #444; transition: .3s; } 
.wrap-idx .sub-tab > li.on { background-color: var(--siteC); color: #fff; } 

.dot-tit { position:relative; padding-left: 1em; font-size: 1.85em; font-weight: 800; color: #111; margin-bottom: 1.15em; } 
.dot-tit:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 7px; height: 7px; border-radius: 50%; border: 4px solid var(--siteC); } 
/*커스텀 커서*/
.custom_cursor { position:fixed; left:0; top:0; z-index:99999; display:flex; justify-content:center; align-items:center; width:140px; height:140px; border-radius:100%; background:rgba(60,179,113,.8); pointer-events:none; opacity:0; } 
.custom_cursor .txt { color:#FFF; font-size:16px; line-height:20px; font-weight:600; } 
.custom_cursor .icon { display:block; width:12px; height:13px; margin-left:5px; background:url('../images/inc/arrow_down.svg') no-repeat center center/contain; transform: rotate(-90deg); filter: brightness(0) invert(1); } 

.custom_cursor_plus { position:fixed; left:0; top:0; z-index:99999; display:flex; justify-content:center; align-items:center; width:170px; height:170px; border-radius:100%; background:rgba(60,179,113,.8) url('../../thehada/img/icon_plus_white.png') no-repeat center center/auto; pointer-events:none; opacity:0; } 

/*스크롤 텍스트*/
.main_tit_scroll { display:inline-flex; flex-direction:column; margin-bottom:-5em; position:relative; padding-left: 20em; } 
.main_tit_scroll .t1 { font-size:6.15em; width: 100%; font-weight:900; color:#000; line-height:.8; opacity:1; text-transform:uppercase; letter-spacing:-.05em } 
.main_tit_scroll .pl2 { padding-left: 1.5em; } 
.main_tit_scroll .pl1 { padding-left: 5em; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box li > a { display: block; } 

.flex_box .fst2>li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2>li>.in { margin: 0 0 1em 1em; } 
.flex_box .fst3>li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3>li>.in { margin: 0 0 1em 1em; } 
.flex_box .fst4>li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4>li>.in { margin: 0 0 1em 1em; } 

/*메인 버튼*/
.main_moreW { display:flex; justify-content:center; } 
.main_more { padding:.65em 2em; border:2px solid #111; font-weight:700; position:relative; overflow: hidden; } 
.main_more:before { content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; width:0; height:100%; background: #111; transition:.3s } 
.main_more .in { position:relative; display:flex; align-items:center; gap:1em; } 
.main_more .in .t1 { font-size:1.05em } 
.main_more .in .ico:before { content:"\e913" } 
.main_more:hover { color:#fff; border: 2px solid var(--siteC); } 
.main_more:hover:before { width:100% } 
.main_more:hover:before { background: var(--siteC); } 

.main_more.re { border:2px solid #fff; } 
.main_more.re:hover { border: 2px solid var(--siteC) } 

.main_more.round { border-radius: 8em; } 

/*제품 소개*/
/* Sub Business */
.busi-wrap { } 
.busi-wrap .busi-bg { width: 100%; height: 800px; } 
.busi-wrap .busi-bg .imgfix { position: relative; height: 100%; overflow: hidden; } 
.busi-wrap .busi-bg .imgfix::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(transparent, rgba(0,0,0,0.1)); z-index: 1; } 
.busi-wrap .busi-bg.over .imgfix::before { background: transparent; } 
.busi-wrap .busi-bg.st2 { width: var(--baseWidth); }
.busi-wrap .busi-bg.over .imgfix::before {height: auto; } 
.busi-wrap .busi-bg.st2 .imgfix::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(transparent, rgba(255,255,255,0.9)); z-index: 1; } 
.busi-wrap .busi-bg.st3 { width: 100%; height: auto; } 
.busi-wrap .busi-bg.st3 .imgfix::before { height: 10%; bottom: 0; background: linear-gradient(transparent, rgba(255,255,255,1)); } 
.busi-wrap .busi-bg.st4 { width: var(--smallWidth); margin: 0 auto; height: auto; } 
.busi-wrap .busi-bg.st4 .imgfix::before { display: none; } 
.busi-wrap .busi-bg.st5 { height: 500px; position: relative; } 
.busi-wrap .busi-bg.st5.full { height: 750px; } 
.busi-wrap .busi-bg.st5.over { border-radius: 1em; overflow: hidden; } 
.busi-wrap .busi-bg.st5 .title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--baseWidth); z-index: 1; } 
.busi-wrap .busi-bg.st5 .title > h3 { font-size: 4.5rem; font-weight: 800; color: var(--crWhite); } 
.busi-wrap .busi-bg.st6 { width: var(--baseWidth); margin: 0 auto; height: auto; } 
.busi-wrap .busi-bg.st6 .imgfix::before { display: none; } 
.busi-wrap .busi-bg .posImg img { position: absolute; bottom: 0; width: 100%; height: 130%; } 
.busi-wrap .busi-bg .posImg.st2 img { height: 110%; } 
.busi-wrap .busi-bg .posImg.st3 img { height: 100%; } 
.busi-wrap .busi-sec.st1 { padding: 0 0 3.5rem 0; } 
.busi-wrap .busi-sec.st2 { padding: 7.5rem 0; } 
.busi-wrap .busi-sec.st2.bdt { border-top: 3px solid #eee; } 
.busi-wrap .busi-sec.st3 { padding: 3.5rem 0; } 
.busi-sec.st3.bg-gray:last-child { margin-bottom: -10rem; padding-bottom: 10em; } 
.busi-tit { text-align: center; } 
.busi-tit.white { color: var(--crWhite); } 
.busi-tit > h3 { font-size: 3rem; margin-bottom: 1rem; } 
.busi-tit > .s-tt { font-size: 1.75rem; margin-bottom: 1.5rem; } 
.busi-tit > .tt { font-size: 1.35rem; color: #111; } 
.busi-img-area { background: var(--crWhite); border: 3px solid var(--siteC); padding: 3em; box-shadow: 0 0 30px rgba(0, 0, 0, .1); height: 40vh; } 

.char_all { position: relative; overflow: hidden; } 
.product_all .page_con .box2 { display: flex; gap: 4em; } 
.product_all .page_con .box2 > .page_txt { min-width: 16.5em; } 
.product_all .page_con.bg1 .box2 > .page_txt { color: #fff; } 
.char_wrap { position:relative; } 
.char_list > li { } 
.char_list > li > .in { margin: 0 0 2em 2em !important; } 
.char_list > li > .in > .img_con { position:relative; width: 100%; height: 20em; overflow: hidden; border-radius: .5em; } 
.char_list > li > .in > .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .3); content: ''; transition: .2s; } 
.char_list > li > .in:hover > .img_con:before { background: var(--siteC); } 
.char_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.char_list > li > .in > .img_con > .info_con { position: absolute; top: 2.5em; left: 1.5em; color: #fff; } 
.char_list > li > .in > .img_con > .hover_con { position: absolute; bottom: 3em; left: 1.5em; color: #fff; padding-right: 3em; } 
.char_list > li > .in > .img_con > .hover_con > .tt { font-size: 1.1em; font-weight: 600; opacity: 0; transition: .2s; } 
.char_list > li > .in:hover > .img_con > .hover_con > .tt { opacity: 1; } 
.char_list > li > .in > .img_con > .info_con > .en_t { font-size: 1.1em; } 
.char_list > li > .in > .img_con > .info_con > .kn_t { font-size: 1.45em; font-weight: 800; margin-top: .65em; } 

.cir-bg { position: absolute; top: 0; right: 0; width: 35em; height: 35em; border: 180px solid var(--siteC); border-radius: 50%; opacity: .2; } 
.cir-bg.p1 { top: -30em; right: -20em; } 

.spfic_wrap { width: 100%; } 
.spfic_wrap > .info_wrap { margin-bottom: 1.5em; } 
.spfic_wrap > .info_wrap > .en_t { font-size: 1.85em; font-weight: 800; text-transform: uppercase; } 
.spfic_wrap > .info_wrap > .txt_con { margin-top: .3em; } 
.spfic_wrap > .info_wrap > .txt_con > .tt { font-size: 1em; line-height: 1.588; letter-spacing: -0.05em; color: #444; margin-top: 1em; } 
.spfic_wrap > .img_con { width: 100%; height: 25em; } 
.spfic_wrap > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.spfic_wrap > .info_con { } 

.img_list > li > .in { margin: 0 0 2em 2em !important; } 
.img_list > li > .in > .img_con { width: 100%; height: 22.5em; overflow: hidden; border-radius: .5em; } 
.img_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 

.standard_wrap { width: 100%; } 
.table_infoList { gap: .3em; text-align: left; } 
.table_infoList > li { } 
.table_infoList > li > span { background: var(--siteC3); color: #fff; font-size: 1.25em; padding: .5em 1em; border-radius: .2em; } 

.table_infoT { } 
.table_infoT > p { color: var(--siteC3); margin-bottom: 1em; font-weight: 700; } 


/* 문의 */
/*agree*/
.agree_wrap{ padding:1.5em 0 1em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; /*padding:2em;*//* background:#f9f9f9;*/}
.agree_wrap .agree.st strong{font-size:1.2em; letter-spacing:.5px; line-height:1.9; /*padding:1em 0; */color:#222; font-weight:500; }
.agree_wrap .textarea_box { width:100%; height:200px; padding:20px; box-sizing:border-box; overflow-y: auto; font-size:14px; line-height:1.4;}
.agree_wrap .textarea_box h3{ color: #333; margin-bottom: 10px; font-size: 1.2rem; font-weight: 500}

.code { display: inline-block; vertical-align: middle; height:2.5em; line-height:2.5em; background: #222; color: white; font-weight: 300; margin-right: 5px; padding:0 1em; text-align: center}

/* 오시는길 */
.map_Wrap{}
.map_Wrap .map_con{ overflow: hidden; border-radius: 1em;}
.map_Wrap .map_infoCon{ padding-top: 4.5em;}
.map_Wrap .map_infoCon .contact_list{ margin-top: 1em; gap: 4em;}
.map_Wrap .map_infoCon .contact_list > li{ position:relative;}
.map_Wrap .map_infoCon .contact_list > li:before{ position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: "";}
.map_Wrap .map_infoCon .contact_list > li:last-of-type:before{ content: none;}
.map_Wrap .map_infoCon .contact_list > li > p{ font-size: 1.6em;}
.map_Wrap .map_infoCon .contact_list > li > p > span{ color: #666; font-weight: 600;}

.map_Wrap .map_infoCon .map_box{ padding-bottom: 3.5em; margin-bottom: 3.5em; border-bottom: 1px solid #ddd;}
.map_Wrap .map_infoCon .map_box:last-of-type{ margin-bottom: 0em; padding-bottom: 0em; border: none;}
.root_daum_roughmap .wrap_controllers{ display: none;}

.way_list {}
.way_list li {border-bottom: 1px dashed #ddd;}
.way_list li .left_icon {width: 20%; text-align: center; }
.way_list li .left_icon > i {width: 3em; height: 3em; background: var(--siteC); line-height: 3em; color: #fff; border-radius: 50%; font-size: 1.6em;}
.way_list li .right_info {flex: 1 100%; padding: 2em 0; }
.way_list li .right_info .detail_ti {font-size: 1.3em; font-weight: 700; margin-bottom: 1em; color: var(--siteC);}
.way_list li .right_info .detail_t {margin-bottom: .5em;}
.way_list li .right_info .detail_t:last-child {margin-bottom: unset;}
.way_list li .right_info .detail_t span {background: var(--gradC2); color: #fff; padding: .5em 1em; border-radius: 3em; margin-right: .5em;}
.way_list li .right_info .detail_t span.c1 { background: #6585c3; }
.way_list li .right_info .detail_t span.c2 { background: #3a77bc; }
.way_list li .right_info .detail_t span.c3 { background: #5bb946; }

.line{position: relative;}
.line::before{content: "";position: absolute; top: -30px;left: 0; width: 100%; height: 2px; background-color: #ddd;}



/* 인사말 */
.greeting_wrap{ position: relative; gap: 5em;}
.greeting_wrap .img_con{ width: 100%; height: 75vh;}
.greeting_wrap .img_con > img{ width: 100%; height: 100%; object-fit: cover;}
.greeting_wrap .greeting_txt{ position: relative; width:100%; }
.greeting_wrap .greeting_txt > .sn{ position: absolute; line-height: 1;  color: #37383A; font-size: 3.75em; top: 1em; left: 0em; font-weight: 800; text-transform: uppercase;}
.greeting_wrap .greeting_txt .info{ padding-top: 10em;}
.greeting_wrap .greeting_txt .info > strong{ font-size: 1.85em; font-weight: 800; line-height: 1.4; margin-bottom: 1em;}
.greeting_wrap .greeting_txt .info > strong > i{ color: var(--siteC); font-size: 1.15em;}
.greeting_wrap .greeting_txt .info > .tt{ font-size: 1.35em; margin-bottom: 1.25em; line-height: 36px; color: #444;}
.greeting_wrap .greeting_txt .info > .tt:last-of-type{ margin-bottom: 0em;}
.greeting_wrap .greeting_txt .info > .ceo{ display: flex; align-items: baseline; font-size: 1.45em; font-weight: 800; margin-top: 1.5em;}
.greeting_wrap .greeting_txt .info > .ceo > i{ padding-left: .75em; font-size: 1.15em;}

.greeting_wrap .loding_t{ position: absolute; left: -4em; top: 0;}
.greeting_wrap .loding_t > .txt{ position:relative; text-transform: uppercase; font-size: 1.25em; font-weight: 700; writing-mode: tb; color: #aeaeae;}
.greeting_wrap .loding_t > .pro{ position: relative; width: 2px; height: 110px; margin-left: .75em; background: #E0E4E8; margin-top: 32px;}
.greeting_wrap .loding_t > .pro:before{ content: ''; display: block;  width: 100%; background: var(--siteC);position: absolute; top: 0; left: 0; animation: 3s pro infinite linear;}

@keyframes pro{
	0%{height: 0}
	100%{height: 100%}
}
.r_box{width: 1.3em; height: 1.3em; background: var(--siteC);text-align: center; border-radius: 50%; color: #fff;}

.gap1{gap: 1em;}
.w20{width: 20%;}