@charset "utf-8";

html {min-width:1000px}

/* head */
#header {background-color:#fff; width:100%; min-width:1000px; height:6rem; position:relative; z-index:100}
#header:before {content:''; position:absolute; top:0; width:100%; height:2rem; background-color:#342f23}
#header:after {content:''; position:absolute; top:6rem; width:100%; height:1px; background-color:rgba(255,255,255,.2)}
.headerWrap {max-width:64rem; margin:0 auto; padding-top:2rem; position:relative}
.gnb_navi h1 {width:14.25rem; height:2rem; position:absolute; left:0; top:3rem; z-index:2}
.gnb_navi h1 a {background:url('/_culture/img/common/head-logo.png') no-repeat center top; background-size:100%; display:block; width:100%; height:100%}

/*사이트 링크*/
.util {position:absolute; top:0; left:0; width:100%; height:2rem; margin-top:0.2rem}
.util:after {content:''; clear:both; display:block}
.util .site {float:right}
.util a img {vertical-align:middle}
.util a:after {content:''; background-color:#9a9791; width:2px; height:2px; border-radius:100%; display:inline-block; margin:0 0.5rem; vertical-align:0.25rem}
.util a:last-child:after {display:none}

/*사이트맵 버튼*/
.sitemap-btn {position:absolute; right:0; top:2.9rem; z-index:2}
.sitemap-btn a {color:#000; font-size:1.6rem; display:block; width:100%; height:100%; position:relative; overflow:hidden}

/*모바일 메뉴 버튼*/
.AllMn, .Allmn-close {display:none}
.gnb .member {display:none}

/* 상단 메뉴 gnb */
.gnb { padding:0 7% 0 20%}
.gnb > ul.topmenu {clear:both; display:table; max-width:30rem; width:100%; margin:0 auto; position:relative}
.gnb > ul > li {display:table-cell; position:relative; text-align:center}
.gnb > ul > li:last-child {margin-right:0}
.gnb > ul > li > a {color:#333; display:block; font-size:1rem; font-weight:500; height:4rem; line-height:4rem; position:relative; padding:0 15px; transition:all .3s; z-index:1; overflow:hidden}
.gnb > ul > li > a:hover,
.gnb > ul > li > a.active {color:#d7b459} 

/*3depth*/
.gnb .submenu {display:none; position:absolute; left:0; z-index:2; width:100%; padding:20px 0}
.gnb .submenu ul li {display:block; margin:0 2%}
.gnb .submenu ul li a {color:#000; font-size:0.8rem; display:block; line-height:2em; letter-spacing:-1px; text-align:center}
.gnb .submenu ul li a:hover {color:#d7b459}
.gnb .submenu ul.lnb-detail {display:none}

.gnb_bg {background:rgba(255,255,255,1); border-top:1px solid #eee; box-shadow:0 3px 5px 0 rgba(0,0,0,.1);  position:absolute; width:100%; top:6rem; left:0; height:200px; display:none; z-index:1}

/*body*/
#container {min-width:1000px}

/*foot*/
#footer {background-color:#fff; padding:1.5rem 1rem; min-width:1000px}
#footer .footWrap {max-width:1280px; margin:0 auto; position:relative}
#footer .footWrap > div {color:#333; font-size:15px; clear:both; overflow:hidden}
#footer .footWrap p {float:left; margin-top:8px}
#footer .footWrap p span {margin-right:1.5rem}
#footer .footWrap a {float:right}