@charset "utf-8";
/* ---------- 레이아웃 스타일 ---------- */


/* wrap */
#wrap{position:relative; width:100%; min-width: 1200px; box-sizing:border-box; overflow:hidden}
#wrap.active{overflow:visible}

/* header */
#header{position:absolute; top:0; right:0; left:0; height:108px; background:none; z-index:999}
#header:before
{
   content:''; position:absolute; width:100%; height:200px; background:#000;
   background:-webkit-linear-gradient(-180deg, rgba(0,0,0,.3), rgba(0,0,0,0)); background:-moz-linear-gradient(-180deg, rgba(0,0,0,.3), rgba(0,0,0,0)); background:linear-gradient(-180deg, rgba(0,0,0,.3), rgba(0,0,0,0));
   display:none
}

.header_top{position:relative; width:1200px; margin:0 auto; background:none; z-index:9}
.header_top .logo{position:absolute; top:34px; left:0; z-index:999}
.header_top .logo a{display:block; width:266px; height:39px; background:url("../images/common/logo.png") no-repeat left 50%; background-size:266px 39px}

.header_top .util{position:absolute; top:55px; right:0}
.header_top .util:after{content:''; display:block; clear:both}
.header_top .util ul{float:left}
.header_top .util ul li{position:relative; float:left}
.header_top .util ul li a{display:block; font-size:13px; letter-spacing:-0.2px; font-weight:normal; box-sizing:border-box}


/* gnb */
#gnb{position:absolute; top:0; left:0; width:100%; height:108px; background:none; overflow:hidden}
#gnb:before{content:''; position:absolute; left:0; top:0; width:100%; height:108px}

#gnb .gnb_inner{width:1200px; height:108px; margin:0 auto}
#gnb .gnb_inner:before{content:''; position:absolute; left:0; top:107px; width:100%; height:1px; background:rgba(0,0,0,0)}
#gnb .gnb_inner:after{content:''; display:block; clear:both}
#gnb .gnb_menu{float:right}
#gnb .gnb_menu:after{content:''; display:block; clear:both}
#gnb .gnb_menu > li{position:relative; float:left; width:175px; margin-left:-1px; text-align:center}
#gnb .gnb_menu > li:after{content:''; position:absolute; top:38px; right:0; width:1px; height:32px; background:rgba(255,255,255,.2); z-index:1}
#gnb .gnb_menu > li:last-child:after{display:none}
#gnb .gnb_menu > li > a{display:block; position:relative; height:108px; padding:35px 0 0; font-family:gmk; font-size:18px; color:#fff; letter-spacing:-1px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box}
#gnb .gnb_menu > li > a:after{content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#0c76d3}
#gnb .gnb_menu > li:hover > a:after{width:100%; margin-left:-50%}
#gnb .gnb_menu > li > a span{display:inline-block; padding:5px 0; line-height:165%}

#gnb .depth2{display:none; position:relative; height:252px; padding:15px 0; box-sizing:border-box; z-index:1}
#gnb .depth2:after{content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ebebeb; z-index:2}
#gnb .depth2:last-child:before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ebebeb; z-index:2}
#gnb .depth2 > li > a{display:block; position:relative; padding:8px 0; padding-right:0; text-align:center; color:#707070; letter-spacing:-0.8px; font-size:14.5px; line-height:135%; z-index:2}
#gnb .depth2 > li:hover > a{color:#0c76d3}



/* ---------- header hover ---------- */
.mheader:hover .header_top .logo a{background:url("../images/common/logo_dymc.png") no-repeat left 50%; background-size:266px 39px}
.mheader:hover #gnb{position:relative; background:#fff}
.mheader:hover #gnb:before{background:#fff}
.mheader:hover #gnb .gnb_inner:before{background:rgba(0,0,0,.1)}
.mheader:hover #gnb .gnb_menu > li:after{background:#fff}
.mheader:hover #gnb .gnb_menu > li > a{color:#202020}
.mheader:hover #gnb .gnb_menu > li:hover > a{color:#0c76d3}
.mheader:hover #gnb .gnb_menu > li:first-child .depth2:before{content:''; position:absolute; left:-490px; top:-17px; width:579px; height:384px; background:url("../images/common/gnb_bg.png") no-repeat 50% 50%; z-index:1}



