body {background: #f8f8f8;font-size: 20px;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: 450px; border:1px solid #e0e0e0}
video::-webkit-media-controls-fullscreen-button {display: none !important;}
video::-webkit-media-controls-play-button {display: none !important;}
video::-webkit-media-controls-timeline {display: none !important;}
video::-webkit-media-controls-current-time-display{display: none !important;}
video::-webkit-media-controls-time-remaining-display {display: none !important;}
video::-webkit-media-controls-mute-button {display: none !important;}
video::-webkit-media-controls-volume-slider {display: none !important;}

.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: 11px 0 0;font-size: 19px;font-weight: 500;}
.h-header-main{padding: 10px 0 0;font-size: 20px;font-weight: 500;}

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

.mainContents{color:rgb(119,119,119);font-weight: 400;}
.thumb_Img{position: relative;} /*¸ÞÀÎ À̹ÌÁö*/
.topContents .thumb_Img img {width: 100%;}  /*¸ÞÀÎ À̹ÌÁö »çÀÌÁî */
.img_text{ /*¸ÞÀÎ À̹ÌÁö ¾È¿¡ ÀÖ´Â ¼ø¹ø*/
	width:40px; position: absolute; z-index: 1; left: 45%; bottom: 25px; font-family: 'Roboto', sans-serif;
	border-radius: 29px; background-color: rgba(0,0,0,0.3); line-height: 25px;
	font-size: 14px; text-align: center; color: rgb(255,255,255); letter-spacing: 0.1em;
}
.topContents .subContents {margin: 15px 17px;} /*À̹ÌÁö Á¦¿ÜÇÑ contents¿¡ ¾ç¿· °£°Ý */
.topContents .subContents .promotionTitle{ /*¸ÞÀÎ À̹ÌÁö ¾Æ·¡ ±Û*/
	font-size: 13px; /*20px;*/
	white-space: nowrap;
	padding-top:16px;
}
.topContents .subContents .brand{ /*ºê·£µå¸í css*/
	color: rgb(34,34,34);
	font-size: 16px;
	padding-top: 20px;
}
.topContents .subContents .product{ /*Á¦Ç°¸í css*/
	color: rgb(34,34,34);
	font-size: 18px;
	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: 15px; padding-bottom: 2px;
}
.topContents .subContents .star .review_cnt{ /*ÃÑ ¸®ºä °Ç¼ö*/
	font-size: 15px;
	margin-left:5px;
}

/*ÆǸŰ¡, ¿ì¼öȸ¿ø°¡*/
.subContents .subPrice{display: table; width: 100%; margin-top: 11px;}
.subContents .subPrice .left{display: table-cell; float: left; width: 30%; margin-top: 5px;}
.subContents .subPrice .middle{display: table-cell; float: left; width: 50%;}
.subContents .subPrice .right{display: table-cell; float: right; width: 20%;}


/*   »óÇ° °¡°Ý Á¤º¸ (ȸ¿ø¿¡ µû¶ó css ´Ù¸§)    */
/*¸ðµç µî±Þ °øÅë*/
.subPrice .noSale{font-size: 18px; color: rgb(187,187,187); text-decoration: line-through; font-family: 'Roboto', sans-serif;}

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

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

/* µî±Þ¸¶´Ù »ö»ó º¯È­ */
.subPrice.red .price, .subPrice.red .noSale, .subPrice.red .sale, .subPrice.red .per{color: rgb(221,36,113);}
.subPrice.blue .price, .subPrice.blue .noSale, .subPrice.blue .sale, .subPrice.blue .per{color: rgb(59,181,230);}




/*Áö±Ý ´Ù¿î·Îµå °¡´ÉÇÑ ÄíÆù ¹Þ±â*/
.couponBtn{display:table; width:100%; background-color: rgb(253,172,205); border-radius: 10px; height: 60px; margin-top:25px; margin-bottom: 17px;}
.couponBtn p{display: table-cell; color: rgb(255,255,255); font-weight: 500;font-size: 16px;vertical-align: middle; text-align: center;}
.couponBtn img{width: 25px; margin: 0 0 5px 10px;}

