body {background-color: #fff;letter-spacing: -.05em;color: #333;line-height: 1.6;}
label {display: inline-block; margin-bottom: 0;cursor: pointer;font-weight: 700;}
form {margin: 0;}
select.form-control {-webkit-appearance: none;background: url(/assets/image/form_arr.png) no-repeat 100% 50%;background-size: auto 11px;border: 1px solid #777;text-align: left;}
dd, dt {line-height: 1.42857143;}
dt {font-weight: 700;}
hr {border:none; width: 100%; border:1px solid #e0e0e0}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}

[class^=btn-] {background: none;border: 0;padding: 0;}
[class^=btn-]>[class*=icon-]:not(.nofull) {width: 100%;height: 100%;}

.h-header{padding: 17px 0 0;font-size: 1.5rem;font-weight: 500;}

.cart__btn.no:before {display: none !important;}

.mainContents{color:rgb(119,119,119);font-weight: 400;}
.thumb_Img{position: relative;overflow: hidden;} /*메인 이미지*/
.thumb_Img #thumbnail{width:100%; max-width: 600px;outline: 0;} /*메인 이미지*/
.topContents .thumb_Img img {width: 100%;}  /*메인 이미지 사이즈 */
.img_text{ /*메인 이미지 안에 있는 순번*/
    width:60px; position: absolute; z-index: 1; left: 85%; bottom:25px; font-family: 'Roboto', sans-serif;
    border-radius: 28px; background-color: rgba(0,0,0,0.3); line-height: 28px;
    text-align: center; color: rgb(255,255,255); letter-spacing: 0.1em;
}
.topContents .subContents {margin:15px 16px;} /*이미지 제외한 contents에 양옆 간격 */
.topContents .subContents .promotionTitle{ /*메인 이미지 아래 글*/
    white-space: nowrap;
    padding-top:26px;
}
.topContents .subContents .brand{ /*브랜드명 css*/
    color: rgb(34,34,34);
    padding-top: 20px;
}
.topContents .subContents .product{ /*제품명 css*/
    color: rgb(34,34,34);
    font-size: 1.5rem;
    line-height: 1.3;
}
.topContents .subContents .star{ /*별점*/
    padding: 20px 0 20px 0; border-bottom: 1px solid rgb(238,238,238);
}
.topContents .subContents .star img{ /*별점 이미지*/
    width: 17px;
}
.topContents .subContents .star .review_cnt{ /*총 리뷰 건수*/
    margin-left:5px;
}

/*판매가, 우수회원가*/
.subContents .subPrice{display: table; width: 100%; margin-top: 12px;}
.subContents .subPrice .left{display: table-cell; float: left; width: 30%; margin-top: 10px;}
.subContents .subPrice .middle{display: table-cell; float: left; width: 50%;}
.subContents .subPrice .right{display: table-cell; float: right; width: 20%;}


/*   상품 가격 정보 (회원에 따라 css 다름)    */
/*모든 등급 공통*/
.subPrice .noSale{ color: rgb(187,187,187); text-decoration: line-through; font-family: 'Roboto', sans-serif;}

.subPrice .price{ font-weight: 500;}
.subPrice .sale{font-size:1.5rem;  font-weight: 700; font-family: 'Roboto', sans-serif; margin-left: 20px;}
.subPrice .per{font-size:1.5rem; font-family: 'Roboto', sans-serif; float: right;}

.subPrice .vipPrice{ font-weight: 500;}
.subPrice .vipSale{font-size:1.5rem; font-weight: 700; font-family: 'Roboto', sans-serif; margin-left: 20px;}
.subPrice .vipPer{font-size:1.5rem; font-family: 'Roboto', sans-serif; float: right;}

/* 등급마다 색상 변화 */
.subPrice.red .price, .subPrice.red .noSale, .subPrice.red .sale, .subPrice.red .per{color: #000000;}
.subPrice.blue .price, .subPrice.blue .noSale, .subPrice.blue .sale, .subPrice.blue .per{color: rgb(59,181,230);}




/*지금 다운로드 가능한 쿠폰 받기*/
.couponBtn{display:table; width:100%; background-color: #000000; height: 60px; margin-top:25px; margin-bottom: 3.3vh;}
.couponBtn p{display: table-cell; color: rgb(255,255,255); font-weight: 500;vertical-align: middle; text-align: center;}
.couponBtn img{width:25px; margin: 0 0 5px 10px;}

/*구매버튼 - 기본화면*/
.optionLayer > .option{position: relative; background-color: #fff; border-top: 1px solid rgb(219,219,219)}
.optionLayer > .option .layerBtn{position: absolute; bottom: 100%; left: 51%; width: 76px; height: 30px; margin-left: -55px;
    border-radius: 15px 15px 0 0; background-color: #fff; border: 1px solid rgb(219,219,219); border-bottom: 0; display: table; }
.optionLayer > .option .layerBtn img{width: 20px; margin: 10px 40px 0 40px;}

.selectButton{width: 100%;}

.bag{width: 49%; float: left; display: table; border: 1px solid #000000; border-radius: 5px;  height:60px;}
.bag p{display:table-cell;vertical-align: middle;text-align: center; font-weight: 500; color: #000000;}
.buy{width: 49%;float: right;  display: table; background-color: #000000;border-radius: 5px;height: 60px;}
.buy p{display:table-cell;vertical-align: middle;text-align: center; font-weight: 500;color: rgb(225,225,225); }

.buttonTr{overflow-y: auto; padding:17px 16px;}

.line{border: 1px solid rgb(238,238,238);} /*얇은 선*/
.thickLine{background-color: rgb(245,245,245); height:15px;}/*좀 더 두꺼운 선*/




/*상단 타이틀 바*/
/*--------[start] Title-------*/
[class^=icon-] {display: inline-block;overflow: hidden;margin: 0;padding: 0;border: 0;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;background-size: auto 100%;font-size: 0;line-height: 0;text-decoration: none;vertical-align: middle;text-indent: -1000em;}
.h-leader{padding: 17px 0 0;font-size: 1.5rem;font-weight: 700;font-family: inherit;line-height: 1.1;color: inherit;}
.btn-header-back {left: 0;position: absolute;top: 0;width: 60px;height: 60px;}
.icon-header-back {background-image: url(/assets/image/header_back.png);background-size: 13px;}
.btn-header-close {right: 0;position: absolute;top: 0;width: 60px;height: 60px;}
.icon-header-close {background-image: url(/assets/image/hd_close.png);background-size: 13px;}
#hd {position: relative;position: sticky;z-index: 5;height: 60px;width:100%;text-align: center;border-bottom: 1px solid #dbdbdb;}
/*--------[end] Title-------*/

/*하단 Footer*/
/*--------[start] Footer-------*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.fnb {padding: 0 1.4em;border-bottom: 1px solid #ddd;}
.fnb>li {margin-right: 34px;}
.list-float>li, .lst-goods .item, .lst-gallery .item, .dsc-horizontal dt {float: left;}
.list-float a {display: block;padding: 1em 0;color: #777;}
.list-float:after, .dsc-horizontal:after {content: "";display: block;clear: both;}
.dsc-horizontal dt {float: left;}

/*--------[end] Footer-------*/

.spanCursor {cursor: pointer;}
.isCursor {cursor: pointer;}
.pl1 {padding-left: 1px;}
.pr2 {padding-right: 2px;}
.pt0 {padding-top: 0;}
.pt15 {padding-top: 20px;}
.color-primary, .color-pink {color:#c81f66;width:initial !important;}
.color-primary2 {color: rgb(0, 44, 221); font-weight:bold; width:initial !important;}
.color-search {color:#0ad8d6;width:initial !important;}
.btn-like {background-image: url(/assets/image/like.png) !important;width: 29px;height: 23px;background-size:contain !important;background-repeat: no-repeat !important;z-index: 4;-webkit-tap-highlight-color: transparent;}
.btn-like.active {background-image: url(/assets/image/like_on.png) !important;background-size:contain !important;}

.btn-like-event {background-image: url(/assets/image/like.png) !important;width: 23px;height: 23px;position: absolute;background-size:contain !important;background-repeat: no-repeat !important;z-index: 4;bottom: 6px;right: 12px;-webkit-tap-highlight-color: transparent;}
.btn-like-event.active {background-image: url(/assets/image/like_on.png) !important;background-size:contain !important;}
.btn-like-event-comment {background-image: url(/assets/image/like.png) !important;width: 23px;height: 23px;background-size:contain !important;background-repeat: no-repeat !important;z-index: 4;bottom: 6px;right: 12px;-webkit-tap-highlight-color: transparent;}
.btn-like-event-comment.active {background-image: url(/assets/image/like_on.png) !important;background-size:contain !important;}

.soldout{position:relative}
.soldout:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('/assets/image/soldout.png') no-repeat 50% 50%;background-size:40%}
.btn.focus, .btn:focus, .btn:hover {color: #333;text-decoration: none;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 11px 22px;border-radius: 0; background-image: none;}
.btn.active, .btn:active {outline: 0;-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}

/*-------- bPopup 닫기 -------*/
.bPopUpCloseBtn {
    position:absolute;
    right:-15px;
    top:-15px;
    width: 31px;
    height: 31px;
    background-image: url(/assets/image/icon_close_new.png);
    background-size:contain;
    cursor:pointer;
}


/*-------------- button --------------------*/
.btnWrapper{width: 100%; display: table;border-spacing:15px;table-layout: fixed;border-bottom: 1px solid #ccc;}
.btnWrapper > span{display: table-cell; vertical-align: middle; text-align: center}
.btnWhite{
    border: 1px solid #000000;
    height: 50px;
    font-weight: 500;
    color: #000000;
    width: 100%;
}
.btnPink{
    background-color: #000000;
    height: 50px;
    font-weight: 500;
    color: rgb(255,255,255);
    width: 100%;
}
.btnAlert{
    border: 1px solid rgb(221,36,113);
    border-radius: 5px;
    height: 50px;
    font-weight: 500;
    color: red;
    width: 100%;
}
.btnWrapper button {
    width: 100%;
}

.btnWrapper [class*=icon-] {
    width:50px !important;
    height: 25px !important;
}

.fix-btm.bpopup {bottom: 0;}

/*list형 layout (faq, qanda, notice... )*/
.box-line>li {border-bottom: 1px solid #ddd;}
.box-line {background: #fff;}
.box-content{padding:13px 0;}
.box-tit{overflow: hidden; white-space: nowrap; text-overflow:ellipsis; line-height: 2;}
.box-link-arr {position: relative;display: block;padding: 20px 60px 20px 25px}
.box-link-arr:after {content: "";position: absolute;top: 0;bottom: 0;right: 25px;width: 11px;background: url(/assets/image/linkarr.png) no-repeat 50% 50%;background-size: 8px;}
.box-link-arr dd{line-height: 1.6; font-weight: bold;}

/*헤더 카테고리 기능*/
.h-category-inactive { display: none; }
.h-category { height: 60px; overflow-x: hidden; padding: 0px 35px;}
.h-category .h-category-sub-box:after {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    background-color: rgb(233,233,233);
}
.h-category > div::-webkit-scrollbar { display: none; }
.h-category .h-category-sub-selected { font-size:20px; color:rgb(34,34,34); font-weight:500; padding: 18px 10px 18px; position: relative; cursor: pointer;display: flex; justify-content: flex-start; flex-direction: column; align-items: center; color: #000000;width: auto;}
.h-category .h-category-sub-selected:after {
    width: 92.7%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    background-color: rgb(34,34,34);
    transform: translate(5%, 0);
    z-index: 1;
}
.h-category .h-category-sub { font-size:20px; color:rgb(85,85,85); font-weight:400; padding: 18px 10px 18px; cursor: pointer;display: flex; justify-content: flex-start; flex-direction: column; align-items: center; color: #000000;width: auto;}
.h-category .h-category-sub2-selected { font-size:17px; cursor: pointer; color:rgb(255,255,255); font-weight:500; background:rgb(34,34,34); border:1px solid rgb(34,34,34); border-radius: 99px; padding: 7px 15px 7px 15px; margin: 10px 2px 10px 2px; }
.h-category .subItem-set-active { display: block; overflow-x: scroll;  white-space: nowrap; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */background-color: #ffffff; margin-top: -3px; padding-top: 5px; padding-bottom: 2px; }
.h-category .subItem-set-active::-webkit-scrollbar { display: none; }
.h-category .subItem-set-inactive { display: none; }
.h-category .h-category-sub2 { font-size:17px; color:rgb(170,170,170); cursor: pointer; font-weight:400; background:rgb(250,250,250); border:1px solid rgb(243,243,243); border-radius: 99px; padding: 7px 15px 7px 15px; margin: 10px 2px; }