/* ---------- header transition ---------- */
#header,
.header_top,
.header_top .logo a,
#gnb,
#gnb:before,
#gnb .gnb_menu,
#gnb .gnb_menu > li:after,
#gnb .gnb_menu > li > a,
#gnb .depth2:after,
#gnb .depth2 > li > a{transition:all .40s ease}
#gnb .gnb_menu > li > a:after{transition:all .45s cubic-bezier(0.7, 0, 0.3, 1)}



/* container */
#mcontainer{position:relative}
#mcontainer:after{content:''; display:block; clear:both}
#scontainer{position:relative}
#scontainer:after{content:''; display:block; clear:both}


/* main contents */
#mcontents{position:relative}
#mcontents:after{content:''; display:block; clear:both}
#mcontents .mcontents_inner{position:relative; min-height:200px; box-sizing:border-box}
#mcontents .dev_contents{position:relative}


/* sub contents */
#scontents{position:relative; overflow:hidden}
#scontents:after{content:''; display:block; clear:both}
#scontents .scontents_inner{position:relative; width:1200px; min-height:600px; margin:0 auto; padding-bottom:80px; box-sizing:border-box}
#scontents .scontents_inner.flexible{width:100%}
#scontents .scontents_inner:after{content:''; display:block; clear:both}
#scontents .dev_contents{position:relative; padding:80px 0 0; box-sizing:border-box}

#scontents .scontents_inner.lnb{width:1200px; margin:0 auto; padding-left:240px}
#scontents .scontents_inner.lnb .section{width:auto}
#scontents .scontents_inner.lnb .page_tit{width:auto}

#scontents .scontents_inner.split .dev_contents{position:relative}


/* footer */
#footer{position:relative; padding-top:7px; background:#3b3c40}
#footer:after{content:''; display:block; clear:both}

#footer .footer_link{position:relative; width:1200px; margin:0 auto 37px; height:61px; box-sizing:border-box}
#footer .footer_link .link_service:after{content:''; display:block; clear:both}
#footer .footer_link .link_service li{position:relative; float:left; padding:0 20px}
#footer .footer_link .link_service li:after{content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#494a4d}
#footer .footer_link .link_service li:first-child{padding-left:0}
#footer .footer_link .link_service li:last-child:after{display:none}
#footer .footer_link .link_service li a{display:inline-block; height:60px; line-height:60px; letter-spacing:-0.2px; font-size:14px; font-weight:normal; color:#909090; transition:all .20s ease}
#footer .footer_link .link_service li a:hover{color:#fff}

#footer .footer_link .link_site{position:absolute; top:12px; right:0}
#footer .footer_link .site_jump{position:relative}
#footer .footer_link .site_jump .jump_toggle{display:block; position:relative; width:195px; height:36px; margin:0; padding-right:40px; text-align:left; cursor:pointer; border-bottom:1px solid #5b5c60; box-sizing:border-box}
#footer .footer_link .site_jump .jump_toggle:after{content:''; position:absolute; right:0; top:50%; width:12px; height:7px; margin-top:-3.5px; background:url("../images/common/jumpsite_arrow.png") 50% 50% no-repeat; background-size:12px 7px; transition:all .30s ease}
#footer .footer_link .site_jump .jump_toggle > span{display:inline-block; color:#909090; font-size:14px; line-height:36px; letter-spacing:-0.2px}
#footer .footer_link .site_jump .jump_toggle.active:after{transform:rotate(-180deg)}
#footer .footer_link .site_jump .jump_list{display:none; position:absolute; right:0; bottom:36px; width:210px; max-height:325px; padding:0 15px; overflow-y:auto; background:#3b3c40; border-bottom:none; box-sizing:border-box; z-index:9}
#footer .footer_link .site_jump .jump_list ul{border-top:1px solid #494a4d; padding:10px 0}
#footer .footer_link .site_jump .jump_list ul:first-child{border-top:none}
#footer .footer_link .site_jump .jump_list ul li{padding:5px 0}
#footer .footer_link .site_jump .jump_list a{display:inline-block; font-size:14px; color:#909090; letter-spacing:-0.8px; line-height:150%; transition:all .20s ease}
#footer .footer_link .site_jump .jump_list a:hover{color:#fff}


