/* BASIC css start */
.menu_on{height:100%;overflow:hidden}
.menu_off{height:auto;overflow:initial}
#header{position:absolute;z-index:10;width:100%}
#header .top-pt-01{position:fixed;top:0;left:0;right:0;z-index:100}
#header .top-pt-02{position:fixed;top:0;left:0;right:0;z-index:100}

#header .headerTop{position:absolute;top:0;left:0;z-index:1;width:100%;height:0;text-align:center}
#header .headerTop a{position:relative;height:36px;line-height:36px;color:black;display:inline-block}
#header .headerTop a i{vertical-align:middle}

#header #menu{float:left;margin:12px 0 0;padding:0 20px}
#header #util{float:right;margin:12px 0 0;padding:0 23px 0 0}
#header #util .cart{margin-left:13px}
#header #util .cart img{vertical-align:middle}
#header #util .cart .count{display:inline-block;position:absolute;top:0;left:0;width:16px;height:13px;line-height:1;margin:5px 0 0 -8px;padding-top:3px;background:#343436;color:white;text-align:center;font-weight:700;font-size:11px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px
}

#header .headerBottom{position:relative;padding:20px 0;background:white}
#header .headerBottom.top-pt-02{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid #E7E7E7}
#header .headerBottom h1{line-height:1;text-align:center;font-size:1.777em;font-weight:bold;}
#header .headerBottom h1 a{display:inline-block}
#header .headerBottom h1 a img{max-height:15px;vertical-align:bottom}
#header .headerBottom .headerBottomRight .cart sup{width:12px;height:12px;background-color:#f1191f;color:#fff;border-radius:6px;position:absolute;top:-12px;right:-5px;text-align:center;line-height:12px}

#ly_modal.menu{position:fixed;top:0;left:0;z-index:200;width:100%;height:100%;background:white}
#ly_modal.menu .inwrap{position:absolute;top:25px;right:25px;bottom:25px;left:25px;z-index:1;background:url(/design/baylis/skin1.m/imgz/bg/shop-search.jpg) no-repeat 100% 0;background-size:cover}
#ly_modal.menu .inwrap:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3)}
#ly_modal.menu .util{padding:10px 0}
#ly_modal.menu .util a{display:inline-block;line-height:30px;margin-left:5px;padding:0 5px;border:1px solid #67C5A2;border-radius:50px;color:#59B2B7}
#ly_modal.menu .util a:first-child{margin-left:0}
#ly_modal.menu .util a>span{display:inline-block;margin:0 8px;font-size:12px}
#ly_modal.menu .util a i{margin:-2px 4px 0 0;vertical-align:middle}
#ly_modal.menu .util a em{display:inline-block;margin:0 0 0 3px}

#header .search{position:relative;z-index:1;margin:0 25px;border-bottom:2px solid white}
#header .search a{color:white}
#header .search .close{margin:22px -2px 40px 0;text-align:right}
#header .search .set{position:relative;margin-bottom:5px;padding-right:36px;text-align:center}
#header .search .set input{width:100%;height:36px;border:0px none;padding:0 5px;background:transparent;color:white;font-weight:700;font-size:20px}
#header .search .set ::-webkit-input-placeholder{color:white}
#header .search .set ::-moz-placeholder{color:white}
#header .search .set :-ms-input-placeholder{color:white}
#header .search .set :-moz-placeholder{color:white}
#header .search .btn_search{width:24px;height:36px;line-height:36px;position:absolute;top:0;right:0;text-align:center;vertical-align:middle}
#header .search .btn_search i{margin-top:-3px;vertical-align:middle}

