/* 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{display:inline-block;position:relative;height:36px;line-height:36px;color:#8e8f92}
#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 10px 0 0}
#header #util .cart{margin:0 9px 0 5px}
#header #util .cart .count{display:inline-block;position:absolute;top:0;right:0;width:16px;height:16px;line-height:16px;margin:5px -8px 0 0;background:#C2306A;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}
#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;margin-top:2px}
#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:#7368AF}
#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:#fff;-webkit-overflow-scrolling:touch}
aside .close{position:absolute;top:0;right:0;z-index:1;margin:18px 18px 0 0}
aside .close a{display:none;color:black}
aside .dimmed{z-index:0;width:320px;opacity:0.90}

aside .info{position:relative;min-height:141px;margin:0;color:#545454}
aside .info a{color:black}
aside .info .inbox{position:absolute;top:0;right:0;bottom:0;left:0;padding:31px 0 0 25px}
aside .info .desc{font-size:22px}
aside .info .function{margin-top:45px;padding-right:25px;font-size:0}
aside .info .function a{display:inline-block;position:relative;line-height:29px;margin-left:10px;padding-left:11px;font-size:13px;color:#b9b9b9}
aside .info .function a:after{position:absolute;top:8px;left:0;width:1px;height:13px;background:#b9b9b9;content:''}
aside .info .function a:first-child{margin-left:0;padding-left:0}
aside .info .function a:first-child:after{content:none}
aside .info .function .language{float:right;position:relative;}
aside .info .function .language button[type="button"]{position:relative;line-height:1;padding:7px;border:1px solid #c3c3c3;background:none;font-size:13px;color:#b9b9b9;}
aside .info .function .language button[type="button"]:after{display:inline-block;width:10px;height:6px;margin:2px 0 0 4px;background:url(/design/baegayul/skin1/imgx/commx/bull_select_ty1.png) no-repeat 0 0;vertical-align:top;opacity:0.50;filter:alpha(opacity=20);content:'';}
aside .info .function .language>div{display:none;position:absolute;top:102%;left:0;z-index:1;width:100%;padding:7px 7px;background-color:white;box-sizing:border-box;}
aside .info .function .language>div a{display:block;line-height:1;margin:0;padding:5px 0;}
aside .info .function .language>div a:after{content:none;}
aside .info .function .language.active button[type="button"]:after{transform:rotate(180deg)}
aside .info .function .language.active>div{display:block;
-webkit-box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.10);
-moz-box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.10);
box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.10);
}


aside .util{line-height:1;padding:40px 25px;border-bottom:1px solid #f6f4ff;font-size:0}
aside .util a{display:block;position:relative;padding:5px 0;font-family:'Lato';font-size:11px;color:#b9b9b9}
aside .util a strong{display:inline-block;margin:3px 0 0 10px;font-size:14px;font-weight:400;vertical-align:top}
aside .util a strong .count{color:#bbb}

aside nav li{position:relative}
aside nav a{display:block;overflow:hidden;font-family:'Lato';text-transform:uppercase}
aside nav .level1>a{position:relative;height:45px;line-height:45px;padding:0 25px 0;font-size:30px;color:#A0A9A8;font-weight:200}
aside nav .fixed{display:none;margin:0 20px;padding-bottom:20px;background:white}

aside .copyright{position:relative;margin:30px 20px 40px;padding-top:30px;font-size:11px;color:#d2d2d2}
aside .copyright:after{position:absolute;top:0;left:0;width:15px;height:1px;background:#ccc;content:''}
/* //카테고리 */

/* 최근 본 상품 */
#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 */