/*±¸¸Å¹öÆ° - ±âº»È­¸é*/
.optionLayer { max-width: 600px; }
.optionLayer > .option{position: relative; background-color: #fff; border-top: 1px solid rgb(219,219,219)}
.optionLayer > .option .layerBtn{position: absolute; bottom: 100%; left: 52%; width: 100px; height: 30px; margin-left: -63px;
	border-radius: 3px 3px 0 0; background-color: #fff; border: 1px solid rgb(219,219,219); border-bottom: 0; display: table; }
.optionLayer > .option .layerBtn img{width: 15px; position: relative; left: 53%; margin-left: -10px;}

.selectButton{width: 100%;}

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

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

.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: 16px 0 0;font-size: 25px;font-weight: 700;font-family: inherit;line-height: 1.1;color: inherit;}
.btn-header-back {left: 0;position: absolute;top: 0;width: 50px;height: 45px;}
.icon-header-back {background-image: url(/assets/image/header_back.png);background-size: 9px;}
.btn-header-close {left: 0;position: absolute;top: 0;width: 10%;height: 100%;}
.icon-header-close {background-image: url(/assets/image/category/item/bng-gnb-close.png);background-size: 14px;}
#hd {position: relative;position: sticky;z-index: 5;height: 45px;width:100%;text-align: center;border-bottom: 1px solid #dbdbdb;}
#hd-scroll-visible {position: relative;position: sticky;z-index: 5;height: 110px;width:100%;text-align: center;border-bottom: 3px 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;}
[class^=icon-sns] {width: 50px;height: 50px;background-image: url(/assets/image/icon_sns_talk.png);background-size: 50px;}
.footer {border-top: 1px solid #ddd;background: #ededed;font-size: 15px;color: #777;}
.footer>* {padding: 1.4em; font-size: 13px;}
.fnb {padding: 0 1.4em;border-bottom: 1px solid #ddd; font-size: 11px;}
.fnb>li {margin-right: 4%;}
.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;}
.icon-circle-arr-btm {width: 10px;aspect-ratio:1/1;margin: -3px 0 0 7px;background-image: url(/assets/image/arr-circle-btm.png);}
.icon-sns-insta {background-image: url(/assets/image/icon_sns_insta.png);}
.icon-sns-face-bottom {background-image: url(/assets/image/icon_sns_face_bottom.png);}
.icon-sns-blog {background-image: url(/assets/image/icon_sns_blog.png);}
.icon-sns-cafe {background-image: url(/assets/image/icon_sns_cafe.png);}
.icon-sns-isms {background-image: url(/assets/image/icon_isms.png);}
.spanCursor {cursor: pointer;}
.cursor {cursor: pointer;}
.pl1 {padding-left: 1px;}
.pr2 {padding-right: 3px;}
.pt0 {padding-top: 0;}
.pt15 {padding-top: 21px;}
/*--------[end] Footer-------*/



.color-primary, .color-pink {color:rgb(221,36,113);width:initial !important;}
.color-primary2 {color: rgb(0, 44, 221); font-weight:bold; width:initial !important;}
.color-search {color:rgb(200,31,102);width:initial !important;font-weight: bold}
.btn-like {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.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.43;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 21px;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;}
.btnWrapper > span{display: table-cell; vertical-align: middle; text-align: center; height: 40px; font-size: 17px;}
.btnWhite{
	border: 1px solid rgb(221,36,113);
	border-radius: 5px;
	height: 50px;
	font-size: 20px;
	font-weight: 500;
	color: rgb(221,36,113);
	width: 100%;
	cursor: pointer;
}
.btnPink{
	background-color: rgb(221,36,113);
	border-radius: 5px;
	height: 50px;
	font-size: 20px;
	font-weight: 500;
	color: rgb(255,255,255);
	width: 100%;
	cursor: pointer;
}
.btnAlert{
	border: 1px solid rgb(221,36,113);
	border-radius: 5px;
	height: 11px;
	font-size: 20px;
	font-weight: 500;
	color: red;
	width: 100%;
	cursor: pointer;
}
.btnWrapper button {
	width: 100%;
}

.btnWrapper [class*=icon-] {
	width:55px !important;
	height: 26px !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:14px 0;}
.box-tit{overflow: hidden; white-space: nowrap; text-overflow:ellipsis; line-height: 2;}
.box-link-arr {position: relative;display: block;padding: 20px 110px 20px 28px;}
.box-link-arr:after {content: "";position: absolute;top: 0;bottom: 0;right: 28px;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;}

/*¸â¹ö½Ê ¹öÆ°*/
.membershipBtn{display:table; width:30%; border-radius: 20px; height: 35px; margin-top:20px; border:1px solid;}
.membershipBtn p{display: table-cell; font-size: 13px;vertical-align: middle; text-align: center;}

/*¸¶ÀÌÆäÀÌÁö ¹öÆ°*/
.mypageBtn{display:inline-block; width:150px; border-radius: 20px; height: 35px; border:1px solid;}
.mypageBtn button{font-size: 15px;vertical-align: middle; text-align: center; margin-top: -5px;}

/*Çì´õ Ä«Å×°í¸® ±â´É*/
.h-category { height: 50px; }
.h-category > div > div { padding: 0 12px; }
.h-category .h-category-sub-box { position: relative;}
.h-category > div:nth-child(1):after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	background-color: rgb(233,233,233);
}
.h-category > div > div > div::-webkit-scrollbar { display: none; }
.h-category > div > div > div { display: inline-block; }
.h-category .h-category-sub-selected { font-size:16px; color:rgb(34,34,34); font-weight:500; padding: 13px 14px 12px; position: relative; width: auto; white-space: nowrap; }
.h-category .h-category-sub-selected:after {
	width: 92.7%;
	height: 3px;
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	background-color: rgb(34,34,34);
	transform: translate(5%, 0);
	z-index: 1;
}
.h-category .h-category-sub { font-size:16px; color:rgb(85,85,85); font-weight:400; padding: 13px 14px 12px; width: auto; white-space: nowrap; }
.h-category .h-category-sub2-selected { font-size:16px; color:rgb(255,255,255); font-weight:500; background:rgb(34,34,34); border:1px solid rgb(34,34,34); border-radius: 99px; padding: 6px 15px 6px 15px; margin: 10px 1px 10px 1px; width: auto; }
.h-category .subItem-set-active { display: block; white-space: nowrap; background-color: #ffffff; margin-top: -2px; padding-bottom: 1px; }
.h-category .subItem-set-active::-webkit-scrollbar { display: none; }
.h-category .subItem-set-inactive { display: none; }
.h-category .h-category-sub2 { font-size:16px; color:rgb(170,170,170); font-weight:400; background:rgb(250,250,250); border:1px solid rgb(243,243,243); border-radius: 99px; padding: 6px 15px 6px 15px; margin: 10px 1px; width: auto; }
.h-category .subItem-set-active > div:last-child { width: 50px }