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

.PC {display: block;}
.PHONE {display: none;}

.gnb li.m_hide,
.gnb .dp2 > li > a .bg{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

/* 메인 레이어 팝업 */
.mainLayerPop{}
.mainLayerPop .popLayer{ display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #000; box-sizing:border-box;}
.mainLayerPop .popLayer_closeW{ height:35px; padding:0 1em; text-align:right; background:#343b4d;}
.mainLayerPop .popLayer_closeW *{ color:#fff;}
.mainLayerPop .popLayer_close .tt{ font-size:.875em;}
.mainLayerPop .popLayer_close a{ display:inline-block; margin-left:.5em; font-weight:500;}
@media screen and (max-width:1024px){
    .mainLayerPop{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.4);}
    .mainLayerPop .in_w{ box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto;}
    .mainLayerPop .moSlide .el .popLayer{ position:static; height:auto !important; width:25em !important; max-width:100% !important; max-height:100%; border:none;}
    .mainLayerPop .moSlide .el .popLayer img{ width:100%;}
    .mainLayerPop .dot_wrap{ position:fixed; left:0; right:0; bottom:1em; text-align:center;}
    .mainLayerPop .slick-dots > ul > li{ display:inline-block; margin:0 .125em;}
    .mainLayerPop .slick-dots > ul > li button{ width:1em; height:1em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s;}
    .mainLayerPop .slick-dots > ul > li.slick-active button{ width:3em; border-radius:5em;}
    .mainLayerPop.hide{ display:none;}
    .mainLayerPop .moHide{ display:none;}
    .mainLayerPop .pcHide{ display:block;}
    .mainLayerPop div.popLayer_closeW{ display:flex; align-content:center; align-items:center;}
    .mainLayerPop div.popLayer_closeW .popLayer_close{ flex:1;}
}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; color:#111; transition: transform 1s;}
#header .wrapHide {position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #fff; transition: all 0.5s; z-index: -1;}
#header .wrapHide.on {height: 100%;}
#header.gnbOpen .wrapHide {box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
#header .top_wrap{ position:relative}
#header .top_wrap::before {position: absolute; content: ''; background: #fff; width: 100%; height: 15em; top: 0; left: 0; opacity: 0; display: none;}
#header.gnbOpen .top_wrap::before {opacity: 1; display: block;}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1{ height:var(--headerT)}
.headerT{ padding-top:var(--headerT)}
#header .top_wrap .wrapIn{ display:flex; align-items:center; justify-content:space-between; gap:0 4vw}
#header .top_wrap .wrapIn > *{ position:relative; z-index:2}
#header .top_wrap .logo > a{ display:block; height:4em; overflow:hidden}
#header .top_wrap .logo > a .in{ display:block; height:100%}
#header .top_wrap .logo > a img{ height:100%; display:block}
#header .top_wrap .gnb_wrap{}
#header .top_wrap .gnb_wrap .gnb{ justify-content:center;}
#header .top_wrap .gnb_wrap .gnb > li{ width:10em; position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-weight:600; font-size:1.125em}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1:before{ content:"\e92f"; font-family:xeicon; position:absolute; left:50%; transform:translate(-50%,20%); height:auto; width:auto; line-height:1; color:#111; bottom:0; opacity:0; z-index:3}
#header .top_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; top:0; min-width:6em; width:0; height:3px; transform:translateX(-50%); background:var(--siteC); opacity:0; transition:.3s;}
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ width:80%; opacity:1}
#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; text-align:center;position: absolute; z-index:-1; opacity:0; visibility:hidden; width: 100%; transform:translateY(0)}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.75em .5em; line-height:1.3; color:#000; position:relative; opacity:.8}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 8px); height:calc(100% - 8px); border:2px solid #fff; opacity:0}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:1}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a:before{ opacity:1}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ display:block}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .va{ font-weight: 600;}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1{ background:#fff}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1:before{ opacity:1}
#header.gnbOpen .top_wrap .gnb_wrap .gnb > li .dp2{ z-index:1; opacity:1; visibility:visible; transform:translateY(0); transition:.3s}

#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:0 4vw}
#header .top_wrap .etc_wrap .call{ display:flex; align-items:center; gap:1em}
#header .top_wrap .etc_wrap .call .ico{ width:1.25em; height:1.25em; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative}
#header .top_wrap .etc_wrap .call .ico .line{ position:absolute; left:50%; top:50%; width:100%; height:100%; border:1px solid #ddd; border-radius:50%; transform:translate(-50%, -50%)}
#header .top_wrap .etc_wrap .call .ico .xi{ font-size:1em}
#header .top_wrap .etc_wrap .call .no{ font-size:.938em; font-weight:700}

html:not(.scroll) #header{ background:none; color:#fff }
html:not(.scroll) #header .top_wrap .logo > a{ filter:brightness(0) invert(1)}
html:not(.scroll) #header:hover .top_wrap .logo > a{ filter:brightness(1) invert(0)}
html:not(.scroll) #header .top_wrap .gnb_wrap .gnb > li .dp1:after{ background:#fff}
html:not(.scroll) #header .top_wrap .etc_wrap .call{ color:#fff}
html:not(.scroll) #header .top_wrap .etc_wrap .call .ico .line{ border-color:#fff}
html:not(.scroll) #header:hover .top_wrap .etc_wrap .call{ color:#000}
html:not(.scroll) #header:hover .top_wrap .etc_wrap .call .ico .line{ border-color:#ddd}
html:not(.scroll) #header:hover .all_wrap .all_btn {border: 1px solid rgba(0, 0, 0, .2);}

.scroll #header{ box-shadow:0 0 1em rgba(0,0,0,.1)}
.scroll #header .top_wrap .wrapH{ transition:.3s}
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .dp1{ height:4.5em}
.scroll .headerT{ padding-top:4.5em}
.scroll #header .all_wrap .all_btn {border: 1px solid rgba(0, 0, 0, .2);}

#header:hover{ background:#fff !important; color:#000 !important}
#header:hover .top_wrap .gnb_wrap .gnb > li .dp1:after{ background:var(--siteC) !important}

.all_wrap{}
.all_wrap .all{}
.all_wrap .all_btn{ border:1px solid rgba(255,255,255,.5); border-radius:50%; transition:.2s; display: block; width: 3.5em; height: 3.5em; line-height: 3.5em}
#header.active .all_wrap .all_btn {border-color: rgba(0, 0, 0, .2);}
.all_wrap .all_btn .xi{ font-size:1.750em;}
.all_wrap .all_btn:hover{ background:#000; border-color:#000; color:#fff; transform:rotate(180deg);}
#footer .all_wrap .all_btn {border:1px solid rgba(255,255,255,.2);}
#footer .all_wrap .all_btn:hover {background: #fff; border-color: #fff; color: #000;}

.all_wrap .all_layer{ position:fixed; top:0; right:0; width:100%; max-width:100%; box-sizing:border-box; height:100vh; background: #fff; color:#fff; transform:translateX(80%); opacity:0; visibility:hidden; transition:.3s; box-shadow: -5px 0 30px rgba(0, 0, 0, .05);}
.all_wrap .all_layer .all_header{ padding:2em 0 1em; width: 90%; margin: 0 auto;}
.all_wrap .all_layer .all_header .all_logo img{ height:1.5em}
.all_wrap .all_layer .all_header .close_btn{ width:3em; height:3em; background:var(--siteC); border-radius:50%; margin-left:auto}
.all_wrap .all_layer .all_header .close_btn .xi{ font-size:1.875em; transition:.3s;}
.all_wrap .all_layer .all_header .close_btn:hover .xi{ transform:rotate(180deg);}

.all_wrap .all_layer .all_inner{ flex:1; opacity:0; transition:.3s;}
#header .all_wrap .all_layer .all_inner > .wrap_bg { width: 40%; padding: 1vh 0vw 3em 4vw; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg .img {padding-bottom: 85%;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs { padding-top: 2em; font-size: 1.188em; color: #111; font-weight: 600;} 
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs .call{ display:flex; justify-content:center; align-items:center; gap:1.5em; color: #000; padding: 2em 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs .call .ico{ width:1em; height:1em; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs .call .ico .line{ position:absolute; margin-right: 0.5em; left:50%; top:50%; width:100%; height:100%; border:1px solid #000; border-radius:50%; transform:translate(-50%, -50%)}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs .call .ico .xi{ font-size:1em}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs .call .no{ font-size:.938em; font-weight:700}
#header .all_wrap .all_layer .all_inner > .wrap_in { flex: 1; padding: 0vh 8em 6em; position: relative; overflow: hidden; } 
#header .all_wrap .all_layer .all_inner > .wrap_in::after { content: ''; width: 35em; height: 35em; background: url(../images/inc/all_bg.png) no-repeat center bottom / contain; position: absolute; right: 1em; top: 22em; opacity: .6; z-index: -10; } 
.all_wrap .all_layer .wrap_top .all_mem{ gap:.5em;}
.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;}
.all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500;}
.all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:var(--siteC); border-color:var(--siteC);}

.all_wrap .all_layer .wrap_middle .gnb{ flex-direction: column;}
.all_wrap .all_layer .wrap_middle .gnb > li{ flex:1; padding:1.5em 0 0 2.5em; text-align: left; align-items: center; justify-content: flex-start;}
.all_wrap .all_layer .wrap_middle .gnb > li.m_guide {display: none;}
/* #header .all_wrap .all_layer .wrap_middle .gnb > li.m_page4 .dp1 .tt,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_page5 .dp1 .tt {font-family: var(--fontBase);} */
.all_wrap .all_layer .wrap_middle .gnb > li ul{}
.all_wrap .all_layer .wrap_middle .gnb > li a{ padding:.5em .375em; width: fit-content;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in{ display:flex; align-items:flex-end; gap:.75em;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:2em; font-weight:700; color:#111; position: relative; transition: 0.3s;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt::before {content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--siteC); transition: 0.3s;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp1:hover .tt {color: var(--siteC);} 
.all_wrap .all_layer .wrap_middle .gnb > li .dp1:hover .tt::before {width: 100%;}
/* #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);} */
.all_wrap .all_layer .wrap_middle .gnb > li.act .dp1 .tt{ background-position: 0 100%;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 {display: block; margin-top: 0.5em;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a {color: #000;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ display:inline-block; position:relative;}
.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;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a:hover .tt {font-weight: 800;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .in:after{ transform:scaleX(1)}
.all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a{ gap:0 .75em;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a:before{ content:""; width:4px; height:2px; background:rgba(255,255,255,.4);}
.all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt{ opacity:.7;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li.act > a .tt{ text-decoration:underline; opacity:1;}
.all_wrap .all_layer .wrap_middle .gnb > li .dp4{ display:none;}

.allGnbOn{ overflow-y:hidden}
.allGnbOn .all_wrap:before{ content:""; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,.5)}
.allGnbOn .all_wrap .all_layer{ transform:translateY(0); opacity:1; visibility:visible;}
.allGnbOn .all_wrap .all_layer .all_inner{ opacity:1; transition-delay:.4s;}

/* #header .top_wrap .gnb_wrap .gnb > li .dp2 {display: none;} */



#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: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_wrap{ display:flex; align-items:center; gap:2em}
#footer .logo{ filter:brightness(0) invert(1)}
#footer .logo img{ height:5em}
#footer .menu_wrap{ margin-left:auto; display:flex; gap:2em}
#footer .menu_wrap > li > a{ opacity:.6}
#footer .menu_wrap > li.point > a{ opacity:1; font-weight:700}
#footer .info_wrap{ display:flex; justify-content:space-between; align-items:flex-start; margin:3em 0 0 0}
#footer .info{ overflow:hidden; flex:1 1 0%; min-width:0}
#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 .info > li.copyright{ font-size:.875em; opacity:.5; margin-top:1em}
#footer .site_wrap{ margin-left:auto; background:#333; width:14em; font-size:.875em; position:relative}
#footer .site_wrap .siteBtn{ display:flex; align-items:center; padding:1em; font-weight:500; transition:.3s}
#footer .site_wrap .siteBtn .arrow{ margin-left:auto; transition:.3s}
#footer .site_wrap .list{ position:absolute; left:0; bottom:100%; width:100%; background:inherit; visibility:hidden; opacity:0; transform:translateY(1em); transition:.3s}
#footer .site_wrap .list > li > a{ display:block; padding:1em; padding-right:3em; border-bottom:1px solid rgba(255,255,255,.1); position:relative; transition:.3s}
#footer .site_wrap .list > li > a:after{ content:"\e980"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%); opacity:0; transition:.3s}
#footer .site_wrap .list > li > a:hover{ background:rgba(255,255,255,.1)}
#footer .site_wrap .list > li > a:hover:after{ opacity:1}
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn{ background:rgba(0,0,0,.2)}
#footer .site_wrap.on .siteBtn .arrow{ transform:rotate(180deg)}
#footer .site_wrap.on .list{ visibility:visible; opacity:1; transform:translateY(0)}

.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}

/**/
#contents{ flex:1; min-height:0; box-sizing:border-box}
#contents .sub_top_wrap{ box-sizing:border-box; display:flex; flex-direction:column}
#contents .sub_top_wrap .visual_wrap{ height:45vh; position:relative; overflow:hidden; padding:0}
#contents .sub_top_wrap .visual_wrap .wrapIn{ position:relative; height:100%; overflow:hidden}
#contents .sub_top_wrap .visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; transition:2s; transform:scale(1.1)}
#contents .sub_top_wrap .visual_wrap .bg:before,
#contents .sub_top_wrap .visual_wrap .bg:after{ content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:#fff; transition:.7s; display:none}
#contents .sub_top_wrap .visual_wrap .bg:after{ left:auto; right:0}
#contents .sub_top_wrap .visual_wrap .con_wrap{ 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 .slogan{ position:relative; flex:1 1 0%; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1em 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 .mainScroll{ position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
#contents .sub_top_wrap .nav{ display:inline-flex; align-items:center; padding:.25em 1em; background:rgba(0,0,0,.3); border-radius:2em}
#contents .sub_top_wrap .nav > li{ text-transform:uppercase}
#contents .sub_top_wrap .nav > li:not(.home):before{ content:"\e940"; font-family:xeicon; margin:0 .5em}
#contents .sub_top_wrap .nav > li.home{ color:var(--siteC)}
#contents .sub_top_wrap .nav > li.home > a{ width:1.5em; height:1.5em; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center}
#contents .sub_top_wrap .nav > li.home > a .xi{ font-size:1em}
#contents .sub_top_wrap .sub_tab{ width:100%}
#contents .sub_top_wrap .sub_tab .gnb > li{ width:100%}
#contents .sub_top_wrap .sub_tab .gnb .dp2{backdrop-filter:blur(.5em); justify-content:center}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li{ flex:1 1 1%; max-width:33.33%}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a{ display:flex; align-items:center; justify-content:center; height:4em; padding:0 1em; background:rgba(255,255,255,.1); position:relative}
#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:#111}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff}
#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}
.load #contents .sub_top_wrap .visual_wrap .bg{ transform:scale(1)}
.load #contents .sub_top_wrap .visual_wrap .bg:before,
.load #contents .sub_top_wrap .visual_wrap .bg:after{ width:0; opacity:1}

#contents .sub_top_wrap .tit_wrap{}
#contents .sub_top_wrap .tit_wrap .wrapIn{ display:flex; justify-content:space-between; align-items:center; flex-direction:column; padding:3em 0; gap:2em}
#contents .sub_top_wrap .tit_wrap .tit:after{ content:""; display:block; margin:0 auto; margin-top:1em; width:1px; height:2em; background:#111}
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size:2.5em; font-weight:600}

.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 .doc{ padding:0 0 8em 0;}

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

body.dp1_member .sub_page_tit { display:none !important;}
body.dp1_member .sub_page_menu { display:none !important;}

/* sub */

.page_con {padding: 6em 0;}
.page_con.bg { background: #f4f4f4;}

.page_tt { font-size:1em; word-break:keep-all; line-height:1.4; } 
.page_tt > .tt + .tt { margin-top:1.5em; } 
.page_tt.o1 { opacity:.75; } 
.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; font-weight: 600; } 
.page_tt.s5 { font-size:1.313em } 
.page_tt.s6 { font-size:1.500em; font-weight: 700; } 
.page_tt.s7 { font-size:1.625em } 
.page_tt.s8 { font-size:1.875em } 
.page_tt.s9 { font-size:2.00em; font-weight: 500; color: #666; } 
.page_tt.s10 { font-size:3em; font-weight: 800; } 
.page_tt.s11 { font-size:2.65em; font-weight: 700; } 
.page_tt.s12 { font-size:5.000em; } 
.page_tt.s13 { font-size:6.500em; } 
.page_tt.s14 { font-size: 2.525em; font-weight: 700; } 
.page_tt.s15 { font-size: 4.625em; font-weight: 700; line-height: 1.06; } 
.page_tt.s16 { font-size: 2em; } 

.sub-left-ank-wrap {position: fixed; left: 50%; bottom: 0; opacity: 1; transition: .35s; z-index: 100; transform: translate(-50%, -50%);}
.sub-left-ank-wrap:hover,
.sub-left-ank-wrap.on {opacity: 1;}
.sub-left-ank-wrap.bottom {opacity: 0;}
.sub-left-ank-wrap .ank-list .list {background: #111; text-align: center; display: flex; border-radius: 3em;}
.sub-left-ank-wrap .ank-list .list > li {width: 12em;}
.sub-left-ank-wrap .ank-list .list > li .ank-in {display: block; border-radius: 3em; padding: 1em;}
.sub-left-ank-wrap .ank-list .list > li .ank-in:hover {background: #eeeae7; color: #251d1c; transition: .3s;}
.sub-left-ank-wrap .ank-list .list > li .ank-in .in-txt {}
.sub-left-ank-wrap .ank-list .list > li .ank-in .in-txt .tt {font-size: 1em; color: #fff; transition: .35s; font-weight: 600;}
.sub-left-ank-wrap .ank-list .list > li:hover .ank-in .in-txt .tt,
.sub-left-ank-wrap .ank-list .list > li.active .ank-in .in-txt .tt {color: #251d1c;} 

/*  */

.tab_idx.st1 { border-radius: 3em; overflow: hidden; } 
.tab_idx.st1 > li { flex: 1 1 20%; background-color: #f4f4f4; transition: .3s; } 
.tab_idx.st1 > li a { padding: 0.5em 0em;; min-height: 2.5em; height: 2.5em; color: #111; display: block; line-height: 2em; } 
.tab_idx.st1 > li a .step_top { } 
.tab_idx.st1 > li:hover,
.tab_idx > li.on {} 
.tab_idx.st1 > li:hover > a,
.tab_idx > li.on > a { background: #111; color: #fff; transition: .3s} 


/* greeting */

.swide-bg { } 
.swide-bg .wide-con { position:relative; padding: 5em 0; } 
.swide-bg .wide-con .bg_inf { position: relative; z-index: 2; } 
.swide-bg .wide-con .bg_inf .page_txt.mb_n { margin-bottom: 0em; } 
.swide-bg .wide-con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bgblack1); content: ''; } 
.swide-bg .wide-con .sub_bgline { width: 1px; height: 55px; background: #fff; margin: 0 auto; margin-top: 1em; } 
.wide-con.fac { height: 20em; } 
.wide-con.sub { height: 12.5em; overflow: hidden; border-radius: 1em; } 

.company-intro {position:relative}
.company-intro .comp-img {padding-right:17%;padding-bottom:70px}
.company-intro .cont {width:37em;height:19em;z-index:21;position:absolute;bottom:0;right:-60px;color:#fff; background: linear-gradient(135deg, #251d1c 0%, #443c3c 100%);}
.company-intro .cont>div {position:relative;width:100%;height:400px;padding:90px 0 60px 40px;box-sizing:border-box;background-size:127px 111px;}
.company-intro .cont>div h2 {font-size:30px;line-height:50px;font-weight:800;margin-bottom:30px;}
.company-intro .cont>div h2 span {font-weight:300; vertical-align: baseline;}
.company-intro .cont>div h3 {font-size:18px;line-height:30px;word-break:keep-all}
.company-intro .cont>div h3 div {font-size:32px;margin-top:10px;}

.greeting-txt {padding:3em 0 5em 0; width: 85%; margin: 0 auto;}
.greeting-txt .t1 {font-size:1.250em;line-height:32px;}
.greeting-txt .t2 {line-height:32px; font-size: 1.4em;}
.greeting-txt p {margin-top:20px;word-break:keep-all;}
.greeting-txt p:first-child {margin-top:0;}
.greeting-txt p span {vertical-align: baseline; font-weight: 900;}
.bottom_area { position: relative; display: flex; justify-content: center; overflow: hidden; height: 434px;}
.bottom_area .img-box { position: absolute; top: 0; width: 100%; height: 100%;}
.bottom_area ._wrap {display: flex; align-items: center; height: 100%; justify-content: end; z-index: 10;}
.bottom_area .txt_box { font-size: 45px; letter-spacing: -0.025em; color: #fff; text-align: left; display: grid; grid-gap: 30px; padding-right: 1em;}
.bottom_area .txt_box .logo { max-width: 114px; line-height: 0;}
.bottom_area .txt_box p { font-weight: 700;}
.txt_box span { font-weight: 400;}
._wrap { width: 80%; margin: 0 auto; position: relative;}
.organ {background: #f4f4f4;}
.iconList{}
.iconList ul{
    display: flex;
    flex-wrap: wrap;
    gap:1em;
    counter-reset: var-count;
    justify-content: center;
}
.iconList li{
    width: calc((100% - 4em) / 4);
    border: 1px solid #ddd;
    border-top: 3px solid #a9a6a1;
    display: flex;
    gap: 30px;
    padding: 50px;
    box-sizing: border-box;
    align-items: center;
    overflow: hidden;
    position:relative;
    background: linear-gradient(135deg, #251d1c 0%, #535151 100%);
    border-radius: 1em;
}
.iconList li::before{
    content: "0"counter(var-count);
    counter-increment: var-count;
    position:absolute;
    top: -18px;
    right: -10px;
    font-size: 120px;
    font-weight: 800;
    color: #fff;
    opacity: 0.1;
    line-height: 1em;
}

.iconList .iconBox{
    width: 6em;
    height: 6em;
    padding: 1em;
    background-color: #f3f3f3;
    border-radius: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
    text-align: center;
}
.iconList .iconBox > p {width: 7em;height: 4em; background-color: #fff;border-radius: 50%; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.iconList .iconBox > p img {width: 2.7em;}
.iconList .textBox{}
.iconList .textBox h6{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.iconList .textBox p{font-size: 16px;color: #fff;padding-top: 20px;}
.iconList .textBox p.f-or{
    padding-top: 0;
    font-size: 15px;
}

.apply_pcHide,
.inquiry_pcHide,
.appList_pcHide,
.btn_pcHide,
.tbl_pcHide { display: none !important; }

.pageCon_num{ counter-reset:number 0;}
.pageCon_num > .innerNum .addNum:before{ content:counter(number); counter-increment:number 1;}

/* project view */

.viewSlide .el{ position: relative; overflow:hidden; height:70vh; background:#fff}
.viewSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.viewSlide .el .vod_wrap{ position:relative; height:100%}
.viewSlide .el.swiper-slide-active .vod_wrap:after,
.viewSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.2}
.viewSlide .el.swiper-slide-active .bg,
.viewSlide .el.swiper-slide-duplicate-active .bg{ transition:5s; transform:scale(1) rotate(.001deg)}
.viewSlide .el:nth-child(3n - 2) .bg{ height:110%; transform:scale(1)}
.viewSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.viewSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.viewSlide .el:nth-child(3n - 1) .bg{ width:110%; transform:scale(1)}
.viewSlide .el.swiper-slide-active:nth-child(3n - 1) .bg,
.viewSlide .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg{ transform:translateX(-9.0909%) rotate(.001deg)}

.viewSlideSlogan_wrap {text-align: center;}
.viewSlide_control{ margin-top:-5%; display: inline-block; z-index: 10; position: relative;}
.viewSlide_control .control{background: #111; border-radius: 3em; }
.viewSlide_control .paging{ width:5em; text-align:center; color: #fff;}
.viewSlide_control .paging .swiper-pagination-current{ font-weight:700}
.viewSlide_control .paging .swiper-pagination-current,
.viewSlide_control .paging .swiper-pagination-total {vertical-align: baseline;}

.info_wrap { margin: 6em 0; gap: 4em; } 
.info_wrap .info_left { flex: 1 1 30%; } 
.info_wrap .info_left.test { flex: 1 1 100% } 
.info_wrap .info_right { flex: 1 1 70%; } 
.info_wrap .info_right.test { flex: 1 1 100%; } 
.info_wrap .info_right .info_list { margin-top: 2em; gap: 1em; } 
.info_wrap .info_right.test .info_list > li { flex: 1 1 100%; } 
.info_wrap .info_right .info_list > li { flex: 1 1 30%; background: #eeeae7; padding: 1.5em; } 
.info_wrap .info_right .info_list > li.w100 { flex: 1 1 100%; } 
.info_wrap .info_right .info_list > li .info_tcon { } 
.info_wrap .info_right .info_list > li .info_tcon .ttl { font-size: 1.35em; font-weight: 600; margin-bottom: 1em; color: #111; } 
.info_wrap .info_right .info_list > li .info_tcon .txt { font-size: 1.15em; font-weight: 500; color: #251d1c; } 
.view_bottom {border-top: 1px solid #000; padding-top: 2em;}

/* contact */
.map_Wrap { position: relative; } 
.map_Wrap .root_daum_roughmap .wrap_controllers {display: none;}
.map_Wrap > div{ position:relative}
.map_Wrap .main_moreW{ position:absolute; left:1em; top:1em; margin-top:0; font-size:.875em; z-index:10; background:#111; color:#fff}

.info_con { } 
.info_con .info_box { position: relative} 
.info_con .info_box > .list {} 
.info_con .info_box > .list:nth-child(2) .in { background: #fff; border: 1px solid #251d1c; color: #fff; } 
.info_con .info_box > .list .info_inn { padding:2em 3em; background: #251d1c; color: #fff; display: flex;flex-direction: column;justify-content: space-between; border-radius:0 0 2em 2em } 
.info_con .info_box > .list .info_inn .btm_Wrap { gap: 2em; align-items: flex-end; } 
.info_con .info_box > .list .info_inn .btm_Wrap .info {} 
.info_con .info_box > .list .info_inn .btm_Wrap .info.w2 { width: 100%; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn { width: 100%; } 
.info_con .info_box > .list:nth-child(2) .info_inn .btm_Wrap .location_btn > a { border: 1px solid #111; color: #111; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a { border: 1px solid #fff; border-radius: 5em; padding: .95em 2em; display: inline-block;} 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a > .xi { padding-left: .45em; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a > span { font-size: 1.05em; } 

.info_con .list{ }
.info_con .list{ gap:1em 1em; margin: 0 0 1.5em;}
.info_con .list > li{ flex:1; text-align:center;}
.info_con .list > li .inn{ flex:1;}
.info_con .list > li + li .inn{ padding-left:1em; border-left:1px solid #ddd;}
.agree_box{ border-radius:.5em; border:1px solid #ddd; padding:1.5em; background: #fff; height: 12em;}


/* main */
.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 .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.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%}
.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:5s; 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)}

.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlide_wrap .slogan{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); text-align:center; color:#fff}
.visualSlide_wrap .slogan .t1{ font-size:1.313em}
.visualSlide_wrap .slogan .t2{ font-size:6em; font-weight:900; letter-spacing:-.063em; word-spacing:.125em; margin:0 0 .375em 0}
.visualSlide .el .slogan .t1{ letter-spacing:1em; opacity:0; white-space:nowrap}
.visualSlide .el.swiper-slide-active .slogan .t1{ letter-spacing:.25em; opacity:1; transition:3s}

.visualSlide_control{ margin-top:2em; display:flex; align-items:flex-end; width:100%}
.visualSlide_control .control{ margin:0 0 1em auto}
.visualSlide_control .paging{ width:5em; text-align:center;}
.visualSlide_control .paging .swiper-pagination-current{ font-weight:700}

.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:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em}

.main_pop_wrap,
.main_pop_all .popList > li{ width:60em}
.main_pop_wrap{ position: absolute; z-index:2; right:0; bottom:0; z-index:10; transition:1s; transform:translateX(100%); opacity:0}
.load .main_pop_wrap{ opacity:1}
/* .load .main_pop_wrap{ transform:translateX(0); opacity:1} */
.main_pop_wrap .wrapBtn{ position:absolute; width:3em; z-index:1; right:100%; bottom:0; display:flex; align-items:center; justify-content:center; color:#fff}
.main_pop_wrap .wrapBtn .twrap{ transform: translateY(50%) rotate(90deg); position: absolute; right: 50%; bottom: 0; transform-origin: 100% 50%; display:flex; font-size:1.063em; background-color: rgba(0,0,0,.7); padding: 0.8em;min-width: 5.5em;}
.main_pop_wrap .wrapBtn:hover .twrap {background-color: rgba(0,0,0,1);}
.main_pop_wrap .wrapBtn .tt{ letter-spacing:.063em; font-weight:500}
.main_pop_wrap .wrapBtn .tt:before{ content:"OPEN"}
.main_pop_wrap .wrapBtn .xi{ font-size:1em; margin-left:1em; transition:.3s}
.main_pop_wrap .wrapBtn .xi:before{ content:"\e944"}
.main_pop_wrap.on .wrapBtn .tt:before{ content:"CLOSE"}
.main_pop_wrap.on .wrapBtn .xi{ transform:rotate(180deg)}
.main_pop_wrap .wrap_tit{ width:100%; max-width:10em; position:absolute; left:0; top:0; transform:rotate(90deg); transform-origin:left top; justify-content:center; position:absolute; left:0; top:0; transform:rotate(90deg); transform-origin:left top;}
.main_pop_wrap .wrap_tit > a {color:#fff; display:flex; align-items:center; justify-content:center;width: 100%;height:3em; background:#002144;}
.main_pop_wrap .wrap_tit > a:hover {color:#002144; background-color:#fff;}
.main_pop_wrap .wrap_tit.c1 > a { background:#0060ae}
.main_pop_wrap .wrap_tit.c1 > a:hover { color:#0060ae; background-color:#fff;}
.main_pop_wrap .wrap_tit .tt{ font-size:.875em; font-weight:700; letter-spacing:.063em; word-spacing:.25em}
.main_pop_wrap .wrap_con{ position:relative}
.main_pop_wrap .toggleCon{ transition:1s; transform:translateX(100%); opacity:0; background: rgba(0,0,0,.8);}
.load .main_pop_wrap .toggleCon{ transform:translateX(0); opacity:1}
.main_pop_wrap .toggleCon.on{ transform:translateX(100%)}
.main_pop_wrap.on .toggleCon.on{ transform:translateX(0);}
.main_pop_wrap.on .toggleCon:not(.on){ transform:translateX(-100%)}

.main_pop_wrap.on{ transform:translateX(100%)}

.main_pop_wrap .wrap_con .con_box {padding: 1em;}
.main_pop_wrap .wrap_con .con_box .notice_list {gap: 1em;}
.main_pop_wrap .wrap_con .con_box .notice_list li {width: calc(30.3% - 1em); background: #fff; padding: 1em;}
.main_pop_wrap .wrap_con .con_box .notice_list li .inn {text-align: center;}
.main_pop_wrap .wrap_con .con_box .notice_list li .inn .tx_box {padding: 1em 0;}
.main_pop_wrap .wrap_con .con_box .notice_list li .inn .t1 {font-size: 1.25em; font-weight: 600; margin-bottom: 0.5em;}
.main_pop_wrap .wrap_con .con_box .notice_list li .inn .t2 {font-size: 1.125em; color: #0060ae; margin-bottom: 0.5em;}
.main_pop_wrap .wrap_con .con_box .notice_list li .inn .t3 {background: #f4f4f4; padding: .3em;}


.main_box{ padding:5em 0; overflow:hidden}
.main_box.bg1{ background:#f5f5f5}

.main_tit{ margin-bottom:2em; display:flex; flex-direction:column; align-items:flex-start; gap:1em}
.main_tit.g1{ gap:2em}
.main_tit.hc{ align-items:center; text-align:center}
.main_tit.vc{ justify-content:center}
.main_tit .tit1{ font-size:3em; font-weight:900; letter-spacing:-.063em; word-spacing:.125em}
.main_tit .tit1.s1{ font-size:4em}
.main_tit .tt1{ font-size:1.25em; line-height:1.8; font-weight:500}
.main_tit .c1{ color:#ddd}
.main_tit .c2{ color:#777}

.main_txt {margin-bottom: 4.65em;} 
.main_txt .line { display:block; width:1px; height:1px; background:#ec1c24; } 
.main_txt .line.w { width:3em; margin:2em 0; } 
.main_txt .line.h { height:2em; margin:1.25em 0; } 
.main_txt > .tit { margin-bottom:2em; } 
.main_txt > .mg0 { margin-bottom:0; } 
.main_txt > .mg1 { margin-bottom:1.5em; } 
.main_txt > .mg2 { margin-bottom:3.5em; } 
.main_txt > .txt .tt { line-height:1.6; } 
.main_txt .tt { margin-top:1.75em; } 
.main_txt .tt:first-child { margin-top:0; } 
.main_txt .br { display:block; } 
.main_txt .op1 { opacity:.6; } 
.main_txt .t1 { font-size:.938em; } /*15*/
.main_txt .t2 { font-size:1.000em; } /*16*/
.main_txt .t3 { font-size:1.063em; } /*17*/
.main_txt .t4 { font-size:1.125em; line-height: 1.6; } /*18*/
.main_txt .t5 { font-size:1.250em; } /*20*/
.main_txt .t6 { font-size:1.375em; } /*22*/
.main_txt .t7 { font-size:1.500em; } /*24*/
.main_txt .t8 { font-size:1.625em; } /*26*/
.main_txt .t9 { font-size:1.750em; } /*28*/
.main_txt .t10 { font-size:1.875em; } /*30*/
.main_txt .t11 { font-size:2.250em; } /*36*/
.main_txt .t12 { font-size:2.375em; } /*38*/ 
.main_txt .t13 { font-size:3.15em; } /*54*/
.main_txt .t14 { font-size:4.375em; } /*70*/ 
.main_txt .t15 { font-size:5.000em; } /*80*/ 
.main_txt .t16 { font-size:6.25em; } /*80*/ 

.fw800{ font-weight:800}
.fw700{ font-weight:700}
.fw600{ font-weight:600}
.fw500{ font-weight:500}
.fw400{ font-weight:400}
.fw300{ font-weight:300}

.pf_list{ display:flex; flex-wrap:wrap; gap:0 3em; margin-top:-.5em}
.pf_list > li{ width:calc(33.33% - 2em)}
.pfSt{ display:flex; flex-direction:column; cursor:pointer}
.pfSt .img_wrap{ position:relative}
.pfSt .img_wrap:after{ content:""; position:absolute; left:50%; top:100%; transform:translate(-50%, calc(100% + .75em)); width:100%; height:.25em; border-radius:50%; background:#000; filter:blur(.75em)}
.pfSt .img_wrap .wrapIn{ overflow:hidden}
.pfSt .img_wrap .before{ position:absolute; left:0; top:0; width:100%; height:100%; transform-origin:100% 50%; filter:invert(1)}
.pfSt .img_wrap .bg{ padding-bottom:56.25%; position:relative; background-color:#f1f1f1; transform:translateX(100%) perspective(100vw) rotateY(90deg); transform-origin:0 50%}
.pfSt .img_wrap .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
; opacity:0; transition:.3s}
.pfSt .con_wrap{ padding:2em; box-sizing:border-box; text-align:center; transition:.5s}
.pfSt .con_wrap .t1{ font-size:1.188em; font-weight:500}
.pfSt .con_wrap .more{ font-size:.875em; display:inline-flex; align-items:center; justify-content:center; margin-top:1em; padding-top:1em; border-top:1px solid #fff; visibility:hidden}
.pfSt .con_wrap .more:after{ content:"+"; padding-left:1em}
.pf_list > li.on .pfSt .img_wrap .before{transform:translateX(-100%) perspective(100vw) rotateY(-90deg); transition:1s; transition-delay:.1s}
.pf_list > li.on .pfSt .img_wrap .bg{ transform:none; transition:1s; transition-delay:.1s}
.pfSt:hover .img_wrap .bg:after{ opacity:1}
.pfSt:hover .con_wrap{ transform:translateY(-100%); color:#fff}
.pfSt:hover .con_wrap .more{ visibility:visible; transition:.5s}

.main_moreW{ display:flex; justify-content:center; margin-top: 3em;}
.main_more{ padding:1em 2em; border:2px solid #111; font-weight:700; position:relative}
.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.125em}
.main_more .in .ico:before{ content:"\e913"}
.main_more:hover{ color:#fff}
.main_more:hover:before{ width:100%}
.main_more.re {border:2px solid #fff;}
.main_more.re:hover{ background:#fff;}

.mainNewsSlide_wrap{ overflow:hidden}
.mainNewsSlide{ overflow:visible !important}
.mainNewsSlide .el .wrap_in{ border-radius:1em; overflow:hidden; background:#fff}
.mainNewsSlide .el .wrap_in .con_wrap{ box-sizing:border-box; padding:2em; 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{ opacity:.8}
.mainNewsSlide .el .wrap_in .con_wrap .date{ color:#777; font-size:.875em}

.main_link{ display:flex; gap:1em}
.main_link > li{ width:100%}
.main_link > li .in{ position:relative}
.main_link > li .in .img_wrap .resize{ padding-bottom:20%; transition:1s}
.main_link > li .in .con_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; padding:2em; gap:1em; text-align:center; color:#fff}
.main_link > li .in .con_wrap .t1{ font-weight:800; font-size:1.75em}
.main_link > li .in .con_wrap .more{ padding:.5em 1.5em; border:1px solid rgba(255,255,255,.5); font-weight:500; border-radius:.5em; transition:.3s}
.main_link > li .in:hover .img_wrap .resize{ transform:scale(1.1)}
.main_link > li .in:hover .con_wrap .more{ background:var(--siteC); color:#FFF; border-color:transparent}

.re-circle-wrap { } 
.re-circle-wrap.st1 .list { gap: 4em; margin-top: 3em; counter-reset: cirnum 0; } 
.re-circle-wrap.st1 .list > li { position: relative; width: calc(33.3% - 4em); } 
.re-circle-wrap.st1 .list > li:before { content: counter(cirnum); counter-increment: cirnum; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: #111; z-index: 111; } 
.re-circle-wrap.st1 .list > li .cir-in { height: 15em; border: 1px solid #eee; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.re-circle-wrap.st1 .list > li:last-of-type .cir-in { border: 2px dashed #111; } 
.re-circle-wrap.st1 .list > li .cir-txt { }   
.re-circle-wrap.st1 .list > li .cir-txt > h3 { font-size: 1.25em; margin-bottom: .5em; font-weight: 600;} 
.re-circle-wrap.st1 .list > li .cir-txt > span { font-size: .938em; color: #888; line-height: 1.2; width: 100%; } 
.re-circle-wrap.st1 .list > li .cir-in .xi { position: absolute; right: -2.15em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: #111; } 
.re-circle-wrap.st1 .list > li .cir-in .icon { margin-bottom: 1em; } 
.re-circle-wrap.st1 .list > li .cir-in .icon > img { width: 70px; height: 70px; } 

/**/
.mainScrollW{}
.main_visual_gnb{ display:flex; flex:1 1 0%; min-width:0; justify-content:flex-end; margin-bottom:2em}
.main_visual_gnb .gnb,
.main_visual_gnb .gnb .dp2{ gap:.5em; align-items:flex-end}
.main_visual_gnb .gnb .dp1,
.main_visual_gnb .gnb .dp3{ display:none}
.main_visual_gnb .gnb .dp2 > li > a{ display:flex; align-items:center; justify-content:center; width:7em; height:7em; border-radius:1em; border:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden; transition:.3s; box-sizing:border-box; padding:1em}
.main_visual_gnb .gnb .dp2 > li > a .bg{ position:absolute; left:0; top:0; width:100%; height:100%; display:block}
.main_visual_gnb .gnb .dp2 > li > a .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.1}
.main_visual_gnb .gnb .dp2 > li > a .va{ position:relative; word-break:break-strict; font-weight:500; font-size:1.063em}
.main_visual_gnb .gnb .dp2 > li > a:after{content:"GO \e907"; font-size:.875em; font-family:xeicon, sans-serif; position:absolute; transform:translateX(200%); right:1em; bottom:1em; opacity:0; transition:.5s}
.main_visual_gnb .gnb .dp2 > li > a:hover:after{ transform:translateX(0); opacity:1}
.main_visual_gnb .gnb > li.m_project .dp2 > li > a{ width:12em}
.main_visual_gnb .gnb .dp2 > li:hover > a{ height:9em; align-items:flex-start; justify-content:flex-start}
.main_visual_gnb .gnb .dp2 > li:hover > a .bg:after{ opacity:.7}
.main_visual_gnb .gnb li.m_technology,
.main_visual_gnb .gnb li.m_esg,
.main_visual_gnb .gnb li.m_recruit {display: none;}


/* new */

/*quality*/
.txt_wrap {text-align:center; font-size:1.125em; margin-bottom:4em; line-height:1.4; color:#333;}
.txt_wrap .col {vertical-align: baseline;color: #111;font-weight: 800;}
.txt_wrap .dot {margin-bottom:1.6em;}
.txt_wrap .dot img {filter: brightness(0);}
.quaImg {text-align: center; }
.txt_wrap.qua .tt.st1 {margin-bottom:1em; font-size:1.5em;} 
.txt_wrap.qua .tt .col.st2 {color:#000;}

.nown_img{ margin-right:-15px; margin-bottom:4em;}
.nown_img > li{ width:33%;}
.nown_img > li .in{ margin-right:15px; height:100%; border:1px solid #ddd; border-radius:5px; box-shadow:0 0 30px 5px rgba(0,0,0,0.1); overflow:hidden;}
.nown_img > li .in .img_z{ height:200px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.nown_img > li .in .txt_wrap{ text-align:left; padding:1.2em .7em; margin-bottom:0; font-size:1.05em; letter-spacing:-.8px; border-top:1px solid #ddd; padding-left:2em;}
.nown_img > li:nth-child(2) .in .txt_wrap .tt, .nown_img > li:nth-child(3) .in .txt_wrap .tt {margin-top:25px;}
.nown_ict{ margin-right:-20px;}
.nown_ict > li { width:33.33%; margin:10px 0;}
.nown_ict > li .in{ margin-right:20px; border:1px solid #ddd; height:100%; box-sizing:border-box; padding:2em; background:#fff; position:relative;}
.nown_ict > li .in .ricon{font-size: 1.375em; width: 3.5em; line-height: 3.5em; border-radius: 50%; background: #eea300; text-align: center; margin-bottom: 1em; color: #fff;}
.nown_ict > li .in .tt{ font-size:1.3em; font-weight:500; color:#f3762d; margin-bottom:10px;}
.nown_ict > li .in:before{ content:''; width:2em; height:1px; background:#f3762d; position:absolute; top:-1px; left:-1px;}
.nown_ict > li .in:after{ content:''; width:2em; height:1px; background:#f3762d; position:absolute; bottom:-1px; right:-1px;}
.nown_img.st2 > li {width:33.3333%;}
.nown_img.st2 > li .in .txt_wrap .t1 {font-size:1.6em; color:#333; font-weight:800;}
.nown_img.st2 > li .in .txt_wrap .t2 {font-size:1.2em; color:#777;}
.nown_img.st2 > li .in .txt_wrap .tt {margin-top:1em;}

.rnd_overSubj02{position:relative;font-size:30px;line-height:1.2em;font-weight:800;color:#111}
.rnd_overSubj03{position:relative;padding-bottom:15px;font-family:'ulB';font-size:36px;line-height:1.2em;color:#002b5c}
.rnd_overSubj03:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_overTxt02{margin-top:30px;font-size:18px;line-height:1.5em;color:#333}

.bmSlide .item{overflow:hidden;position:relative;width:100%;height:500px;text-align:center}
.bmSlide .item img{position:absolute;top:0;left:50%;width:1920px;height:500px;margin-left:-960px}
.bmSubj{overflow:hidden;position:relative;width:100%;height:auto;margin-top:50px;padding-top:14px;font-size:1.5em;font-weight:800;color:#222; text-align: center; margin-bottom: 1em;}
.bmSubj.mt10{margin-top:0 !important}
.bmSubj a{overflow:hidden;position:relative;width:100%;height:auto;margin-top:70px;padding-top:15px;font-size:26px;color:#222}
.bmSubj:before{overflow:hidden;position:absolute;top:0;left: 50%; transform: translate(-50%, -50%);width:24px;height:3px;background:#012b5d;content:''}
.bmSubj strong{font-size:30px}

/* 복리후생 */
.guideText {}
.guideText > dl {margin:70px 0;}
.guideText > dl:after {content:""; display:block; clear:both;}
.guideText .label {float:left; width:210px; font-size:30px; font-weight:400; color:#222; line-height:1.2; letter-spacing:-1.5px;}
.guideText .value {float:left; padding-left:65px; width:890px; border-left:1px solid #e5e5e5; overflow:hidden;}
.guideText .infoText {margin-bottom:60px; font-size:24px; font-weight:300; color:#222; word-break:keep-all;}
.guideText .infoText.mb13 {margin-bottom:13px !important;}
.guideText .infoText2 {font-size:16px; font-weight:300; color:#666666; line-height:26px; }
.guideText .recruitInfo {float:left; width:50%; border:1px solid #e5e5e5; margin-left:-1px;}
.guideText .recruitInfo  dt {padding:13px; font-size:16px; font-weight:500; color:#222; border-bottom:1px solid #e5e5e5; text-align:center;}
.guideText .recruitInfo  dd {padding:30px 30px 24px; font-size:16px; color:#666; line-height:2.0;}
.guideText .notice {font-weight:300;}
.guideText .notice li {position:relative; padding-left:10px; font-size:16px; color:#666; line-height:26px; }
.guideText .notice li + li {margin-top:2px;}
.guideText .notice li:before {content:"-"; position:absolute; left:0;}
.guideText .notice.type2 {margin-top:-2px;}
.guideText .notice.type2 li {margin-top:2px; width:50%; float:left;}
.guideText ol > li {font-size:16px; color:#222222; margin-top:13px;}
.guideText ol.fColor2 > li {color:#666;}
.guideText ol > li:first-child {margin:0;}
.guideText ol > li > ul {padding-left:17px;}
.guideText .mb30 {margin-bottom:30px !important;}
.guideText .mb15 {margin-bottom:15px !important;}
.guideText .notice.mt5 li + li {margin-top:5px;}
.guideText .textBox {border:1px solid #e5e5e5; background-color:#fcfbfb; padding:17px 23px; margin-top:27px; width:650px;}
.guideText .textBox strong {float:left; font-size:16px; color:#222222; font-weight:400; vertical-align: middle; margin-right:23px;}
.guideText .textBox dl {float:left; font-size:14px; color:#555555;}
.guideText .textBox dt {display:inline-block; font-weight:400; vertical-align: middle; border-left:1px solid #e7e7e7; margin-left:14px; padding-left:14px;}
.guideText .textBox dd {display:inline-block; font-weight:300; vertical-align: middle; color:#555;}
.guideText .textBox dl dt:first-child {border:none; margin:0; padding:0;}
.guideText .textBox2 {border:1px solid #e5e5e5; background-color:#fcfbfb; padding:17px 23px; margin-top:10px; width:1050px;}
.guideText .textBox2 strong {float:left; font-size:16px; color:#222222; font-weight:400; vertical-align: middle; margin-right:23px;}
.guideText .textBox2 dl {float:left; font-size:14px; color:#555555;}
.guideText .textBox2 dt {display:inline-block; font-weight:400; vertical-align: middle; border-left:1px solid #e7e7e7; margin-left:14px; padding-left:14px;}
.guideText .textBox2 dd {display:inline-block; font-weight:400; vertical-align: middle; color:#555;}
.guideText .textBox2 dl dt:first-child {border:none; margin:0; padding:0;}
.guideText .videoBox {margin-top: 40px; height: 100px; overflow-y: scroll; font-size: 14px; color: #666;}

.welfare {overflow:hidden; border:1px solid #e5e5e5; border-bottom:0; margin-top: 1em;}
.welfare li {width:49%; height:160px; border:1px solid #e5e5e5; border-width:0 1px 1px 0; font-size:16px; color:#222; font-weight:300; gap: 6em; position:relative;}
.welfare li:nth-child(2n) {border-right:0;}
.welfare li strong {display:block; margin-bottom:8px; font-size:24px; font-weight:800;}
.welfare li span[class*=bg] {display:block; background-size: contain; background-position: 0px 0px; width: 78px; height: 78px; }
.welfare li > p {width: 60%;}

/* 기술혁신 > 주요연구분야 > 공통 */
.rnd_skill{overflow:hidden;width:1098px;height:auto;margin-top:30px;border:1px solid #e1e1e1; margin: 0 auto;}
.rnd_skill .left{float:left;width:420px;height:342px;padding:40px;border-right:1px solid #e1e1e1}
.rnd_skill .cont_tit{position:relative;height:49px;padding-top:10px;font-size:1.25em;font-weight:600;line-height:22px;color:#333;text-align:left}
.rnd_skill .cont_tit:after{overflow:hidden;position:absolute;top:0;left:0;width:10px;height:2px;background:#002c5d;content:''}
.rnd_skill .left .list{width:100%;height:auto;margin-top:15px}
.rnd_skill .left .list li{width:248px;padding-left:10px;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444}
.rnd_skill .left .list li.ar{float:right;width:155px;margin-top:-30px; text-align: left !important;}
.rnd_skill .right{float:left;width:516px;height:342px;padding:40px;border-right:1px solid #e1e1e1}
.rnd_skill .right .list{width:100%;height:auto;margin-top:12px}
.rnd_skill .right .list li{width:266px;padding-left:10px;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444;text-align:left}
.rnd_skill .right .list li.ar{float:right;width:237px;margin-top:-30px; text-align: left !important;}
.rnd_skill.research{width:1200px;border:0}
.rnd_skill.research ul{margin-top:1px;margin-left:1px}
.rnd_skill.research li{float:left;width:318px;height:auto;margin:-1px 0 0 -1px;padding:40px;border:1px solid #e1e1e1}
.rnd_skill .list{width:100%;height:auto}
.rnd_skill .list li{width:270px;padding:0;padding-left:10px;border:0;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444;text-align:left}
.rnd_skill .list li em{margin-top:-10px;font-style:normal;font-size:16px}

.rnd_skill2{overflow:hidden;width:1098px;height:auto;margin-top:30px;border:1px solid #e1e1e1; margin: 0 auto;}
.rnd_skill2 .left{float:left;width:468px;height:312px;padding:40px;border-right:1px solid #e1e1e1}
.rnd_skill2 .cont_tit{position:relative;height:49px;padding-top:10px;font-size:20px;font-weight:normal;line-height:22px;color:#333;text-align:left}
.rnd_skill2 .cont_tit:after{overflow:hidden;position:absolute;top:0;left:0;width:10px;height:2px;background:#002c5d;content:''}
.rnd_skill2 .left .list{width:100%;height:auto;margin-top:15px}
.rnd_skill2 .left .list li{width:548px;padding-left:10px;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444}
.rnd_skill2 .left .list li.ar{float:right;width:155px;margin-top:-30px}
.rnd_skill2 .right{float:left;width:468px;height:312px;padding:40px}
.rnd_skill2 .right .list{width:100%;height:auto;margin-top:12px}
.rnd_skill2 .right .list li{width:548px;padding-left:10px;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444;text-align:left}
.rnd_skill2 .right .list li.ar{float:right;width:237px;margin-top:-30px}
.rnd_skill2.research{width:1100px;border:0}
.rnd_skill2.research ul{margin-top:1px;margin-left:1px}
.rnd_skill2.research li{float:left;width:285px;height:auto;margin:-1px 0 0 -1px;padding:40px;border:1px solid #e1e1e1}
.rnd_skill2 .list{width:100%;height:auto}
.rnd_skill2 .list li{width:548px;padding:0;padding-left:10px;border:0;background:url(https://www.dlenc.co.kr/static/images/sub/bul01.gif) no-repeat 0 14px;font-size:16px;line-height:30px;color:#444;text-align:left}
.rnd_skill2 .list li em{margin-top:-10px;font-style:normal;font-size:16px}
.rnd_skill2 .left_bottom,
.rnd_skill2 .right_bottom{border-top:1px solid #e1e1e1;height:350px}

.btArea .imgBox01{overflow:hidden;position:relative;width:998px;height:474px;margin:50px auto;}
.btArea .imgBox01 .item01{position:absolute;top:0;left:0}
.btArea .imgBox01 .item02{position:absolute;top:0;right:0}
.btArea .imgBox01 .item03{position:absolute;right:0;bottom:0}
.btArea .imgBox02{overflow:hidden;position:relative;width:998px;height:261px;margin:50px auto}
.btArea .imgBox02 .item01{position:absolute;top:0;left:0}
.btArea .imgBox02 .item02{position:absolute;top:0;left:336px}
.btArea .imgBox02 .item03{position:absolute;top:0;right:0}
.btArea .imgBox03{overflow:hidden;position:relative;width:998px;height:447px;margin:50px auto}
.btArea .imgBox03 .item01{position:absolute;top:0;left:0}
.btArea .imgBox03 .item02{position:absolute;top:0;left:528px}
.btArea .imgBox03 .item03{position:absolute;top:0;right:0}
.btArea .imgBox03 .item04{position:absolute;left:528px;bottom:0}
.btArea .imgBox03 .item05{position:absolute;right:0;bottom:0}
.btArea .imgBox04{position:relative;width:873px;height:311px;margin:50px auto}
.btArea .imgBox04 .item01{position:absolute;top:0;left:0}
.btArea .imgBox04 .item02{position:absolute;top:0;left:278px}
.btArea .imgBox04 .item03{position:absolute;top:0;right:0}
.btArea .imgBox04 .item04{position:absolute;right:0;bottom:0}
.btArea .imgBox05{position:relative;width:770px;height:343px;margin:50px auto}
.btArea .imgBox05 img{z-index:10}
.btArea .imgBox05 span{display:inline-block;position:relative;z-index:9990}
.btArea .imgBox05 .item01{position:absolute;top:0;left:0}
.btArea .imgBox05 .item02{position:absolute;top:0;left:260px}
.btArea .imgBox05 .item03{position:absolute;top:0;right:0}
.btArea .imgBox06{position:relative;width:723px;height:223px;margin:50px auto}
.btArea .imgBox06 .item01{position:absolute;top:0;left:0}
.btArea .imgBox06 .item02{position:absolute;top:0;right:0}
.btArea .imgBox07{position:relative;width:723px;height:210px;margin:50px auto}
.btArea .imgBox07 .item01{position:absolute;top:0;left:0}
.btArea .imgBox07 .item02{position:absolute;top:0;right:0}
.btArea .imgBox08{position:relative;width:998px;height:530px;margin:50px auto;background:url(https://www.dlenc.co.kr/static/images/sub/pic_system03.jpg) no-repeat}
.btArea .imgBox08 .item01{position:absolute;top:0;left:0}
.btArea .imgBox09{position:relative;width:998px;height:386px;margin:50px auto}
.btArea .imgBox09 .item01{position:absolute;top:0;left:0}
.btArea .imgBox09 .item02{position:absolute;top:0;right:0}
.btArea .imgBox10{position:relative;width:998px;height:448px;margin:50px auto}
.btArea .imgBox10 .item01{position:absolute;top:0;left:0}
.btArea .imgBox10 .item02{position:absolute;top:0;right:0}
.btArea .imgBox11{position:relative;width:712px;height:298px;margin:50px auto}
.btArea .imgBox11 .item01{position:absolute;top:0;left:0}
.btArea .imgBox12{position:relative;width:613px;height:200px;margin:50px auto}
.btArea .imgBox12 .item01{position:absolute;top:0;left:0}
.btArea .imgBox12 .item02{position:absolute;top:0;right:0}
.btArea .imgBox13{position:relative;width:998px;height:409px;margin:50px auto}
.btArea .imgBox13 .item01{position:absolute;top:0;left:0}
.btArea .imgBox13 .item02{position:absolute;top:0;right:0}
.btArea .imgBox14{position:relative;width:998px;height:562px;margin:50px auto}
.btArea .imgBox14 .item01{position:absolute;top:0;left:0}
.btArea .imgBox14 .item02{position:absolute;top:0;right:0}
.btArea .imgBox15{position:relative;width:998px;height:371px;margin:50px auto}
.btArea .imgBox15 .item01{position:absolute;top:0;left:0}
.btArea .imgBox15 .item02{position:absolute;top:0;right:0}
.btArea .imgBox16{position:relative;width:998px;height:887px;margin:50px auto}
.btArea .imgBox16 .item01{position:absolute;top:0;left:0}
.btArea .imgBox16 .item02{position:absolute;left:0;bottom:0}
.btArea .imgBox16 .item03{position:absolute;right:0;bottom:0}
.btArea .imgBox17{position:relative;width:759px;height:596px;margin:50px auto}
.btArea .imgBox17 .item01{position:absolute;top:0;left:0}
.btArea .imgBox17 .item02{position:absolute;top:0;right:0}
.btArea .imgBox17 .item03{position:absolute;right:0;bottom:0}
.btArea .imgBox18{position:relative;width:998px;height:366px;margin:50px auto}
.btArea .imgBox18 .item01{position:absolute;top:0;left:0}
.btArea .imgBox19{position:relative;width:998px;height:370px;margin:50px auto}
.btArea .imgBox19 .item01{position:absolute;top:0;left:0}
.btArea .imgBox20{position:relative;width:950px;height:291px;margin:50px auto}
.btArea .imgBox20 .item01{position:absolute;top:0;left:0}
.btArea .imgBox21{position:relative;width:848px;height:349px;margin:50px auto}
.btArea .imgBox21 .item01{position:absolute;top:0;left:0}
.btArea{overflow:hidden;width:1098px;height:auto;margin-bottom:100px;border:1px solid #e1e1e1; margin: 0 auto;}
.btArea.t01{margin-top:30px;padding-top:30px}
.btArea.t02{margin-bottom:0}
.rnd_btCont{display:table;overflow:hidden;position:relative;width:998px;height:auto;margin:0 auto;padding:15px 0;border-top:1px solid #e9e9e9;vertical-align:top}
.rnd_btCont p{display:table-cell;overflow:hidden;width:170px;height:auto;padding-left:14px; font-size:1.125em; font-weight: 600; color:#222;vertical-align:top}
.rnd_btCont ul{display:table-cell;overflow:hidden;width:932px;height:auto;vertical-align:middle}
.rnd_btCont ul li{display:block;overflow:hidden;height:auto;margin-top:-3px;line-height:2em;font-size:1em;color:#555}
.rnd_btCont ul li strong{color:#555}
.rnd_btCont ul.ico li{padding-left:8px;background:url(https://www.dlenc.co.kr/static/images/bg/bg_jum03.png) no-repeat left 12px}
.rnd_btCont ul.ico li span{display:inline-block;padding-left:130px}
.rnd_btCont.first{margin-top:-25px;border-top:0}
.rnd_btCont.first li{letter-spacing:-.01em}
.rnd_tabTitle{overflow:hidden;position:relative;width:100%;height:auto;margin:40px 0 20px;padding-top:10px;font-size:1.25em; font-weight: 600; color:#333; text-align: center;}
.rnd_tabTitle:before{overflow:hidden;position:absolute;bottom: 0; left: 41%; width: 18%; height: 7px; background: #002c5d; content: ''; opacity: 0.1; border-radius: 6em;}
.rnd_tabTitle_first{margin:20px 0}

/* 기술혁신 > 주요연구분야 > 토목연구지원팀 */
.rnd_civilImg{overflow:hidden;width:100%}
.rnd_civilImg .txtbox{overflow:hidden;margin:0; text-align: center;}
.rnd_civilImg .txtbox .txt1{font-size:24px;color:#888}
.rnd_civilImg .txtbox .txt2{position:relative;margin-top:10px;padding-bottom:20px;font-size:34px;line-height:1.2;color:#002b5c}
.rnd_civilImg .txtbox .txt2:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_civilImg .txtbox .txt3{margin-top:25px;font-size:20px;line-height:1.5;color:#333}
.rnd_civilImg .txtbox .txt5{margin:0 0 13px;font-size:22px;color:#888}

/* 기술혁신 > 주요연구분야 > 특수교량팀 */
.rnd_techImg{overflow:hidden;width:100%}
.rnd_techImg .txtbox{overflow:hidden;margin:0; text-align: center;}
.rnd_techImg .txtbox .txt1{font-size:24px;color:#888}
.rnd_techImg .txtbox .txt2{position:relative;margin-top:10px;padding-bottom:20px;font-size:36px;line-height:1.2;color:#002b5c}
.rnd_techImg .txtbox .eng{}
.rnd_techImg .txtbox .txt2:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_techImg .txtbox .txt3{margin-top:25px;font-size:20px;line-height:1.5;color:#333}
.rnd_techImg .txtbox .txt5{margin:0 0 13px;font-size:22px;color:#888}

/* 기술혁신 > 주요연구분야 > 건축연구지원팀 */
.rnd_housingImg{overflow:hidden;width:100%}
.rnd_housingImg .txtbox{overflow:hidden;margin:0; text-align: center;}
.rnd_housingImg .txtbox .txt1{font-size:24px;color:#888}
.rnd_housingImg .txtbox .txt2{position:relative;margin-top:10px;padding-bottom:20px;font-size:34px;line-height:1.2;color:#002b5c}
.rnd_housingImg .txtbox .txt2:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_housingImg .txtbox .txt3{margin-top:25px;font-size:20px;line-height:1.5;color:#333}
.rnd_housingImg .txtbox .txt5{margin:0 0 13px;font-size:22px;color:#888}

/* 기술혁신 > 주요연구분야 > 스마트/에코팀 */
.rnd_environImg{overflow:hidden;width:100%}
.rnd_environImg .txtbox{overflow:hidden;margin:0; text-align: center;}
.rnd_environImg .txtbox .txt1{font-size:24px;color:#888}
.rnd_environImg .txtbox .txt2{position:relative;margin-top:10px;padding-bottom:20px;font-size:34px;line-height:1.2;color:#002b5c}
.rnd_environImg .txtbox .txt2 span{display:inline-block;font-size:34px;color:#002b5c}
.rnd_environImg .txtbox .txt2:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_environImg .txtbox .txt3{margin-top:25px;font-size:20px;line-height:1.5;color:#333}
.rnd_environImg .txtbox .txt5{margin:0 0 13px;font-size:22px;color:#888}

/* 기술혁신 > 주요연구분야 > 물/자원재생팀 */
.rnd_waterImg{overflow:hidden;width:100%}
.rnd_waterImg .txtbox{overflow:hidden;margin:0; text-align: center;}
.rnd_waterImg .txtbox .txt1{font-size:24px;color:#888}
.rnd_waterImg .txtbox .txt2{position:relative;margin-top:10px;padding-bottom:20px;font-size:34px;line-height:1.2;color:#002b5c}
.rnd_waterImg .txtbox .txt2 span{display:inline-block;font-size:34px;color:#002b5c}
.rnd_waterImg .txtbox .txt2:before{overflow:hidden;position:absolute;left:0;bottom:0;width:49px;height:1px;background:#000;content:''}
.rnd_waterImg .txtbox .txt3{margin-top:25px;font-size:20px;line-height:1.5;color:#333}
.rnd_waterImg .txtbox .txt5{margin:0 0 13px;font-size:22px;color:#888}
.waterProcess{width:100%;height:355px;margin-top:25px;background:url(https://www.dlenc.co.kr/static/images/sub/img_water.jpg) no-repeat left top}
.waterProcess02{width:100%;height:169px;margin-top:15px;background:url(https://www.dlenc.co.kr/static/images/sub/img_water02.jpg) no-repeat left top}
.waterProcess03{width:100%;height:153px;margin-top:15px;background:url(https://www.dlenc.co.kr/static/images/sub/img_water03.jpg) no-repeat left top}
.waterProcess04{width:100%;height:185px;margin-top:15px;background:url(https://www.dlenc.co.kr/static/images/sub/img_water04.jpg) no-repeat left top}
.bg_img{width:100%;height:60px;background:url(https://www.dlenc.co.kr/static/images/sub/bg_warter.jpg) no-repeat 170px 105px}

/*  */
.ethics3_bottom {border: 1px dashed #ddd; padding: 2em; margin-top: 1em; background: #f4f4f4;}
.ethics3_bottom .left {}
.ethics3_bottom .left .tit { font-size:1.4em; font-weight:600; margin-top:1em;} 
.ethics3_bottom .right .tt { font-size:1.25em;}

.vision_list .list_wrap { text-align: center; }
.vision_list .list_wrap .list_con .circle_wrap .circle { position: relative; width: 17.5em; height: 17.5em; background: #fff; border-radius: 50%; border: 1px solid #ddd; box-shadow: 0 0 0.5em rgb(0 0 0 / 10%); }
.vision_list .list_wrap .list_con .circle_wrap .circle:before { position: absolute; content: ""; width: 1px; height: 3.125em; background: #ddd; bottom: 0; }

.vision_list .list_wrap .list_con .circle_wrap .circle_tt { position: absolute; }
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t1 { margin-top: 2em; text-transform: uppercase; color: #111;}
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t2 { font-size: 1.4em; font-weight: 600; margin-top: 0.3em; }
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t3 { font-size: 1.15em; font-weight: 600; margin-top: 1em; }
.vision_list .list_wrap .list_con p { color: #000; }
.vision_list .list_wrap .list_con .t3 { font-size: 1.1em; margin-top: 1.18em;  }

/* 윤리경영 */

.vision_list .list_wrap { text-align: center; }
.vision_list .list_wrap .list_con .circle_wrap .circle { position: relative; width: 17.5em; height: 17.5em; background: #fff; border-radius: 50%; border: 1px solid #ddd; box-shadow: 0 0 0.5em rgb(0 0 0 / 10%); }
.vision_list .list_wrap .list_con .circle_wrap .circle:before { position: absolute; content: ""; width: 1px; height: 3.125em; background: #ddd; bottom: 0; }

.vision_list .list_wrap .list_con .circle_wrap .circle_tt { position: absolute; }
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t1 { margin-top: 2em; text-transform: uppercase; color: #111;}
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t2 { font-size: 1.4em; font-weight: 600; margin-top: 0.3em; }
.vision_list .list_wrap .list_con .circle_wrap .circle_tt .t3 { font-size: 1.15em; font-weight: 600; margin-top: 1em; }
.vision_list .list_wrap .list_con p { color: #000; }
.vision_list .list_wrap .list_con .t3 { font-size: 1.1em; margin-top: 1.18em;  }

.pros-content {border: 1px solid #ddd; padding: 1em 5em;} 
.pros-content .pros-list { } 
.pros-content .pros-list > li {padding: 3em 0; border-bottom: 1px solid #ddd;} 
.pros-content .pros-list > li:last-child { border-bottom: unset;}
.pros-content .pros-list > li .list-in { } 

.pros-content .pros-list > li .list-in .img-wrap {padding-right: 2em;margin-right: 2em;border-right: 1px solid #ddd; } 
.pros-content .pros-list > li .list-in .img-wrap .imgfix {width: 12em;height: 12em;border-radius: 50%;overflow: hidden; } 
.pros-content .pros-list > li .list-in .title { width:30%;}
.pros-content .pros-list > li .list-in .info { width:70%;}
.pros-content .pros-list > li .list-in .txt-wrap {flex: 1; } 
.pros-content .pros-list > li .list-in .txt-wrap .title .num {opacity: 0.1; font-size: 7rem; letter-spacing: -0.09em; font-weight: 800;} 
.pros-content .pros-list > li .list-in .txt-wrap .info .t1 {color: #333; font-size: 1.4em; font-weight: 600; margin-bottom: 0.5em; }  
.pros-content .pros-list > li .list-in .txt-wrap .info .t2 {font-size: 1.125em;line-height: 1.5em;color: #333; }