@charset "utf-8";


.mc--product .mc--contents,
.mc--prodia .mc--contents {padding: 0; margin: 0 auto;}


/* =======================================================
	buycontroller
========================================================*/
.buycontroller-container {}
.buycontroller-container:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


.buycontroller-btn-group {position: fixed; left: 0; bottom: 0; z-index: 4; width: 100%; height: 50px; box-sizing: border-box; }
.buycontroller-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.buycontroller-btn {float: left; width: 50%; height: 50px; padding: 0 20px; padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); border: none; border-radius: 0; box-sizing: border-box; font-size: 14px; line-height: 50px; text-align: center; color: #ececec; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; }
.buycontroller-btn.mc--btn-disabled,
.buycontroller-btn:disabled {background-color: #666; color: #fff;
	/*-webkit-filter: grayscale(60%); -moz-filter: grayscale(60%); -ms-filter: grayscale(60%); -o-filter: grayscale(60%); filter: grayscale(60%); filter: gray;*/ }

.buycontroller-btn-soldout {float: none; display: block; width: 100%; background-color: #ccc; }
.buycontroller-btn-member {float: none; display: block; width: 100%; background-color: #ccc; }
.buycontroller-btn-cart {color:#6ab5d5; background-color: #fff; border:1px solid #6ab5d5; }
.buycontroller-btn-buy {width: 100%; background-color: #002b5f; }
.buycontroller-btn-cart + .buycontroller-btn-buy {width: 50%; }

@media(max-width:768px){
	.buycontroller-btn-cart{border-bottom:none; border-left:none; border-right:none;}
}



/*22-06-08 추가*/
/*구매사이트 이동하기*/
.buycontroller-btn-outerurl {float: none; display: block; width: 100%; background-color: #002b5f; color: #fff;}

/*22-06-08 추가*/
/*상담하기(문의하기) 기능사용시*/
.buycontroller-btn-ask {float: none; display: block; width: 100%; background-color: #002b5f; color: #fff;}


/* buycontroller  */
.buycontroller-layer {display: none; position: fixed; top: 0; left: 0; z-index: 1002; width: 100%; height: 100%; background: rgba(0, 0, 0, 0,); -webkit-transition: background .4s; transition: .4s; }
.buycontroller-layer .buycontroller-btn-group {position: absolute; z-index: 10; }

.buycontroller-inner {position: absolute; left: 0; bottom: 50px; z-index: 10; width: 100%; max-height: 50vh; background-color: #fff; border: none; border-top-left-radius: 15px; border-top-right-radius: 15px; box-sizing: border-box; -webkit-transform:translateY(150%); -ms-transform:translateY(150%); transform:translateY(150%); -webkit-transition:-webkit-transform .4s; transition:-webkit-transform .4s; transition:transform .4s,	-webkit-transform .4s; transition:transform .4s;}


/* 닫기 버튼 */
.buycontroller-btn-close {position: absolute; left: 50%; bottom: 100%; width: 100px; height: 31px; transform: translate( -50%, 0);  border: none; box-sizing: border-box; background-color: transparent; background-image: url("/AppData/images/mediacommerce/white/button/buycontroller.png"); background-repeat: no-repeat; background-position: center;  background-size: contain; outline: none; -webkit-appearance: none; appearance: none; }

.buycontroller-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; background-color: transparent; outline: none; }


/* buycontroller 열었을때 show */
.buycontroller-layer.show {display: block; background: rgba(0, 0, 0, 0.5); }
.buycontroller-layer.show .buycontroller-inner {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 10; }

.buycontroller-wrapper {position: relative; width: 100%; max-height: 50vh; padding-bottom: 71px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }

/* select-area */
.buycontroller-select-area {position: relative; padding: 15px 20px 10px; box-sizing: border-box; }

.buycontroller-selectbox {position: relative; margin-bottom: 5px; border: 1px solid #bbb; box-sizing: border-box; }

.buycontroller-select {position: relative; z-index: 750; width: 100%; height: 36px; padding: 0 42px 0 10px; background-color: #fff; background-image: url("/AppData/images/mediacommerce/button/buy_option_open.png"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 8px; text-align: left; border: none; outline: none; }
.buycontroller-select span {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #222; }

.buycontroller-option-list {display: none; max-height: 150px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #bbb; }
.buycontroller-option-list li {position: relative; width: 100%; border-bottom: 1px solid #dfdfdf; }
.buycontroller-option-list li:last-child {border-bottom: 0; }

.buycontroller-option {display: block; width: 100%; padding: 8px 10px; border: none; box-sizing: border-box; background-color: #f8f8f8; font-size: 13px; line-height: 17px; color: #444; text-align: left; outline: none; }
.buycontroller-option:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.buycontroller-option p {float: none; width: 100%; }
.buycontroller-option span {float: right; width: 30%; font-size: 12px; color: #666; text-align: right; }
.buycontroller-option span em {font-style: normal; }
.buycontroller-option span + p {float: left; width: 70%; }

.soldout .buycontroller-option,
.soldout .buycontroller-option span {color: #aaa; }

.buycontroller-select.active { background-image: url("/AppData/images/mediacommerce/button/buy_option_close.png");}

/* purchase-list */
.buycontroller-purchase-list {max-height: 170px; overflow-y: auto; }
.buycontroller-purchase-list ul {background-color: #f9f9f9; }
.buycontroller-purchase-list li {width: 100%; padding: 10px 20px; box-sizing: border-box; border-top: 1px solid #e9eaee;}

.buycontroller-purchase-title {margin-bottom: 10px; font-size: 13px; line-height: 1.2; color: #222; }

.buycontroller-quantity-wrapper {}
.buycontroller-quantity-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.buycontroller-quantity-wrapper .quantity-count {float: left; }

.buycontroller-quantity-util {float: right; }
.buycontroller-quantity-util .price {float: left; color: #222; font-weight: 400; line-height: 26px; vertical-align: bottom; }
.buycontroller-quantity-util .price span {font-size: 18px; font-weight: 700; line-height: 26px; }

.clear-purchase-item {float: left; width: 26px; height: 26px; margin-left: 5px; margin-top: 1px; border: none; border-radius: 999px; box-sizing: border-box; background-color: #dfdfdf; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; }
.clear-purchase-item .icon-delete {display: block; width: 10px; height: 10px; margin: 0 auto; background-image: url("/AppData/images/mediacommerce/white/button/btn_delete.svg"); background-size: 8px 8px; background-repeat: no-repeat; background-position: center; }


/* total-price */
.buycontroller-total-wrapper {position: fixed; bottom: 0; width: 100%; height: 71px; padding: 0 20px; border-top: 1px solid #e9eaee; background-color: #fff; box-sizing: border-box; }
.buycontroller-total-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.buycontroller-total-text {float: left; font-size: 18px; color: #222; text-align: left; line-height: 40px; }

.buycontroller-total-price {float: right; font-size: 18px; text-align: right; line-height: 40px; }
.buycontroller-total-price span {display: inline-block; font-size: 22px; font-weight: 700; line-height: 40px; }

.buycontroller-total-price.price-dollar { display: block; width: 100%; padding: 0; }
.buycontroller-total-price.price-dollar span { margin-top: 5px; margin-bottom: 20px; }


/*
	list viewstyle03
--------------------------------------------------- */
.product-list.viewstyle03 .product-item {
	margin-top: 30px;
}
.product-list.viewstyle03 .product-item::after{content: ''; display: block; clear: both;}
.product-list.viewstyle03 .product-item-thumb {
	float: left;
	position: relative;
	display: block;
	width: 200px;	height: 200px;
}
.product-list.viewstyle03 .product-item-thumb .matching-tag {
	top: 20px;
	padding: 3px 10px;
}
.product-list.viewstyle03 .product-item-info {
	width: calc(100% - 210px);
	float: left;
	margin-left: 10px;
	padding: 10px 5px 10px;
	box-sizing: border-box;
	
}
.product-list.viewstyle03 .item-sticker {width: 50px; height: 50px; }

/* =======================================================
	share-container
========================================================*/
.share-container {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 9998;
	display: none;
	background: rgba(28, 28, 28, 0.6);
}
.share-bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: none;
	background-color: transparent;
	outline: none;
}
.share-contents {
	position: absolute;
	left: 0; bottom: -100%;
	z-index: 9999;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 30px 20px 20px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
  padding-bottom: calc(constant(safe-area-inset-bottom) + 20px);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.share-contents.active {
	bottom: 0;
}


.share-contents .title {
	margin-bottom: 30px;
	font-size: 18px;
	font-size: 700;
	color: #222;
	text-align: center;
}

.share-contents ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.share-contents li {
	float: left;
	width: 33.3333%;
	margin-bottom: 20px;
}
.share-contents .btn-sns {
	display: block;
	width: 100%;
}
.share-contents .btn-sns .icon-sns {
	display: block;
	width: 40px; height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}
.share-contents li:nth-child(7) {
	clear: both;
}
.share-contents .btn-sns span {
	font-size: 12px;
	line-height: 1;
	color: #444;
	text-align: center;
}
.icon-copy {background-image: url("/AppData/images/mediacommerce/sns/copy.png"); }
.icon-katalk {background-image: url("/AppData/images/mediacommerce/sns/kakao.png"); }
.icon-twitter {background-image: url("/AppData/images/mediacommerce/sns/twitter.png"); }
.icon-blog {background-image: url("/AppData/images/mediacommerce/sns/blog.png"); }
.icon-facebook {background-image: url("/AppData/images/mediacommerce/sns/facebook.png"); }
.icon-insta {background-image: url("/AppData/images/mediacommerce/sns/instagram.png"); }
.icon-line {background-image: url("/AppData/images/mediacommerce/sns/line.png"); }
.icon-band {background-image: url("/AppData/images/mediacommerce/sns/band.png"); }
.icon-katory {background-image: url("/AppData/images/mediacommerce/sns/kakaostory.png"); }
.icon-sns-share {background-image: url("/AppData/images/mediacommerce/sns/share.png"); }


/* =======================================================
	mc--product
========================================================*/
.mc--product {}

.section-product {
	position: static;
	width: 100%;
	/*margin-bottom: 20px;*/
	border-bottom: 1px solid #dadbdf;
	box-sizing: border-box;
	background-color: #fff;
}

/* 상품 스티커 */
.product-sticker {position: relative; }
.product-sticker .item-sticker {width: 15vmin; height: 15vmin;}


/* 상품 슬라이더 */
.product-slider{position: relative; background-color: #ffffff;}
.product-slider .swiper-slide {
	height: 0;
	padding-top: 100%;
}
.product-slider .swiper-pager {
	display: inline-block;
	min-width: 50px;
	border-radius: 999px;
	background: rgba(34, 34, 34, .6);
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 25px;
	font-weight: 400;
	width: auto;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.product-slider img {display: block; width: 100%; position: absolute; top: 0;}
.product-slider .bx-controls {
	position: absolute;
	bottom: 10px; left: 0;
	z-index: 50;
	display: block;
	width: 100%;
	text-align: center;
}
.product-slider .bx-pager {
	display: inline-block;
	min-width: 50px;
	margin: 0 auto;
	border-radius: 999px;
	background: rgba(34, 34, 34, .6);
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	font-weight: 400;
}

.product-thumb {position: relative; width: 100%; height: 0; padding-top: 100%; border: 1px solid #eee; box-sizing: border-box; overflow: hidden; }
.product-thumb img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }

/* 상품 정보 */
.product-topinfo {
	padding: 15px;
	box-sizing: border-box;
}

.product-topinfo .brand {display: inline-block; margin-bottom: 5px; line-height: 1; }
.product-topinfo .brand span {display: inline-block; width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 14px; background-image: url("/AppData/images/mediacommerce/button/btn_goto.png"); background-repeat: no-repeat; background-position: right center; font-size: 16px; font-weight: 400; color: #595959; vertical-align: middle; }


/* 상품 타이틀 영역 */
.product-title-area {margin-bottom: 20px; }
.prd-marking-area{margin-bottom:5px;}
.prd-marking-area .prd-marking{font-size:15px; margin-bottom: 5px; }
.prd-marking-area .prd-marking:last-child { margin-bottom: 0; }
.prd-marking-area .prd-marking span { display: inline-block; height: 24px; line-height: 24px; color: #fff; padding: 0 4px; border-radius:2px; margin-right: 5px; }
.prd-title .title {
	font-size: 24px;
	font-weight: 500;
	color: #222;
}


/* 상품 판매정보  */
#gds_price_info{float: left;}
.product-selling-area {box-sizing: border-box; }
.product-selling-area:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.product-selling-area .sale {
	float: left;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	vertical-align: bottom;
}
.product-selling-area .sale strong {
	font-size: 30px;
	font-weight: 700;
}
.product-selling-area .price {
	float: left;
}

.product-selling-area .price .normal-price {
	display: inline-block;
	font-size: 16px;
	color: #888;
	text-decoration: line-through;
}

.product-selling-area .price em.symbol {text-decoration: none;}
.product-selling-area .price em b {font-weight: 400; }

/* 비회원가격 표시 */
.product-selling-area .price.member{text-decoration: none;}
.product-selling-area .price .member{text-decoration: unset; color: #222 ; font-weight: 600; line-height: 30px; font-size: 22px;}
.product-selling-area .price .symbol{font-size: 16px;}
.product-selling-area .price .member .symbol{font-size: 18px;}

.product-selling-area .label-mark{ font-size: 15px; height: 24px;	line-height: 24px; margin-right: 5px;}

.product-selling-area .cheap-cost {
	margin-bottom: 8px;
	font-size: 13px;
	color: #fa3131;
	font-style: normal;
	font-weight: 400;;
	line-height: 0.8;
}
.product-selling-area .cheap-cost em {
	font-size: 15px;
	font-weight: 500;
	color: #fa3131;
	line-height: 0.8;
}

.product-selling-area .price p {
	font-weight: 500;
	vertical-align: middle;
	letter-spacing: -0.25px;
	font-size: 18px;
	color: #666;
}
.product-selling-area .price p:last-child { margin-top: 3px; }
.product-selling-area .price p b {font-size: 18px; font-weight: 500; line-height: 1; }

.product-selling-area .price p .members-only{color: #6ab5d5;}

.product-selling-area .reward-area {min-height: 21px; margin-top: 2px; }
.product-selling-area .price .reward-cash {display: inline-block; padding: 0 5px; border: 1px solid #6ab5d5; border-radius: 3px; box-sizing: border-box; background-color: #6ab5d5; font-size: 11px; color: #000; font-weight: 400; line-height: 1.5;}
.product-selling-area .price .reward-cash em {font-size: inherit; color: inherit; font-style: normal; }

.product-selling-area .btn-group {
	float: right;
}
.product-selling-area .btn-group .btn {
	height: 30px;
	border: none;
	border-radius: 999px;
	background-color: #eee;
	font-size: 12px;
	color: #444;
	line-height: 30px;
}
.product-selling-area .btn-group  .btn + .btn {
	margin-left: 10px;
}
.product-selling-area .btn-zzim {
	padding: 0;
	width: 30px;
}
.product-selling-area .btn-zzim .svg-icon-heart {
	display: block;
	width: 16px;
	height: 24px;
	margin: 0 auto;
	line-height: 30px;
}
/*.product-selling-area .btn-zzim .icon {
	background-color: #444;
	width: 30px; height: 30px;
	margin: 0 auto;
}
.product-selling-area .btn-zzim.active .icon {
  background-image: url("/AppData/images/mediacommerce/icon/icon_heart_full.svg");
}*/

.product-selling-area .btn-share {overflow: hidden; }
.product-selling-area .btn-share span,
.product-selling-area .btn-share .icon {
	float: left;
	line-height: 30px;
}
.product-selling-area .btn-share .icon {
	width: 14px; height: 30px;
	margin-left: 5px;
}

/* 포인트를 더 받는 방법 */
.product-point-area{margin-top: 10px;}
.product-point-area .info-txt{margin-bottom: 10px; color: #888; font-size: 14px;}
.product-point-area button{background-color: #ffedb1; text-align: left; font-weight: 600; font-size: 18px; padding: 12px 20px; box-sizing: border-box; width: 100%; line-height: 22px; letter-spacing: -0.2px; display: flex; align-items: center; white-space: normal;}
.product-point-area button span{position: relative; font-size: 15px; font-weight: 700; width: 22px; height: 22px; margin-right: 8px; display: inline-block;}
.product-point-area button .circle::after{
	content: 'P';
	text-align: center;
	display: block;
	clear: both;
	border: 2px solid #222;
	border-radius: 50%;
	line-height: 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popup-point .popup-inner{
	background-color: #fff;
	width: 480px;
	max-width: 90%;
	height: 250px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 10px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.popup-point .popup-inner .txt-top{font-size: 21px; font-weight: 600; margin-bottom: 15px;}
.popup-point .popup-inner p{font-weight: 500; font-size: 18px; }
.popup-point .btn-close.close-layer{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url(/AppData/images/mediacommerce/white/button/layer_close.png) no-repeat center;
	background-size: 14px 14px;
}
.popup-point .btn-area{margin-top: 30px;}
.popup-point .btn-share{background-color: #222; border-color: #222; color: #fff; height: 50px; padding: 0 20px; box-sizing: border-box;}


/* 쿠폰할인가 */
.product-coupon-area {
	box-sizing: border-box;
	margin-top: 10px;
}
.product-coupon-area p {
	font-size: 15px;
}
.product-coupon-area .price {
	display: inline-block;
	padding-left: 5px;
	font-size: 18px;
}

/* 할인 쿠폰 */
.product-btn-group {
	margin-top: 20px;
}
.product-btn-group .btn-coupon {
	width: 100%; height: 40px;
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}
.section-product .btn-coupon span {
	float: left;
	line-height: 38px;
}
.section-product .btn-coupon .icon {
	float: right;
	width: 14px; height: 38px;
}


/* product-info */
.product-info {position: relative; width: 100%; border-top: 1px solid #e9eaee; box-sizing: border-box; }
/* .product-info dl dt {font-size: 12px;	word-break: keep-all; }
.product-info dl dd {margin-left: 0; font-size: 14px;	color: #444; }

.product-info .dl-info + .dl-info {margin-top: 10px; }

.product-info .dl-info02 dt {width: 100px; }
.product-info .dl-info02 dd {width: calc(100% - 100px); } */


/* product-info 스타일 변경 23.11.14*/
.product-info .product-info-list{}
.product-info .product-info-list dl{border-bottom: 1px solid #e9eaee; padding: 15px; display: flex; box-sizing: border-box; align-items: center;}
.product-info .product-info-list dl:last-child{margin-bottom: 0;}
.product-info .product-info-list dl::after{content: ''; display: block; clear: both;}
.product-info .product-info-list dl dt{display: block; word-break: keep-all; font-weight: 600; width: 25%; float: left; font-size: 14px;}
.product-info .product-info-list dl dd{ width: 75%; float: left; font-size: 14px; padding-left: 10px; box-sizing: border-box;}
.product-info .product-info-list dl dd > div{vertical-align: middle;}
.product-info .product-info-list dl dd p + p{margin-top: 4px;}
.product-info .product-info-list dl dd .delivery-fee{font-weight: 600; font-size: 16px; line-height: 1;}
.product-info .product-info-list dl dd span{color: #222; font-weight: 400; display: inline-block; font-size: 14px;}
.product-info .product-info-list .text-gray{color: #888;}
.product-info .product-info-list p.text-gray{margin-top: 5px;}



/* 회원 혜택 추가 23.12.08 */
.product-benefit-wrapper { margin: 20px 0 0;  border: 1px solid #ddd;}
.benefit-tit { padding: 15px; border-bottom: 1px solid #e9eaee; box-sizing: border-box; }
.benefit-tit span { font-weight: 700; font-size: 18px; }
.benefit-cont { padding: 10px 15px 15px; background-color: #f9f9f9; box-sizing: border-box; }
.benefit-cont .right {}
.benefit-cont .max-benefit p  { line-height: 28px; }
.benefit-cont .max-benefit p.right {  color: #6ab5d5; font-weight: 600;}
.benefit-cont .max-benefit span {  font-weight: 600; font-size: 18px;   }
.benefit-cont .buy-benefit { position: relative; padding-left: 5px; font-size: 14px; margin-top: 5px; color: #888; box-sizing: border-box; }
.benefit-cont .buy-benefit::before { position: absolute; content:""; width: 7px; height:7px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; top: 7px;  }
.benefit-cont .buy-benefit p { line-height: 24px; }
.benefit-cont .buy-benefit p.left { margin-left: 10px; }
.benefit-cont .buy-benefit span {  font-weight: 500; font-size: 16px;}

/* =======================================================
	mc--prodia
========================================================*/
.mc--prodia {}


.section-prodia {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	/*border-bottom: 1px solid #dadbdf;*/
	box-sizing: border-box;
	background-color: #fff;
	transition: all ease .3s;
}

.section-prodia:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


/* 영상 */

.prodia-video {
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.prodia-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}


/* 영상 아코디언 */
.prodia-accordion {
	display: none;
	position: relative;
	margin: 0;
}

.prodia-fixed .prodia-accordion {display: block; }

/* 영상 타이틀 */
.prodia-title-area {
	position: relative;
	width: 100%;
	padding: 15px 50px 15px 20px;
	background-color: #fff;
	background-image: url("/AppData/images/mediacommerce/white/button/accordion_down.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 20px;
  background-size: 14px 8px;
  box-sizing: border-box;
}
.prodia-title-area.active {background-image: url("/AppData/images/mediacommerce/white/button/accordion_up.svg"); }
.prodia-title-area .title {
	font-size: 14px;
	font-weight: 400;
	color: #444;
	line-height: 1.3;
	text-align: left;
}


/* 영상 정보 */
.prodia-contents {
	display: none;
	position: relative;
	width: 100%;
	padding: 20px 20px;
	border-top: 1px solid #e9eaee;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.prodia-contents.active {
	display: block;
	border-top: 1px solid #f2f2f2;
}
.prodia-contents .prebox {
	color: #666;
}
.prodia-contents .prodia-hash-group {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #e9eaee;
}
.hashtag {
	margin-left: 3px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}
.hashtag:first-child {
	margin-left: 0;
}
.hashtag:before {
	content: "\0023";
}



.prodia-pager {
	width: 100%;
	padding: 5px 20px;
	border-bottom: 1px solid #e9eaee;
	box-sizing: border-box;
	background-color: #fff;
}
.prodia-pager .connect-header {display: none; }
.prodia-pager-item {
	width: 45px; height: 45px;
	overflow: hidden;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	box-sizing: border-box;
}
.prodia-pager-item.current {
	border-width: 2px;
	border-style: solid;
}
.prodia-pager-item img {
	display: block;
	margin: 0;
	width: 100%; height: 100%;
}



/* 영상 유틸 버튼 그룹 */
.prodia-player-wrapper {display: none; }

.player-pause {
	width: 15px; height: 15px;
  background-image: url("/AppData/images/mediacommerce/white/button/player_pause.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left center;
}

.player-play {
	width: 15px; height: 15px;
  background-image: url("/AppData/images/mediacommerce/white/button/player_play.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left center;
}

.player-top {
	width: 15px; height: 15px;
  background-image: url("/AppData/images/mediacommerce/white/button/player_top.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center center;
}

.player-close {
	width: 15px; height: 15px;
  background-image: url("/AppData/images/mediacommerce/white/button/player_close.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: right center;
}





/*
	스크롤시 고정
---------------------------------------------------*/
.section-prodia.prodia-fixed  {
	position: fixed;
	top: 0; left: 0;
	z-index: 900;
	width: 100%; height: auto;
	margin-bottom: 0;
	border-bottom: 0;
	box-sizing: border-box;
	background-color: transparent;
}

.prodia-fixed .prodia-container {
	width: 100%;
	box-sizing: border-box;
	background: rgba(34, 34, 34, 0.85);
}
.prodia-fixed .prodia-container:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

/* 영상 */
.prodia-fixed .prodia-video {
	position: relative;
	width: 188px; height: 105px;
	float: left;
	padding: 0;
}
.prodia-fixed .prodia-video iframe {
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
}


/* 영상 아코디언 */
.prodia-fixed .prodia-accordion {
	float: right;
	width: calc(100% - 188px);
	position: relative;
	margin: 0;
	border-bottom: 0;
}

/* 영상 타이틀 */
.prodia-fixed .prodia-title-area {
	padding: 10px 15px;
	background: none;
	border-bottom: 1px solid #444;
}
.prodia-fixed .prodia-title-area.active {
  background: none;
}
.prodia-fixed .prodia-title-area .title {
	display: block;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 21px;
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.prodia-fixed .prodia-title-area .count {
	display: none;
}


/* 영상 정보 */
.prodia-fixed .prodia-contents {
	display: none;
}
.prodia-fixed .prodia-contents.active {
	display: none;
	border-top: 0;
}

/* 영상 유틸 버튼 그룹 */
.prodia-fixed .prodia-player-wrapper {
	display: block;
	float: right;
	width: calc(100% - 188px); height: 42px;
	padding: 0 15px;
	box-sizing: border-box;
}
.prodia-player-wrapper ul {
	float: none;
	display: table;
	width: 100%;
	margin: 0 auto;
}
.prodia-player-wrapper ul li {
	display: table-cell;
	width: 1%;
	text-align: center;
	vertical-align: middle ;
	color: #fff;
}
.prodia-player-wrapper .btn {
	display: inline-block;
	width: 40px; height: 42px;
	padding: 0;
	background: none;
	border: none;
}
.prodia-player-wrapper .btn .icon {
	display: inline-block;
}
.prodia-fixed .prodia-pager {
	position: fixed;
	top: 105px;
	left: 0;
	padding: 5px 20px;
	background-color: #444;
	border-bottom: 0;
}
.prodia-fixed .prodia-pager-item {
	width: 40px; height: 40px;
}


/* 연관영상 */
.section-connect {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #dadbdf;
	box-sizing: border-box;
	background-color: #fff;
	transition: all ease .3s;
}
.section-connect .inner {
	position: relative;
	padding: 15px 20px;
	box-sizing: border-box;
}
.section-connect .title {
	margin-bottom: 10px;
	font-size: 14px; font-weight: 500;
	color: #222;
}
.connect-item {
	position: relative;
	width: 120px;
}

.connect-item a {
	position: absolute;
	display: block;
	width: 100%; height: 100%;
	border-radius: 5px;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 10;
}

.connect-thumb {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.connect-item img {display: block; width: 100%; }
.connect-info {
	padding: 5px;
	overflow: hidden;
	box-sizing: border-box;
}
.connect-info .connect-title.text-ellipsis02 {
	height: 2.8em;
	font-size: 13px; color: #222; line-height: 1.4;
}

.swiper-connect-container {padding-bottom: 20px; }



/* =======================================================
	 deal-nav
========================================================*/
.deal-nav {
	position: relative;
}
.deal-nav ul {
	display: table;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 1px solid #dadbdf;
}
.deal-nav ul li {
  position: relative;
  display: table-cell;
  width: 1%; height: 55px;
  line-height: 55px;
  text-align: center;
  vertical-align: middle;
}
.deal-menu {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 55px;
	color: #222;
	box-sizing: border-box;
	word-break: keep-all;
}
.current .deal-menu{color: #6ab5d5; font-weight: 500;}

.deal-nav .active {
	position: absolute;
	display: none;
	left: 0; bottom: -1px;
	width: 100%; height: 3px;
}
.deal-nav .current .active {
	display: block;
	background-color: #6ab5d5;
}
.deal-nav ul.fixed {
	position: fixed;
  left: 0; top: 0;
  z-index: 300;
}
.deal-nav ul.fixed li {
  width: 1%; height: 40px;
}

/* 스와이퍼 붙을 때 */
.deal-nav.deal-nav-swiper { overflow: hidden; }
.deal-nav.deal-nav-swiper li { padding: 0 10px; min-width: 25px; }

.section-deal {}
.section-deal:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.deal-container {
	position: relative;
	width: 100%;
	padding:20px 0;
	margin-bottom: 20px;
	background-color: #fff;
	/*border-bottom: 1px solid #dadbdf;*/
	box-sizing: border-box;
}
.deal-container:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


.deal-more{
	position: relative;
	width: 100%;
	padding: 20px 20px 0;
	background-color: #fff;
	box-sizing: border-box;
}



/* =======================================================
	상품정보
========================================================*/
.deal-container.detail {
	overflow: hidden;
}
.deal-container.detail.cut {
	max-height: 1200px;
	overflow: hidden;
}

.deal-container.detail .nodata {padding: 100px 20px; text-align: center; font-size: 14px; color: #888; }

.deal-container.detail .deal-more {
	display: none;
	position: absolute;
	left: 0; bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 20px 20px;
	background-color: #fff;
	box-sizing: border-box;
}
.deal-container.detail.cut .deal-more {
	display: block;
}
.deal-container.detail.cut .deal-more .btn-more {
	border: 2px solid #202020;
	color: #202020;
	line-height: 36px;
}
.deal-container.detail img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	height: auto;
}



/* =======================================================
	구매정보
========================================================*/
.deal-container.info {
	padding: 0;
	background-color: transparent;
	border-bottom: 0;
}

.deal-container.info .accordion-wrapper {
	border-bottom: 1px solid #dadbdf;
}
.deal-container.info .accordion-btn {font-weight: 500; }
.deal-container.info .accordion-wrapper + .accordion-wrapper {margin-top: 5px; }
.deal-container.info .accordion-contents p {
	font-size: 14px;
	color: #444;
	line-height: 1.5;
}
.deal-container.info .accordion-contents strong {font-weight: 500; }
.deal-container.info .accordion-contents ul {font-size: 14px; color: #444; line-height: 1.5; }
.deal-container.info .accordion-contents ul li + li {margin-top: 3px; }
.deal-container.info .accordion-contents ul + .dl-info {margin-top: 10px; }




/* =======================================================
	구매후기
========================================================*/
.deal-container.review {}


/* 별점 */
.deal-container.review .total-rating-wrapper {
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
	text-align: center;
}
.deal-container.review .total-rating-wrapper .title {
	font-size: 13px;
	color: #444;
	font-weight: 400;
}
.deal-container.review .total-rating strong {
	font-size: 40px;
	color: #222;
	font-weight: 700;
}


/* 포토리뷰 */
.deal-photoreview-container {
	padding: 20px 0;
	background-color: #f7f7f7;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.deal-photoreview-container .title {
	display: block;
	margin-bottom: 15px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	color: #222;
	font-weight: 400;
}
.deal-photoreview-list {
	padding: 0 15px;
	box-sizing: border-box;
}
.deal-photoreview-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.deal-photoreview-list li {
	float: left;
	width: 25%;
	padding: 0 5px;
	box-sizing: border-box;
}
.deal-photoreview-list li.nodata {
	float: none;
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	color: #888;
}
.photoreview-btn {
	position: relative;
	display: block;
	width: calc((100vw - 70px)/4);
	height: calc((100vw - 70px)/4);
	border: 1px solid #e9eaee ;
	background-color: #fafafa;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.photoreview-btn img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	border: 0;
}
.photoreview-btn .icon-photo {
	position: absolute;
	right: 5px; bottom: 5px;
	z-index: 5;
	display: block;
	width: 18px; height: 18px;
	background-color: transparent;
	background-image: url("/AppData/images/mediacommerce/white/icon/icon_photo.png");
	background-repeat: no-repeat;
	background-position: center;
}


.photoreview-btn.photoreview-more {}
.photoreview-btn.photoreview-more .more-bg {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 10;
	width: 100%; height: 100%;
	display: block;
	opacity: 0.5;
}
.photoreview-btn.photoreview-more .more-text {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	margin-top: 30px;
	z-index: 20;
	color: #fff;
}
.photoreview-btn.photoreview-more .icon-plus {
	display: block;
	width: 9px; height: 9px;
	margin: 0 auto;
  background-image: url("/AppData/images/mediacommerce/white/icon/icon_plus.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.photoreview-btn.photoreview-more .more-text em {
	display: block;
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}


/* 리뷰 리스트 */
.deal-review-list {
	border-top: 1px solid #f2f2f2;
}
.deal-review-list .nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #888;
	text-align: center;
}
.deal-review-list .review-info {}
.deal-review-list .review-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.deal-review-list .review-info .rating-wrapper {
	float: left;
	margin-bottom: 15px;
}
.deal-review-list .review-info .rating-wrapper span {
  width: 15px; height: 15px;
}
.deal-review-list .option {
	margin-bottom: 10px;
	font-size: 12px;
	color: #888;
}
.deal-review-list .review-info .user-id {
	float: left;
	position: relative;
	margin: 0 10px;
	padding-right: 11px;
	font-size: 14px;
	color: #444;
	line-height: 14px;
}
.deal-review-list .review-info .user-id:after {
	content: "";
	position: absolute;
	right: 0;
	display: inline-block;
	width: 1px; height: 14px;
	margin-left: 10px;
	background: #bbb;
	line-height: 14px;
}
.deal-review-list .review-info .date {
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #888;
}
.deal-review-list .accordion-contents {
	padding: 20px 0;
	box-sizing: border-box;
}
.deal-review-list .prebox {
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
}

.deal-review-list .deal-photoreview-list {
	box-sizing: border-box;
	padding: 0 20px;
}
.deal-review-list .deal-photoreview-list li {
	margin-top: 20px;
	width: calc((100vw - 60px)/3);
	height: calc((100vw - 60px)/3);
	padding: 0;
}
.deal-review-list .deal-photoreview-list li + li {
	margin-left: 10px;
}
.deal-review-list .deal-photoreview-list .photoreview-btn {
	width: calc((100vw - 60px)/3);
	height: calc((100vw - 60px)/3);
}





/* =======================================================
	구매문의
========================================================*/
.deal-container.qna .deal-header {
	padding: 20px 20px;
	box-sizing: border-box;
/* 	border-bottom: 1px solid #f2f2f2; */
}

.deal-container.qna .deal-header .title {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #222;
}
.deal-container.qna .deal-header p {
	margin-bottom: 20px;
	font-size: 13px;
	color: #888;
}


/* 비밀글 */
.deal-container.qna .board-lock-wrapper .input-btn-group {
	margin: 20px 0 10px;
}
.deal-container.qna .board-lock-wrapper .input-text {margin: 0; }


/* 질문 정보 */
.deal-container.qna .deal-qna-list {}
.deal-container.qna .nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #888;
	text-align: center;
}
.deal-container.qna .accordion-wrapper:last-of-type {
	border-bottom: 1px solid #e9eaee;
}
.deal-container.qna .board-util {margin-bottom: 10px; }
.deal-container.qna .board-util:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.deal-container.qna .board-state {float: left; }

.deal-container.qna .board-writer {
	float: left;
	position: relative;
	margin: 0 10px;
	padding-right: 11px;
	font-size: 14px;
	color: #444;
	line-height: 20px;
}

.deal-container.qna .board-writer:after {
	content: "";
	position: absolute;
	right: 0; top: 3px;
	display: inline-block;
	width: 1px; height: 14px;
	background-color: #bbb;
	line-height: 20px;
}
.deal-container.qna .board-date {
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #888;
}

.deal-container.qna .board-title {white-space:normal;}

/* 질문&답변 */
.deal-container.qna .qna-wrapper {
	box-sizing: border-box;
  display: flex;
  align-items: baseline;
}
.deal-container.qna .qna-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.deal-container.qna .qna-wrapper .icon {
	float: left;
	margin-top: 5px;
}
.deal-container.qna .qna-wrapper .qna-question,
.deal-container.qna .qna-wrapper .qna-answer {
	float: left;
	width: calc(100% - 40px);
	margin-left: 12px;
	word-break: break-all;
	word-wrap: break-word;
  color: #333;
}
.deal-container.qna .sub-qna-wrapper .qna-question,
.deal-container.qna .sub-qna-wrapper .qna-answer{
  width: 100% !important;
  margin-left: 0;
  margin-top: 8px;
  font-size: 14px;
}
.deal-container.qna .qna-wrapper .prebox {
	font-size: 14px;
	color: #666;
}

/* 첨부파일 */
.deal-container.qna .attachment-list li {
	width: 100px;	height: 100px;
}
.deal-container.qna .attachment-list li + li {
	margin-left: 5px;
}
.deal-container.qna .attachment-btn {
	width: 100px; height: 100px;
}

.deal-container.qna .qna-wrapper.answer {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #e9eaee;
}




/* =======================================================
	판매자
========================================================*/
.mc--seller .seller-header {
	padding: 40px 20px;
}
.mc--seller .shop-img {
	display: block;
  margin: 0 auto 20px;
  max-width: 80%;
}
.mc--seller .shop-title {
	display: block;
	font-size: 22px;
	color: #222;
	font-weight: 500;
	text-align: center;
}
.mc--seller .shop-tel {
	margin-top: 20px;
	font-size: 15px;
	color: #444;
	text-decoration: underline;
}
.mc--seller .seller-container {
	padding: 20px 20px;
	box-sizing: border-box;
}



/* =======================================================
	전화주문
========================================================*/
.prd-order-call{width:100%; height:50px; margin-top:8px; padding-right:15px; line-height:50px; color:#fff; background-color:#313056; box-sizing:border-box;}
.icon-order-call{width:50px; height:50px; background-image:url(/AppData/images/site/common/order_call.png); background-repeat:no-repeat; background-size:25px auto; background-position:center center;}
.txt-order-call{font-weight:500; font-size:18px;}
.num-order-call{font-weight:500; font-size:20px; letter-spacing:-0.025em;}

@media(max-width:960px){
	.prd-order-call{display:none;}
}



/* =======================================================
* Device = 모바일
* Screen = 320 이상 480 이하
* ========================================================*/
@media all (min-width: 320px) and (max-width: 480px) {

/* =======================================================
	buycontroller
========================================================*/
.buycontroller-total-text {font-size: 15px; }
.buycontroller-total-price span {font-size: 20px; }
}



/* =======================================================
* Device = 태블릿, 아이패드(세로), PC
* Screen = 768 이상
* ========================================================*/
@media (min-width: 961px) {

	.mc--product .mc--contents,
	.mc--prodia .mc--contents {display: flex; flex-wrap: wrap; padding: 60px 20px !important; box-sizing: border-box;}


/* =======================================================
	detail
========================================================*/

.section-prodia {
	width: 100%;
	/* margin-bottom: 0; */
	transition: none;
	border: 0;
}

.section-prodia.prodia-fixed {
	position: fixed;
	width: 400px;
	top: auto;
	left: 40px;
	bottom: 40px;
	margin: 0 auto;
	transform: translate(0);
}

.prodia-fixed .prodia-video {float: none; width: 100%; height: 0; padding-top: 56%; }
.prodia-fixed .prodia-accordion {width: 100%; }
.prodia-fixed .prodia-player-wrapper {width: 100%; }

.section-connect {
	width: 100%;
	max-height: 300px;
	margin: 20px 0 0;
	background-color: #f7f8f9;
	border: 1px solid #eee;
	overflow: hidden;
	overflow-y: auto;
	margin-bottom: 40px;
}

.section-connect.type02 {max-height: 396px; }

.section-connect .swiper-wrapper {flex-direction: column; transform: translate(0) !important; }
.connect-item {width: 100%; }
.connect-item:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.connect-item + .connect-item {margin-top: 10px; }
.connect-thumb {float: left; width: 60%; max-width: 180px; }
.connect-info {float: left; width: 40%; min-width: calc(100% - 180px); padding: 10px 10px; }

.prodia-pager {padding: 15px 20px; border: 1px solid #eee; border-top: 0; }
.prodia-pager .connect-header {display: block; margin-bottom: 5px; }
.prodia-pager-item {width: 100px; height: 100px; }


.section-product {display: flex; position: static; flex-direction: column; flex-wrap: wrap; width: 100%; margin-bottom: 0; padding: 40px 0 0; border-bottom: 0; }
/* .section-product.fixed {position: fixed; top: 126px; left: 50%; width: 100%; max-width: 1200px; padding: 0 15px; box-sizing: border-box; background-color: transparent; transform: translateX(-50%); align-items: flex-end; border: 0; } */
.product-sticker {width: 100%; }
.product-info-wrap {width: 100%; padding: 20px 0 0; box-sizing: border-box; background-color: #fff; }
.product-topinfo {padding: 0 15px 20px 15px; }



.deal-nav {width: 100%; }
.section-deal {width: 100%; min-height: 100vh; overflow: auto; }

.product-pager-wrap {width: 100%; }
.mc--product .product-sticker {width: 100%; border: 1px solid #eee; box-sizing: border-box;}

/*.fixed .product-sticker {width: 40%; }*/
.fixed .product-info-wrap {position: fixed; top: 60px; width: calc((100vw - 40px) * 0.4); max-width: calc(1170px * 0.4); padding-top: 10px; }
.fixed .product-title-area {margin-bottom: 5px; }
.fixed .buycontroller-total-wrapper {height: 41px; }
.fixed .buycontroller-total-text,
.fixed .buycontroller-total-price {line-height: 40px; }
.fixed .buycontroller-layer {z-index: 1; }
.fixed .product-info-wrap .product-info{display: none;}
.product-info-wrap.absolute {position: absolute; width: calc((100vw - 40px) * 0.4); max-width: calc(1170px * 0.4); }

.prodia-left {width: calc(60% - 40px); margin-right: 40px; order: 1; }
.prodia-right {width: 40%; order: 2; }


/* product detail - 포토후기
---------------------------------------------------*/
	.photoreview-btn {
		position: relative;
		width: 100%; height: 0;
		padding-top: 100%;
	}

	.photoreview-btn img {
		position: absolute;
		top: 50%; left: 50%;
		width: calc(100% + 2px); /*보더때문*/
		transform: translate(-50%, -50%);
	}

	.photoreview-btn.photoreview-more .more-text {
		top: 50%;
		margin-top: 0;
	}

	.deal-review-list .deal-photoreview-list li {
		width: 25%; height: 100%;
	}

	.deal-review-list .deal-photoreview-list .photoreview-btn {
		width: 100%; height: 100%;
	}

	/*
	 buycontroller
--------------------------------------------------- */
	.buycontroller-selectbox-option::-webkit-scrollbar {
		display: none; /* 스크롤바 안보이게 처리*/
	}

	.buycontroller-btn-group {
		display: none !important;
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	.buycontroller-layer {
		display: block;
		position: relative;
		z-index: 1;
	}

	.buycontroller-layer.show {background: transparent; }

	.buycontroller-bg {display: none; }

	.buycontroller-layer .buycontroller-btn-group {display: inline-block !important; position: static; margin-top: 20px; padding: 0; box-sizing: border-box; }
	.buycontroller-inner {position: static; height: auto; max-height: unset; padding: 0; box-sizing: border-box; transform: translate(0); }
	.buycontroller-wrapper {max-height: unset; padding-bottom: 10px; overflow: visible; }
	.buycontroller-select-area {padding: 10px 15px 10px; }
	.buycontroller-total-wrapper {position: relative; height: auto; padding-top:20px ; }
	.buycontroller-total-text {line-height: 40px; }
	/* .buycontroller-total-price {line-height: 22px; padding: 15px 0 0 0; } */
	.buycontroller-total-price span {line-height: inherit; }
	.buycontroller-btn-close {display: none; }

	.buycontroller-option-list {position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #bbb; box-sizing: border-box; z-index: 999; }

	.buycontroller-btn {width: 49%; }
	.buycontroller-btn-cart + .buycontroller-btn-buy {width: 49%; }
	.buycontroller-btn + .buycontroller-btn {margin-left: 2%; }

	/*22-06-08 추가*/
	/*full size 버튼 margin 없애기*/
	.buycontroller-btn.btn-full{margin-left: 0;}

/*
	deal-nav
--------------------------------------------------- */
	.deal-nav ul.fixed {
		left: 50%;
		width: 690px;
		transform: translateX(-50%);
	}

/*
	share-contents
--------------------------------------------------- */
	.share-contents {
		left: 50%;
		top: 50%;
		width: 650px; height: fit-content;
		border-radius: 10px;
		margin: 0 auto;
		transform: translate(-50%, -50%);
	}


} /* 반응형 끝 */

/*@media (max-width: 960px) { 
	.mc--product .mc--contents, .mc--prodia .mc--contents { padding:20px !important ; }
}
*/

@media (min-width: 1200px){
		
	/* =======================================================
		mc--list
	========================================================*/


	/*
		list viewstyle01
	---------------------------------------------------*/
	.product-item-thumb {
		width: 1160px; height: 1160px;
	}
	.product-item-thumb .matching-tag {
		top: 20px;
		padding: 5px 20px;
	}



		/* list viewstyle02
	---------------------------------------------------*/
	.product-list.viewstyle02 .product-item {
		width: calc(25% - 15px);
		margin-top: 40px;
		float: left;
		margin-right: 20px;
	}
	
	.product-list.viewstyle02 .product-item-thumb {
		width: 100%; height: 0;
		padding-top: 100%;
	}
		
}

@media (max-width: 1200px){
  .product-list.viewstyle03 .product-item{margin-top:20px;}
	.product-list.viewstyle03 .product-item-thumb{width:140px; height:140px;}
  .product-list.viewstyle03 .product-item-info{width:calc(100% - 150px);}
} 

@media (max-width: 1024px){
	.fixed .product-info-wrap {top: 70px; }
	.product-selling-area .price .member{font-size: 18px;}
	.product-selling-area .price p{font-size: 16px;}
}

@media(max-width:768px){
	.prd-title .title{font-size: 22px;}
	.prd-marking-area .prd-marking{font-size: 13px;}
	.prd-marking-area .prd-marking span{height: 22px; line-height: 22px;}
	.buycontroller-total-wrapper{padding: 14px;}
	.buycontroller-total-price.price-dollar span  { line-height: 18px; margin-top: 0; }
	.section-product{border-bottom: 10px solid #f7f7f7;}


	.product-benefit-wrapper { margin: 15px 0 0;}

}

@media(max-width:500px){
	.prd-title .title{font-size: 18px;}
	.product-list.viewstyle03 .product-item-thumb{width:120px; height:120px;}
  .product-list.viewstyle03 .product-item-info{width:calc(100% - 130px); padding: 0;}


	/* 포인트 배너 */
	.product-point-area button{font-size: 16px; padding: 12px 10px;}
	.product-point-area button span{font-size: 13px; width: 20px; height: 20px;}
	.product-point-area button .circle::after{width: 16px; height: 16px;}

	/* 포인트 팝업 */
	.popup-point .popup-inner{height: 220px;}
	.popup-point .popup-inner .txt-top{font-size: 18px;}
	.popup-point .popup-inner p{font-size: 16px;}
	.popup-point .btn-area{margin-top: 20px;}
}

/* =======================================================
	품절(sold out)
========================================================*/
.product-thumb.soldout-text{display: none; z-index: 50; background-color: rgba(0,0,0,.6);}
.product-thumb > span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-weight: 700; font-size: 50px;}