/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
/* 카테고리 */
aside {position:fixed; width:320px; height:100%; top:103px; right:0; bottom:0; background-color:#656565; color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .leftMenuTop {font-size:12px; height: 30px;  padding: 1.5em 1em 0.5em;}
aside .leftMenuTop input {width:100%; height: 30px; border:0px none; border-radius: 5px;}
aside .leftMenuTop a {font-size: 20px; color:#656565; position: absolute; right: 22px; top: 23px;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height: 36px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;line-height: 36px;}
aside .asideTop a .fa {margin-top: 15px;}
aside .asideTop a.act {color: #fff; border-bottom: 2px solid #fff;}
aside nav li {border-bottom: 1px solid #5c5c5c; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;color: #555}
aside nav li > ul > li .fa { color:#555; }
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;color: #111}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color: #fff; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //카테고리 */
h2 {font-weight:normal;}
header {color:#656565; font-size:12px;}
.navigation {width:100%; height: 26px; text-align:center; background-color:#434343; padding-top:8px;}
.navigation a {color:#fff; margin:0 12px;}
.headerTop {padding: 15px 20px;}
.headerTop h1 {display:inline-block; }
.headerTop h1 img { width:60%; }
.headerTop .faicon {float:right; color:#2f2f2f;  font-size:30px; margin-top: 5px;}


.headerBttom {width:100%; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; height: 41px;line-height: 42px; overflow: hidden; font-size:13px;position:relative;}
.headerBttom .gnb {padding-left:10px;}
.headerBttom ul {position: relative; }
.headerBttom li {text-align: center;font-size: 11px;color: #555555;display:inline-block;width: auto !important;}
.headerBttom li span {margin:0 26px;}
.headerBttom-wrapper{position:relative;}
.headerBttom-wrapper .faicon {position:absolute; top:8px; font-size:24px; background-color: #fff;  width:20px; text-align:center;z-index:100;cursor:pointer;}
.headerBttom-wrapper .faicon.headerBttomLeft {left:0;}
.headerBttom-wrapper .faicon.headerBttomRight {right:0;}
.headerBttom-wrapper {overflow:hidden;}
/* BASIC css end */