@charset "utf-8";

/*===== layout =====*/
/*skipnavigation*/
#skipnavi {height:0; margin:0; padding:0;}
#skipnavi a{position:absolute; left:-9999px; width:100%;}
#skipnavi a:link, #skipnavi a:visited {color:#333;}
#skipnavi a:hover, #skipnavi a:active,
#skipnavi a:focus{visibility:visible; position:absolute; top:0; left:0; display:block; height:30px; text-align:center; padding:5px 0 5px; font-weight:500; background:#4174b4; color:#fff; z-index:1;}

/*header*/
#header {position:relative;}

/*gnb*/
#gnb ul {float:right; margin:11px 0;}
#gnb ul li {float:left; padding:6px 16px; color:#707070; font-size:0.750em; background:url('/localfood/images/common/bg_top_line.gif')right center no-repeat; background-size:1px 12px; line-height:12px;}
#gnb ul li:first-child{background:none; background-color:#408134;}
#gnb ul li:first-child a{color:#fff;}
#gnb ul li:last-child{background:none;}

#gnb{width:100%; border-bottom:1px solid #ccc; overflow:hidden !important;}

/*footer*/
.footer_btn{text-align:left;  width:100%; margin:-20px 0 0px 0; font-size:1.2em; normal;}
.footer_btn span{padding:10px 30px; margin:10px -20px -1px -20px; display:inline-block; }
.footer_btn span:first-child{padding:10px 40px;}
#footer {width:100%;border-top:1px solid #eee;padding:0px 50px;}
.footer_area{margin:0 auto;padding:20px 0 0 30px;;color:#636262;text-align:center;font-size:0.813em;height:120px;}
.logo_footer {float: left;margin-right:10px;margin-top: 15px;border-right:2px solid #eee; padding-right:28px; padding-bottom:5px;}
.address {float:left;height:60px;padding-left:20px;color:#656565;text-align:left;}
.btn_gotop{margin:-20px 0 0 0; float:right; background:url('/localfood/images/common/btn_top.gif')no-repeat; width:55px; height:55px; font-size:0;}

.dv_wrap {display:block;position:relative;max-width: 1000px;margin:0 auto;}

/*===== sub =====*/

.sub {}
#subvis {display:table; height:230px; width:100%; color:#fff; /*text-shadow:1px 1px 1px #333;*/}
#subvis p {display:table-cell; vertical-align:middle;}
#subvis span {display:block;}
#subvis .copy {font-size:1.5em; padding-bottom:20px;}
#subvis .title {font-size:2.5em; font-weight:500;}
.subvis01 {background:url('/localfood/images/layout/sub_visual01.jpg') center top no-repeat; background-size:cover;}
.subvis02 {background:url('/localfood/images/layout/sub_visual02.jpg') center top no-repeat; background-size:cover;}
.subvis03 {background:url('/localfood/images/layout/sub_visual03_2.jpg') center top no-repeat; background-size:cover;}
.subvis04 {background:url('/localfood/images/layout/sub_visual03_3.jpg') center top no-repeat; background-size:cover;}

/*snb*/
.sub #snb {float:left;width:20%;max-width:200%;}
#snb h2 {display:table;width:100%;height:170px;background:url('/localfood/images/common/bg_lefttop_img3.png') 140px no-repeat;background-position-y:114px; background-size:60px;color:#666;font-size:2em;text-align:center;border:1px solid #f0f0f0; background-color:#fff;}
#snb h2 span{display:table-cell;font-weight:500;line-height:120%; padding: 0px 20px 0px 20px; vertical-align:middle; line-height: 35px;}

/*sub contents*/
.sub #container {margin-bottom:15px;padding:0px;}
.sub #content {float:left;width:79%;min-height:550px;margin-left:1%;background:#fff;padding: 30px 25px;}
.sub #content h2 {font-size:2.5em; font-weight:300;letter-spacing:-3px;}
.sub h3 {font-size:1.5em; background:url('/localfood/images/common/bl_h3.png') left 2px no-repeat; margin-bottom:20px; padding-left:35px; font-weight:400;}
.sub h3.bl_h3_1 {font-size:1.5em; background:url('/localfood/images/common/bl_arr_down.png') left 0 no-repeat; margin-bottom:20px; padding-left:35px; font-weight:400; letter-spacing:-0.5px;}

#snb > ul {}
#snb > ul > li {border-bottom:1px solid #e0e0e0;background:url('/localfood/images/common/lefttop_bl.png') 92% center no-repeat;/* background-color:#2f9066; */}
#snb > ul > li > a {display:block;padding:8px 15px;font-size:1em;}
#snb > ul > li:first-child{padding:0px 0px;}
#snb > ul > li.on > a, #snb > ul > li > a:hover, #snb ul > li > a:active {background-color: #4a925f;color: #fff;/* padding: 10px 15px; */}
#snb > ul > li.on , #snb ul > li > a:active {font-weight:500;}
#snb > ul > li.on .depth3 {display:block;}
#snb .depth3 {display:none; background:#e8f1ee; border:1px solid #b3d0c7}
#snb .depth3 ul {padding:10px; font-size:1em;}

/*.sub #content h4 {font-size:1em; font-weight:300;}*//*css h4중복 확인필요*/
/*.sub #content h4 {font-size:1.2em; background:url('/localfood/images/common/bl_h4.gif') left top no-repeat; margin-top:20px; padding:7px 0px 18px 0px; font-weight:300;}*/
.loc{background-color:#43923f; position:relative; top:-52px;}
.loc .loc_area{margin:0 auto; height:52px;}
.loc .loc_area .loc_txt li {float:left;padding: 0 4px;font-size:0.8em;color:#fff;line-height:52px;}
.loc .loc_area .loc_txt li:first-child {background:none; padding-left:0; vertical-align:none;}
.loc .loc_area .loc_txt li img {width:100%; position:relative; top:10px;}
.loc .loc_area .loc_txt li.current {font-weight:400; color:#000;}
.contit {border-bottom:1px solid #e3e3e3; position:relative;padding:0 0 20px 0;top:-20px;}
/*.contit .utility {position:absolute;top: -10px;}
.contit .utility li {float:right; width:40px; border:1px solid #ddd; border-radius:5px; text-align:center; 
background:#fff; margin:0 2.5px; padding:3px 0px 0px 0px;}
*/
.loc .loc_area .utility li a{}
.loc .loc_area .utility li {float:right; margin:0px; padding:0px 15px; height:52px;}
.loc .loc_area .utility li img {width:26px; margin:13px 0px 0px 0;}
.ico_zoomin{}
.ico_zoomout{background:#378133;}
.ico_print{background:#4aa445;}
/*contents_bl*/
ul.type01 > li {padding-left: 10px;background: url('/localfood/images/common/bl_circle_gray.png') no-repeat 0 8px;margin-bottom: 3px;}
ul.type02 > li {padding-left: 12px;background: url('/localfood/images/common/bl_line.png') no-repeat 0 10px;margin-bottom: 3px;}

#page_info  {position:relative; margin-top:20px; padding:10px 20px;  border:1px solid #ccc; font-size:0.85em;}
#page_info dl {height:100%; overflow:hidden;}
#page_info dl:first-child {border-top:0}
#page_info dt {float:left; color:#666; padding-left:20px;}
#page_info dt.ic1 {background:url('/localfood/images/common/ico_depart.png') left center no-repeat;}
#page_info dt.ic2 {background:url('/localfood/images/common/ico_person.png') left center no-repeat;}
#page_info dt.ic3 {background:url('/localfood/images/common/ico_inquiry.png') left center no-repeat;}
#page_info dt.ic4 {background:url('/localfood/images/common/ico_update.png') left center no-repeat;}
#page_info dd {float:left; margin:0 20px 0 5px; color:#003399;}

.cd-top {display:none;}

/*content_bl*/
ul.type01 > li {padding-left: 10px;background: url('/localfood/images/common/bl_circle_gray.png') no-repeat 0 8px;margin-bottom: 3px;}
ul.type02 > li {padding-left: 12px;background: url('/localfood/images/common/bl_line.png') no-repeat 0 10px;margin-bottom: 3px;}

.cd-top {display:none;}

/*============ components ===========*/
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
/*list*/
.litype_cir li {padding-left:10px;}

/*============ menu ===========*/

/*pc*/
@media all and (min-width:980px) {

#lnb_btn, #lnb_mask {display:none}

.lnb_container {max-width:1000px; margin:0 auto;}
.lnb_container > * {float:left;}
.lnb_container h1 {width:23%; margin-top:15px;}
.lnb_container h1 a {display:block;}
.lnb_container #lnb {width:77%;}

#lnb li > a:hover, #lnb li.on > a {color:#317d3d !important; text-decoration:none;}
#lnb .depth1 {width:100%;}
#lnb .depth1 > li {position:relative; float:left; text-align:center;background:url('/localfood/images/common/bg_top_line.gif')right center no-repeat;}
#lnb .depth1 > li:last-child {background:none;}
#lnb .depth1 > li > a {display:block; height:77px; line-height:77px; font-size:1.6em; font-weight:500;color:#3e3e3e; margin:0px 40px;letter-spacing:-1px;}

#lnb .depth1 > li:last-child > a {margin:0px 0px 0px 40px;}

#lnb li .depth2 {position:absolute; display:block; width:100%; /*top:81px;*/ height:0; overflow:hidden; z-index:999;}
#lnb li .depth2 ul{height:360px;margin:4px;padding:10px 0px 10px 18px;text-align:left;border-left:1px solid #ddd;border-right:0px solid #ddd;}
#lnb li:first-child .depth2 ul{border-left:none}
#lnb li:last-child .depth2 ul{border-right:none;}
#lnb li .depth2 li a {display:block; padding:9px; font-size:1.05em; line-height:16px}
#lnb li .depth2 li a:hover {text-decoration:underline;}

#lnb_bg {position:absolute; left:0; top:124px; width:100%; background:#fff; height:0; border-bottom:1px solid #ccc; border-top:4px solid #43a167; overflow:hidden !important; z-index:998; }
}

@media all and (min-width:1200px) {
.dv_wrap {display:block;position:relative;max-width: 1200px;margin:0 auto;}
.lnb_container {max-width: 1200px;margin:0 auto;}
.lnb_container > * {float:left;}
.lnb_container h1 {width:18%; margin-top:15px;}
.lnb_container h1 a {display:block;}
.lnb_container #lnb {width:82%;}
#lnb .depth1 > li > a {display:block;margin:0px 74px;letter-spacing:-1px;}
#lnb .depth1 > li:last-child > a {margin:0px 0px 0px 74px;}

/*list*/
.litype_cir li {padding-left: 50px;}
#lnb li .depth2 ul{height:360px;margin:4px 0px;padding:10px 0px 10px 15px;text-align:left;border-left:1px solid #ddd;/* border-right:0px solid #ddd; */}

.sub #snb {float:left;width:20%;max-width:200%;}
#snb h2 {display:table;width:100%;height:170px;background:url('/localfood/images/common/bg_lefttop_img3.png') 180px no-repeat;background-position-y:114px; background-size:60px;color:#666;font-size:2em;text-align:center;border:1px solid #f0f0f0; background-color:#fff;}
#snb h2 span{display:table-cell;font-weight:500;line-height:120%; padding:0px 55px 0px 55px; vertical-align:middle;}
}

/*mobile*/
@media all and (max-width:979px) {
body.lnb_on {/*overflow:hidden*/}
body.lnb_on #lnb_mask{position:fixed; left:0; top:0; width:100%; height:100%; z-index:990; background:rgba(0,0,0,0.5);}

.lnb_container h1 a {display:block; width:184px; margin:0 auto; padding:20px 0;}
#lnb_bg, .lnb_container .menuall {display:none}
#lnb_btn{position:absolute; left:15px; top:75px; cursor:pointer; width:40px; height:30px}

#lnb{position:fixed;right:-100%;top:0; width:40%; min-width:320px; height:100%; overflow:auto;z-index:991; background:#fff;} /*oveflow 사용시 닫기 버튼 숨겨지는 오류*/
#lnb .close_area{position:absolute; right:0px; top:0px;background:#fff; width:100%; height:60px; border-bottom:1px solid #ddd; }
#lnb .close {position:absolute; right:0px; top:0px; width:60px; height:60px; background:url('/localfood/images/main/lnb_btn_close.png') no-repeat center; background-size:24px; cursor:pointer}
#lnb .depth1 {padding-top:60px;}
#lnb .depth1 > li {cursor:pointer; border-bottom:1px solid #ddd;background:#fff;}
#lnb .depth1 > li > a {/* pointer-events:none;*/display:block;padding:20px 30px;font-size:1.438em;background-size:24px;}
#lnb .depth1 > li > a {pointer-events:none;display:block;padding:20px 30px;font-size:1.438em;background:url('/localfood/images/main/lnb_arrow_down.png') no-repeat 90% center;background-size:24px;}

#lnb .depth1 > li.on{color:#333; background:#408134; background-size:24px;}

#lnb li.on > a {color:#fff; ; background-size:24px;}
#lnb li:first-child.on > a, #lnb li:last-child.on > a  {color:#fff; background:url('/localfood/images/main/lnb_arrow_up.png') no-repeat 90% center; background-size:24px}

#lnb li.on .depth2 {display:block;height:auto !important; background:#f9f9f9;}
#lnb li .depth2 {background:#f5f5f5;display:none;padding:0;}
#lnb li .depth2 ul {width:95%; margin-left:1%;}
#lnb li .depth2 li {margin-left:15px; background-position-y:center; border-bottom:1px solid #ececec;}
#lnb li .depth2 li:last-child {border-bottom:0;}
#lnb li .depth2 li a {display:block; padding:5px 0;font-size:1em;}
#lnb li .depth2 li a:hover {color:#408134; text-decoration:underline;}

.loc .loc_area{margin:0 0 0 10px;}

/*footer*/
.footer_btn{text-align:center; margin:0px 0px 0px 60px;}
.footer_btn span{letter-spacing:-1px; padding:0px 25px; margin:0px -20px -1px -20px; font-size:1em;}
.footer_btn span:first-child{padding:10px 25px;}
.footer_area{padding:20px 0 0 0px;;}
.logo_footer {display:none;}
.address {padding-left:0px; text-align:center;float:none; margin:0px 0px 10px 0px;}
}

/*===========
	Responsive 
==============*/
@media all and (max-width:980px){
	/*main slider*/
	.main .visual_box .bx-wrapper .slider li span {padding:0 1%;}

	/*sub*/
	#snb {display:none;}
	.sub #content {width:98%; margin-right:1%;}
}

@media all and (max-width:768px){
	.sub #content {width:100%; padding-left:15px; padding-right:15px;}
	.logo_footer {float:none;margin:0 auto; margin-right:-60px;}
	.address {width:100%; text-align:center; height:100px;background:none;}
}


@media all and (max-width:600px){
	/*main slider*/
	/*.main #content {height:560px}*/
	.sub #content {width:100%; padding-left:15px; padding-right:15px;}
	#footer {padding:0px 0px;}
	.footer_btn{text-align:center; margin:50px 0px 0px 0px;}
	.footer_btn span{letter-spacing:-1px; padding:10px 25px; margin:10px -20px -1px -20px; font-size:0.8em;}
	.footer_btn span:first-child{padding:10px 25px;}
	.footer_area{padding:20px 0 0 0px;;}
	.logo_footer {display:none;}
	.address {padding-left:0px;}

        .subvis01 {background:url('/localfood/images/layout/sub_visual01.jpg') -1150px 0 no-repeat; background-size:cover;}
        .subvis02 {background:url('/localfood/images/layout/sub_visual02.jpg') -980px 0 no-repeat; background-size:cover;}
        .subvis04 {background:url('/localfood/images/layout/sub_visual03_3.jpg') -400px 0 no-repeat; background-size:cover;}
}

@media all and (max-width:480px){
	#footer {width:100%;padding:0px;}
	.loc .loc_area .utility {display:none;}
}

@media all and (max-width:360px){
	
}