/* BASIC css start */
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:sticky;top:0; width:100%; background:#fff; z-index:100 }
#header .headerTnb { position:relative; *zoom:1; background: #000;}
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .menu_list { width: 1200px; margin: 0 auto; }
#header .headerTnb .menu_list li {float:left }
#header .headerTnb .menu_list li a { display:block; color:#fff; padding: 18px 0; font-family: 'Lato', 'Noto Sans KR', sans-serif;}
#header .headerTnb .menu_list li a p{ display: inline-block; padding: 0 12px;}

#header .headerTop { margin:0 auto; position:relative; width:1200px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo {text-align:center;  line-height: 130px; }
#header .headerTop .tlogo .img { width: 350px; height:120px; }

.searcharea{position: absolute; bottom: -37px; right: 0%; width: 235px; background: #fff; display: none; border: 1px solid #ccc;}
.searcharea > form > fieldset > input{    height: 25px;
    padding:  5px 5px;
    width: 189px;
    color: #656565;
    font-size: 12px;
    border: 0;
    background: none;}
.searcharea > form > fieldset > a{ cursor:point;}

/* 카테고리 */
.headerGnb .gnbInner  {
    width: 1200px;
	margin:0px auto;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:0;
    position:relative;
}
.headerGnb .gnbInner  li {
	display: inline-block;
	margin:0px;
	padding:0px;
}
.headerGnb .gnbInner li a {
	display:inline-block;
	margin: 0px 12px;
    padding: 22px 0;
	font-size:14px;
	color:#000;
	font-family: 'Lato', 'Noto Sans KR', sans-serif;
}

/* BASIC css end */

