@charset "utf-8";/* CSS Document */
.box0 { padding:0 4vw } 
.box1 { width:1280px; margin:0 auto; max-width:94% } 
.box2 { width:1400px; 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; } 
#header.active { background: var(--crWhite); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } 
#header .inner { gap: 0 1vw; } 
/* #header:not(.active) { background:transparent; } */
#header:not(.active) .inner { filter: var(--crWhite)} 
#header:not(.actice) .logo{ height: var(--headH)}
#header .logo,
#header .util_wrap { width: 20em; } 

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

#header .gnb_wrap { display: flex; align-items: center;} 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li { position: relative; cursor: pointer;} 
/* #header .gnb_wrap .gnb > li .dp2 { display: none; } */
#header .gnb_wrap .gnb > li .dp2 { display: none; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { display: block; padding: .6em 0; color: #333; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { } 
#header .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header .gnb_wrap .gnb > li.on .dp1 .va:after { opacity: 1; } 
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { color: #006ab5; } 
#header .gnb_wrap .gnb > li .dp3 { display: none; } 
#header .gnb_wrap .gnb > li .dp1 { position: relative; padding: 0 3.5vw; align-items: center; color: var(--crWhite); height: var(--headH); transition:height .2s} 
#header .gnb_wrap .gnb > li .dp1 .tt { position: relative; font-size: 1.250em; font-weight: 600; text-transform: uppercase; } 
#header .gnb_wrap .gnb > li .dp1 .tt:after { content: ""; position: absolute; left: 100%; bottom: 100%; width: 1em; height: 1em; transform: translate(-60%, 60%); border-radius: 50%; background: #fff; opacity: 0; transition: .3s } 
#header .gnb_wrap .gnb > li:hover .dp1 .tt:after,
#header .gnb_wrap .gnb > li.on .dp1 .tt:after { opacity: .5 } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-weight: 600; font-size: 1.25em } 
#header .gnb_wrap .gnb > li .dp1:after { /*content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .3s; */ } 
#header .gnb_wrap .gnb > li.act { overflow: visible; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity: 1; transform: scaleX(.7); } 
#header .gnb_wrap .gnb > li .dp1 .va { position: relative } 
#header .gnb_wrap .gnb > li .dp1 .va .tt { position: relative } 
#header:not(.active) .gnb_wrap .gnb > li .dp1:after { filter: var(--crWhitefil); } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color: var(--siteC); } 

#header.gnbOpen { box-shadow: 2px 0 .75em rgba(0, 0, 0, .1); } 
#header.gnbOpen .gnb_wrap { height: auto; } 
#header.gnbOpen .gnb_wrap .gnb > li { height: auto; } 
#header.gnbOpen .gnb_wrap .gnb > li .dp2 { display: block; padding: 0em 0 1.5em 0; color: #333; } 
#header.gnbOpen .gnb > li .dp1{ color: #111;}
#header.gnbOpen .gnb > li .dp1 .tt:after { background:rgba(0, 106, 181, .5); } 
#header.gnbOpen .logo > .in img { filter: none; } 
#header.gnbOpen .side_wrap{ height: var(--headH);}
#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:2em; 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{}
#header .all_wrap .all{}
#header .all_wrap .all_btn{ width:4em; height:4em; border:1px solid rgba(255,255,255,.2); border-radius:50%; transition:.2s;}
#header .all_wrap .all_btn .xi{ font-size:1.750em;}
#header .all_wrap .all_btn:hover{ background:#000; border-color:#000; color:#fff; transform:rotate(90deg);} */

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; background:var(--siteBg1); color:#fff; transform:translateY(-80%); opacity:0; visibility:hidden; transition:.3s;}
#header .all_wrap .all_layer .all_header{ padding:2em 0 0;}
#header .all_wrap .all_layer .all_header .all_logo{ max-width:15em; }
#header .all_wrap .all_layer .all_header .all_logo .in{
    transform-origin: left center;
    transition: .2s;
    gap: 1em;
    filter: var(--crWhitefil);
}
#header .all_wrap .all_layer .all_header .all_logo .in img{ height: 3em;}
#header .all_wrap .all_layer .all_header .close_btn{ width:5em; height:5em; background:var(--siteC); border-radius:50%;}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size:1.875em; transition:.3s;}
#header .all_wrap .all_layer .all_header .close_btn:hover .xi{ transform:rotate(180deg);}

#header .all_wrap .all_layer .all_inner{ flex:1; opacity:0; transition:.3s;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ gap:2em; padding:8em 0 0 0;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.5em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.75em; padding:0 2em; border:1px solid rgba(255,255,255,.3); border-radius:6em; transition:.2s;}
#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);}

#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap; gap: 1.5em 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex: 0 0 calc(100% / 4); padding:1.5em 2.5em 0 2.5em; box-sizing: border-box; border-left:1px solid rgba(255,255,255,.1);}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ display:block; padding:1.25em 0 2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li a{ justify-content:flex-start; text-align:left !important; padding:.5em .375em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in{ display:flex; align-items:flex-end; gap:.75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:2.250em; font-weight:700; background:linear-gradient(to right, var(--gradC2), var(--gradC1) 50%, #fff 50%); background-size:200% 100%; background-position:100%; transition: background-position 0.2s linear; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow{ display:inline-block; margin-bottom:.375em; width:.5em; height:.5em; background:var(--siteC3); border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act{ background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1 .tt{ background-position: 0 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ display:inline-block; position:relative;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.25em; width:100%; height:2px; background:#fff; transform:scaleX(0); transform-origin:left bottom; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .in:after{ transform:scaleX(1)}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a{ gap:0 .75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a:before{ content:""; width:4px; height:2px; background:rgba(255,255,255,.4);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt{ opacity:.7;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li.act > a .tt{ text-decoration:underline; opacity:1;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp4{ display:none;}