/* 카테고리 */
aside{overflow:hidden;overflow-y:auto;position:fixed;top:0;left:0;z-index:1001;width:320px;height:100%;margin-left:-320px;background:#1B1B1B;-webkit-overflow-scrolling:touch}
aside .close{position:absolute;top:0;right:0;z-index:1;margin:20px 22px 0 0}
aside .close a{display:none;color:white}
aside .info{position:relative;min-height:140px;margin:0;background:black;color:white}
aside .info a{color:white}
aside .info .inbox{position:absolute;top:0;right:0;bottom:0;left:0;padding:40px 0 0 25px;}
aside .info .desc{font-size:22px}
aside .info .function{margin-top:20px}
aside .info .function a{display:inline-block;line-height:1;margin-right:10px;font-size:12px;border:2px solid white;padding:10px 15px}

aside .util_wrap{background:#ccc url(/design/sdnetworks/skin1.m/comm/sub_bg.jpg) no-repeat 50% 0;background-size:100%;}
aside .util{line-height:1;margin:0 25px 30px;font-size:0;text-align:center;}
aside .util a{display:inline-block;position:relative;width:33.3%;padding:30px 0;font-size:11px;color:#949494}
aside .util a i{color:#455374}
aside .util a strong{display:block;margin-top:5px;font-size:13px;color:#0D0D0D;font-weight:500}
aside .util a strong .count{color:#969494;font-weight:500}
aside .asideTop{text-align:center}
aside .asideTop a{width:33.33%;height:62px;display:inline-block;border-bottom:2px solid #c3c3c3;color:#8f8f8f;font-weight:bold}
aside .asideTop a .fa{margin-top:10px}
aside .asideTop a.act{color:#ab3e41;border-bottom:2px solid #ab3e41}

aside nav li{position:relative}
aside nav li a{display:block;overflow:hidden;height:51px;line-height:51px;padding:0 25px 0;font-size:20px;color:#010101;text-overflow:ellipsis;white-space:nowrap}
aside nav>ul>li>a{position:relative;color:#BEBEBE}
aside .opz{position:relative}
/*
aside .opz:after{position:absolute;top:50%;right:0;width:8px;height:8px;margin:-4px 25px 0 0;background:#BEBEBE;
	content:'';
}
*/
aside .opz span{display:inline-block;position:relative;font-weight:bold}
/*
aside .opz span:after{position:absolute;bottom:22px;left:0;z-index:-1;width:0;height:10px;background:#C7981B;opacity:0;
	transition:all .4s ease-in-out;
	transition:width 250ms ease-in-out;
	content:''
}
*/
aside .is-active>.opz{color:#fff}
/*aside .is-active>.opz:after{background-color:#fff}*/
/*
aside .is-active>.opz span:after{width:100%;opacity:1;
	transition:all .4s ease-in-out;
	transition:width 250ms ease-in-out
}
*/
aside nav li i{position:absolute;top:50%;right:0;width:58px;height:19px;margin-top:-10px;font-size:19px;text-align:center;line-height:19px}
aside nav li.is-active>i{color:#73BB37}
aside nav li>ul{background-color:#F9F9F7;display:none}
aside nav li>ul>li{border:0 none}
aside nav li>ul>li:first-child{border-top:0px none}
aside nav li>ul>li>a{padding:0 20px 0 20px;font-size:14px}
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{margin:0;background-color:#fefefe}
aside nav .shop>a+ul>li:first-child{display:none}

aside .asideBottom{padding:20px 22px}
aside .asideBottom .tel{color:#ab3e41;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}

aside .copyright{margin:30px 15px 40px;font-size:11px;color:#DCDFE2}

/* */
aside .nav_ico{width:25px;height:25px;margin:0 auto}
aside .nav_ico._01{background:url(/design/sdnetworks/skin1.m/comm/nav_ico_01.png) no-repeat;background-size:cover}
aside .nav_ico._02{background:url(/design/sdnetworks/skin1.m/comm/nav_ico_02.png) no-repeat;background-size:cover}
aside .nav_ico._03{background:url(/design/sdnetworks/skin1.m/comm/nav_ico_03.png) no-repeat;background-size:cover}

aside .search{position:relative;left:0;right:0;text-align:center;z-index:1010;bottom:0}
aside .search .searchBox{width:100%}
aside .search .searchBox input{width:100%;height:60px;margin:50px auto 0;padding:12px 5px;border:0px none;background:#0D0D0D;color:#fff;font-size:16px;text-indent:20px;}
aside .search .btn_search{width:45px;height:42px;position:absolute;bottom:8px;right:13px;text-align:center;}
aside .search .btn_search img{position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;}

/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView{width:100%;position:absolute;top:36px;left:0;background-color:#fff;z-index:101;padding-bottom:20px;box-shadow:0 1px 10px #717171;display:none}
/* //최근 본 상품 */

@media screen and (min-width:768px){
	#header #menu{width:85px}
	#header .headerTop{padding-right:85px}
	#header .search{padding-right:85px}
	#header .search .searchBox input{width:95%}
	#header .search .btn_search{width:85px}
}
/* BASIC css end */