#footer .footer_inner{position:relative; width:1200px; margin:0 auto; padding:0 0 40px 122px; box-sizing:border-box}
#footer .footer_inner:after{content:''; display:block; clear:both}
#footer .flogo{display:block; position:absolute; left:0; top:4px; width:93px; height:61px; background:url("../images/common/flogo.png") 50% 50% no-repeat}

#footer .info_wrap{margin-bottom:12px}
#footer .info_wrap:after{content:''; display:block; clear:both}

#footer .address{position:relative; float:left; padding-right:50px}
#footer .address:after{content:''; display:block; clear:both}
#footer .address li{margin-bottom:2px; color:#909090; letter-spacing:-0.2px; line-height:150%; font-size:14px; box-sizing:border-box}
#footer .address li:last-child{margin-bottom:0}
#footer .address li a{color:#909090; transition:all .20s ease}
#footer .address li a:hover{color:#fff}

#footer .cscenter{position:relative; float:left; padding-left:50px; border-left:1px solid #5b5c60}
#footer .cscenter .tit{display:inline-block; margin-bottom:2px; color:#909090; letter-spacing:-0.2px; line-height:150%; font-size:14px}
#footer .cscenter .num{display:block; margin-top:10px; color:#fff; letter-spacing:1px; line-height:100%; font-family:gmk; font-size:28px; font-weight:600}

#footer .copyright{color:#909090; line-height:150%; font-weight:normal; font-size:14px; letter-spacing:-0.2px}