#header .all_wrap .all_layer .wrap_bottom{ display:none;}


#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more a.link{ display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more a.layer{ display: flex!important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more > a.layer .xi{ content: '\e942';}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3{ display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.on .dp3{ display: block;}



.allGnbOn{ overflow-y:hidden}
.allGnbOn #header .all_wrap .all_layer{ transform:translateY(0); opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ opacity:1; transition-delay:.4s;}



.scroll.up #header { background:#fff; box-shadow:0 0 2em rgba(0,0,0,.1); color:#111 } 
.scroll.up #header .top_wrap .wrapH,
.scroll.up #header .top_wrap .gnb_wrap .dp1 { height:var(--headerH2) } 
.scroll.up .headerT { padding-top:var(--headerH2) } 
.scroll.up #header .top_wrap .logo > a { filter:none } 
.scroll.up #header .top_wrap .logo > a .in.st1 { border-color:#fff } 
.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) } 
.scroll:not(.up) #header { transform:translateY(-100%) } 

.scroll #header .logo{ height: var(--headHS);}
.scroll #header .logo > .in img{ filter: none;}
.scroll #header .gnb_wrap .gnb > li .dp1{ color: #111; height: var(--headHS);}

.scroll #header.gnbOpen .side_wrap{ height: var(--headHS);}

.scroll #header .all_wrap .all_btn .ham,
.scroll #header .all_wrap .all_btn .ham:before,
.scroll #header .all_wrap .all_btn .ham:after { background: #000;}

.scroll #header .gnb_wrap .gnb > li .dp1 .tt:after{ background: rgba(0, 106, 181, .5);}

.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: linear-gradient(180deg, rgba(0, 0, 0, .45), 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: 3em; font-weight: 700; } 
#contents .sub_top_wrap .visual_wrap .con_wrap .line{ width:1px; height:2em; transform:scaleY(0); transform-origin:center top; background:#fff; margin:1em auto; transition:1s; transition-delay:1s}
#contents .sub_top_wrap .visual_wrap .con_wrap .t2{ font-size: 1.375em; line-height:1.5; opacity:0; transition:1s; transition-delay:1s;}
.load #contents .sub_top_wrap .visual_wrap .con_wrap .line{ transform:scaleY(1)}
.load #contents .sub_top_wrap .visual_wrap .con_wrap .t2{ transform:translateY(0); opacity:1}
#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; } 
#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(20px); 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.1875em; font-weight: 500; color: #fff; word-break: keep-all; opacity: .7; 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; } 

#contents .sub_top_wrap .con_menu{ margin-top: 2em;}
#contents .sub_top_wrap .con_menu ul:not(.dp3){ display:block;}
#contents .sub_top_wrap .con_menu .gnb .dp4{ display:none;}
#contents .sub_top_wrap .con_menu .gnb .dp3{ justify-content:center;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li{ width:20%; background:var(--crGray);}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li:first-child{ border-radius:6em 0 0 6em;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li:last-child{ border-radius:0 6em 6em 0;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li > a{ justify-content: center; align-items: center; height:4em; padding:0 1em; border-radius:6em; color:#777; transition:.2s;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li > a .tt{ font-size:1.188em;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li.act > a{ color:#000;}
#contents .sub_top_wrap .con_menu .gnb .dp3 > li.on > a{  background:var(--siteC); color:#fff; font-weight:500;}

.gsSplit > i{ min-width:.375em; transform:translateY(0); opacity:0}
.gsSplit.on > i{ animation-name: splitAni; animation-duration: 1.5s; animation-fill-mode: forwards;}
@keyframes splitAni{
50% { transform:translateY(-.5em); opacity:0}
100% {transform:translateY(0); opacity:1}
}


#footer { z-index:1; color:#fff; background:#111; padding:4em 0 5em 0 } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#1f5aa7; 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; filter:brightness(0) invert(1) } 
#footer .info_wrap { margin-top:3em } 
#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.25em } 
#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*/ position: relative;} 
.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 { position:absolute; left:0; bottom:16em; width:100%; z-index:10; color:#fff; text-align:center } 
.visualSlide_wrap .slogan .t1 { font-size:4em; text-transform:uppercase; font-weight:900; line-height:1.2 } 
.visualSlide_wrap .slogan .t2 { font-size:1.375em; text-transform:uppercase; margin:2em 0 0 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 } 

.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)*/ } 
.visualSlide_control .paging span { display:flex; width:auto; height:3em; align-items:center; background:none; opacity:.6; border-radius:3em; padding:0 1em; font-size:1.063em } 
.visualSlide_control .paging span.swiper-pagination-bullet-active { font-weight:700; background:#fff; color:var(--siteC); opacity:1; transition:.3s } 

.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:700; font-size:4.5em; line-height:1.1 } 
.main_tit .tit .t1.s1 { font-size:3.25em } 
.main_tit .tit .t2 { font-size: 3.25em; 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; } 

