@charset "utf-8";

nav#namdo_mobile_menu {display:none}

html {min-width:320px}

/* head */
#header {background:#332429; width:100%; position:fixed; left:0; top:0; z-index:100; height:120px; min-width:320px}

.header_wrap {position:relative; max-width:1280px; margin:0 auto}
.gnb_navi {max-width:1280px; max-width:100%; margin:0 auto; position:relative; height:50px}
.gnb_navi h1 {width:225px; height:55px; position:absolute; left:0; top:40px; z-index:2}
.gnb_navi h1 a{background:url('/namdofood/img/common/head-logo.png') no-repeat center top; background-size:100%; display:block; width:100%; height:100%}

/*사이트 링크*/
.slidelist {position:absolute; right:0; top:5px; height:44px; display:flex; flex-direction:row;}
.slidelist > div {font-size:0.8em; float:left; display:block; height:100%; padding:14px 10px}
.slidelist a{color:#b5b0b1; display:flex; flex-direction:row; align-items:center; white-space:nowrap;}
.slidelist a:hover {color:#b5b0b1}
.slidelist a .arrow-r {vertical-align: 0; margin-top:2px;}
.slidelist a .arrow-r::before {font-size:18px;}
.slidelist .language { position:relative; display:flex; flex-direction:row; gap:1rem;}
.slidelist .language .tt a{position:relative}
.slidelist .language:hover i.arrow-b:before {transform:rotate(-45deg); top:9px}
.slidelist .language .site {display:none; width:90%; position:relative; top:10px; z-index:10; text-align:center; padding:15px 0 0; margin:0 0 10px 0}
.slidelist .language .site:before {content:''; border-top:1px solid #999; border-right:1px solid #999; background:#fff; width:7px; height:7px; transform:rotate(-45deg); position:absolute; top:2px; left:45%; z-index:1}
.slidelist .language .site:after {content:''; box-sizing:border-box; border:1px solid #999; border-radius:3px; background:#fff; width:100%; height:100%; position:absolute; top:6px; left:0; z-index:-1}
.slidelist .language .site a {display:block; padding:3px 10px 7px}
.slidelist .login ul {display:flex; flex-direction:row; align-items:center; gap:1rem; white-space:nowrap;}
.slidelist .login .login-name {color:#b5b0b1;}
.slidelist .login a i { margin-right:3px; margin-top:-2px; font-size:14px;}

/*사이트맵 버튼*/
.sitemap-btn {width:60px; height:60px; position:absolute; right:0; top:55px; z-index:2}
.sitemap-btn a {display:block; width:100%; height:100%; padding:15px; position:relative; overflow:hidden}
.sitemap-btn a:after {content:''; width:0; height:100%; position:absolute; left:0; bottom:0; transition:all .2s; z-index:-1}
.sitemap-btn a:hover:after {width:100%}
/*아이콘*/
.sitemap-btn i.all-gnb{display:inline-block; background:#b5b0b1; width:25px; height:3px; vertical-align:7px; margin-left:2px; transition:all .3s}
.sitemap-btn i {font-style:normal; position:relative; margin:0 5px; display:inline-block; vertical-align:-3px}
.sitemap-btn i:before, .sitemap-btn i:after {content:'';  background:#b5b0b1; width:100%; height:3px; position:absolute; transition:all .3s}
.sitemap-btn i.all-gnb:before {top:7px}
.sitemap-btn i.all-gnb:after {top:14px}
.sitemap-btn a:hover i.all-gnb,
.sitemap-btn a:hover i.all-gnb:before,
.sitemap-btn a:hover i.all-gnb:after {background:#fff}

/* 상단 검색 */
.header_wrap .search {border-bottom:1px solid #b5b0b1; position:absolute; right:0; top:5px; overflow:hidden}
.header_wrap .contents {width:300px}
.header_wrap .contents form {display:table; width:100%}
.header_wrap .contents span {display:table-cell}
.header_wrap .contents select, .header_wrap .contents input {border:0; background:transparent; color:#b5b0b1; font-size:0.9em; width:100%; height:100%; padding:11px 10px}
.header_wrap .contents select option{color:#b5b0b1}
.header_wrap .contents select .active {color:#b5b0b1}
.header_wrap .contents .form-select {box-sizing:border-box}
.header_wrap .contents .form-input:nth-child(2){box-sizing:border-box}
.header_wrap .contents .form-btn{box-sizing:border-box; height:100%; position:relative; padding:0; width:50px}
.header_wrap .contents .form-btn:after{content:'\e909'; color:#ccc; font-family:'icomoon' !important; font-size:20px; position:absolute; right:12px; top:12px}
.header_wrap .contents .form-btn input[type='submit'] {cursor:pointer; font-size:0; position:relative; z-index:1; padding:22px 10px;}

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

/* 상단 메뉴 gnb */
#gnb1 {width:100%; position:absolute; z-index:1; padding:0 70px 0 240px}
#gnb1 > ul.topmenu {clear:both; display:table; max-width:1280px; width:100%; margin:0 auto; position:relative}
#gnb1 > ul > li {display:table-cell; width:11.55%}
#gnb1 > ul > li:after {content:''; background:#233653; position:absolute; top:0; left:0; width:100%; height:0; transition:all .3s; z-index:-1}
#gnb1 > ul > li > a {color:#fff; display:block; font-size:1.1em; font-weight:500;  text-align:center; height:70px; line-height:70px; padding:0 10px;transition:all .3s; z-index:1}
#gnb1 > ul > li > a.active {color:#8c7f82}
@media screen and (min-width:1025px) {
    #gnb1 > ul > li:hover > a {color:#8c7f82}
}
#gnb1 > ul > li:nth-child(n+5) .submenu {right:0; text-align:right}
#gnb1 > ul > li:nth-child(n+5) .submenu ul {margin-right:15px}
#gnb1 > ul > li.lnb9 {width:16%}

#gnb1 .submenu {display:none;position:absolute;  z-index:1; width:100%; padding:15px 0}
#gnb1 .submenu ul {margin-left:15px}
#gnb1 .submenu ul li {display:inline-block; margin:0 2%}
#gnb1 .submenu ul li a {color:#fff; font-size:0.9em; display:block; line-height:2em}
#gnb1 .submenu ul li a:hover {color:#8c7f82}
#gnb1 .submenu ul.lnb-detail {display:none}

.gnb_bg {display:none; background:#413232; position: fixed; left:0; top:120px; width:100%; height:60px;}

#gnb2 {display:none;}

/*foot*/
#footer {border-top:1px solid #e5e5e5; clear:both}
#footer .footWrap {color:#666; font-size:0.8em; max-width:1280px; margin:0 auto; padding:15px 10px; text-align:center}
#footer div.link a {font-size:1.2em; color:#000; position:relative; margin:0 15px}
#footer div.link a:before {content:''; width:0; height:1px; background:#333; position:absolute; bottom:0; left:0; transition:all .3s}
#footer div.link a:hover:before {width:100%}
#footer div.link a:after {content:''; position:absolute; right:-15px; top:50%; margin-top:-7px; height:13px; width:1px; background:#333}
#footer div.link a:last-child:after {content:none}
#footer div.address {padding:10px 0 0}