/*헤더 메뉴관련 수정 S*/ #header {width:100%; background:#fff;} #header .header_inner {width:100%; height:103px; margin:0 auto; overflow:hidden;} #header {height:60px; background:url(/images/m_header_bg.gif) 0 0 repeat-x; background-size:100% 60px; -moz-background-size:100% 60px; -webkit-background-size:100% 60px; border-bottom: solid 2px #c51917; } #header .header_inner .main_logo {float:none; position:relative;} #header .header_inner .main_logo .logo {position:absolute; width:150px; margin-left:-70px; display:inline-block; left:50%; top:8px;} #header .header_inner .main_logo .logo img {width:100%;} #header .header_inner .main_logo .m_btn {left:10px; top:19px; width:25px; display:block; position:absolute; z-index:20; } #header .header_inner .main_logo .m_btn img {width:100%;} #header .header_inner .main_logo .btn_search{position:absolute;right:10px; top:17px;display:inline-block;width:24px;height:24px;border:0;background:url(/images/btn_search.png) 50% 50% no-repeat;background-size:24px 24px} #header .header_inner .util_menu {height:21px; margin-top:2px; float:right; position:relative;} #header .header_inner .util_menu .language_list {display:none; float:left;} #header .header_inner .util_menu .sns_list {float:left; position:absolute; right:10px; display:block; top:30px; height:21px !important; width:119px;} #header .header_inner .util_menu .sns_list li {float:left; padding-left:5px;} #header .header_inner .util_menu .sns_list li:first-child {padding-left:0;} #header .header_inner .util_menu .sns_list .m_search {display:block;} #header .header_inner .gnb_wrap {width:280px; position:absolute; left:-395px; top:0; z-index:40; overflow-x:hidden; float:left; } #header.on .header_inner .gnb_wrap {left:0; z-index:1050} #header .menu_bg {display:block;} #header.on .menu_bg {width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/bg_gnb_back.png) 0 0 repeat; z-index:1000} #header .header_inner .gnb_wrap .gnb_m_area {display:block; background-color:#fff; z-index:1000; } #header .header_inner .gnb_wrap .gnb_m_area .btn_close {width:30px; float: right; margin-top:10px;} #header .header_inner .gnb_wrap .lo-gin {width:70%; display:block; padding:20px 0; margin:25px auto 0; border-top: solid 1px #67686b; border-left: solid 1px #4a4b4f; border-right: solid 1px #2b2c2f; border-right: solid 1px #2b2c2f; color:#a9a9a9; z-index:50; text-decoration:none; background-color:#505055; text-align:center;} #header .header_inner .gnb_wrap .gnb_m_area .btn_home {width:45%; padding-top:5px; display:block; float: left;} #header .header_inner .gnb_wrap .gnb_m_area .btn_home img {width:100%; } #header .header_inner .gnb_wrap .gnb_m_area .btn_close {width:21px; height:38px; float: right; } #header .header_inner .gnb_wrap .gnb_m_area .btn_close img {width:100%; } #gnb {width:250px; height:100%; padding:0; float:none; overflow:hidden; left;0; top:0; -moz-box-shadow: 5px 0 30px #000; -webkit-box-shadow: 5px 0 30px #000; } #gnb > li {width:100%; padding:0; float:none; border-bottom: solid 1px #CBCBCB;} /* #gnb > li > a {padding:15px 0 15px 25px; text-decoration:none; background:url(/images/ico_gnb_off.png) #ffffff right center no-repeat; color:#000000; display:block;} #gnb > li.on > a {background:url(/images/ico_gnb_on.png) #ffffff right center no-repeat; color:#000000;} #gnb > li a:hover {background:url(/images/ico_gnb_on.png) #ffffff right center no-repeat; color:#000000;} */ #gnb > li > a {padding:15px 0 15px 25px; text-decoration:none; background:#ffffff; color:#ffffff; color:#000000; display:block;} #gnb > li.dnsinc > a {background:url(/images/ico_gnb_off.png) #ffffff right center no-repeat;} #gnb > li.on > a {color:#000000;} #gnb > li.on.dnsinc > a {background:url(/images/ico_gnb_on.png) #ffffff right center no-repeat;} #gnb > li .dns {display:none;} #gnb > li.on .dns {height:auto; position:static; display:block;}/*try_edt*/ #gnb > li.m1 a {color:#C31908;} #gnb > li.m2 a {color:#C31908;} #gnb > li .dept2 {width:100%; height:100%; margin:0;} #gnb > li .dept2 li {width:100%; height:100%; float:none; margin:0; border-top: solid 1px #DCDCDC;} #gnb > li .dept2 li a {padding:11px 0 10px 35px; display:block; color:#4A4A4A; background:#F1F1F1 no-repeat; } #gnb > li .dept2 li:first-child {font-weight:bold; color:#000;} #gnb > li.m1 .dept2 li:first-child {margin:0;} #gnb > li.m2 .dept2 li:first-child {margin:0;} #gnb > li.m3 .dept2 li:first-child {margin:0;} #gnb > li.m4 .dept2 li:first-child {margin:0;} #gnb > li.m5 .dept2 li:first-child {margin:0;} #gnb > li.m6 .dept2 li:first-child {margin:0;} #gnb > li.m7 .dept2 li:first-child {margin:0;} #gnb > li.m8 .dept2 li:first-child {margin:0;} #gnb > li.m10 .dept2 li:first-child {margin:0;} #gnb > li.m11 .dept2 li:first-child {margin:0;} #gnb > li .none {background:none;} #gnb > li .bold {font-weight:bold; color:#C31908;} .sns{width:100%; background:#F2F2F2;} .sns ul li{float:left;} .sns ul li a{display:block; margin:0 5px; width:30px; height:30px; text-indent:-10000px} .sns ul li a.login{ background:url('/images/icon_Facebook.png') no-repeat; background-size:contain} .sns ul li a.facebook{ background:url('/images/icon_Facebook.png') no-repeat; background-size:contain} .sns ul li a.twitter{ background:url('/images/icon_Twitter.png') no-repeat; background-size:contain} .sns ul li a span{ font-weight:bold; } .m10{width:100%; background:#F2F2F2;} .m10 ul li{float:left;} .m10 a .login{ background:url('/images/icon_Facebook.png') no-repeat; background-size:contain} .m10 a .facebook{ background:url('/images/icon_Facebook.png') no-repeat; background-size:contain} .m10 a .twitter{ background:url('/images/icon_Twitter.png') no-repeat; background-size:contain} .m10 a span{ font-weight:bold; } #header .header_inner .main_date {display:none; } #header .header_inner .search_area {width:80%; position:absolute; left:45px; top:100px; padding-top:0; float:none; } #header .header_inner .search_area .search_form {width:85%; height:27px; background-color:#8f8f92; border: solid 2px #000; color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #header .header_inner .search_area .btn_search {width:32px; height:30px; float:left; border:0; background:url(/images/m_btn_search.gif) 0 0 no-repeat;} /*헤더 메뉴관련 수정 E*/