.main_more { padding:.75em 1.5em; border:1px solid #111; display:inline-flex; align-items:center; gap:1em; box-sizing:border-box } 
.main_more.hc { justify-content:center } 
.main_more:after { content:"+" } 
.main_more .t1 { font-size:1.063em } 
.main_more .t2 { font-size:.875em; font-weight:700 } 
.main_more.white { border-color:#fff; color:#fff } 
.main_more.c1 { background:rgba(255,255,255,.3); border:none; color:var(--siteC2) } 

.mainFlex { display:flex; gap:6em; align-items:flex-start; position:relative; box-sizing:border-box } 
.mainFlex .wrapTit { width:30%; 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 } 
.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: -12.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: 57.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: 100%; } 
.buSlide .el.swiper-slide-next { } 

.buSlide .el > .conBox > .txt_box { position: absolute; bottom: 2em; left: 3em; z-index: 3; } 
.buSlide .el > .conBox > .txt_box > h2 { font-size: 1.515em; 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; bottom: -1em; } 
.main_business .bg_img > img { width: 80em; 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 } 
.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 .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 } 
.main_inquiry .captcha-wrap{ padding: .5em 1em; border: 1px solid rgba(0,0,0,.3); border-radius: .25em;} 
.main_inquiry .captcha-wrap .cap .tit{ font-weight: 600; font-size: 1.125em;}

