@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.wrap {position:relative; max-width:1400px; width:96%; margin:auto;}

header {border-bottom:2px solid #ed3023; z-index:100;}
header:after {display:block; content:""; clear:both;}
header .gnb {position:absolute; top:30px;}
header h1 {text-align:center; padding-top:13px;}
header nav#lnb .close,
header .gnb>ul.etc>li.allmenu, header .gnb>ul.etc>li.lang {display:none}

.screenTop {position:absolute; right:10px; bottom:auto; width:60px; height:60px; margin-top:-30px; line-height:60px; font-size:15px; border-radius:0; border:0; background:linear-gradient(to bottom, #ed3023, #d52014); box-shadow:6px 0 27px rgba(0,0,0,.4);}
footer {background:#ededed;}
footer br {display:none;}
footer #footer {position:relative; max-width:1400px; margin:0 auto; padding:50px 0; letter-spacing:0; color:#818381; overflow:hidden;}
footer address {margin-bottom:5px;}
footer address span {padding:0 5px; color:#d3d7d3;}
footer ul {position:absolute; right:10%; top:50px;}
footer ul li {display:inline-block; margin-left:3px;}


/*pc_big*/
@media all and (min-width:1400px){
	header .gnb {left:2%; width:96%;}
	.screenTop {right:14%;}
}


/*pc*/
@media all and (min-width:801px){
	header h1 a {position:relative; z-index:500;}
	header nav#lnb {margin-top:13px; border-top:1px solid #ebebeb;}
	header nav#lnb.on {background:#3189dc;}
	header nav#lnb>div>ul:after {display:block; content:""; clear:both;}
	header nav#lnb>div>ul>li {position:relative; float:left; text-align:center; width:14.28%; padding:30px 0; z-index:50;}
	header nav#lnb>div>ul>li:after {display:block; content:""; position:absolute; left:0; top:32px; width:1px; height:34px; background:#ebebeb;}
	header nav#lnb>div>ul>li:first-child:after {display:none;}
	header nav#lnb>div>ul>li>a {vertical-align:top; display:inline-block; width:100%; height:39px; text-indent:-100%; font-size:0; line-height:0; background-position:center center; background-repeat:no-repeat;}
	header nav#lnb>div>ul>li.m1>a {background-image:url('/food/img/inc/nav01.gif');}
	header nav#lnb>div>ul>li.m2>a {background-image:url('/food/img/inc/nav02.gif');}
	header nav#lnb>div>ul>li.m3>a {background-image:url('/food/img/inc/nav03.gif');}
	header nav#lnb>div>ul>li.m4>a {background-image:url('/food/img/inc/nav04.gif');}
	header nav#lnb>div>ul>li.m5>a {background-image:url('/food/img/inc/nav05.gif');}
	header nav#lnb>div>ul>li.m6>a {background-image:url('/food/img/inc/nav06.gif');}
	header nav#lnb>div>ul>li.m7>a {background-image:url('/food/img/inc/nav07.gif');}
	header nav#lnb>div>ul>li.m8>a {background-image:url('/food/img/inc/nav08.gif');}
	header nav#lnb>div>ul>li.m9>a {background-image:url('/food/img/inc/nav09.gif');}
	header nav#lnb>div>ul>li.m10>a {background-image:url('/food/img/inc/nav10.gif');}
	header nav#lnb>div>ul>li.m11>a {background-image:url('/food/img/inc/nav11.gif');}
	header nav#lnb.on>div>ul>li>a {color:#fff; border-right:1px solid #2b79c2;}
	header nav#lnb.on>div>ul>li:first-child>a {border-left:1px solid #2b79c2;}
}

/*pc_min*/
@media all and (max-width:1024px){
	header nav#lnb>div>ul>li>a {background-size:auto 80%;}
	footer {padding:0 5%;}
	footer ul {right:0; top:65px;}
	footer br {display:block;}
	.screenTop {right:5%;}
}

/*tablet*/
@media all and (max-width:800px){
	header h1 {padding-bottom:8px;}
	header nav#lnb h2 a {position:absolute; left:20px; top:17px; text-align:center; width:48px; height:44px; font-size:13px; line-height:53px; color:#fff;  font-family:'Noto Sans KR'; background:url('/food/img/inc/menu_toggle.gif') no-repeat;}
	header nav#lnb h2 a span:before, header nav#lnb h2 a span:after {display:block; content:""; position:absolute; left:0; top:9px;}
	header nav#lnb h2 a span:after {top:15px;}
	header nav#lnb .submenu>div>p>span {display:none;}
	header nav#lnb>div>ul {width:250px; background:#30578f;}
	header nav#lnb>div>ul:before {display:none;}
	header nav#lnb>div>ul>li {height:55px;}
	header nav#lnb>div>ul>li>a {position:static; width:100%; height:55px;}
	header nav#lnb>div>ul>li>a.on:after {display:none;}
	header nav#lnb .close {left:230px;}

	footer {text-align:center;}
	footer #footer {padding:30px 10px;}
	footer ul {position:static; margin-bottom:15px;}
}



/*mobile*/
@media all and (max-width:640px){
	header h1 {margin-top:0; padding-bottom:15px; border-top:0;}
	header h1 a {font-size:16px;}
	header .gnb {display:none;}
}