/* header */ #header {position:absolute;top:0;left:0;width:100%;z-index:9999000;} #header .header_wrap {position:relative;width:100%;height:109px;background:url("../image/common/menu_bg.png") repeat-x center 0;} #header .header_wrap .header_data {position:absolute;top:0;width:100%; } .top_sns {position:absolute;overflow:hidden; top:38px;right:0;z-index:109;} .top_sns a {float:left;margin:0 3px;} .top_sns img {border-radius:50px;} .top_lang {position:absolute;overflow:hidden; top:0;right:0;z-index:109;} .top_lang p {color:#666;font-size:0.95em;background:url("../image/common/lang_arr.png") no-repeat right 7px;padding-right:15px;} .m_topmenu {display:none;} .m_sns_box {display:none;} #top_link {position:absolute; top:0;right:0; height:80px;z-index:109;} #top_link ul {float:right;padding:25px 0 0 0;} #top_link li {float:left; font-size:0.9em;color:#aaa; line-height:22px;} #top_link li a { font-size:0.9em;color:#aaa; } #header h1 {position:absolute;height:100px;line-height:100px;} /* 상단 로고 */ #header h1 img {width:300px;} #header .gnb {float:right;width:55%;margin-right:100px;} #header .gnb ul>li {float:left; text-align:center; } #header .gnb ul>li a {display:inline-block;zoom:1;*display:inline;width:100%;font-size:20px;line-height:100px; color:#444;text-transform: uppercase; box-sizing:border-box; transition: all 0.3s;} #header .gnb ul>li a:hover {color:#ff7c07;} #header .gnb ul>li a.current {display:inline-block;zoom:1;*display:inline;color:#ff7c07;} #header .btn_m_list {display:none;} #header .btn_m_login_wrap {display:none;} #header .btn_m_close {display:none;} #header #menu50 {display:none;} #header .gnb ul ul {width:170px;background:#fff;border-top:2px solid #ff7c07;border-bottom:1px solid #dcd7d2;height:100% !important;box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-webkit-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-moz-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);} #header .gnb ul ul li {float:none;width:100%; text-align:left;border:1px solid #dcd7d2;} #header .gnb ul ul li a {line-height:40px;text-indent:12px;color:#555; font-size:1.05em ;background:#fff;margin-bottom:-1px;} #header .gnb ul ul li a:hover {background:#f1f0ee;color:#444;border-color:#f1f0ee;} .search {position:absolute;width:260px;min-height:21px; padding:6px 0 0 0; z-index:9999;} .search_input {float:left; border:1px solid #ccc;height:23px;padding:3px 0 0 5px;width:160px;margin:0 3px 0 0;font-size:12px; color:#999999;} .search p {float:left; padding:6px 10px 0 0; color:#ffffff; font-size:0.9em;} .push_setting_box {background:#000;padding-left:12px;line-height:45px;color:#ffffff;font-size:1.15em;font-weight:bold;border-bottom:1px solid #383838;} .push_toggle {float:right;padding:8px 9px 0 0;width:60px;} /* 모바일 메뉴 3개 .m_sns_box {display:block;} .m_sns_wrap {position:relative;padding:7px 0;overflow:hidden;background:#ff9300;} .m_sns_wrap div {position:relative;float:left;width:33.3%;text-align:center;margin-left:-1px;font-size:0.95em;border-right:1px solid #ff7c07;} .m_sns_wrap div:last-child {border-right:0;} .m_sns_wrap a {color:#f9f9f9;font-size:0.9em;} .m_sns_wrap div img {width:25px;margin-bottom:3px;} */ /* screen 1024 */ @media screen and (max-width:1024px) { #header {top:0;left:0;width:100%;height:60px;background:rgba(0,0,0,0.93);transition: all 0.5s ease; } #header h1 {position:relative;width:100%;text-align:center;line-height:60px; height:60px;padding:0;} #header h1 img {width:200px;} .top_sns {display:none;} .top_lang {top:17px;right:5px;} #header .m_sns_box {display:block;overflow:hidden;} #header .m_sns_box p {float:left;width:50%;text-align:center;margin-left:-2px;font-size:1em;background:#ff9300;border:1px solid #ff7c07;line-height:45px;height:45px;} #header .m_sns_box a {color:#fff;} #header .m_sns_box p img {width:25px;margin-right:5px;} #header .header_wrap .header_data{position:relative;top:auto;left:auto;width:100%;background:none;} #header .header_wrap {height:60px;background:#fff; } #header .btn_m_login_wrap {position:absolute;right:6px;display:block;margin:15px 0 0 0;z-index:99999999;} #header .btn_m_login_wrap a {float:left;} #header .btn_m_list {display:block;position:absolute;top:10px;left:0;width:40px;height:40px;cursor:pointer;z-index:99999999} #header .btn_m_list span, #header .btn_m_list:before, #header .btn_m_list:after {position:absolute;left:8px;content:'';width:23px;height:3px;border-radius:2px;background:#000;} #header .btn_m_list:before {top:19px;} #header .btn_m_list span {top:13px;} #header .btn_m_list:after {top:25px;} #header .btn_m_close {display:block;width:25px;height:55px;margin:25px auto ; background:url(../image/common/top_btn_total.png) no-repeat 0 -100px;background-size:200px auto; cursor:pointer;} #header .gnb {display:none; width:100%; height:auto;float:none; background:#f1f0ee; margin:0;} #header .gnb ul {padding:0 0 0 0; margin:0;} #header .gnb ul ul {display:block;width:100%; background:#1c1c1c; padding:0;border:0;box-shadow:none;} #header .gnb ul ul li {width:100%; } #header .gnb ul ul li:last-child a {border-bottom:1px solid #dcd7d2;} #header .gnb ul li {float:none;width:100%; text-align:left;} #header .gnb ul li a {line-height:45px;height:45px; font-size:1.2em; text-indent:15px;color:#454545; font-weight:bold;border-left:none;border-right:none;} #header .gnb ul>li a:hover {background:none;color:#454545;} #header .gnb ul>li a.current {background:none;color:#000;} #header .gnb ul li li {background:#fff; border-right:0;border-left:0;} #header .gnb ul li li a {padding:0;line-height:40px;height:40px; text-indent:15px;color:#343434;font-weight:normal; text-align:left;font-size:1.05em; border-bottom:0; } #header .gnb ul li li a:hover {background:#b9a790;color:#fff;} } /* mobie screen 785 */ @media screen and (max-width:785px) { } /* mobie screen 480 */ @media screen and (max-width:480px) { #header h1 {text-indent:-70px;} }