/* sfocus */
.sfocus{position:relative; height:528px; box-sizing:border-box}
.sfocus.sfocus1{background:url("../images/common/sfocus1.jpg") no-repeat 50% 50%}
.sfocus.sfocus2{background:url("../images/common/sfocus2.jpg") no-repeat 50% 50%}
.sfocus.sfocus3{background:url("../images/common/sfocus3.jpg") no-repeat 50% 50%}
.sfocus.sfocus4{background:url("../images/common/sfocus4.jpg") no-repeat 50% 50%}
.sfocus.sfocus5{background:#202020; background-size:cover}
.sfocus.sfocus6{background:#202020; background-size:cover}
.sfocus.sfocus7{background:#202020; background-size:cover}

.sfocus .sfocus_inner{position:relative; width:1200px; margin:0 auto}
.sfocus .caption_area{position:absolute; left:0; top:225px}
.sfocus .caption_tit{display:block; color:#fff; font-family:gmk; font-size:46px; letter-spacing:-2px; font-weight:300; line-height:150%}
.sfocus .caption_stit{display:flex; align-items:center; margin-top:12px}
.sfocus .caption_stit .tit,
.sfocus .caption_stit .tit_eng{display:block; font-family:gmk; font-size:18px; font-weight:300}
.sfocus .caption_stit .tit{position:relative; color:#fff}
.sfocus .caption_stit .tit_eng{color:rgba(255,255,255,.5)}
.sfocus .caption_stit .line{position:relative; width:50px; height:2px; margin:-3px 10px 0; background-color:#fff}

.sfocus .snotice{position:absolute; bottom:0; left:0; width:100%; height:68px; background-color:rgba(0,0,0,.5); box-sizing:border-box}
.sfocus .snotice .snotice_inner{position:relative; width:1200px; margin:0 auto; padding-left:180px; box-sizing:border-box}
.sfocus .snotice .snotice_carousel{margin:0 -50px}
.sfocus .snotice .snotice_carousel .carousel_box{margin:0 50px}
.sfocus .snotice .snotice_carousel .carousel_box:after{content:''; display:block; clear:both}
.sfocus .snotice .snotice_carousel .carousel_box:nth-child(2) .inner:after,
.sfocus .snotice .snotice_carousel .carousel_box:nth-child(4) .inner:after,
.sfocus .snotice .snotice_carousel .carousel_box:nth-child(6) .inner:after{display:none}

.sfocus .snotice .snotice_carousel .carousel_box .inner{display:block; position:relative; padding-right:85px; box-sizing:border-box}
.sfocus .snotice .snotice_carousel .carousel_box .inner .new{display:inline-block; position:relative; width:22px; height:22px; margin-right:8px; margin-top:-2px; border:1px solid #fff; color:#fff; line-height:22px; font-size:13px; font-weight:300; text-align:center; vertical-align:middle; border-radius:50%}
.sfocus .snotice .snotice_carousel .carousel_box .inner .tit{display:block; color:#fff; letter-spacing:-0.8px; line-height:68px; font-size:15px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.sfocus .snotice .snotice_carousel .carousel_box .inner .dat{position:absolute; right:0; top:27px; color:rgba(255,255,255,.6); letter-spacing:0.2px; line-height:135%; font-family:gmk; font-size:13px}
.sfocus .snotice .snotice_tit{position:absolute; left:0; top:22px; padding-right:25px; line-height:150%; font-size:18px; font-weight:300; letter-spacing:-0.8px; color:#fff}
.sfocus .snotice .snotice_tit:before{content:'\e940'; position:absolute; right:0; top:-2px; font-family:xeicon; font-size:18px; color:#fff}
.sfocus .snotice .no_data{display:flex; align-items:center; height:68px}
.sfocus .snotice .no_data .info_message{display:inline-block; line-height:150%; font-size:15px; font-weight:normal; color:rgba(255,255,255,.7); letter-spacing:-0.2px}
.sfocus .snotice .no_data .info_message i{margin-top:-4px; font-size:18px; vertical-align:middle}


/* current_location */
.current_location{position:relative; height:68px; background:rgba(255,255,255,1); transition:all .30s ease}
.current_location:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ebebeb}
.current_location .location_inner{position:relative; width:1200px; margin:0 auto; padding-left:30px; box-sizing:border-box}
.current_location .home{position:absolute; top:0; left:0; width:30px; height:68px; background:url("../images/common/current_home.png") no-repeat 50% 50%; background-size:30px 30px}
.current_location ul:after{content:''; display:block; clear:both}
.current_location ul li{position:relative; float:left; text-align:center}
.current_location ul li:after{content:''; position:absolute; right:-1px; top:50%; width:1px; height:24px; margin-top:-12px; background:#ebebeb}
.current_location ul li:last-child:after{display:none}
.current_location ul li a{display:block; position:relative; padding:0 30px 0 30px; letter-spacing:-0.8px; font-weight:normal; font-size:15px; color:#505050; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .30s ease}
.current_location ul li:first-child a{padding-left:15px}
.current_location ul li a span{display:block; position:relative; height:68px; line-height:68px}

.current_location ul li a.blank{padding-right:40px}
.current_location ul li a.blank:after{content:''; position:absolute; right:20px; top:0; width:14px; height:100%; background:url("../images/common/current_blank.png") no-repeat 50% 50%; background-size:14px 14px}

.current_location ul li.active a span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#1565aa}

.current_location.current_fixed{position:fixed; top:0; left:0; width:100%;  z-index:8}
.current_location.current_fixed.num6 ul li{width:16.666666%}
.current_location.current_fixed.num5 ul li{width:20%}
.current_location.current_fixed.num4 ul li{width:25%}
.current_location.current_fixed.num3 ul li{width:33.333333%}
.current_location.current_fixed.num2 ul li{width:50%}