/* BASIC css start */
/* call class */
.clear {*zoom:1} /* float clear */
.clear:after {content:" "; display:block; clear:both;} /* float clear */
.float_l {float:left;} /* float left */
.float_r {float:right;} /* float right */
.none_blank {font-size: 0; letter-spacing: -3px; line-height: 0;} /* ÀÌ¹ÌÁö¿©¹é»èÁ¦ -3px(¾Èµå·ÎÀÌµå) */
@-moz-document url-prefix() { .none_blank {letter-spacing: 0;} } /* ÆÄÆøPCÈ®ÀÎ¿ë */
li {
    list-style: none;
}
/* header */
header img {vertical-align: top;}
header .section {background: #573432;height: 32px;padding: 0 4%;}
header .section li {float: left;width: 25%;text-align: center;}
header .section li a {color: #e0e0e0; line-height: 32px; font-weight: 700; font-size: 12px;}
header .section li:first-child {color: #edceb1; line-height: 32px; font-weight: 700; font-size: 12px;cursor: pointer;}
header .section li:first-child span {padding-left: 20px;background: url(/design/ilsungsa/mobile/icon_cate.png) no-repeat 0 1px / 13px 13px;}

header h1 {padding: 0 !important; margin: 25px 0 !important;height:auto !important; text-align:center;}
header h1 img {max-height: 58px !important;}

header .area_search {
	border: 3px solid #4c332f;
	width: 92%; height: 37px;
	padding: 0 3px 0 60px;
	margin: 0 auto 15px;
	background: url(/design/ilsungsa/mobile/search_tit.png) no-repeat 0 0 / auto 31px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header .area_search .area_input {margin-right: 31px;}
header .area_search .area_input {width: 100%; height: 31px;font-size: 12px; line-height: 31px;border: 0;}
header .area_search .area_input input {
	width: 100%; height: 20px;
	background: #fff;
	border: 0;
	-webkit-border-radius:0; -webkit-appearance:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header .area_search .btn img{position: absolute; top: 0; right: 0; width: 31px; height: 31px;}

header .section2 {background: #eeeae7;border-top: 3px solid #563432; border-bottom: 2px solid #563432;}
header .section2 li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0 0 0 1px;
	background: url(/design/ilsungsa/mobile/bar.png) no-repeat 0 50% / 1px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


header .section2 li:first-child {padding: 0;background: none;}
header .section2 li:first-child a {padding: 0;background: none; color:#cc0000;}
header .section2 li a {font-size: 12px; color: #573432; line-height: 35px; font-weight: 700;}

header .section3 {border-bottom: 2px solid #563432;}
header .section3 li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 0 0 0 1px;
	background: url(/design/ilsungsa/mobile/bar2.png) no-repeat 0 50% / 1px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header .section3 li:first-child {padding: 0;background: none;}
header .section3 li a {font-size: 12px; color: #5a5555; line-height: 35px; font-weight: 700;}
/* BASIC css end */

