/*문자열설정*/
@charset "utf-8";


#header {width:100%; min-width:1200px; }
#header .inner_head {position:relative;border-bottom:0px solid #efecdf;}
#header .inner_head:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";}
#header .inner_head2 {width:1200px; margin:0 auto;}
.head_logo {float:left; padding:10px 0;}

.gnb_comm {width:900px; float:right; margin:0 auto; padding-top:35px;}
.gnb_comm .list_gnb:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";}
.gnb_comm .list_gnb > li { display:inline-block; *display:inline; *zoom:1;letter-spacing:-1px; position:relative; width:135px;text-align:center;} /* 한쪽면 길이 548px*/
.gnb_comm .list_gnb > li:nth-child(1) {width:130px;}
.gnb_comm .list_gnb > li:nth-child(2) {width:200px;}
.gnb_comm .list_gnb li.fix {margin-left:104px;}
.gnb_comm .list_gnb li.on .list_depth2:before {display:none;position:absolute;top:0;left:50%;width:50%;height:1px;background:#0d1228;content:"";}
.gnb_comm .link_depth1 {display:block;overflow:hidden; font-size:17px; font-weight:400; color:#2c2c2c;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.gnb_comm .link_depth1 {display:block;overflow:hidden;  color:#222; }}

.gnb_comm .list_depth2 {overflow:hidden;position:absolute;top:-1000px;z-index:2000;width:100%;}
.gnb_comm .menu_line {position:absolute;top:75px;width:100px;height:2px;margin-left:22px;background:#0d1228;opacity:0;filter:alpha(opacity=0);-webkit-transition-property: -webkit-transform, left, opacity, width; -webkit-transition-duration: 0.35s; -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -moz-transition-property: -moz-transform, left, opacity, width; -moz-transition-duration: 0.35s; -moz-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -ms-transition-property: -ms-transform, left, opacity, width; -ms-transition-duration: 0.35s; -ms-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -o-transition-property: -o-transform, left, opacity, width; -o-transition-duration: 0.35s; -o-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, left, opacity, width; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);}
.gnb_comm .menu_line.on {opacity:1;filter:alpha(opacity=100);}
.list_depth2 {padding-top:0px; text-align:center; }
.list_depth2 li + li {margin-top:1px;}
.list_depth2 .link_depth2 {display:block;padding:7px 0;font-size:15px;color:#555;opacity:0;filter:alpha(opacity=0);}
.list_depth2 .link_depth2:hover {color:#000;}
.list_depth2 .link_depth2{-webkit-transition-property: -webkit-transform, opacity; -webkit-transition-duration: 0.45s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: -moz-transform, opacity; -moz-transition-duration: 0.45s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: -ms-transform, opacity; -ms-transition-duration: 0.45s; -ms-transition-timing-function: ease-in-out; -o-transition-property: -o-transform, opacity; -o-transition-duration: 0.45s; -o-transition-timing-function: ease-in-out; transition-property: transform, opacity; transition-duration: 0.45s; transition-timing-function: ease-in-out;}

.menu_on .list_depth2 {top:67px;}
.menu_on .list_depth2 .link_depth2{opacity:1;filter:alpha(opacity=100);}

#gnbBg {overflow:hidden;position:absolute;z-index:1000;margin-top:0px;left:0;width:100%;min-width:1230px;height:0;background:#fff;-webkit-transition-property: -webkit-transform, height, opacity, box-shadow; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -moz-transition-property: -moz-transform, height, opacity, box-shadow; -moz-transition-duration: 0.4s; -moz-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -ms-transition-property: -ms-transform, height, opacity, box-shadow; -ms-transition-duration: 0.4s; -ms-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); -o-transition-property: -o-transform,  height, opacity, box-shadow; -o-transition-duration: 0.4s; -o-transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96); transition-property: transform, height, opacity, box-shadow; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.6, 0.11, 0.22, 0.96);}
#gnbBg.on {height:200px;border-bottom:1px solid #fff;-webkit-box-shadow:0 2px 10px 0 rgba(102,102,102,0.1);box-shadow: 0 2px 10px 0 rgba(102,102,102,0.1);}

.sec_menu_wrap{background-color:#fff;width:100%;position:fixed;z-index:9999; }


.head_banner_wrap{position:absolute;top:11px; left:50%; margin-left:600px; z-index:100000;}

.head_banner_wrap > .head_banner_inner > .slick-arrow{position:absolute;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.head_banner_wrap > .head_banner_inner > .slick-prev{background: url("/html/img/main/btn_hbanner_up.png") no-repeat;width:22px;height:22px;top:10px;right:-30px}
.head_banner_wrap > .head_banner_inner > .slick-next{background: url("/html/img/main/btn_hbanner_down.png") no-repeat;width:22px;height:21px;top:32px;right:-30px}

.head_banner_wrap2{position:absolute;top:11px; left:50%; margin-left:530px; z-index:100000;}
.head_banner_wrap2 ul li {background:#f4f4f4; border:1px solid #f4f4f4; font-weight:600; text-align:center; font-size:12px; padding:5px 7px 2px 7px; margin-bottom:3px;}
.head_banner_wrap2 ul li a {color:#656565;}
.head_banner_wrap2 ul li a:hover {color:#000;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.head_banner_wrap2 ul li {background:#f4f4f4; border:1px solid #f4f4f4; font-weight:600; text-align:center; font-size:12px; padding:3px 7px; margin-bottom:3px;}
}


.blank {height:88px;}