.main_video{}
.video_wrap{ width: 70%; margin:0 auto;}
.video-container {
position: relative;
width: 100%;
height: auto;
/* margin:0 auto 2em; */
padding-top: 56.25%;
border-radius: 1em;
overflow: hidden;
}
.video-container iframe {
z-index: 1;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.video_wrap.d2{ 
    gap: 1.5em;
    width: 100%; 
}
.video_wrap.d2 .video-container{ 
    width: calc((100% - 3em) / 2); 
    padding-top: 28.125%;
}

/*** SUB PAGE - S *****/
/* 공통 */
.page_con{ padding:6em 0;}
.page_con.conP1{ padding:3em 0;}
.page_con.bg1{ background: #f6f6f6;}
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child{ padding-bottom:10em;}

.page_tt{ font-size:1em; word-break:keep-all; line-height:1.4;}
.page_tt > .tt + .tt{ margin-top:1.25em;}
.page_tt.o1{ opacity:.7;}
.page_tt.o2{ opacity:.1;}
.page_tt.s1{ font-size:0.938em}
.page_tt.s2{ font-size:1.063em}
.page_tt.s3{ font-size:1.125em}
.page_tt.s4{ font-size:1.250em}
.page_tt.s5{ font-size:1.313em}
.page_tt.s6{ font-size:1.500em}
.page_tt.s7{ font-size:1.875em}
.page_tt.s8{ font-size:2.250em}
.page_tt.s9{ font-size:2.500em}
.page_tt.s10{ font-size:3.000em}
.page_tt.s11{ font-size:3.500em}
.page_tt.s12{ font-size:4.000em;}
.page_tt.s13{ font-size:4.500em;}
.page_tt.s14{ font-size:5.000em;}

.page_tt.dot1{ margin-bottom:.8em; padding-left:1em; font-weight: 600; font-size:1.875em; color:#333; position: relative;}
.page_tt.dot1::before{ content:''; width: 12px; height: 18px; background:url(../images/sub/tit_bullet.png); position:absolute; left:0; top:11px;}
.page_tt.dot2{ margin-bottom:.5em; padding-left: 1em; font-weight: 600; font-size: 1.5em; color:#333; position: relative;}
.page_tt.dot2::before{ content:''; width:5px; height:1em; border-radius:.25em; background:var(--siteC); position:absolute; left:0; top: 3px;}
.page_tt.dot3{margin-bottom:.5em;/*  padding-left: 1.2em;  */font-weight: 600; font-size: 1.375em; color:#555; position: relative;}
.page_tt.dot3::before{content:"\e92b"; display: inline-block; margin-right: .5em; font-family:xeicon; color:var(--color_lblue); /*  width:15px; height:5px; border-radius: 5px; background-color:var(--color_lblue);  *//* position:absolute;left:0;top: 6px; */}
.page_tt.dot4{ padding-left: 1em; color:#555; position: relative;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 9px;}
.page_tt.dot5{ padding-left: 1em; color:#333; position: relative;}
.page_tt.dot5::before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #777; position: absolute; left: 0; top: 8px;}

.page_tt.tit2{margin-bottom:.5em;padding-left: 0;font-weight: 600;font-size: 1.375em;color:#555;position: relative;}

.t_line{
    margin: .5em auto 1em;
}
.t_line.h{
    width: 1px;
    height: 1.5em;
    background: var(--siteC);
    opacity: .5;
}

.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 .page_tt{ position:relative;}
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after{ content:"";}
.page_txt .tit.icon.st1 .page_tt{ display:inline-block; padding-left:1em; line-height:1.4;}
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after{ position:absolute; left:0; top:.375em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box;}
.page_txt .tit.icon.st1 .page_tt:before{ border:1px solid rgba(0,0,0,.15);}
.page_txt .tit.icon.st1 .page_tt:after{ background:var(--siteC); transform:scale(.5);}

.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:not(:first-child){ margin-top:2em;}

.page_list{ counter-reset:subListIdx;}
.page_list > li{ counter-increment:subListIdx;}
.page_list > li .num:before{ content:counter(subListIdx, decimal-leading-zero);}
.page_list.st2 > li .num:before{ content:counter(subListIdx);}

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

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

.page_col .gsimgFix{}
.page_col .gsimgFix .posImg{ position:relative; height:100%; min-height:90vh;}
.page_col .gsimgFix .posImg img{ position:absolute; bottom:0; width:100%; height:130%;}
.page_col .gsimgFix.st2 .posImg{ height:30em; min-height:auto;}
.page_col .gsimgFix.st2 .posImg img{ height:150%;}

.sub-title {
    margin-bottom: 3em;
}
.sub-title > p {
    margin-top: 1rem;
}
.sub-title.objectSt {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: var(--siteC);
    color: var(--crWhite);
    margin: 0 auto;
    margin-bottom: 5rem;
    position: relative;
    z-index: 11;
    box-shadow: 0 0 20px rgb(0 29 108 / 30%);
}
.sub-title.objectSt > h3 {
    position: relative;
}
.sub-title.objectSt::before {
    content: '';
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px dotted #ddd;
    /* background: #eee; */
    z-index: 0;
    animation-name: rotateAni;
    animation-duration: 30s;
    transform-origin: center;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.sub-title.objectSt::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 5rem;
    top: 100%;
    left: calc(50% - 1.5px);
    background: var(--siteC);
}
.sub-grayBg {
    background-color: #f8f8f8;
}

.page_con_tit{ margin-bottom: 1rem;}


/** 주요사업 - s */
.busi_page_top{ 
    margin-bottom: 2em;
    padding: 8em 0 0;
    position: relative;
}
.busi_page_top .bg{
    width: 100%; 
    height: calc(100% - 1em);
    position: absolute;
    left: 0; top: 0;
    z-index: -1;
}
.busi_page_top .bg::after{
    content: '';
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0; top: 0;
}
.busi_page_top .inner{
    padding: 3.5em 4vw 0;
    border-radius: .5em .5em 0 0;
    background: #fff;
}
.busi_page_top .inner > p { line-height: 1.5;}

.page_con{}
.page_con .con_tit{}
.page_con .con_box{ 
    padding: 2em 2.5em; 
    border:1px solid #ddd; 
    border-radius: .5em;
    background: #fff;
}
.page_con .con_box:not(.noline){
    width: calc(100% - 2em);
    margin: 0 auto;
    box-sizing: border-box;
}
.page_con .con_box.noline{
    padding:0 1em;
    border:none;
    background: none;
}
.page_con .con_box.nobg{ background: transparent;}
.page_con .con_box.bg2{ background-color: #f6f6f6;}
.page_con .con_box .con_imgs{
    gap:1.5em;
    margin-top: 2em;
}
.page_con .con_box .con_imgs .img{
    width: calc((100% - 1.5em) / 2);
}
.page_con .con_box .con_imgs .img img{
    display: block;
    width: 100%;
    border-radius: .5em;
}
.page_con .con_box .con_imgs .img .txt{
    display: block;
    margin-top: 1rem;
    font-weight: 600;
    font-size: 1.125em;
    color:#333;
    text-align: center;
}

.page_con .con_box article{}
.page_con .con_box article > .tit{}
.page_con .con_box article .cont{
    margin: 1.5em 1em 0;
}
.page_con .con_box article .cont .img_wrap{
    margin-bottom: .5em;
    padding: 0 10%;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.page_con .con_box article .cont .con_wrap{
    padding: 2em 1.5em;
    background: #f8f8f8;
}
.page_con .con_box article .cont .con_wrap dl{}
.page_con .con_box article .cont .con_wrap dl + dl{ margin-top: 2em;}
.page_con .con_box article .cont .con_wrap dt{}
.page_con .con_box article .cont .con_wrap dd{ padding-left: 2em;}

.imgConList{}
.imgConList.d3{
    display: flex;
    gap: 1em;
}
.imgConList.d3 > li{
    width: calc((100% - 2em) / 3);
}
.imgConList > li{ 
    display: flex;
    flex-direction: column;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0,  .1);
}
.imgConList > li .tit{
    padding: .5em;
    box-sizing: border-box;
    background: var(--siteC2);
    font-weight: 600;
    font-size: 1.125em;
    color:#fff;
    text-align: center;
    letter-spacing: 2px;
}
.imgConList > li .con{ 
    flex:1;
    padding:2em 1.5em;
    box-sizing: border-box;
    background: #fff;
}
.imgConList > li .con .img{ 
    padding: 1em;
    background-color: #f6f9fa;
}
.imgConList > li .con .img.h1{ height: 10em;}
.imgConList > li .con .img img{
    width: 100%; height: 100%;
    object-fit: contain;
}
.imgConList > li .con .txt{ margin-top: 1.5em;}


.dot_list{
    display: flex;
    flex-wrap: wrap;
    gap:.5em;
}
.dot_list > .dot{ 
    width: 100%;
    position: relative;}
.dot_list > .dot.s1{ 
    padding-left: 1em;
    box-sizing: border-box;
    font-size: 1.125em;
    color:#333;
}
.dot_list > .dot.s1::before{
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--siteC2);
    position: absolute;
    left: 0; top: 8px;
    opacity: .6;
}
.dot_list.d3{ }
.dot_list.d3 > li{
    width: calc((100% - 1em) / 3);
}

.process_wrap{}
.process_wrap .process{
    gap: 3em;
}
.process_wrap .process > li{
    display: flex;
    flex-direction: column;
    width: calc((100% - 3em) / 2);
    position: relative;
}
.process_wrap .process > li:nth-child(1){ order: 1;}
.process_wrap .process > li:nth-child(2){ order: 2;}
.process_wrap .process > li:nth-child(3){ order: 4;}
.process_wrap .process > li:nth-child(4){ order: 3;}
.process_wrap .process > li::after{
    content:'\e940'; 
    font-family:xeicon; 
    font-weight: 800;
    font-size:1.5em; 
    color:var(--siteC2); 
    position:absolute; 
    right:-36px; top:50%; 
    transform:translateY(-50%); 
    opacity:.8;
}
.process_wrap .process > li:nth-child(2)::after{
    right:50%; 
    top:calc( 100% + 10px); 
    transform:translateX(0) rotate(90deg);
}
.process_wrap .process > li:nth-child(3)::after{
    display: none;
}
.process_wrap .process > li:nth-child(4)::after{
    transform: rotate(180deg);
}

.process_wrap .process > li .txt_wrap{ 
    padding: 1em;
    border-radius: 1em 1em 0 0;
    background: var(--siteC2);
}
.process_wrap .process > li .txt_wrap .tit{ 
    font-weight: 600;
    font-size: 1.25em;
    color:#fff;
}
.process_wrap .process > li .txt_wrap .tit .num{
    padding-right: 0.5em;
    opacity: .5;
}
.process_wrap .process > li .img_wrap{
    height: 16em;
    padding:1.5em 1em;
    border:1px solid #ddd;
    border-top:none;
    border-radius: 0 0 1em 1em;
    text-align: center;
}
.process_wrap .process > li .img_wrap .img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.process_wrap .process > li .img_wrap .img img{ max-height: 100%;}

.stepList_wrap { } 
.stepList { gap: 2em 2em; counter-reset: stepNum; } 
.stepList > li { width: calc((100% - 8em) / 5); padding:1.5em 1em; box-sizing: border-box; border:1px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0,0,0,.05); } 
.stepList > li + li { } 
.stepList > li:after { content: ''; width: 2em; height: 100%; background:url(../images/inc/steps.gif) no-repeat center center; position: absolute; right: calc(-2em - 1px); top: 0; opacity: .5; transform: scale(.8);} 
.stepList > li:first-child{ border:2px solid var(--siteC)}
.stepList > li:last-child .txt_wrap .num{ color:var(--siteC3)}
.stepList > li:last-child{ border:2px solid var(--siteC3)}
/* .stepList > li:nth-child(1) { order: 1; } 
.stepList > li:nth-child(2) { order: 2; } 
.stepList > li:nth-child(3) { order: 3; } 
.stepList > li:nth-child(3)::after { width:3em; height:3em; right:50%; top:auto; bottom:-3em; transform:rotate(90deg) translate(0, -50%) } 
.stepList > li:nth-child(n+4):nth-child(-n+6)::after { left:-3em; transform:rotate(180deg) } 
.stepList > li:nth-child(4) { order: 6; } 
.stepList > li:nth-child(5) { order: 5; } 
.stepList > li:nth-child(6) { order: 4; }  */
.stepList > li:last-child::after { display:none; }  
.stepList > li .icon_wrap { margin-bottom: 1em; } 
.stepList > li .icon_wrap .icon { display: block; width: 4.5em; height: 4.5em; margin:0 auto; opacity: .85;} 
.stepList > li .txt_wrap { text-align: center; } 
.stepList > li .txt_wrap .num { margin-bottom: 5px; font-weight: 600; font-size: .9375em; color: var(--siteC); opacity: .6; } 
.stepList > li .txt_wrap .num::after { content:'0'counter(stepNum) } 
.stepList > li .txt_wrap .tit { font-weight: 600; font-size: 1.25em; color:#333; } 

.imgList{
    gap:2.5em 2em
}
.imgList > li{
    width: calc((100% - 4em) / 3);
}
.imgList > li .img{
    padding-bottom: 12em;
    border-radius: 1em;
}
.imgList > li .txt{ 
    margin-top: .5em;
    padding: 0 .25em 0 .5em
}
.imgList > li .txt .tt{
    padding-left: .8em;
    font-weight: 600;
    font-size: 1.25em;
    color:var(--siteC);
    word-break: keep-all;
    position: relative;
}
.imgList > li .txt .tt::before{
    content: '';
    width: 0;
    height: 0;
    border-bottom: .3em solid transparent;
    border-top: .3em solid transparent;
    border-left: .5em solid #555;
    border-right: .5em solid transparent;
    position: absolute;
    left: 0;
    top: 5px;
}

/* detail_list */
.detail_list{/* padding-top:100px; */}
.detail_list > ul{
    gap: 1em; 
    counter-reset: detailNum;
}
.detail_list > ul li{
    width:calc( (100% - 2em) / 3); 
    min-height: 12em;
    padding:1.25em 1.5em 2em;
    box-sizing: border-box;
    border:2px solid #d4e3ed;
    border-radius:1em; 
    background: #fff;
    position: relative; 
    counter-increment: detailNum;
    transition: all .3s;
}
.detail_list.d2 > ul li{ 
    width:calc( (100% - 1em) / 2)
}
.detail_list > ul li .icon{
    width:5em; height: 5em; 
    padding: 1.25em; 
    box-sizing:border-box;
    border-radius: 2em; 
    background-color:#f8f8f8; 
    float:right; 
    box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.detail_list > ul li .icon.bg2{ 
    background-color: rgba(0, 0, 0,  .5);
}
.detail_list > ul li .icon img{ 
    width: 100%; height: 100%; 
    object-fit:contain;
}
.detail_list > ul li > p{ color:#333;}
.detail_list > ul li > .tit{
    max-width: calc(100% - 4em); 
    margin-bottom:.8em; 
    padding-top: 2.25em; 
    font-weight:700; 
    font-size: 1.375em;
    line-height: 1.4;
    word-break: keep-all;
}
.detail_list > ul li > .tit .num{ 
    padding-right: .5em; 
    opacity: .65;
}
.detail_list > ul li > .tit .num::after { content:'0'counter(detailNum) } 
.detail_list > ul li > .desc{
    font-size: 1.1em;
    line-height: 1.4;
    letter-spacing: -0.5px;
    word-break: keep-all;
}
.detail_list > ul li > .desc.t2{ margin-top: 0.25em; font-size: .9375rem; color:#777}
.detail_list > ul li > .desc.dot{
    padding-left:.8em; 
    position: relative;
}
.detail_list > ul li > .desc.dot::before{ 
    content: ''; 
    width: 3px; height: 3px; 
    border-radius:50%; 
    background: var(--siteC2); 
    position: absolute; 
    left: 0; top: 8px;
}
/* .detail_list > ul li .fee_box{margin-top: 2em;padding: 1em;background: #fff;border-radius: .5em;text-align: center;min-height: 3em;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.detail_list > ul li .fee_box .fee{ display:flex; align-items: center; font-weight: 600; font-size:1.125em; color:#555;}
.detail_list > ul li .fee_box .fee + .fee{ margin-top:.2em;}
.detail_list > ul li .fee_box .fee em{ font-size:1.1em; color:var(--siteC3);}
.detail_list > ul li .fee_box .point{font-weight: 400; font-size:1rem; color:#555; ;}
.detail_list > ul li .fee_box p.point{margin-top:.5em;} */
.detail_list > ul li:hover{ 
    border-color: var(--siteC); 
    background: #f8f8f8;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.detail_list > ul li:hover .icon{ background: #fff;}

.conLay{}
.conLay + .conLay{ margin-top: 3em;}
.conLay .inner{ gap:3em;}
.conLay .img_wrap{ width: 45%;}
.conLay .img_wrap.w2{ width: 55%;}
.conLay .img_wrap .img{ box-shadow: 3px 3px 20px rgba(0, 0, 0,  .1);}
.conLay .img_wrap .img.rnd{ border-radius: 1em; overflow: hidden;}
.conLay .img_wrap .img img{ display: block; width: 100%; height: 100%;}
.conLay .txt_wrap{ flex:1; padding:2em 0}
.conLay.layR .txt_wrap{ 
    order: -1; 
    padding-left: 1em;
}
.conLay .txt_wrap .tit{}
.conLay .txt_wrap .tit .t_top{
    display: block;
    font-weight: 600;
    color:var(--siteC2);
    opacity: .5;
}
.conLay .txt_wrap .tit .t1{
    display: block;
    font-weight: 700;
    font-size: 2.5em;
    color:#111;
}
.conLay .txt_wrap .tit.ico1{
    margin-bottom: 2.5em;
    padding-top: 1em;
    position: relative;
}
.conLay .txt_wrap .tit.ico1::before{
    content: '';
    width: 2em;
    height: 4px;
    margin-bottom: 1em;
    background: var(--siteC3);
    position: absolute;
    left: 0;
    top: 0;
}
.conLay .txt_wrap .desc{}


.numList{
    counter-reset: NumList;
}
.numList > li{
    display: flex;
    gap:1em;
    counter-increment: NumList;
}
.numList > li + li{ margin-top: 3em;}
.numList > li .num{
    font-weight: 800;
    font-size: 3.75em;
    color:#ddd;
    font-style: italic;
    letter-spacing: -2px;
}
.numList > li .num::after{
    content:'0'counter(NumList);
}
.numList > li .txt{ padding-top: 2em;}
.numList > li .txt .tit{
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 1.25em;
    color:#111;
}
.numList > li .txt .desc{
    font-size: 1.125em;
    color:#333;
    line-height: 1.4;
    word-break: keep-all;
}

/* 대기환경 IOT */
.flex_table .thead { margin-bottom:1em } 
.flex_table .tbody { display:flex; flex-direction:column; height:100% } 
.flex_table .tr { flex:1 1 0%; min-height:0; display:flex; border:1px solid #ddd; box-sizing:border-box; overflow:hidden } 
.flex_table .tr:not(:last-child) { border-bottom:none } 
.flex_table .tr:first-child { border-top-left-radius:.5em; border-top-right-radius:.5em } 
.flex_table .tr:last-child { border-bottom-left-radius:.5em; border-bottom-right-radius:.5em } 
.flex_table .td { display:flex; flex-direction:column; align-items:center; min-height:2.5em; justify-content:center; text-align:center; flex:1 1 0%; min-width:0; box-sizing:border-box; padding:1em; border-right:1px solid #ddd } 
.flex_table .td.al { align-items:flex-start } 
.flex_table .td:last-child { border-right:none } 
.flex_table .td.bg1 { background:#f5f5f5} 
.flex_table .td.bg2 { background:#daf1fc} 
.flex_table .td.w1 { flex:0 0 12em } 
.flex_table .td.w2 { flex:0 0 8em } 
.flex_table .thead .tr { box-shadow:0 .25em .5em rgba(0,0,0,.1); background:#fff; color:var(--siteC); } 
.flex_table .thead .tr:first-child { border-top-left-radius:0; border-top-right-radius:0; border-top:1px solid var(--siteC); } 
.flex_table .flex_table { flex: 1 1 0; min-width:0 } 
.flex_table .flex_table .thead { margin-bottom:0 } 
.flex_table .flex_table .tr { border:none; border-bottom:1px solid #ddd } 
.flex_table .flex_table .tr:last-child { border-bottom:none } 
.flex_table .tbody .tr{ background: #fff;}

/* icon_list */
.icon_list{display: flex; gap: 2em;}
.icon_list.pd{ padding: 0 5vw;}
.icon_list > li{ flex:1; padding:2em 1.5em; box-sizing: border-box; border-radius:1em; background:#fff; box-shadow: 0 0 40px rgba(0, 0, 0,  .2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.icon_list > li.bg_white{ background:#fff!important;}
.icon_list > li.line{ border: 1px solid #555;}
.icon_list > li .icon_wrap{ width: 5em; height:5em; margin: 0 auto 1.5em; text-align: center;}
.icon_list > li .icon_wrap.s2{width:50%; height:auto; margin: 0 auto 2em;}
.icon_list > li .icon_wrap.s3{
    width: 5em;
    height: 5em;
    padding: 1.25em;
    box-sizing: border-box;
    border-radius: 2em;
    background-color: #f8f8f8;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}
.icon_list > li .icon_wrap img{}
.icon_list > li .txt_wrap{ text-align: center;} 
.icon_list > li .txt_wrap .num{ margin-bottom: 0.5em; font-weight: 600; font-size: 1.25em; color:var(--siteC); opacity: .8;} 
.icon_list > li .txt_wrap .tit{margin-bottom:.5em; font-weight: 600; font-size: 1.375em; color: #333;word-break: keep-all;}  
.icon_list > li .txt_wrap .tit.l2{min-height: 2em;}
.icon_list > li .txt_wrap .t1{ font-size:1.125em; color:#333; word-break: keep-all; opacity: .9;} 
.icon_list > li .txt_wrap .t2{  opacity: .85;}
.icon_list > li .txt_wrap .t1 + .t2{ margin-top: 1em; }
.icon_list.item3{flex-wrap:wrap; gap: 2em;} 
.icon_list.item3 > li{flex: 0 0 calc((100% - 4em) / 3);padding:2em 3em 2em;border-radius:1em; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0,  .2);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(5px);}
.icon_list.item2{ flex-wrap: wrap; gap:2em}
.icon_list.item2 > li{flex: 0 0 calc((100% - 2em) / 2);}



/** 주요사업 - e */



/** 회사소개 - s */
/* 인사말 */
.dp2_about #contents .sub_top_wrap .tit_wrap{ display: none;}
.about_top{ }
.about_top .inner{ gap:5em;}
.about_top .inner .tit_wrap{ width: 30%;}
.about_top .inner .cont_wrap{ flex:1;}
.about_top .inner .cont_wrap .ceo_sign{ margin-top: 2.5em; padding-right: 2em; text-align: right;}
.about_top .about_top_img{ height: 25em; margin-top:5em; padding-left: 10vw;}
.about_top .about_top_img .bg{ height: 100%; border-radius:2em 0 0 2em}

.page_col.overview {}
.page_col.overview > li {flex: 1;}
.page_col.overview .img-wrap {height: 27.5em; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,.1);}
.page_col.overview .img-wrap .imgfix{ height:100%;}
.page_col.overview .img-wrap .imgfix img{ width: 100%; height:100%;}
.page_list.info{border-top: 2px solid var(--crBlack);}
.page_list.info > li{ width: 100%; border-bottom: 1px solid #eee;}
.page_list.info > li .in{ flex:1;}
.page_list.info > li .in .ico_wrap{ width:65%; margin:0 auto;}
.page_list.info > li .in .ico_wrap .ico{ background:#fff; box-shadow:0 2px 1.25em rgba(0,0,0,.05); border-radius:50%;}
.page_list.info > li .in .ico_wrap .ico img{ width:30%;}
.page_list.info > li .in .con_wrap{ gap:1.25em; padding: 1.5em 0;}
.page_list.info > li .in .con_wrap .t1{ font-size:1.250em; color:#555; min-width: 7em;}
.page_list.info > li .in .con_wrap .t2{ font-size:1.250em; font-weight:600;}
.page_list.info > li .in .con_wrap .t2 .dot{ 
    padding-left: 1em;
    position: relative;
}
.page_list.info > li .in .con_wrap .t2 .dot + .dot{ margin-top: 0.5em;}
.page_list.info > li .in .con_wrap .t2 .dot::before{
    content: '';
    width: 5px; height: 5px;
    border-radius: 50%;
    background:var(--siteC2);
    position: absolute;
    left: 0; top: 8px;
}

.vision-list { position: relative;}
.vision-list > li {
    width: calc((100% - 4em) / 3);
    box-sizing: border-box;
    backdrop-filter: blur(15px);
    border-radius: 1em;
    overflow: hidden;
    padding: 2em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.vision-list > li::before {
    content: '';
    position: absolute;
    top: var(--y);
    left: var(--x);
    background: radial-gradient(var(--crWhite), transparent, transparent, transparent);
    width: 500px;
    height: 500px;
    transform: translate(-50%, -50%);
    opacity: 0.3;
    transition: transform 0.2s;
}
.vision-list > li:hover::before {
    transform: translate(-50%, -50%) scale(2);
}
.vision-list > li .num {
    width: 2em;
    height: 2em;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid var(--crWhite);
}
.vision-list > li .icon{ 
    display: block;
    width: 6.5em; height: 6.5em;
    margin:0 auto;
}
.vision-list > li .vision-tit {
    margin: 1em 0;
    text-align: center;
}
.vision-list > li .vision-txt { text-align: center;}
.vision-list > li .vision-txt span.fwB{ font-size: 2rem;}

/*연혁*/
.history_bgw {overflow:hidden; position:relative; margin:0 5em 3em 5em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; letter-spacing:5px; font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.7em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#3167a6; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3167a6; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; font-weight: 400; color:#3167a6; /* font-family: Georgia, "Times New Roman", Times, serif */}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa;}
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .year .tt:after{ content:""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:45% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.25em; /* font-family:Georgia, "Times New Roman", Times, serif; */ letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ /* content:"월"; font-size:.813em; font-weight:500 */}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:1.125em; line-height:1.7; font-weight:400; word-break: keep-all;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:12px; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li .list .detail .desc{width:calc(100% - 1.125em); margin:.5em 0 .5em 1.25em; padding:.8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color:#555;}
.history_wrap .history > li .list .img{ width: 100%; margin:1em 0; box-sizing: border-box;}
.history_wrap .history > li .list .img.img_l{ padding-left:4em; padding-right: 1em; }
.history_wrap .history > li .list .img.img_r{ padding-right: 4em; padding-left: 1em;}
.history_wrap .history > li .list .img img{}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/* 보유기술*/
.license_list{ gap:4em 2em;}
.license_list > li{ width:calc( ( 100% - 6em) / 4); height: 27em; box-sizing: border-box;}
.license_list > li .thumb{ overflow:hidden; width:100%; height: 100%; border:1px solid #ddd;  position: relative; transition:all .6s;}
.license_list > li .thumb img{ width: 100%; height: 100%; transform:scale(1); transition:all .6s;}
.license_list > li .tit{ width:100%; margin-top:.5em; padding:.8em .5em; box-sizing: border-box; font-weight: 600; font-size:1.125em; color:#333; text-align:center; word-break: keep-all;}
.license_list > li .hover_line{}
.license_list > li .hover_line .line{content:""; background:#03569f; position:absolute; z-index:10; transition:all 0.3s  ease-out;}
.license_list > li .hover_line .line:nth-child(1){ width:0; height:2px; left:0; top:0;}
.license_list > li .hover_line .line:nth-child(2){ width:0; height:2px; right:0; bottom:0;}
.license_list > li .hover_line .line:nth-child(3){ width:2px; height:0; left:0; bottom:0;}
.license_list > li .hover_line .line:nth-child(4){ width:2px;height:0; right:0; top:0;}

.license_list > li:hover .thumb{ box-shadow: 3px 3px 15px rgba(0, 0, 0, .1)}
.license_list > li:hover .thumb img{ transform: scale(1.05);}
.license_list > li:hover .hover_line .line{ transition:all 0.3s 0s ease-out;}
.license_list > li:hover .hover_line .line:nth-child(1){width:100%;}
.license_list > li:hover .hover_line .line:nth-child(2){width:100%;}
.license_list > li:hover .hover_line .line:nth-child(3){height:100%;}
.license_list > li:hover .hover_line .line:nth-child(4){height:100%;}

.license_wrap:not(:last-child){ margin-bottom:5em;}
.license_wrap .slide_tit{ margin-bottom:1.5em; padding:.8em; border-radius:.5em; background:linear-gradient(90deg, var(--color_dblue), var(--color_lblue)); font-weight: 600; font-size:1.25em; color:#fff;}

/* 오시는길 */
.mapWrap .root_daum_roughmap .wrap_controllers{ display: none;}
.mapInfoWrap{}
.mapInfoWrap .in{ gap:1em;}
.mapInfo{ flex:1; padding: 2em 2.5em; background: #f4f4f4; border:1px solid #ddd; position: relative;}
.mapInfo .tit_wrap{ margin-bottom: 1.5em;}
.mapInfo .info{}
.mapInfo .info p + p{ margin-top: 0.8em;}
.mapInfo .icon{ width: 3em; height: 3em; border-radius: 50%;}
.mapInfo.info01 .icon{ background:var(--siteC)}
.mapInfo.info02 .icon{ background:#555}
.mapInfo .xi{ color:#fff;}

.subw{ 
    margin-right:.5em; 
    padding:.25em 1em; 
    border-radius:6em;
    background:#3dab1d ; 
    font-weight: 700;
    font-size:.875rem; 
    color:#fff;
}
.subw.bgIC1{ background:#70afdf ;}
.subw.bgC5{ color:#8445ce}
.subw.bgC8{ color:#e71e6e}
.subw.bgC9{ color:#bf9f1e}




/** 회사소개 - e */

/** 고객센터 - s */
/* 1대1 문의 */
.estimate-table {border-top: 3px solid var(--siteC);}
.estimate-table.w100{width: 100%;}
.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:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; height:12em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0; line-height:1.6; color: #111; font-weight: 600; font-size: 1.45em;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree .c1{ color:#cd3350}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:.75em 2em; border:1px solid #ddd; border-top:none; text-align:right;}
.member_agree h1{ color:#111; padding-bottom:.5em}

.captcha-wrap { 
    display: flex;
    flex-wrap: wrap;
    gap:1em;
}
.captcha-wrap .tit {
    position: static !important;
}
.captcha-wrap .captcha-inner {
    gap: 1em;
}
.captcha-wrap .captcha-inner #loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.captcha-wrap .input_st {
    flex: 0 0 20em;
    padding-left: 1em !important;
}

/** 고객센터 - e */


/*** SUB PAGE - E *****/