

/* 상단
------------------------------------------------------------------------------- */
.gnbArea {height:54px; margin-top:-54px;}
.gnbArea > menu {display:block;}
.gnbArea > menu li:first-child {float:left;}
.gnbArea > menu li:last-child {float:right;}


/* 사이드메뉴
------------------------------------------------------------------------------- */
#allmenu {
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
font-size:13px;
position: fixed;
z-index:99999;
}
#allmenu > section, #allmenu > div {height:100%; z-index:99999;}
#allmenu > div {float:right; width:45px; z-index:99999;}
#allmenu section {position:relative; overflow:auto; z-index:99999;}
#allmenu .close {top:10px; right:18px; z-index:99999;}

#allmenu_bg { /*메뉴하단 배경을 채우기 위함(비워둘땐 주석처리)*/
height:100%;
background:#3E4046; 
}

#gnb {
border-top:1px solid #e8e8e8; 
background:#FFFFFF; 
height: 100%; /*메뉴하단폭 설정*/
padding: 0 0 0 0;
}

#gnb a {padding:0 15px; display:block;}
/*#gnb > li {border-bottom:1px solid #e8e8e8;}*/ /* 메뉴 갭 색상 */
.gnb_gap {border-bottom:1px solid #e8e8e8;}
#gnb > li.on {border-bottom-color:#cecece;} /* 펼쳐진 메뉴 갭 색상 */
#gnb > li > a {padding: 12px 20px 12px 23px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 19px; color:#111111; text-decoration: none; display:block;} /* 메인메뉴 */
#gnb > li > a:after {float:right; width:10px; height:10px; margin:8px 0 0 15px; background:url(../img/ico_fold02.png) 0 0 no-repeat; background-size:10px auto; display:inline-block; content:"";}
#gnb > li > ul > li > a {padding: 12px 20px 13px 23px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 17px; color:#222222; text-decoration: none; display:block;} /* 서브메뉴가 없는 메뉴 */
#gnb > li.on > a:after {background-position:0 -10px;}

#gnb menu {background:#f7f7f7; padding: 0 0 0 0;} /* 서브메뉴 설정 */
#gnb menu li {border-top:1px solid #e8e8e8;}
#gnb menu li:first-child {border-top-color:#cecece;}
#gnb menu li a {padding: 7px 20px 7px 42px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color:#333333; text-decoration: none;} /* 서브메뉴 */
#gnb menu li.on a, #gnb menu li a:active {color:#996b56;}



/* 암막
------------------------------------------------------------------------------- */
.dimmed {position:absolute; left:0; top:0; width:100%; height: 100%; background:rgba(0,0,0,0.8); z-index:9999;}



/* 아이콘
------------------------------------------------------------------------------- */
.ico04 {color:#474e61;}
.ico04:after {width:11px; height:11px; margin-left:5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background-color:#474e61; background-position:50% 50%; background-repeat:no-repeat; vertical-align:-1px; display:inline-block; content:"";}
.ico04.plus:after {background-image:url(../img/ico_plus02.png); background-size:5px auto;}



/* 글자없는 아이콘
------------------------------------------------------------------------------- */
.ico {text-indent:-9999px; background:none; vertical-align:middle; display:inline-block;}
.ico.allmenu {width:19px; height:14px; background:url(../img/btn_allmenu.png) no-repeat;}
.ico.close {position:absolute; width:15px; height:15px; background:url(../img/btn_close01.png) 50% 50% no-repeat; background-size:15px;}
.ico.minus, .ico.plus {background-position:50% 50%; background-repeat:no-repeat; background-size:13px 13px;}