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

#header img {vertical-align:top;width:100%}

#header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}

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

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

#header .nav{padding:0 15px;border-bottom:1px solid #E1E1E1;font-size:0}
#header .nav a{display:inline-block;position:relative;width:20%;line-height:40px;font-size:13px;font-weight:700;letter-spacing:-0.06em;text-align:center}
#header .nav a:after{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-7px;background:#CCC}
#header .nav a:first-child:after{display:none}
#header .nav .mn5 .sp_{width:46px;height:14px;margin-top:13px;background-position:0 0}

#header .bottom{position:relative;padding:20px 0;background:transparent;}
#header .bottom.top-pt-02{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid #E7E7E7}
#header .bottom h1{line-height:1;text-align:left;font-size:2.333em}
#header .bottom h1 a{display:inline-block}
#header .bottom h1 a img{width:125px;margin-top:5px;margin-left:60px;}

#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:relative}
#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{padding:15px;background:#fafafa}
#header .search .set{position:relative;padding-right:36px;text-align:center}
#header .search .set input{width:100%;height:36px;border:0px none;padding:0 5px;background:white;color:black}
#header .search .btn_search{width:24px;height:36px;line-height:36px;position:absolute;top:0;right:0;color:black;text-align:center;vertical-align:middle}
#header .search .btn_search i{margin-top:-3px;vertical-align:middle}

/* 카테고리 */
aside{position:fixed;width:320px;height:100%;top:0;left:0;bottom:0;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1001;display:none}
aside .head{padding:10px 15px 10px;border-bottom:1px solid #EDEDED;background:#f4f4f4;1px solid #e2e2e2;text-align:right}
aside .head .btn{width:320px;margin:5px -15px -12px;padding:10px 0;border-top:1px solid #EDEDED;border-bottom:1px solid #e2e2e2;background:#f4f4f4;text-align:center}
aside .head .btn a{margin:0 2px}
aside .head .close i{color:black}

aside .body h2{margin:15px 15px;font-size:17px;color:#010101;font-weight:400}

aside nav{border-top:1px solid #F2F2F2}
aside nav li{border-bottom:1px solid #F2F2F2;position:relative}
aside nav li a{display:block;overflow:hidden;height:41px;line-height:41px;margin-right:40px;padding:0 0 0 15px;color:#010101;text-overflow:ellipsis;white-space:nowrap}
aside nav li .fa{position:absolute;top:0;right:0;width:40px;text-align:center;height:41px;line-height:41px}
aside nav li>ul{background-color:#F9F9F7;display:none;border-top:1px solid #EAEAE8}
aside nav li>ul>li{border-bottom:0px none;border-top:1px solid #F2F2F2}
aside nav li>ul>li:first-child{border-top:0px none}
aside nav li>ul>li a{padding:0 40px 0 15px;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 .body .recent{padding:15px 0}
aside .body .recent ul.lst{padding:0 5px}
aside .body .recent ul.lst li{position:relative;float:left;width:90px;margin:0 5px}
aside .body .recent .thumb{overflow:hidden;margin-bottom:10px}
aside .body .recent .linker{position:absolute;width:100%;height:100%;top:0;left:0;background:white;text-indent:-9999px;;filter:alpha(opacity=0);opacity:0}
aside .body .recent .more span{display:block}
aside .body .recent .note{padding-bottom:15px;text-align:center}

/*  */
aside .foot .cs{line-height:120%;padding:40px 15px;letter-spacing:-0.04em}
aside .foot .cs h2{margin-bottom:10px;font-size:17px}
aside .foot .cs .tel{margin-bottom:10px}
aside .foot .cs .tel a{display:block;line-height:1;color:black;font-size:26px}
aside .foot .cs .info{line-height:160%}
aside .foot .cs .copyright{margin-top:30px;font-size:11px}

aside .foot .bankinfo{line-height:120%;padding:2px 15px;letter-spacing:-0.04em}
aside .foot .bankinfo h2{margin-bottom:10px;font-size:17px}
aside .foot .bankinfo .tel{margin-bottom:10px}
aside .foot .bankinfo .tel a{display:block;line-height:1;color:#44AF91;font-size:37px}
aside .foot .bankinfo .info{line-height:160%}
aside .foot .bankinfo .copyright{margin-top:30px;font-size:11px;margin-bottom:40px;}


/*  */
#quick{position:fixed;right:15px;bottom:15px;z-index:40}
#quick span, 
#quick a{display:block}
#quick .open_toggle{position:relative;left:0px;top:0px;z-index:40;width:46px;height:46px;background:#E0109F;border-radius:24px;
    -webkit-box-shadow:none;
    box-shadow:none
}
#quick .open_toggle .ver{position:relative;left:23px;top:13px;width:1px;height:21px;background:#fff}
#quick .open_toggle .hor{position:relative;left:13px;top:2px;width:21px;height:1px;background:#fff}
#quick .open_toggle.open{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#quick .open_toggle.open .ver, 
#quick .open_toggle.open .hor{-webkit-animation:quickAnimation 0.5s 1 ease forwards}
@-webkit-keyframes quickAnimation{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(135deg)}
}
#quick .nav{position:absolute;right:-3px;top:-3px;width:0;height:52px;background:#E0109F;border-radius:26px;z-index:40;opacity:0.7}
#quick .nav ul{display:none;position:relative;margin:9px 0 0 17px}
#quick .nav.on ul{display:block}
#quick .nav li{position:relative;overflow:hidden;float:left;width:45px;height:35px;text-align:center;vertical-align:middle;border-right:1px solid white}
#quick .nav li:last-child{border-right:none}
#quick .nav li a{display:block;position:relative;top:30px;padding:5px 0;color:white}
#quick .nav li a i{vertical-align:middle}
/* BASIC css end */