@charset "utf-8";

#hd_gnb {position:relative;width:100%;font-size:13px;letter-spacing:-0.1px;color:#777;background-color:#f2f2f2;font-family:notokr-medium;transition:all 0.2s}
#hd_gnb:after {display:block;content:'';position:absolute;top:0;left:50%;width:11px;height:43px;background-color:#ff5411}
.hd_gnb_wrap {overflow:hidden;position:relative;width:1200px;padding:7px 0 8px;margin:0 auto}
#hd_gnb a {color:#777}
#hd_gnb dl {float:left;position:relative}
#hd_gnb dl dt, #hd_gnb dl dd {display:inline-block;position:relative}
#hd_gnb dl dt {padding-left:13px;letter-spacing:2px;background:url(/sh_img/hd/top_menu/notice_line.png) left center no-repeat;font-family:notokr-bold}
#hd_gnb dl dt a {color:#222}
#hd_gnb ul {float:right}
#hd_gnb ul li {display:inline-block}
#hd_gnb ul li:first-child a {color:#ff5411}
#hd_gnb ul li:not(:first-child) {margin-left:15px}

/* Top Menu 기본 설정 크기 및 넓이 */
#hd_nav_wrap {position:relative;width:1200px;height:143px;margin:0 auto;z-index:30}

/* Logo */
#hd_logo {padding:38px 0 30px;text-align:center}

/* nav_depth  */
.hd_nav {position:absolute;top:80px;left:0}
.hd_nav > ul {overflow:hidden}
.hd_nav > ul > li{float:left;text-align:center}
.hd_nav > ul > li > a{display:block;padding:20px 63px;font-size:18px;color:#222;letter-spacing:-0.5px;font-family:notokr-demilight}
.hd_nav > ul > li:not(:first-child) a {background:url(/sh_img/hd/top_menu/nav_line.png) left center no-repeat}

.hd_nav_s{display:none;margin:0px;padding-top:5px;height:155px}
.hd_nav_s.on{display:block}
.hd_nav_s li{}
.hd_nav_s li a{display:block;margin:0px;padding:3px 0;font-size:14px;color:#777;background:none!important}

/* 전체메뉴배경 */
.hd_nav_bg {display:none;position:absolute;top:168px;z-index:20;width:100%;height:160px;background:#f2f2f2}

/****** 메뉴 오버컬러 ******/
.hd_nav > ul > li > a:hover{color:#ff5411}
.hd_nav_s li a:hover{color:#ff5411}

/****** 메뉴간격 조정 ******/
.hd_nav > ul > li > a, .hd_nav_s{}

#hd_banner_wrap {position:relative;width:1200px;margin:0 auto}
#hd_banner_wrap  * {transition:all .2s}
#hd_banner_wrap:before, #hd_banner_wrap:after{display:block;content:'';position:absolute;top:53px;left:-25px;width:25px;height:82px;background-color:#fff}
#hd_banner_wrap:after {left:auto;right:-25px}
#hd_banner_wrap ul {position:absolute;top:0}
#hd_banner_wrap ul li {float:left;position:relative;width:240px;height:135px;text-align:center;background-color:#000;font-family:notokr-medium}
#hd_banner_wrap ul li a {display:block;width:100%;height:100%;color:#fff}
#hd_banner_wrap ul li h3 {position:relative;z-index:15;padding-top:58px;font-size:17px;color:#fff}
#hd_banner_wrap ul li h4 {position:relative;z-index:15;margin-top:5px;font-size:14px;color:#fff;opacity:0;filter:alpha(opacity=0);font-family:notokr-demilight}
#hd_banner_wrap ul li .img {position:absolute;left:0;top:0;z-index:5;opacity:.55;filter:alpha(opacity=55)}
#hd_banner_wrap ul li .overlay {position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);background-color:#ff5411}
#hd_banner_wrap ul li:hover .overlay {opacity:.4;filter:alpha(opacity=40)}
#hd_banner_wrap ul li:hover .img {opacity:1;filter:alpha(opacity=100)}
#hd_banner_wrap ul li:hover h3 {padding-top:45px}
#hd_banner_wrap ul li:hover h4 {opacity:1;filter:alpha(opacity=100)}
#hd_banner_wrap ul li .status {position:absolute;left:0;top:0;z-index:19}

/* 스크롤 고정 추가 스타일 */
#sh_hd_wrapper.fixed {position:fixed;top:0;height:90px;border-bottom:1px solid #ddd;background-color:#fff} 
#sh_hd_wrapper.fixed #hd_gnb {margin-top:-34px}
#sh_hd_wrapper.fixed #hd_banner_wrap {display:none}
#sh_hd_wrapper.fixed #hd_logo {padding:30px 0 0;text-align:left;transition:all 0.2s}
#sh_hd_wrapper.fixed .hd_nav {top:17px;left:auto;right:0;transition:all 0.2s}
#sh_hd_wrapper.fixed .hd_nav > ul > li > a {padding:20px 43px}
#sh_hd_wrapper.fixed .hd_nav_s {padding-top:20px!important}
.hd_nav_bg_sc{position:fixed;top:85px;z-index:0;border-bottom:1px solid #ddd;background-color:#fff}
#sh_hd_wrapper.fixed #hd_nav_wrap {height:90px}




