/* BASIC css start */
/* 공통 */
*:focus {outline: none;}
.inline {font-size: 0;}
.inline>* {display:inline-block;zoom:1;*display:inline;_display:inline;vertical-align: top;}
.clearfix:after {content: "";display:block;clear:both;}
.fleft {float:left;}
.fright{float:right;}
body {overflow-x:hidden;}
#container {position:relative;}
.hide_c {display:none !important;}

#top_banner img{width:100%;}

/* 상단 */
#header .header_wrap {position:relative;background:#fff; width: 100%; text-align:center; height:47px; }
#header .header_wrap .header_inner {position:absolute; top:0; left:0; right:0; width:100%; height: 46px;}
#header .header_wrap .header_inner.fix {position:fixed; z-index:100; background:#fff; }
#header .header_wrap .header_inner .logo {max-width:93px; margin-top: 20px;}
#header .header_wrap .header_inner .logo img{width:100%;}
#header .header_wrap .header_inner #menu {width:17px; padding:3px; position: absolute; top: 14px; left: 15px;}
#header .header_wrap .header_inner #menu img {width:100%;}
#header .header_wrap .header_inner .login {width:17px; padding:5px; position: absolute; top: 10px; right: 46px;}
#header .header_wrap .header_inner .login img {width:100%;}
#header .header_wrap .header_inner .cart{width:15px; padding:4px; position: absolute; top: 10px; right: 15px;}
#header .header_wrap .header_inner .cart img{width:100%;}

.head_cate {height: 50px; line-height: 50px; justify-content: space-between; display: flex; margin-left: 15px; margin-right: 15px;}
.head_cate span {margin: 0px 7px 0px 0px; line-height: 50px; }
.head_cate span a {font-size: 16px; color: #808080; }
.head_cate.actv {position:relative;}
.head_cate.actv:after {content: '';display: block;background: #ff568e; height: 9px;position: absolute; bottom: 0;left: 20%; width:80%; right: -1px;z-index: -1;}
.head_cate.actv a {color:#222;}
.head_cate span.menu_active {position:relative;}
.head_cate span.menu_active:after {content: '';display: block;background: #ffc7da; height: 9px;position: absolute; bottom: 14px;left: 0%; width:100%; right: -1px;z-index: -1;}


/* 카테고리 */
aside {position:fixed; width:100%; height:100%; top:0px; left:-100%; background:#222; z-index:200; }
aside .side-wrap {overflow-y:auto; height:100%; -webkit-overflow-scrolling: touch;}
aside .side-wrap .side-inner {padding: 27px 27px 50px; background:#fff;}
aside .side-wrap .btn-side-close {float:right; width:20px; height:20px; cursor:pointer;}
aside .side-wrap .btn-side-close img {width:100%;}
aside .side-wrap .side-top {padding:0 0 17px; border-bottom:1px solid #222; margin:37px 0 25px;}
aside .side-wrap .side-top .login-box {padding:0 4px;}
aside .side-wrap .side-top .login-box a {color:#000; font-size:11px; font-weight:500;}
aside .side-wrap .side-top .login-box a:nth-child(2) {margin-left:20px;}
aside .side-wrap .side-cate .b-cate ul.dep1 > li.on {position:relative; z-index:3;}
aside .side-wrap .side-cate .b-cate ul.dep1 > li.on:after {content:''; display:block; background:#ff568e; height:18px; position:absolute; top: 36px; left: -27px; right: 0; z-index:-1;}
aside .side-wrap .side-cate .b-cate ul.dep1 > li > a {display:inline-block; font-size:38px; color:#000; padding:12px 0; line-height:1; letter-spacing:3px;}
aside .side-wrap .side-cate .b-cate ul.dep2 {padding:6px 0 20px; display:none;}
aside .side-wrap .side-cate .b-cate ul.dep2 > li > a {display:block; font-size:14px; color:#000; padding:10px 0; line-height:1; letter-spacing:2px;}
aside .side-wrap .side-cate .s-cate {margin:47px 0 0;}
/*
aside .side-wrap .side-cate .s-cate ul.dep1 > li.on {position:relative; z-index:3;}
aside .side-wrap .side-cate .s-cate ul.dep1 > li.on:after {content:''; display:block; background:#ff568e; height:14px; position:absolute; top: 36px; left: -27px; right: 0; z-index:-1;}
*/
aside .side-wrap .side-cate .s-cate ul.dep1 > li > a {display:block; font-size:21px; color:#000; padding:6px 0; line-height:1; letter-spacing:3px;}
aside .side-wrap .side-cate .s-cate ul.dep2 {padding:5px 0 16px; display:none;}
aside .side-wrap .side-cate .s-cate ul.dep2 > li > a {display:block; font-size:14px; color:#000; padding:10px 0; line-height:1; letter-spacing:2px;}
aside .side-wrap .side-cs {background:#222; padding:30px 27px;}
aside .side-wrap .side-cs p,
aside .side-wrap .side-cs a {color:#fff; line-height:1.8;}
aside .side-wrap .side-cs p.tit,
aside .side-wrap .side-cs p.tel {font-size:13px; letter-spacing:2px;}
aside .side-wrap .side-cs p.hour {font-size:11px; letter-spacing:1px; padding:13px 0 0;}

/* 상품폼 공통 */
.prd-box .items li {position:relative;}
.prd-box .items li .prd-img img {width:100%;}
.prd-box .items li .prd-info {padding:9px 15px 0; text-align:center;}
.prd-box .items li .prd-info .prd-name {font-size:14px; color:#000; margin-bottom:8px; height:34px;overflow: visible;text-overflow: ellipsis;}
.prd-box .items li .prd-info .prd-color {margin-bottom:5px; height:17px;}
.prd-box .items li .prd-info .prd-color font {padding-right:2px;}
.prd-box .items li .prd-info .prd-price-wrap {}
.prd-box .items li .prd-info .prd-price-wrap .consumer {font-size:11px; color:#959595; font-weight:350; padding-bototm:3px;}
.prd-box .items li .prd-info .prd-price-wrap .consumer .disc_percent {font-size:11px; color:#f5351c; font-weight:350; padding-left:5px;}
.prd-box .items li .prd-info .prd-price-wrap .price {font-size:14px; color:#000; font-weight:350;}
.prd-box .items li .prd-info .prd-preview {position:absolute; bottom:0; right:20%;}
.prd-box .items li .prd-info .prd-preview img {width:10px; height:auto; vertical-align:middle;}

.kakao-fix {position:fixed; top:26%; right:10px;z-index:100;}

/* 팝업 마스크 */
.pop-mask{ display: none; background: rgba(0,0,0,.5);position: fixed;z-index: 90;top: 0;left: 0;width: 100%;height: 100%;}


/* BASIC css end */