/* 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:fixed;width:100%;left:0;margin:0 0 0px; z-index:999;background:#fff;}
#header .inner { position:relative; width:100%; margin:0 auto; *zoom:1; max-width:1500px;}
#header .inner:after { content:""; display:block; clear:both; }
#header .topArea { height:auto; padding:88px 0 0; text-align:center; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }



/* logoTop */
.logoTop {  margin:0 0; text-align:left; position:absolute;bottom:20px;left:20px;z-index:99;}
.logoTop a {font-family:verdana, '¸¼Àº °íµñ', malgungothic, sans-serif; font-size:40px; color:#008bcc; font-weight:bold; text-decoration:none; font-style:normal;  }
.logoTop img {max-height:112px; }


/* catecateWrap */
.catecateWrap{text-align:right;}
.catecateWrap > div{position:relative;display:inline-block;}
.catecateWrap > div > ul{display:inline-block;margin:0px auto 0px;}
.catecateWrap > div > ul > li{position:relative; display:inline-block; z-index:10;}
.catecateWrap > div > ul > li > a{display:inline-block; line-height:59px;margin:0 18px 0 0;color:#353535; font-size:13px; font-weight:normal; word-spacing:-1px; text-decoration:none; border-bottom:1px solid transparent;transition:all 0.3s;}
.catecateWrap > div > ul > li > a:hover{color:#aaa;}
.catecateWrap > div.category > ul > li:nth-child(02) > a  { color:#ff0000; font-style:italic; }
.catecateWrap > div.category > ul > li:nth-child(04) > a  { color:#ea7f16; font-style:italic; }
.catecateWrap > div.category > ul > li:nth-child(05) > a  { color:#4e93d3; font-style:italic; }
.catecateWrap > div.category > ul > li:nth-child(17) > a  { color:#ea7f16; font-style:italic; }
.catecateWrap > div.category > ul > li:nth-child(03) > a  { color:#ea7f16; font-style:italic; }
.catecateWrap > div.category > ul > li:nth-child(18) > a  { color:#c50000; font-style:italic; }
    /* Áߺзù */
    
.catecateWrap > div > ul > li > ul{ display:none;position:absolute;top:58px; left:0px; width:158px; text-align:left;background:rgba(255,255,255,0.7);}
.catecateWrap > div > ul > li:hover > ul{display:block;}
.catecateWrap > div > ul > li > ul:before { content:""; position:absolute; top:10px; left:-8px; display:inline-block; width:0; height:0;}
.catecateWrap > div > ul > li > ul:after { content:""; position:absolute; top:11px; left:-7px; display:inline-block; width:0; height:0; }
.catecateWrap > div > ul > li > ul > li{}
.catecateWrap > div > ul > li > ul > li:first-child a:hover:before { content: ""; display:inline-block; position:absolute; top:12px; left:-7px; width:0; height:0; z-index:1; }
.catecateWrap > div > ul > li > ul > li > a{display:block; padding:12px 10px 13px; font-size:12px; color:#353535; text-decoration:none; border-bottom:2px solid transparent;transition:all 0.3s;}
.catecateWrap > div > ul > li > ul > li > a:hover{color:#aaa; border-bottom:2px solid #fff;}
.catecateWrap > div > ul > li > a.arr {padding-right:13px; background:url('http://www.lylon.co.kr/design/jjh9831/170720_renew/arr_submenu.png') no-repeat right 25px;}
/* ÀüüīÅ×°í¸® */

input[id="menuicon"] {display: none; }
input[id="menuicon"] + label { display: block;  position: relative; cursor: pointer;  }
input[id="menuicon"] + label span {  position: absolute; top: -35px;right: 20px; width: 13px; height: 9px; background-image: url(/design/jjh9831/hdesign/category_all_bars2.png); }
input[id="menuicon"]:checked + label { z-index: 13;}
input[id="menuicon"]:checked + label span { position: absolute; top: -35px;right: 20px; width: 13px; height: 9px; background-image: url(/design/jjh9831/hdesign/category_all_bars2.png); }
div[class="allcategory"] { position:absolute; width:1500px; height:420px; text-align:left; background:rgba(255,255,255,0.9); z-index:12; right:0;  display:none; }
div[class="allcategory"].close {display: none;}
input[id="menuicon"]:checked + label + div {display:block; }
.allcategory h2 {position:fixed;width:1455px; font-weight: bold; font-size: 18px; padding: 25px 0 10px 0; margin: 0 23px 0 23px; border-bottom: 1px solid #e4e2e2; }
.allcategory h2 > em {display: inline-block;background: #333;width: 5px; height: 17px; position: relative; top: 3px;margin-right: 7px;}
.allcategory h2 > span {position: absolute; top: 29px;right: 6px;width: 20px; height: 20px; cursor: pointer; background-image: url(/design/jjh9831/hdesign/48.close.png); background-position: center center; background-repeat: no-repeat; }
.allcategory_s {margin-top:70px; overflow-y:auto; overflow-x:hidden; height:350px; }
.allcategory_s::-webkit-scrollbar { width: 10px; }
.allcategory_s::-webkit-scrollbar-thumb { background-color: #98999b; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.allcategory_s > li {font-size: 12px; width: 13%;line-height: 20px; display: inline-block; vertical-align: top; position: relative; padding: 5px 20px 50px 20px;}
.allcategory_s > li > a {display: block; font-weight: bold; font-size: 13px; color: #4a4949; border-bottom: 1px solid #e4e2e2; padding: 18px 0 8px 0; margin: 0 0 8px 0;}  


/* search */
.searchWrap{display:none;}
.searchWrap.over{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;vertical-align:middle;}
.searchWrap .ScloseBtn{position:absolute;right:10%;top:50px;cursor:pointer;}
.searchWrap .search {width:700px;height:70px;margin:20% auto 0; background:none;border:5px solid #999;transition:all 0.6s; border-radius:40px;}
.searchWrap .search fieldset{position:relative;width:100%;height:70px;border:none;}
.searchWrap .search input.MS_search_word{ width:85%;line-height:70px;height:70px;background:none;border:none;color:#fff;}
.searchWrap .search a.Searchbtn{position:absolute;;top:23px;right:26px;}




/* account */
.myaccount > div > ul {display:block;position:relative;line-height:30px; text-align:right;}
.myaccount > div > ul > li{display:inline-block; position:relative;}
.myaccount > div > ul > li > a {padding:8px 0px 4px 0px; margin:0 20px 0 0px; color:#353535; font-size:12px;text-align:left; letter-spacing:0;transition:all 0.3s;line-height:12px;}
.myaccount > div > ul > li > a:hover{color:#aaa;}
.myaccount > div > ul > li > a .cart_count,
.myaccount > div > ul > li > a .cart_count span { position:relative; display:inline-block;}
.myaccount > div > ul > li > a .cart_count {margin:0 0px 0 0px;vertical-align:middle;  }
.myaccount > div > ul > li > a .cart_count span { padding:1px 3px 1px; font-weight:bold; color:#353535; font-size:12px;vertical-align:top; }
.myaccount > div > ul > li > a:hover .cart_count span{color:#aaa;}
.myaccount > div > ul > li > a.arr {padding-right:13px; background:url('http://www.lylon.co.kr/design/jjh9831/170720_renew/arr_submenu.png') no-repeat right 13px;}
.myaccount > div > ul > li .submenu {display:none; position:absolute; left:-30px; top:24px; z-index:15;  border:1px solid #cecece; background:#fff;}
.myaccount > div > ul > li .submenu > ul {padding:10px;}
.myaccount > div > ul > li .submenu > ul > li {padding-top:-2px;}
.myaccount > div > ul > li .submenu.lang {width:76px; text-align:left;}
.myaccount > div > ul > li .submenu.lang > ul > li img {margin-right:7px; vertical-align:middle;}
.myaccount > div > ul > li .submenu.lang > ul > li a {font-size:11px; line-height:11px;}
.myaccount > div > ul > li:hover .submenu {display:block;}




@media all and (max-width:1370px) {
div[class="allcategory"] {max-width:1349px; }
.allcategory h2 {width:1300px; }
.allcategory_s > li { width: 12%;}
}
@media all and (max-width:980px) {
div[class="allcategory"] {width:1024px;}
.allcategory h2 {width:980px; }

}
/* BASIC css end */