/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header { width:100%; background-color:#352e5c; position:relative;}
#header .clearfix:before, .clearfix:after { content: ""; display: table; }
#header .clearfix:after { clear: both; }
#header .clearfix { *zoom: 1; }
/* 홈|장바구니|관심상품|로그인 */
#header .menus ul { width:98%; margin: 0 auto; padding : 5px 0 0; zoom:1;  }
#header .menus ul:after {content:""; display:block; clear:both; }
#header .menus ul li { float: left;  text-align: center; width: 20%;  }
#header .menus ul li a { color: #c2c2c2; }
#header .menus ul li i { font-size:14px; color:#525252;}
#header .menus ul li:last-child { background:none; }
#header .search { position:relative; width:130px; margin: 5px auto 0; }
#header .search input { width: 130px; height: 22px; float:left; border:1px solid #8ed23f; background-color:#352e5c; color:#8ed23f; }
#header .search .srch_btn {display:block; color: #8ed23f; float:left; margin: 3px 0 0 -22px; }
#header .top-pt-01 { position:fixed !important; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 { position:fixed !important; top:0; left:0; right:0; z-index:100;}
#header .headerTop { background-color: #8ed23f; border-bottom:1px solid #352e5c; }
#header .headerTop li { width: 23%; line-height: 30px; height:30px; float:left; text-align: center; border-left:1px solid #352e5c; margin-left: -1px; }
#header .headerTop li:first-child { width: 31%; border-left: none; }
#header .headerTop li a { color: #fff;  font-weight: bold; }
#header #menu .fa {top:5px;}
#header .headerBottom {padding: 30px 0 30px; }
#header .headerBottom h1 { text-align:center; }
#header .headerBottom h1 a { font-size: 36px; color: #8ed23f; }

/* 카테고리 */
aside {position:fixed; width:320px; height:100%; top: 30px; right: 0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height:62px; display:inline-block; border-bottom: 2px solid #ddd; color: #bbb; font-weight:bold;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color: #333; border-bottom: 2px solid #333;}
aside nav li {border-bottom:1px solid #ccc; 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;}
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;}
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;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color: #111; 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;}
/* //카테고리 */


.kakaoIcon{ height:24px; line-height:24px; padding-bottom:6px}
/* BASIC css end */