/* BASIC css start */
.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#3c3c3c;z-index:1000;display:none;opacity: 0.6;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position: fixed;width:100%;z-index:101;top: 0;}

#gnb {position: fixed;width: 100%;}
#gnb .logo {position:absolute;top: 8px;left:50%;margin-left: -100px;line-height: 36px;z-index:10;font-size: 26px;text-align:center;width: 200px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#gnb .logo a {color:#454545;}
#gnb p.asideOpen {position:absolute;top: 11px;left: 3%;z-index: 9999999;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 24px;}
#gnb p.cartBtn {position:absolute;top: 11px;right: 3%;z-index:10;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 24px;}
#gnb {position: relative;height: 50px;zoom: 1;border-bottom: 1px solid #ccc;}
#gnb.act { background-color: rgba( 255, 255, 255, 0.8 );height: 50px;z-index: 102;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5); border-bottom:0; }

/* »çÀÌµå ¸Þ´º */
.asideClose {position:fixed;top: 5px;left:-70%;width: 32px;height: 32px;color: #fff;text-align:center;z-index:1001;margin-left: 5px;}
.asideClose i {line-height: 32px; font-size: 20px; }
aside {position:fixed;top:0;left:-70%;width:70%;height:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001}
aside .asBx { zoom:1; overflow:hidden; }
aside .asBx ul { width: 100%; display: inline-table;border-bottom: 1px solid #ddd; background-color:#f5f5f5; }
aside .asBx ul li { width: 50%; display: table-cell; height: 34px; line-height: 34px; text-align:center; }
aside .asBx ul li:first-child { border-right: 1px solid #ddd; }
aside .asBx ul li a { display: block; }
aside .loginBx {padding: 12px 5%;text-align:center;}
aside .loginBx p.tx {padding-bottom:12px;font-size:12px;color:#2f2f2f;letter-spacing:-1px}
aside .loginBx ul { width: 100%; display: inline-table; }
aside .loginBx ul li { width: 50%; display: table-cell; font-size:12px; border:1px solid #c6c6c6; border-left: 0; }
aside .loginBx ul li:first-child { border:1px solid#3b3b3b; background: #3b3b3b; }
aside .loginBx ul li:first-child a { color:#fff; }
aside .loginBx ul li a { display: block; padding: 6px 0; color:#3b3b3b; }
aside .asideSearch {position:relative;padding: 0 5% 12px;}
aside .asideSearch .searchBox {position: relative;width:100%;box-sizing: border-box;border:1px solid #ddd;height: 30px;line-height: 30px;}
aside .asideSearch .searchBox label { padding-left: 4%;color:#ccc; }
aside .asideSearch .searchBox .input-label {position:absolute;top:0;left:0;height: 30px;line-height: 30px;font-weight: bold;color:#000;border: 0;opacity: 0;filter: alpha(opacity=0);padding-left: 4%;width: 100%;} 
aside .asideSearch .btn_search {width:32px;height:32px;position:absolute;top:0;right: 5%;text-align:center;}
aside .asideSearch .btn_search span {line-height:32px; font-size: 18px; color:#888; }
aside .asideTop {text-align:center;border-top: 1px solid #aaa;}
aside .asideTop a {width:33.33%;height: 36px;display:inline-block;color:#8f8f8f;font-weight:bold;line-height: 37px;background: #f5f5f5;border-bottom: 1px solid #ddd;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color: #333;background: #fff;border-bottom: 1px solid #fff;}
aside .navCategory {padding: 6px 0;border-bottom: 1px solid #ddd;}
aside nav li {position:relative;}
aside nav li a {display: block;height: 32px;line-height: 32px;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 #ccc;}
aside nav li > ul > li {border-bottom:0px none;}
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;}
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: #dfdfdf;}
aside .asideBottom {padding: 12px 20px;background: #f5f5f5;}
aside .asideBottom .tel {color: #333;font-size:1.333em;font-weight:bold;display: block;}
aside .asideBottom .fa-stack {color: #fff;margin-top: -5px;}
aside .asideBottom .fa-phone {color: #3b3b3b;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;padding: 6px 0;border-bottom: 1px solid #ddd;}
aside .navMypage {display:none;padding: 6px 0;border-bottom: 1px solid #ddd;}
/* //Ä«Å×°í¸® */

/* BASIC css end */