@charset 'utf-8';  
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); /* 할인율 */

#wraper {display:block; overflow:hidden;}
.wrap {padding-top:112px; position:relative; z-index:1;}
.sec1 {margin-top:52px;}
.sec2 {margin-top:60px;}
.section>.area {width:980px;}
.section>.area.category {width:1180px;}


.box-pdtPic {overflow:hidden; width:580px; padding:0 0 30px 0;}
.box-pdtPic .slider-pdt:before {content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background-color:#fffef1; z-index:2;}
.slider-pdt .slide {overflow:hidden; height:auto!important; background:transparent no-repeat center center/cover;}
.slider-pdt .slide img {width:580px;}
.slider-pdt .slide video {width:580px; height:580px;}
.slider-pdt .slide span.disc_per {position:absolute; top:0; left:0; width:110px; height:110px; font-family:"Outfit", sans-serif; color:#ffffff; font-size:50px; font-weight:400; text-align:center; line-height:100px; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_badge_green.svg") no-repeat 50% 50%/100% 100%;}
.slider-pdt .slide span.disc_per:after {content:'%'; display:inline-block; font-size:30px; font-weight:100;}
.slider-pdt .slide span.ico_badge {overflow:hidden; position:absolute; bottom:130px; left:0; text-indent:-9999px;}
.slider-pdt .slide span.ico_badge.nego {width:110px; height:38px; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_negowang_clr.png") no-repeat 50% 50%/100% 100%;}
.slider-pdt-thumbs {position:relative; left:0; bottom:0; margin:20px 0 0 0; padding:0;}
.slider-pdt-thumbs .slick-track {overflow:hidden;}
.slider-pdt-thumbs .slide {overflow:hidden; width:90px; height:109px; margin:0 4px; background:transparent no-repeat center center/cover; border:1px solid transparent;}
.slider-pdt-thumbs .slide.slick-current {border:1px solid #868686;}
.slick-slider .slick-list, .slick-slider .slick-track {padding:0 !important; transform:none !important;}

.box-tag {margin-top:20px;}
.box-pdtInfo {width:352px;}
.box-pdtInfo button {border:0 none; background:transparent no-repeat center center;}
.box-pdtInfo h3 {line-height:1.23; margin-bottom:15px; font-size:26px; font-weight:500; letter-spacing:-0.5px; color:#1b1b1b;}
.box-pdtInfo .line-pirce {clear:both; overflow:hidden; margin-bottom:0; text-align:right;}
.box-pdtInfo .line-pirce .price {display:inline-block; float:none; color:#1b1b1b; font-size:24px; line-height:36px; vertical-align:middle; letter-spacing:-0.3px;}
.box-pdtInfo .line-pirce .dc-per {float:left; color:#007afb; line-height:1.29; font-size:24px; font-weight:500; letter-spacing:normal;}
.box-pdtInfo .line-pirce .dc-per:after {content:'%';}
.box-pdtInfo .line-pirce .dc-won {color:#90908a; line-height:1.29; margin-left:15px; font-size:24px; font-weight:400; letter-spacing:normal;}
.box-pdtInfo .line-pirce .price.before-won {margin:0 5px 0 0; color:#999; font-size:18px; font-weight:300; text-decoration:line-through;}
.box-pdtInfo .line-pirce .price.before-won:after {content:'원';}
.box-pdtInfo .line-pirce .price.after-won {font-weight:500;}
.box-pdtInfo .line-pirce.nego .price.after-won {color:#DF7000;}
.box-pdtInfo .line-pirce .coupon {float:right;}
.box-pdtInfo .line-pirce .coupon .dc-won {vertical-align:top;}
.box-pdtInfo .line-pirce .dc {line-height:1.5; vertical-align:middle; font-size:18px; color:#90908a;}
.box-pdtInfo .line-pirce .dc:after {content:'%할인';}
.box-pdtInfo .line-pirce .dc-won:after {content:'원 할인 쿠폰받기'; display:none;}
.box-pdtInfo .line-pirce .special_price {display:none;}
.box-pdtInfo .line-pirce .special_price + .price.after-won {display:none;}
.box-pdtInfo .crew-pirce {clear:both; overflow:hidden; margin-bottom:10px; text-align:right;}
.box-pdtInfo .crew-pirce .cl_b {display:inline-block; position:relative; margin-bottom:0;}
.box-pdtInfo .crew-pirce .cl_b:last-child {margin-bottom:0;}
.box-pdtInfo .crew-pirce .cl_b .crew_price {display:inline-block; margin:0 0 0 25px; color:#007afb; font-size:24px; font-weight:500; letter-spacing:-0.3px;}
.box-pdtInfo .crew-pirce .cl_b .crew_price:before {content:'크루'; margin:0 5px 0 0; font-size:22px; font-weight:400;}
.box-pdtInfo .crew-pirce .cl_b .crew_price:after {content:'원'; margin:0; font-weight:500;}
.box-pdtInfo .crew-pirce .cl_b a.btn_tip {position:absolute; top:11px; left:0; width:18px; height:18px; margin:0; padding:0; color:#999; font-size:11px; font-weight:500; text-align:center;border:1px solid #999; border-radius:30px; z-index:1;}
.box-pdtInfo .crew-pirce .cl_b .mileage {display:inline-block; color:#007afb; font-size:24px; font-weight:500; letter-spacing:-0.3px;}
.box-pdtInfo .crew-pirce .cl_b .mileage:before {content:'최대 적립'; margin:0 5px 0 0; font-size:22px; font-weight:400;}
.box-pdtInfo .crew-pirce .cl_b .mileage:after {content:'원'; margin:0;}
.box-pdtInfo .crew-pirce .cl_c {clear:both; overflow:hidden; width:100%; margin:15px 0 0 0;}
.box-pdtInfo .crew-pirce .cl_c a.link_bg_blue {display:block; clear:both; overflow:hidden; width:100%; padding:5px 0; color:#1b1b1b; font-size:15px; text-align:left; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/btn_crew_join.png") no-repeat right 50%/auto 100%;}
.box-pdtInfo .crew-pirce .cl_c a.link_bg_blue span {display:block; font-weight:400;}
.box-pdtInfo .crew-pirce .cl_c a.link_bg_blue span strong {font-weight:600;}
.box-pdtInfo .crew-pirce .cl_c a.link_bg_blue span + span {margin:5px 0 0 0; font-size:13px; font-weight:300;}
.box-pdtInfo .crew-pirce .cl_c a.link_bg_blue span + span:after {content:'>'; display:inline-block; margin:0 0 0 5px;}
.box-pdtInfo .crew-pirce .cl_c p.link_txt_blue {display:block; clear:both; overflow:hidden; width:100%; padding:5px 0; color:#1b1b1b; font-size:15px; font-weight:500; text-align:center;}
.box-pdtInfo .crew-pirce .cl_c p.link_txt_blue span {display:block;}
.box-pdtInfo .crew-pirce .cl_b + .cl_b {display:none;}

.box-pdtInfo .btns-control .group-tags .tag {width:44px; height:21px; margin-right:1px; padding:2px 8px; line-height:1.55; letter-spacing:.33px; text-align:center; font-size:11px; font-weight:400; color:#fff; object-fit:contain; background:#1b1b1b;}
.box-pdtInfo .group-control {margin-bottom:42px;}

.wrap.detail.soldout .box-pdtInfo .line-pirce .dc-per {display:none;}
.wrap.detail.soldout .box-pdtInfo .crew-pirce {display:none;}

.group-control button {width:24px; height:24px; margin-left:16px; background-size:100%; background-repeat:no-repeat;}
.group-control .btn-like {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_n.svg");}
.group-control .btn-like.like {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_s.svg");}
.group-control .btn-share {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_share_n.svg");}
.group-control .btn-cart {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart_n.svg");}

.box-pdtInfo .line-pdtDesc {line-height:1.54; margin-top:16px; margin-bottom:16px; padding-bottom:16px; letter-spacing:-0.13px; font-size:13px; font-weight:300; border-bottom:1px solid #dddcd1; color:#1b1b1b;}
.box-pdtInfo .line-props {margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #dddcd1;}
.box-pdtInfo .line-props h6 {line-height:1.31; margin-bottom:6px; font-size:13px; font-weight:400; letter-spacing:-0.13px; text-align:left; color:#1d1d1f;}
.box-pdtInfo .line-props p {font-size:13px; font-weight:300; line-height:1.31; letter-spacing:-0.13px; text-align:left; color:#1d1d1f;}
.box-pdtInfo .line-marks {height:58px; margin-bottom:60px;}
.box-pdtInfo .line-marks img {float:left; width:58px; height:58px; margin-left:6px;}
.box-pdtInfo .line-marks img:first-child {margin-left:0;}
.box-pdtInfo .line-pdtPcs {margin-bottom:10px; padding:0; font-weight:400;}
.box-pdtInfo .line-pdtPcs .pdtName {width:170px; line-height:1.5; font-size:15px; letter-spacing:-0.2px; color:#1b1b1b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box-pdtInfo .line-pdtPcs .pdtControl .kit-control {font-size:0;}
.box-pdtInfo .line-pdtPcs .pdtControl .kit-control button {width:24px; height:24px; vertical-align:middle; border-radius:50%; border:1px solid #d8d8d8;}
.box-pdtInfo .line-pdtPcs .pdtControl .kit-control button.btn-minus {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_minus.svg");}
.box-pdtInfo .line-pdtPcs .pdtControl .kit-control button.btn-plus {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_plus.svg");}
.box-pdtInfo .line-pdtPcs .pdtControl .kit-control span {display:inline-block; width:30px; height:24px; vertical-align:middle; text-align:center; font-size:16px;}
.box-pdtInfo .line-pdtPcs .pdtControl .price {margin-left:16px; font-size:16px;}

.line-option {overflow:hidden; margin-bottom:20px; border-bottom:1px solid #dddcd1;}
.line-option .group-option {overflow:hidden; margin-bottom:20px;}
.line-option .pdtName {width:150px; line-height:1.5; padding-left:12px; font-size:16px; font-weight:300; letter-spacing:-0.2px; color:#1b1b1b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.line-option .pdtControl .kit-control {font-size:0; font-weight:400;}
.line-option .pdtControl .kit-control button {width:24px; height:24px; vertical-align:middle; border-radius:50%; border:1px solid #d8d8d8;}
.line-option .pdtControl .kit-control button.btn-minus {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_minus.svg");}
.line-option .pdtControl .kit-control button.btn-plus {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_plus.svg");}
.line-option .pdtControl .kit-control span {display:inline-block; width:30px; height:24px; line-height:24px; vertical-align:middle; text-align:center; font-size:12px;}
.line-option .pdtControl .price {width:73px; margin-left:8px; text-align:right; font-size:16px; font-weight:400;}
.line-option .pdtControl .btn-delete {width:20px; height:20px; margin-left:8px; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_delete.svg") no-repeat center center;}

.line-DC {overflow:hidden; margin-bottom:20px;}
.line-DC .dcTitle {float:left; line-height:1.71; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
.line-DC .amount {float:right; line-height:1.71; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
.line-DC .amount:before {content:'-';}
.line-DC .amount:before {content:'-';}
.line-DC.add .amount:before {content:'+';}
.line-DC.add .amount:before {content:'+';}

.box-pdtInfo .line-selectOption {margin-bottom:20px;}
.box-pdtInfo .line-selectOption select {width:100%; font-size:14px; font-weight:300; line-height:1.43; letter-spacing:-0.17px; text-align:left; color:#000;}
.box-pdtInfo .line-total {margin:0 0 16px 0; padding:0 0 20px 0; border-bottom:1px solid #dddcd1;}
.box-pdtInfo .line-total .title {font-size:22px; line-height:1.09; letter-spacing:-0.22px; text-align:left; font-weight:400; color:#1b1b1b;}
.box-pdtInfo .line-total .totalPrice {font-size:22px; line-height:1.09; letter-spacing:-0.22px; text-align:left; font-weight:400; color:#1b1b1b;}
.box-pdtInfo .line-infoDeli {display:none; margin:0; padding:0 0 6px 0; font-size:13px; font-weight:300; line-height:1.46; letter-spacing:-0.13px; text-align:left; color:#000;}
.box-pdtInfo .line-DC {margin-bottom:16px; padding:0;}
.box-pdtInfo .line-DC .kit-dcInfo {font-size:14px; line-height:1.43; letter-spacing:-0.1px;}
.box-pdtInfo .line-DC .kit-dcInfo img {width:50px; height:50px; margin-right:10px;}
.box-pdtInfo .line-DC .kit-dcInfo .pull-left {display:inline-block; vertical-align:middle;}
.box-pdtInfo .line-DC .kit-dcInfo strong {color:#1b1b1b;}
.box-pdtInfo .line-DC .kit-dcInfo .priceInfo {font-weight:100; color:#000;}
.box-pdtInfo .line-DC .btn-join {width:116px; height:40px; font-size:14px; text-align:center; color:#1d1d1f; border:1px solid #1b1b1b;}
.box-pdtInfo .btns-pay {margin-bottom:15px;}
.box-pdtInfo .btns-pay .btn {height:50px; line-height:46px; font-size:16px; font-weight:500; text-align:center; color:#1b1b1b; border-radius:0; border:1px solid rgba(27,27,27,0.3); background:#fff;}
.box-pdtInfo .btns-pay .btn.btn-nPay {display:flex; align-items:center; justify-content:center;}
.box-pdtInfo .btns-pay .btn img {height:21px;}
.box-pdtInfo .btns-pay .btn-pay {width:100%;}

/* 버튼 디자인(찜, 선물하기) */
.detail .btns-pay button.btn-like {font-size:0px !important; background-image:none !important;}
.detail .btns-pay button.btn-like:before {content:''; display:inline-block; width:24px; height:24px; margin:0 1px 0 0; font-size:16px; line-height:16px; text-align:right; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_n.svg") no-repeat 0% 50%/auto 100%;}
.detail .btns-pay button.btn-gift:after {content:'혜택'; position:absolute; top:-10px; left:50%; padding:3px 7px 4px 7px; color:#fffef1; font-size:0.6rem; line-height:10px; letter-spacing:0; border-radius:30px; background:#1b1b1b; transform:translate(-50%,0);}
.detail .btns-pay button.btn-gift.kakao {font-size:0px;}
.detail .btns-pay button.btn-gift.kakao:before {content:'선물하기'; display:inline-block; width:75px; height:16px; margin:0 1px 0 0; font-size:16px; line-height:16px; text-align:right; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_kakaoGift_clr.svg") no-repeat 0% 50%/auto 100%;}
.detail .btns-pay button.btn-gift.kakao:after {content:'카카오 단독 혜택'; position:absolute; top:-10px; left:50%; min-width:85px; padding:3px 7px 4px 7px; color:#fae100; font-size:0.6rem; line-height:10px; letter-spacing:0; border-radius:30px; background:#3f2121; transform:translate(-50%,0);}
.detail .btns-pay button.btn-gift.kakao:disabled {height:51px; color:#868686 !important; border:1px solid #e2e2e2 !important; background:#e2e2e2 !important;}
.detail .btns-pay button.btn-gift.kakao:disabled:before {color:#1b1b1b; filter:grayscale(100%);}
.detail .btns-pay button.btn-gift.kakao:disabled:after {color:#fffef1; background:#bababa;}

/* 버튼 레이아웃 */
.detail .btns-pay {clear:both; overflow:hidden; padding:10px 0 0 0;}
.detail .btns-pay button {position:relative; overflow:visible; float:left; min-width:auto !important; margin:0 3px 0 0; font-size:15px; letter-spacing:-1px; box-sizing:border-box;}
.detail .btns-pay button:last-child {margin:0;}
/* 버튼이 1개인 경우 */
.detail .btns-pay button:first-child:nth-last-child(1) {width:100%;} 
/* 버튼이 2개인 경우 */
.detail .btns-pay button:first-child:nth-last-child(2), .detail .btns-pay button:first-child:nth-last-child(2) ~ button {width:calc(50% - 2px);}  
/* 버튼이 3개인 경우 */
.detail .btns-pay button.btn-like:nth-child(1):first-child:nth-last-child(3) {width:50px;} /* 첫번째 버튼 너비 */
.detail .btns-pay button:first-child:nth-last-child(3), .detail .btns-pay button:first-child:nth-last-child(3) ~ button {width:calc(33.3333% - 2px);}
/* 버튼이 4개인 경우 */
.detail .btns-pay button.btn-like:nth-child(1):first-child:nth-last-child(4) {width:50px;} /* 첫번째 버튼 너비 */
.detail .btns-pay button:first-child:nth-last-child(4) ~ button.btn-gift {width:50px;} /* 두번째 버튼 너비 */
.detail .btns-pay button:first-child:nth-last-child(4) ~ button.btn-gift:before {content:''; width:24px; height:24px;}
.detail .btns-pay button:first-child:nth-last-child(4) ~ button.btn-gift:after {display:none;}
.detail .btns-pay button:first-child:nth-last-child(4), .detail .btns-pay button:first-child:nth-last-child(4) ~ button {width:calc(50% - 55px);}

.box-pdtInfo .btns-pay .btn:disabled {height:auto; padding:8px 0 6px 0; color:#868686 !important; font-size:16px; font-weight:500; line-height:24px; border:1px solid #e2e2e2 !important; background:#e2e2e2 !important; opacity:1.0;}
.box-pdtInfo .btns-pay .btn:disabled:before {content:'쿠폰 받고 즉시 할인 받으세요'; display:block; margin:0 0 1px 0; font-size:10px; font-weight:400; line-height:10px; opacity:0.7;}

.soldout .box-pdtInfo .btns-pay .btn-pay {position:relative; width:100% !important; margin:0; text-indent:-99999999px; color:#868686; background:#e2e2e2!important; border:1px solid #e2e2e2!important; cursor:default; pointer-events:none;}
.soldout .box-pdtInfo .btns-pay .btn-pay:after {content:'품절'; position:absolute; display:block; left:0; top:0; width:100%; height:100%; line-height:56px; text-indent:0; color:#868686; background:#e2e2e2;}
.box-pdtInfo .btns-pay .btn-cart {width:100%;}
.soldout .box-pdtInfo .btns-pay .btn-cart,.soldout .box-pdtInfo .btns-pay .btn-nPay,.soldout.btns-detail-bottom.mobile {display:none!important;}
.soldout.btn-fixed-footer.btn-black.mobile {text-indent:-99999999px; color:#868686; background:#e2e2e2!important; pointer-events:none;}
.soldout.btn-fixed-footer.btn-black.mobile:after {content:'품절'; display:block; width:100%; height:100%; text-indent:0; color:#868686; background:#e2e2e2; position:absolute; top:0; left:0; vertical-align:middle; font-size:1.2rem; line-height:3.2rem;}

.btns-detail button {float:left; height:42px; line-height:38px; margin-left:1px; font-size:13px; font-weight:300; letter-spacing:-0.1px; text-align:center; color:#fffef1; background-color:#1d1d1f;}
/* 버튼이 1개인 경우 */
.btns-detail.pull-wrap button:first-child:nth-last-child(1) {width:100%;} 
/* 버튼이 2개인 경우 */
.btns-detail.pull-wrap button:first-child:nth-last-child(2), .btns-detail.pull-wrap button:first-child:nth-last-child(2) ~ button {width:calc(50% - 1px);}  
/* 버튼이 3개인 경우 */
.btns-detail.pull-wrap button:first-child:nth-last-child(3), .btns-detail.pull-wrap button:first-child:nth-last-child(3) ~ button {width:calc(33.3333% - 1px);}
/* 버튼이 4개인 경우 */
.btns-detail.pull-wrap button:first-child:nth-last-child(4), .btns-detail.pull-wrap button:first-child:nth-last-child(4) ~ button {width:calc(25% - 1px);}
.btns-detail.pull-wrap button:first-child {margin-left:0;}
.btns-detail.pull-wrap button.on {font-weight:500; text-decoration:underline;}
.mark-soldout {display:none; width:100%; height:54px; line-height:52px; text-align:center; font-size:16px; color:#868686; background:#e2e2e2;}
.soldout .mark-soldout {display:block;}

.container-detail {width:780px; margin:0 auto; padding:62px 0;}
.container-detail>[class*=conts-] {display:none;}
.container-detail>[class*=conts-].on {display:block;}
.container-detail .pdtImg {margin-bottom:67px;}
.container-detail .pdtImg>p>a {display:inline-block;}
.container-detail .pdtImg>p>video {}
.container-detail .pdtImg img {width:100%;}

dl.column-detail>dt {line-height:1.43; margin-bottom:6px; font-size:14px; letter-spacing:-0.1px; text-align:left; font-weight:400; color:#1b1b1b;}
dl.column-detail>dd {line-height:1.54; margin-bottom:20px; padding-bottom:20px; font-size:13px; font-weight:300; letter-spacing:-0.1px; border-bottom:1px solid #dddcd1; color:#1b1b1b;}
dl.column-detail.last>dd {border-bottom:0 none;}
dl.column-detail>dd span {font-size:12px;}
dl.column-detail.usage>dt {line-height:1.5; margin-bottom:12px; font-size:24px; letter-spacing:-0.3px;}
dl.column-detail.usage>dd {line-height:1.5; padding-bottom:28px; font-size:16px; letter-spacing:-0.2px; border-bottom:1px solid #1b1b1b;}
dl.column-EssentialInfo>dt {line-height:1.5; margin-bottom:16px; padding-bottom:16px; font-size:18px; font-weight:400; letter-spacing:-0.18px; color:#1b1b1b; border-bottom:1px solid #1b1b1b;}
dl.column-EssentialInfo>dd>dl {overflow:hidden; margin-bottom:16px;}
dl.column-EssentialInfo>dd>dl>dt {float:left; width:200px; line-height:1.46; font-size:13px; font-weight:400; letter-spacing:-0.13px; color:#1b1b1b;}
dl.column-EssentialInfo>dd>dl>dd {overflow:hidden; line-height:1.46; font-size:13px; font-weight:300; letter-spacing:-0.13px; color:#1b1b1b; word-break:break-all;}

.line-reviewHeader {margin-bottom:20px;}
.line-reviewHeader.v2 {display:flex; justify-content:space-between; align-items:center;}
.line-reviewHeader.v2>.kit-starRate {height:auto;}
.line-reviewHeader.v2 .title-qna {font-size:16px; font-weight:400;}
.line-reviewHeader>.kit-starRate {height:40px; font-size:30px; font-weight:400;}
.line-reviewHeader>.kit-starRate .rateit {float:left; margin-right:20px; line-height:34px;}
.line-reviewHeader>.kit-starRate .rateit img {width:34px; vertical-align:top;}
.line-reviewHeader>.kit-starRate .score {display:inline-block; font-size:24px; line-height:30px; vertical-align:top;}
.line-reviewHeader .btn-write {width:136px; height:42px; line-height:40px; font-size:14px; font-weight:300; text-align:center; color:#1d1d1f; border:1px solid #dddcd1;}
dl.column-review>dt {line-height:1.25; margin-bottom:20px; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#1b1b1b;}
ul.list-reivew>li {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #dddcd1;}

/* 상품상세-구매후기 */
.box-review {display:block; width:100%;}
.box-review h6 {margin-bottom:6px; color:#1b1b1b; font-size:14px; line-height:1.43; letter-spacing:-0.1px;}
.box-review .infos {clear:both; overflow:hidden; margin:0 0 10px 0; color:#1b1b1b; font-size:14px; font-weight:300; line-height:18px; letter-spacing:-0.1px;}
.box-review .infos .kit-starRate {display:inline-block; height:16px; margin-right:7px; vertical-align:top;}
.box-review .infos .kit-starRate > img {float:left; width:auto !important; height:100% !important; vertical-align:top;}
.box-review .infos .kit-starRate .rateit-range {vertical-align:top;}
.box-review .infos .userID {margin:0; font-size:13px; vertical-align:top; opacity:0.7;}
.box-review .infos .date {float:right; margin:0 5px 0 0; font-size:13px; vertical-align:top; opacity:0.7;}
.box-review > img.img_attach {float:left; width:50px; height:50px; margin:0 10px 0 0;}
.box-review .review {display:-webkit-box; overflow:hidden; height:auto; margin:0 0 10px 0; color:#1b1b1b; font-size:14px; font-weight:400; line-height:1.43; letter-spacing:-0.1px; white-space:normal; text-overflow:ellipsis; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.box-review + .source {display:inline-block; padding:2px 5px; font-size:12px; line-height:16px; border-radius:2px; vertical-align:top; background:rgba(27,27,27,0.1); opacity:0.7;}

ul.list-review>li .box-btn {position:relative; float:right; margin:0;}
ul.list-review>li .btn-review {color:#1b1b1b; font-size:12px; font-weight:300; line-height:18px; vertical-align:middle; letter-spacing:-0.1px;}
ul.list-review>li .btn-review:before {content:'더보기';}
ul.list-review>li .btn-review:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat center center/16px 16px;}
ul.list-review>li {position:relative; overflow:hidden; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #dddcd1;}
ul.list-review>li:last-child {border-bottom:none;}
ul.list-review>li:after {content:''; clear:both;}
ul.list-review>li .box-review .h6,ul.list-review>li .box-review h6 {font-size:14px; font-weight:400;}
ul.list-review>li .box-img {float:right; width:72px; height:72px; background:transparent no-repeat center center/cover;}
ul.list-review>li.open .box-img {height:auto;}
ul.list-review>li .box-img img {display:none; max-width:100%;}
ul.list-review>li .box-reply {display:none; clear:both; padding:16px; background:#f4f4e9;}
ul.list-review>li .box-reply .infos {margin-bottom:6px;}
ul.list-review>li .box-reply .infos .userID {font-size:14px; font-weight:500; line-height:1.43; color:#1d1d1f;}
ul.list-review>li .box-reply .infos .date {color:#1b1b1b; font-size:13px; font-weight:300; line-height:1.43; letter-spacing:-0.1px; opacity:0.7;}
ul.list-review>li .box-reply .infos .date:before {content:'TOUN28'; display:inline-block; margin:0 5px 0 0; padding:2px 5px; color:#fff; font-size:11px; line-height:14px; border-radius:2px; background:#1b1b1b;}
ul.list-review>li .box-reply .reply {height:auto; margin-bottom:9px; font-size:14px; font-weight:400; line-height:1.43; letter-spacing:-0.1px; color:#1b1b1b; white-space:inherit; overflow:hidden; text-overflow:inherit;}
ul.list-review>li .box-reply .reply:after {content:'- 의식있는 아름다움, 톤28 -'; display:block; margin:10px 0 0 0; font-weight:300;}
ul.list-review>li .box-reply .btn-reply {float:right; line-height:1.5; font-size:12px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
ul.list-review>li .box-reply .btn-reply:before {content:'더보기';}
ul.list-review>li .box-reply .btn-reply:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat center center/16px 16px;}
ul.list-review>li.open .box-review {width:100%;}
ul.list-review>li.open .box-review .review {overflow:visible; height:auto; text-overflow:initial; white-space:pre-wrap; -webkit-line-clamp:initial;}
ul.list-review>li.open .box-btn {position:relative; float:right; right:initial; top:initial;}

ul.list-review>li.open .btn-review:before {content:'접기';}
ul.list-review>li.open .btn-review:after {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg");}
ul.list-review>li.open .box-img {clear:both; float:left; width:480px; background-image:none!important;}
ul.list-review>li.open .box-img img {display:block; width:100%;}
ul.list-review>li.open .box-reply {display:block; margin:10px 0 0 0;}
ul.list-review>li .box-reply.open .reply {height:auto; white-space:normal; overflow:visible; text-overflow:initial;}
ul.list-review>li .box-reply.open .btn-reply:before {content:'접기';}
ul.list-review>li .box-reply.open .btn-reply:after {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg");}

dl.column-bestReview {margin-bottom:16px;}
dl.column-bestReview>dt {line-height:1.25; margin-bottom:10px; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#1b1b1b;}
dl.column-bestReview~hr {margin:50px 0 28px;}

/* 상품상세-구매후기(NEW) */
.box-review .lot_top {position:relative; clear:both; overflow:hidden; margin:0 0 10px 0; color:#1b1b1b; font-size:14px; font-weight:300; line-height:18px; letter-spacing:-0.1px;}
.box-review .lot_top .kit-starRate {display:inline-block; height:16px; margin-right:7px; vertical-align:top;}
.box-review .lot_top .kit-starRate > img {width:auto !important; height:100% !important; vertical-align:top;}
.box-review .lot_top .kit-starRate .rateit-range {vertical-align:top;}
.box-review .lot_top .userID {margin:0; font-size:13px; vertical-align:top; opacity:0.7;}
.box-review .lot_top .date {float:right; margin:0 5px 0 0; font-size:13px; vertical-align:top; opacity:0.7;}
.box-review .lot_mid {display:block; position:relative; clear:both; overflow:hidden; margin:0 0 12px 0;}
.box-review .lot_mid .img-wrap {position:relative; float:left; margin:0 10px 0 0;}
.box-review .lot_mid .img-wrap img.img_attach {width:60px; height:60px; margin:0;}
.box-review .lot_mid .img-wrap img.img_attach:nth-child(2) {display:none;}
.box-review .lot_mid .img-wrap img.img_attach:nth-child(3) {display:none;}
.box-review .lot_mid .img-wrap span.thumb_num {position:absolute; bottom:0; right:0; padding:3px 7px; color:#fffef1; font-size:0.65rem; font-weight:400; background:rgba(27,27,27,0.5); z-index:1;}
.box-review .lot_mid .review {display:-webkit-box; overflow:hidden; height:auto; margin:0; color:#1b1b1b; font-size:14px; font-weight:400; line-height:1.43; letter-spacing:-0.1px; white-space:normal; text-overflow:ellipsis; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

li.open .box-review .lot_mid .img-wrap {float:none; margin:0;}
li.open .box-review .lot_mid .img-wrap img.img_attach {display:inline; float:left; float:none; width:256px; max-width:350px; height:auto; margin:0 0 10px 0;}
li.open .box-review .lot_mid .img-wrap span.thumb_num {display:none;}
li.open .box-review .lot_btm .box-btn .btn-review:before {content:'접기';}
li.open .box-review .lot_btm .box-btn .btn-review:after {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg");}

.box-review .lot_btm {position:relative; clear:both; overflow:hidden;}
.box-review .lot_btm .source {float:left; height:24px; padding:0 7px; font-size:12px; line-height:24px; border-radius:2px; vertical-align:top; background:rgba(27,27,27,0.1); opacity:0.7;}
.box-review .lot_btm .box-btn {position:relative; float:right; margin:0;}
.box-review .lot_btm .box-btn .btn-review {color:#1b1b1b; font-size:12px; font-weight:300; line-height:22px; vertical-align:top; letter-spacing:-0.1px;}
.box-review .lot_btm .box-btn .btn-review:before {content:'더보기';}
.box-review .lot_btm .box-btn .btn-review:after {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat center center/16px 16px;}

/* 상품상세-구매후기-베스트리뷰 */
.slider-bestReview .slide {position:relative; width:300px; height:148px; margin-right:20px; padding:12px; background-color:#f4f4e9; cursor:pointer;}
.box-bestReview .box-review {float:left; width:calc(100% - 72px);}
.box-bestReview .box-review h6 {line-height:1.43; margin-bottom:6px; font-size:14px; letter-spacing:-0.1px; color:#1d1d1f;}
.box-bestReview .box-review .infos {line-height:1.43; margin-bottom:6px; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1d1d1f;}
.box-bestReview .box-review .infos .kit-starRate.userID {display:block; margin:10px 0 7px 0;}
.box-bestReview .box-review .infos .userID {display:inline-block; margin:0 10px 10px 0;}
.box-bestReview .box-review .infos .date {float:none;}
.box-bestReview .box-review .review {height:auto; margin:0 -72px 0 0; font-size:13px; -webkit-line-clamp:3;}
.box-bestReview .box-img {float:right; width:60px; height:60px; background:transparent no-repeat center center/cover;}
.box-bestReview .box-img img {display:none; max-width:100%;}
.box-bestReview .box-img {position:absolute; top:10px; right:10px; }
.box-bestReview .box-img span.thumb_num {position:absolute; bottom:0; right:0; padding:3px 7px; color:#fffef1; font-size:0.65rem; font-weight:400; background:rgba(27,27,27,0.5); z-index:10;}

.slider-bestReview-pop .slide {overflow-y:auto; width:780px; height:380px;}
.slider-bestReview-pop .box-img {float:left; width:380px; height:380px; margin:0 15px 0 0; background:#fff no-repeat center center/cover;}
.slider-bestReview-pop .group-text {float:right; width:380px; height:380px; overflow-y:auto;}
.slider-bestReview-pop .box-review {display:inline-block; float:left; width:365px;}
.slider-bestReview-pop .box-review .h6,.slider-bestReview-pop .box-review h6 {line-height:1.43; font-size:14px; font-weight:400; letter-spacing:-0.1px; color:#1d1d1f;}
.slider-bestReview-pop .box-review .infos {margin-bottom:0;}
.slider-bestReview-pop .box-review .kit-starRate {display:inline-block; max-width:110px; height:18px; margin-bottom:0;}
.slider-bestReview-pop .box-review .date,.slider-bestReview-pop .box-review .userID {line-height:1.43; margin-left:0; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1d1d1f;}
.slider-bestReview-pop .box-review .review {display:block; overflow:auto; height:345px; margin:7px 0 0 0; color:#1b1b1b; font-size:13px; font-weight:400; letter-spacing:-0.1px; white-space:pre-line; line-height:18px; -webkit-line-clamp:100;}
.slider-bestReview-pop .box-reply {float:left; overflow:auto; width:365px; max-height:195px; line-height:1.43; margin-right:8px; margin-right:0; padding:13px; font-size:14px; font-weight:400; color:#1d1d1f; background:#f4f4e9;}
.slider-bestReview-pop .box-reply .infos {margin-bottom:12px; opacity:0.7;}
.slider-bestReview-pop .box-reply .infos .userID {margin-right:8px; font-weight:400;}
.slider-bestReview-pop .box-reply .infos .date {font-size:13px; font-weight:300;}
.slider-bestReview-pop .box-reply .infos .date:before {content:'TOUN28'; display:inline-block; margin:0 5px 0 0; padding:2px 5px; color:#fff; font-size:11px; line-height:14px; vertical-align:middle; border-radius:2px; background:#1b1b1b;}
.slider-bestReview-pop .box-reply .infos .userID {margin-right:8px; font-weight:400;}
.slider-bestReview-pop .box-reply .reply {font-size:13px; font-weight:300; line-height:20px;}

/* scroll bar */
::-webkit-scrollbar {width:6px; height:6px; border-radius:3px;}  /* 스크롤바의 width */
::-webkit-scrollbar-track {background:#dee2e6;}  /* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {border-radius:3px; background:#6c6c6c;}  /* 스크롤바 색 */
::-webkit-scrollbar-button {display:none;}  /* 위 아래 버튼 (버튼 없애기를 함) */

.pop-writeReview {width:580px; height:742px; margin:-371px 0 0 -290px; padding:20px 30px;}
[class*=pop-] {display:none;}
[class*=pop-].on {display:block;}
[class*=pop-] .line-pdtInfo {padding-bottom:20px; border-bottom:1px solid #dddcd1;}
[class*=pop-] .line-pdtInfo>img {display:inline-block; width:84px; height:84px; vertical-align:middle;}
[class*=pop-] .line-pdtInfo>.infos {display:inline-block; vertical-align:middle;}
[class*=pop-] .line-pdtInfo>.infos .categoryName {margin-bottom:2px; line-height:1.43; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
[class*=pop-] .line-pdtInfo>.infos .pdtName {line-height:1.25; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#1b1b1b;}
[class*=pop-] .line-starRate {width:100%; height:70px; padding:20px 0; text-align:center; text-indent:80px; border-bottom:1px solid #dddcd1;}
[class*=pop-] .line-starRate img {display:inline-block; width:30px;}
[class*=pop-] .line-pickPic {overflow:hidden; width:100%; padding:20px 0; border-bottom:1px solid #dddcd1;}
[class*=pop-] .line-pickPic h6 {line-height:1.14; margin-bottom:16px; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
[class*=pop-] .line-pickPic .pickPic {float:left; width:80px; height:80px; margin:0 16px 0 0; border:dashed 1px #8c8c85; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_pick.svg") no-repeat center center; cursor:pointer;}
[class*=pop-] .line-pickPic .pickPic img {width:100%; height:100%;}
[class*=pop-] .line-write {position:relative; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddcd1;}
[class*=pop-] .line-write .box-write {position:relative; display:block; width:100%; height:221px; padding:16px 16px 50px; border:1px solid #e2e1d8;}
[class*=pop-] .write-box {padding:20px 0; position:relative;}
[class*=pop-] .write-box .textCnt {position:absolute; right:16px; bottom:36px; font-size:12px; font-weight:300;}
[class*=pop-] .write-box .textCnt span {color:#868686;}
[class*=pop-] .write-box .textCnt span span {color:#868686;}
[class*=pop-] .write-box textarea {display:block; width:100%; height:230px; font-size:14px; font-weight:300; background:0 0; border:1px solid #e2e1d8; resize:none; box-sizing:border-box; padding:16px 16px 50px;}
[class*=pop-] .line-write textarea {display:block; width:100%; height:219px; font-size:14px; font-weight:300; background:0 0; border:1px solid #e2e1d8; resize:none;}
[class*=pop-] .line-write span.textCnt {position:absolute; display:inline-block; right:16px; bottom:16px; line-height:1.67; font-size:12px; font-weight:300; letter-spacing:-0.1px; text-align:right; color:#868686;}

.pop-writeQuestion .line-write span.textCnt {bottom:32px;}
.pop-writeQuestion .line-write textarea {padding:16px 16px 50px;}
.pop-writeQuestion .line-contact {margin-bottom:8px!important;}
.pop-writeQuestion .line-write .textCnt span {color:#868686;}
.pop-writeQuestion .line-write .textCnt span span {color:#868686;}

[class*=pop-] .line-write span.textCnt span.over {color:#d5514f;}
[class*=pop-] .line-btns {position:relative; width:100%;}
[class*=pop-] .line-btns .btn {width:100%; height:52px; line-height:52px; font-size:16px; font-weight:500; letter-spacing:-0.2px; text-align:center; color:#868686; background:#e2e2e2; pointer-events:none; cursor:default;}
[class*=pop-] .line-btns .btn.posible {color:#fffef1; background:#1b1b1b; pointer-events:all; cursor:pointer;}

.line-questionHeader {overflow:hidden;}
.line-questionHeader h5 {float:left; overflow:hidden;}
.line-questionHeader .btn-write-q {float:right; height:42px; line-height:40px; padding:0 28px; font-size:14px; font-weight:300; text-align:center; color:#1d1d1f; border:1px solid #dddcd1;}
.title-qna {line-height:1.25; margin-bottom:5px; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#1b1b1b;}
ul.list-qna {margin-bottom:40px;}
ul.list-qna>li {overflow:hidden; padding:23px 0; border-bottom:1px solid #dddcd1;}
ul.list-qna>li:last-child {border-bottom:0 none;}
ul.list-qna>li>dl>dt {line-height:26px; margin-bottom:12px;}
ul.list-qna>li>dl>dt span.cond {display:inline-block; width:60px; height:26px; line-height:24px; padding:0; text-align:center; font-size:12px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b; border:1px solid #000;}
ul.list-qna>li.complete>dl>dt span.cond {color:#fffef1; background:#000;}
ul.list-qna>li>dl>dt span.cond:before {content:'답변대기';}
ul.list-qna>li.complete>dl>dt span.cond {content:'답변완료';}
ul.list-qna>li.complete>dl>dt span.cond:before {content:'답변완료';}
ul.list-qna>li>dl>dt span.cName {margin:0 10px; line-height:1.29; font-size:14px; font-weight:400; letter-spacing:-0.1px; color:#1d1d1f;}
ul.list-qna>li>dl>dt span.date {line-height:1.29; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
ul.list-qna>li.secret>dl>dd:before {content:'비밀글입니다.';}
ul.list-qna>li.secret>dl>dd:after {content:''; display:inline-block; width:18px; height:18px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_lock.svg") no-repeat center center;}
ul.list-qna>li>dl>dd .question {max-height:100px; line-height:1.43; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1d1d1f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list-qna>li.open>dl>dd .question {height:auto; white-space:normal; overflow:visible; text-overflow:initial;}
ul.list-qna>li>dl>dd .box-btn {margin-bottom:10px;}
ul.list-qna>li>dl>dd .box-btn {position:relative; float:right; right:initial; top:initial;}
ul.list-qna>li>dl>dd .btn-review {line-height:1.5; vertical-align:middle; font-size:12px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
ul.list-qna>li>dl>dd .btn-review:before {content:'더보기';}
ul.list-qna>li.open .btn-review:before {content:'접기';}
ul.list-qna>li>dl>dd .btn-review:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat center center/16px 16px;}
ul.list-qna>li.open .btn-review:after {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg");}
ul.list-qna>li>dl>dd .btn-toggle {line-height:1.5; vertical-align:middle; font-size:12px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
ul.list-qna>li>dl>dd .btn-toggle:before {content:'더보기';}
ul.list-qna>li.open>dl>dd .btn-toggle:before {content:'접기';}
ul.list-qna>li>dl>dd .btn-toggle:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg");}
ul.list-qna>li.open>dl>dd .btn-toggle:after {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg");}
ul.list-qna>li.secret>dl>dd .group-answer,ul.list-qna>li.secret>dl>dd .question {display:none;}
ul.list-qna>li>dl>dd .group-answer {display:none;}
ul.list-qna>li.open>dl>dd .group-answer {display:block; padding:16px; background:#f4f4e9;}
ul.list-qna>li>dl>dd .group-answer {clear:both; padding:16px; background:#f4f4e9;}
ul.list-qna>li>dl>dd .group-answer .info strong {line-height:1.43; font-size:14px; font-weight:400; letter-spacing:-0.1px; color:#1d1d1f;}
ul.list-qna>li>dl>dd .group-answer .info .date {line-height:1.43; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
ul.list-qna>li>dl>dd .group-answer .answer {line-height:1.43; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
dl.column-review>dd .btn-more,ul.list-qna+.btns .btn {width:100%; height:58px; line-height:56px; font-size:15px; font-weight:300; letter-spacing:-0.15px; text-align:center; color:#1b1b1b; border:1px solid #dddcd1;}

.pop-writeQuestion {width:580px; height:747px; margin:-371px 0 0 -293px; padding:20px 30px;}
[class*=pop-] .line-title {margin-bottom:20px; padding-bottom:22px; border-bottom:1px solid #dddcd1;}
.line-title dl.column-select {overflow:visible; position:relative; width:100%; font-size:14px; border-bottom:0 none;}
.line-title dl.column-select>dt {height:40px; line-height:38px; padding:0 12px; font-size:14px; font-weight:300; color:#000; border:1px solid #dddcd1; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat right 10px center;}
.line-title dl.column-select>dt:active,.line-title dl.column-select>dt:focus {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg") no-repeat right 10px center;}
.line-title dl.column-select>dd {display:none; position:absolute; left:0; top:40px; width:100%; padding-top:8px; padding-bottom:8px; background:#fffef1; border:1px solid #dddcd1; border-top:0 none; z-index:3;}
.line-title dl.column-select>dt:active+dd,.line-title dl.column-select>dt:focus+dd {display:block!important;}
.line-title dl.column-select>dd>ul>li {height:36px; line-height:36px; padding:0 12px; cursor:pointer;}
.line-title dl.column-select>dd>ul>li:hover {background-color:#efefe9;}

[class*=pop-] .line-check {margin-bottom:16px;}
[class*=pop-] .line-contact {margin-bottom:20px;}
[class*=pop-] .line-contact h5 {line-height:1.43; margin-bottom:12px; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#000;}
[class*=pop-] .line-contact input {width:100%; height:40px; line-height:38px; margin:0 0 8px; padding:0 10px; font-size:14px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b; border:1px solid #dddcd1; background:#f4f4e9;}
[class*=pop-] .line-contact input::placeholder {color:#b2b1ac;}
[class*=pop-] .line-desc {line-height:22px; margin-bottom:20px; font-size:12px; font-weight:300; letter-spacing:-0.1px; color:#1b1b1b;}
[class*=pop-confirm-] {width:380px; height:196px;}

.pop-confirm-cart {height:auto; padding-bottom:0;}
.pop-confirm-alert,.pop-confirm-complete {padding:20px 30px 24px; height:auto;}
.pop-confirm-alert .line-question {margin:20px 0 0;}
.btn-box-pop {margin-top:40px; text-align:center;}
.btn-box-pop .btn {width:160px; height:46px; font-size:14px;}

[class*=pop-confirm-] .footer-pop.center .btn {display:block; width:196px; margin:0 auto 20px; font-size:14px;}
#crew-discount-view {display:none;}
#crew-discount-view.on {display:block;}

.naver-purchase-area {margin-bottom:16px;}
.naver-purchase-area:after {content:'N Pay 구매 시, 공식몰 회원혜택(쿠폰, 마일리지)이 제공되지 않습니다'; display:block; margin:0 4px; padding:5px 7px; color:#1b1b1b; font-size:10px; line-height:11px; background:#eaecee;}
.naver-purchase-area .npay_storebtn_bx.npay_type_A_1 , .naver-purchase-area .npay_storebtn_bx.npay_type_A_2, .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1 , .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 {width:100% !important;}
.naver-purchase-area .npay_storebtn_bx.npay_type_A_1 .npay_button_box, .naver-purchase-area .npay_storebtn_bx.npay_type_A_2 .npay_button_box, .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1 .npay_button_box, .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 .npay_button_box {background:#fffef1 !important;}
.box-pdtInfo .btns-pay .btn-pay {width:168px; margin:0 0 0 16px;}
.btns-detail.pull-wrap {display:block;}
.m-product-title .btn-share {display:none;}

dl.countBox {display:block; margin:0 0 7px 0; padding:5px 7px 6px 7px; color:#fff; font-size:12px; font-weight:300; text-align:center; line-height:14px; background:#10109f;}
dl.countBox dt {display:inline-block; margin:0 7px 0 0; font-weight:100;}
dl.countBox dd {display:inline-block;}
dl.countBox dd.time_count {font-size:14px; font-weight:500;}
dl.countBox dd.time_count ul.countdown {display:inline-block;}
dl.countBox dd.time_count ul.countdown li {display:inline-block;}
dl.countBox dd.time_count ul.countdown li:after {display:inline-block; font-size:11px; font-weight:100; line-height:12px; opacity:0.7;}
dl.countBox dd.time_count ul.countdown li:nth-child(1):after {content:'일';}
dl.countBox dd.time_count ul.countdown li:nth-child(2):after {content:':';}
dl.countBox dd.time_count ul.countdown li:nth-child(3):after {content:':';}
dl.countBox dd.time_count ul.countdown li:nth-child(4):after {content:'';}
dl.countBox dd.time_count ul.countdown li p {display:none;}
dl.countBox dd.time_count ul.countdown li span {display:inline-block;}
dl.countBox:after {content:'남음'; display:inline-block; margin:0 0 0 2px; font-weight:100;}

.count_des {padding:0 0 16px 0; color:#1b1b1b; font-size:13px; font-weight:300; line-height:1.46; letter-spacing:-0.13px; text-align:left; border-bottom:1px solid #dddcd1;}
.count_des strong {color:#10109f; font-weight:500;}
.count_des + .line-infoDeli {display:none;}
.btns-pay.pull-wrap.pc button:nth-child(1):nth-last-child(1) {width:100%; margin:0;}
.box-pdtInfo .line-pirce .coupon {display:inline-block; height:34px; margin:0; background:#10109f;}
.box-pdtInfo .line-pirce .coupon:after {width:34px; height:34px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_download_w.svg") no-repeat center center; background-size:35%;}
.box-pdtInfo .line-pirce .coupon .dc-won {padding:0 3px; color:#fff; font-size:12px; line-height:32px;}
.box-pdtInfo .line-pirce .coupon .dc-per {padding:0 3px; color:#fff; font-size:12px; line-height:32px;}

.box-pdtInfo .line-pirce .coupon.disabled {background:#e2e2e2; cursor:default; pointer-events:none;}
.box-pdtInfo .line-pirce .coupon.disabled .dc-won {color:#868686;}
.box-pdtInfo .line-pirce .coupon.disabled:after {background-color:rgba(27,27,27,0.2);}

.btns-control.pull-wrap.pc.box-tag + .countBox {display:none;}
.btns-control.pull-wrap.pc.box-tag + .countBox + .count_des {display:none;}

/* chrlghk */
.arcanaBox {display:block; clear:both; overflow:hidden; margin:10px 0 0 0;}

.sg_info {display:block; margin-bottom:25px;}
.sg_info dl {display:table; width:100%; margin:12px 0; color:#1b1b1b;}
.sg_info dl dt {display:table-cell; font-size:15px; font-weight:400; text-align:left;}
.sg_info dl dd {display:table-cell; font-size:15px; font-weight:400; text-align:right;}
.sg_info dl.quantity_prod {}
.sg_info dl.quantity_prod dt {}
.sg_info dl.quantity_prod dd {}
.sg_info dl.quantity_prod dd:after {content:'개'; display:inline-block;}
.sg_info dl.delivery_price {color:#1b1b1b;}
.sg_info dl.delivery_price dt {}
.sg_info dl.delivery_price dd {}
.sg_info dl.cost_price {display:none; margin:0; color:#868686;}
.sg_info dl.cost_price dt {display:none; font-size:14px;}
.sg_info dl.cost_price dd {font-size:14px; text-decoration:line-through;}
.sg_info dl.cost_price dd:after {content:'원'; display:inline-block;}
.sg_info dl.cost_price dd:before {content:'일반판매가'; display:inline-block; margin:-2px 5px 0 0; color:#868686; font-size:11px; font-weight:400; line-height:11px; vertical-align:middle;}
.sg_info dl.special_price {margin:0; color:#1b1b1b; font-size:20px; letter-spacing:-1px;}
.sg_info dl.special_price dt {font-size:22px; font-weight:500;}
.sg_info dl.special_price dd {font-size:22px; font-weight:500;}
.sg_info dl.special_price dd:before {content:'쿠폰할인가'; display:inline-block; margin:-2px 3px 0 0; padding:4px 7px 5px 7px; color:#fffef1; font-size:10px; font-weight:400; line-height:12px; vertical-align:middle; background:#10109f;}
.sg_info dl.special_price dd:after {content:'원'; display:inline-block;}

.campain_desc {display:block; width:100%; margin:0 0 15px 0; padding:20px 15px; text-align:left; letter-spacing:-0.5px; background:rgba(24,24,24,0.03);}
.campain_desc .tit {display:block; font-size:14px; font-weight:400; line-height:22px;}
.campain_desc .txt {display:block; padding:4px 0 0 0; color:#929294; font-size:12px; font-weight:normal; line-height:18px;}

.btns-pay.mobile.v2 {display:none !important;}
.area.pull-wrap {position:relative; padding:55px 0 0 0;}
.sec1.section.pdt-01 {margin:0;}
.btns-control.pull-wrap.pc.box-tag {position:absolute; top:0; right:0; margin:0;}
.btns.btns-detail-bottom.mobile {display:none !important;}
.line-infoDeli + .btns-pay.pull-wrap.pc {position:relative; padding:22px 0 0 0;}
.line-infoDeli + .btns-pay.pull-wrap.pc:after {content:'간편구매시 5% 적립'; position:absolute; top:0px; right:0; width:calc(50% - 2px); font-size:13px; text-align:center;}
.soldout .line-infoDeli + .btns-pay.pull-wrap.pc:after {display:none;}

@media screen and (max-width:781px) {	
.slider-pdt .slide span.disc_per {width:80px; height:80px; font-size:2.1rem; line-height:75px;}
.slider-pdt .slide span.disc_per:after {font-size:1.1rem;}
.slider-pdt .slide span.ico_badge.nego {left:0; bottom:90px; width:80px; height:28px;}
	
ul.list-qna>li {padding:23px 20px;}
	
.box-pdtInfo .line-pdtPcs {margin-top:16px; margin-bottom:7px;  padding-top:16px; border-top:1px solid #dddcd1;}
.box-pdtInfo .line-DC {margin-bottom:10px;}
.sec0.section {display:none;}
.area.pull-wrap {padding:0;}
.box-pdtInfo .line-props{display:none;}
	
.btn-fixed-footer, .btns-detail-bottom {height:auto;}
li.open .box-review .lot_mid .img-wrap img.img_attach {float:none; width:100%; max-width:100%;}
dl.countBox {display:none;}
.count_des {display:block; padding:0 15px 15px 15px;}
.btns-control.pull-wrap.pc.box-tag + .countBox {display:block; padding:8px 7px 9px 7px;}
.btns-control.pull-wrap.pc.box-tag + .countBox + .count_des {display:block; padding:0 0 15px 0;}
.wrap {overflow:hidden; position:relative; padding-top:100px;}
.box-pdtPic {position:relative; float:none; width:100%; padding:0 0 10px 0;}
.section>.area {width:100%;}
.box-pdtPic .slider-pdt:before {display:none;}
.box-pdtPic span.bar,.slider-pdt:after {position:absolute; left:50%; bottom:7px; width:34px; height:10px; margin-left:-17px; border-radius:1px; background:transparent url("/img/renew/arrow_up.png") no-repeat center center; z-index:7;}
.wrap.slidedUp .box-pdtPic span.bar,.wrap.slidedUp .slider-pdt:after {transform:rotate(180deg);}
ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#1b1b1b;}
	
.slider-pdt {width:100vw!important;}
.slider-pdt .slick-list,.slider-pdt .slick-track {height:auto !important;}
.slider-pdt .slide {height:auto;}
.slider-pdt .slide img {width:100vw;}
.slider-pdt .slick-dots {position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center; font-size:0; z-index:2;}
.slider-pdt .slick-dots>li {display:inline-block; text-align:center; width:10px; height:10px; margin:0 4px; vertical-align:middle;}
.slider-pdt .slick-dots>li button {display:inline-block; width:10px; height:10px; padding:3px; border:0 none; background:0 0;}
.slider-pdt .slick-dots>li button:before {content:''; display:inline-block; vertical-align:top; width:4px; height:4px; border-radius:50%; background:#1b1b1b;}
.slider-pdt .slick-dots>li.slick-active button {padding:2px;}
.slider-pdt .slick-dots>li.slick-active button:before {content:''; display:inline-block; width:6px; height:6px; vertical-align:middle; border-radius:50%; background:0 0; border:1px solid #1b1b1b;}
.slider-pdt-thumbs {display:none;}
.scroll-off {overflow:hidden;}
	
.box-pdtInfo {float:none; width:100%; padding:0 20px 40px 20px; background:#fffef1; z-index:7;}
.wrap.slidedUp.crossOpen .box-pdtInfo {overflow-y:visible;}
.wrap.slidedUp .box-pdtInfo {top:100px; transition:all .5s ease;}
.wrap .box-pdtInfo .area-touch {position:absolute; left:0; top:0; width:100%; height:30px; z-index:2;}
.box-pdtInfo .btns-control {clear:both; position:relative; margin-bottom:0; margin-top:0;}
.box-pdtInfo .btns-control .group-tags {float:none; position:relative;}
.group-control {position:absolute; right:11px; top:102px; margin-right:10px; z-index:7;}
.group-control button {width:18px; height:18px; margin-left:12px;}
.m-product-title {display:flex; justify-content:space-between; align-items:flex-start;}
.m-product-title .btn-share {flex-shrink:0; width:24px; height:24px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_share_n.svg") no-repeat 50% 50%; background-size:contain;}
.m-product-title .box-pdtInfo h3 {flex:1 auto;}
.box-pdtInfo h3 {line-height:1.25; margin-bottom:10px; font-size:20px; font-weight:500;}
	
.box-pdtInfo .line-pirce {position:relative; overflow:hidden; margin:0; text-align:left;}
.box-pdtInfo .line-pirce .dc,.box-pdtInfo .line-pirce .dc-won,.box-pdtInfo .line-pirce .price {font-size:15px; line-height:1.43; letter-spacing:-0.1px;}
.box-pdtInfo .line-pirce .special_price {display:block; position:absolute; bottom:0; left:0; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.box-pdtInfo .line-pirce .special_price:before {content:'쿠폰할인가'; display:inline-block; margin:-2px 3px 0 0; padding:3px 5px 4px 5px; color:#fffef1; font-size:0.5rem; font-weight:400; line-height:10px; vertical-align:middle; background:#10109f;}
.box-pdtInfo .line-pirce .special_price:after {content:'원'; display:inline-block;}
	
.box-pdtInfo .line-pirce .special_price + .price {display:none; text-decoration:line-through; font-size:11px; color:#adb5bd; line-height:10px;}
.box-pdtInfo .line-pirce .special_price + .price:before {content:'일반판매가'; display:inline-block; margin:-4px 3px 0 0; color:#adb5bd; font-size:0.5rem; font-weight:400;  vertical-align:middle;}
.box-pdtInfo .line-pirce .special_price + .price:after {content:'원'; display:inline-block;}
	
.box-pdtInfo .line-pirce .dc-per {font-size:1rem; line-height:30px; vertical-align:middle;}
.box-pdtInfo .line-pirce .dc-per:before {content:'(';}
.box-pdtInfo .line-pirce .dc-per:after {content:'%)';}
.box-pdtInfo .line-pirce .price.before-won {font-size:1rem; line-height:30px; vertical-align:middle;}
.box-pdtInfo .line-pirce .price.after-won {float:left; margin:0 5px; font-size:1.25rem; line-height:30px;}
	
.box-pdtInfo .crew-pirce {text-align:left;}
.box-pdtInfo .crew-pirce .cl_b {display:block; margin:0 0 3px 0;}
.box-pdtInfo .crew-pirce .cl_b .crew_price {margin:0; font-size:1.25rem;}
.box-pdtInfo .crew-pirce .cl_b .crew_price:before {font-size:1.2rem;}
.box-pdtInfo .crew-pirce .cl_b a.btn_tip {display:inline-block; position:relative; top:-3px;}
.box-pdtInfo .crew-pirce .cl_b .mileage {margin:0; font-size:1.25rem;}
.box-pdtInfo .crew-pirce .cl_b .mileage:before {font-size:1.2rem;}

.box-pdtInfo .line-pirce .dc-won {margin-left:6px;}
.box-pdtInfo .btns-pay {margin-bottom:10px;}
.box-pdtInfo .btns-pay.v2 {display:none !important; overflow:visible;}
.box-pdtInfo .btns-pay.v2 .btn-like {height:40px; border:none; width:36px; flex-shrink:0;}
.box-pdtInfo .btns-pay.v2 .btn-like:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_n2.svg") no-repeat 0 50%; background-size:cover;}
.box-pdtInfo .btns-pay.v2 .btn-like.like:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_s.svg") no-repeat 0 50%; background-size:cover;}
.box-pdtInfo .btns-pay.v2 .btn-cart {border-color:#dddcd1; font-size:14px; color:#1b1b1b; font-weight:300; height:40px; display:flex; align-items:center; justify-content:center; margin-right:6px; max-width:110px; flex:1 auto; width:auto;}
.box-pdtInfo .btns-pay.v2 .btn-pay {flex:1 auto; width:auto; margin:0;}
.box-pdtInfo .btns-pay.v2 .btn-pay:disabled {padding:5px 0 3px 0; color:#868686 !important; font-size:14px; line-height:18px; border:1px solid #e2e2e2 !important; background:#e2e2e2 !important;}
.box-pdtInfo .btns-pay.v2 .btn-pay:disabled:before {font-size:9px;}
.box-pdtInfo .btns-pay .btn-pay {width:128px; line-height:40px; font-size:14px; font-weight:400;}
.box-pdtInfo .line-marks {margin-bottom:20px;}
.container-detail {overflow:visible; width:100%; margin:0 auto; padding:28px 0 86px;}
.line-infoDeli + .btns-pay.pull-wrap.pc:after {width:100%; text-align:right;}

.soldout .slider-pdt .slide:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,254,241,0.6); z-index:4444;}
.soldout .slider-pdt .slide:after {content:'sold out'; position:absolute; top:50%; left:50%; width:150px; height:auto; padding:7px 5px; color:#1b1b1b; font-size:20px; font-weight:500; text-align:center; line-height:1.0; text-transform:uppercase; transform:translate(-50%, -50%) rotate(-0deg); z-index:5555; opacity:0.9;}
.soldout .box-pdtInfo .line-pdtPcs {display:none;}
.soldout #add-price-container {display:none;}
.soldout .box-pdtInfo .line-total {display:none;}
.soldout .line-infoDeli + .btns-pay.pull-wrap.pc:after {display:none;}
.soldout .box-pdtInfo .btns-pay {margin:22px 0; border-top:1px solid #dddcd1;}
.soldout .box-pdtInfo .btns-pay .btn-pay {margin:5px 0 0 0;}
.soldout .box-pdtInfo .btns-pay .btn-pay:after {line-height:46px;}
	
dl.column-detail>dt {letter-spacing:-0.13px; margin-bottom:4px; font-size:13px; line-height:1.54;}
dl.column-detail>dd {margin-bottom:16px; padding-bottom:16px;}
dl.column-detail.last>dd {border-bottom:0 none;}
dl.column-detail>dd span {font-size:11px;}
dl.column-detail.usage>dt {line-height:1.54; margin-bottom:11px; font-size:13px;}
dl.column-detail.usage>dd {line-height:1.57; margin-bottom:16px; padding-bottom:32px; font-size:14px; letter-spacing:-0.1px;}
dl.column-EssentialInfo>dt {line-height:1.43; font-size:14px; letter-spacing:-0.1px;}
dl.column-EssentialInfo>dd>dl>dt {float:none; line-height:1.5; margin-bottom:4px; font-size:12px; letter-spacing:-0.1px;}
dl.column-EssentialInfo>dd>dl>dd {float:none; line-height:1.5; font-size:12px; letter-spacing:-0.1px;}
.pdtImg {margin-bottom:40px;}
.container-detail .pdtImg div {width:100%!important;}
.pdtImg img {width:100%;}
.pdtImg video {width:100%!important;}
ul.list-review>li.open .box-img {position:relative; right:initial; top:initial; float:none; width:auto;}
.btns-detail {margin:0;}
.btns-detail button {width:calc(33.3333% - 1px); height:40px; line-height:37px;}
.box-pdtInfo .line-total .title,.box-pdtInfo .line-total .totalPrice {font-size:16px; font-weight:500;}
[class*=pop-] {left:0; top:0; width:100%; height:100%; margin:0; padding:20px 0 0; overflow-y:auto;}
.pop-confirm-alert,.pop-confirm-complete {padding:20px 30px 24px;}
.slider-bestReview-pop .slide {width:100vw; height:100%; padding:0;}
.slider-bestReview-pop .box-img {float:none; width:100vw; height:375px; margin:0 0 16px 0; padding:0;}
.slider-bestReview-pop .group-text {float:none; width:auto; height:auto; overflow-y:visible;}
.slider-bestReview-pop .box-reply,.slider-bestReview-pop .box-review {float:none; width:100%; height:auto;}
.slider-bestReview-pop .box-review {display:block; width:100vw; margin:0; padding:0; box-sizing:border-box;}
.slider-bestReview-pop .box-review .review {overflow:auto; height:calc(100vh - 462px); margin:0; padding:0 15px; -webkit-line-clamp:initial;}
.slider-bestReview-pop .box-review .infos {padding:0 15px;}
.slider-bestReview-pop .box-review .date, .slider-bestReview-pop .box-review .userID {font-size:13px;}
.slider-bestReview-pop .box-reply {width:auto; margin:0 -20px;}
.slider-bestReview-pop .box-reply .infos .userID {margin-right:0;}
dl.column-bestReview~hr {margin:24px 0;}
dl.column-review>dt {padding:0 20px; font-size:14px;}
ul.list-review>li .box-review .h6,ul.list-review>li .box-review h6 {font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box-review .infos .userID {font-size:13px;}
ul.list-review>li .box-img {position:absolute; right:0; top:0; width:58px; height:58px;}
	
/* 상품상세-구매후기 */
.box-review .review {display:-webkit-box; overflow:hidden; height:auto; white-space:normal; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
ul.list-review>li.open .box-review .review {-webkit-line-clamp:initial;}
ul.list-review>li {overflow:hidden; padding:0 20px 24px 20px;}
ul.list-review>li .box-review {float:none;}
ul.list-review>li:after {content:''; clear:both;}
ul.list-review>li.open .box-reply {margin:10px 0 0 0;}
dl.column-review>dd .btn-more,ul.list-qna+.btns .btn {width:calc(100% - 40px); height:40px; margin:0 20px; line-height:37px; font-size:13px;}
ul.list-qna>li>dl>dt span.cond {width:45px; height:18px; line-height:16px; font-size:10px;}
ul.list-qna .text-center {font-size:14px;}
[class*=pop-] h4 {margin-bottom:15px; font-size:16px;}
[class*=pop-] .body-pop {padding:0 20px;}
.pop-bestReview .body-pop {padding:0;}
.pop-writeReview .line-pdtInfo {padding-bottom:16px; display:flex;}
.pop-writeReview .body-pop {padding:0;}
.pop-writeReview .line-starRate {padding:24px 0; height:78px;}
.pop-writeReview .write-box textarea {height:calc(100vh - 430px);}
.pop-writeReview .line-btns .btn {position:fixed; bottom:0; left:0; right:0; height:54px;}
.pop-writeReview .line-pickPic {padding:20px 0 16px;}
.pop-writeReview .line-pdtInfo>img {width:56px; height:56px; flex-shrink:0;}
.pop-writeReview .line-pdtInfo>.infos .categoryName {font-size:13px; line-height:19px; margin:0;}
.pop-writeReview .line-pdtInfo>.infos .pdtName {font-size:14px; line-height:20px;}
.pop-writeReview .line-pickPic h6 {font-size:12px; line-height:17px; margin-bottom:8px;}
.pop-writeReview .line-pickPic .pickPic {width:56px; height:56px; margin-right:8px;}
.btn-box-pop {margin-top:32px;}
.btn-box-pop .btn {height:36px; width:118px; font-size:14px; color:#fffef1; font-weight:400;}
[class*=pop-] .line-title {padding-bottom:16px; font-size:13px;}
[class*=pop-] .popNext,[class*=pop-] .popPrev {position:fixed; margin-top:-40px;}
[class*=pop-] .popPrev {left:0;}
[class*=pop-] .popNext {right:0;}
[class*=pop-] .line-write textarea {padding:0; font-size:13px;}
[class*=pop-] .line-write .box-write {height:193px; padding:10px 16px 38px;}
[class*=pop-] .line-write span.textCnt {right:10px; bottom:10px;}
.pop-writeQuestion .line-write {padding-bottom:16px; margin-bottom:16px;}
.pop-writeQuestion .line-write textarea {padding:10px 10px 38px; height:193px;}
.pop-writeQuestion {padding-bottom:60px;}
.pop-writeQuestion .line-contact h5 {margin-bottom:8px;}
.pop-writeQuestion .line-write span.textCnt {bottom:24px!important;}
[class*=pop-] .line-btns.m-btn {position:fixed; bottom:0; left:0; right:0;}
.pop-writeQuestion .line-contact input {height:36px; line-height:36px; font-size:12px;}
.pop-writeReview {padding:20px 20px 0;}
[class*=pop-confirm-] {left:20px; top:200px; width:calc(100% - 40px); height:auto;}
[class*=pop-confirm-] .footer-pop.center .btn {display:block; width:118px; margin:0 auto 20px; font-size:14px;}
[class*=pop-confirm-] .footer-pop.center.double .btn {display:inline-block; width:calc(50% - 16px); margin-left:16px; font-size:14px;}
[class*=pop-] .line-contact input[type=text] {width:calc(100vw - 40px); font-size:12px;}
[class*=pop-] .line-desc {line-height:17px;}
.line-reviewHeader {margin-bottom:10px; padding:0 20px;}
.line-reviewHeader>.kit-starRate {width:100%; height:28px; font-size:18px;}
.line-reviewHeader>.kit-starRate .rateit {width:142px; height:24px; margin-right:12px;}
.line-reviewHeader>.kit-starRate .rateit img {width:24px; vertical-align:top;}
.line-reviewHeader>.kit-starRate .score {float:left; line-height:22px;}
dl.column-bestReview>dt {margin-bottom:10px; font-size:14px;}
.line-title dl.column-select>dt {font-size:13px;}
.line-title dl.column-select>dd>ul>li {font-size:13px;}
dl.column-bestReview .slick-list {overflow:visible;}
.line-reviewHeader .btn-write {width:98px; height:34px; line-height:32px; font-size:13px;}
.slider-bestReview .slide {width:300px; height:159px;}
.cross.on {display:block; padding:0; bottom:0;}
.box-pdtInfo .line-pdtPcs .pdtName {width:calc(100% - 180px);}
.line-option .pdtName {width:calc(100% - 200px);}
.line-option .pdtControl .price {width:64px; margin-left:17px;}
.btns-detail-bottom,.cross .btns-detail-bottom {position:relative; overflow:hidden;}
.btns-detail-bottom.mobile.on {overflow:visible;}
.btns-detail-bottom.mobile .btn-top {position:absolute; bottom:calc(100% + 16px); right:20px; width:36px; height:36px; margin-left:3px; background:transparent url("/img/renew/btn_top.png") no-repeat center center/contain;}
.btns-detail-bottom .btn,.cross .btns-detail-bottom .btn {float:left; width:36%; height:54px; line-height:54px; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.2px; text-align:center; color:#fffef1; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/seperator_01.svg") no-repeat left center;}
.btns-detail-bottom .btn:first-child,.cross .btns-detail-bottom .btn:first-child {background:#1b1b1b;}
.btns-detail-bottom .btn.btn-nPay img,.cross .btns-detail-bottom .btn.btn-nPay img {width:44px; margin-top:-8px; vertical-align:middle;}
.m-product-title .btn-share {display:inline-block;}
.crossOpen .cross.on .line-pdtPcs.pull-wrap {padding:20px 20px 0 20px;}
.crossOpen .cross.on .line-DC {padding:0 20px;}
.crossOpen .cross.on .line-total {margin:0 20px 10px 20px; padding:0 0 15px 0;}
.crossOpen .cross.on .line-infoDeli {padding:0 20px 20px 20px;}
.crossOpen .cross.on .btns-detail-bottom {position:relative; height:auto; margin:0;}
.crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap {margin:0;}
.crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area {margin:0; padding:0;}
.crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_A_1, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_A_2, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 {width:100% !important; height:78px !important;}
.crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_A_1 .npay_button_box, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_A_2 .npay_button_box, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1 .npay_button_box, .crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 .npay_button_box {padding:0 20px !important; background:#fffef1 !important;}
.crossOpen .cross.on .btns-detail-bottom .btn-cart {background:#1b1b1b;}
.btns-detail-bottom.mobile.on {height:auto; background:#fffef1;}
.btns-detail-bottom.mobile.on .naver-purchase-area {margin:0;}
.btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_A_1, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_A_2, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 {width:100% !important; height:auto !important;}
.btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_A_1 .npay_button_box, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_A_2 .npay_button_box, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_MA_1 .npay_button_box, .btns-detail-bottom.mobile.on .naver-purchase-area .npay_storebtn_bx.npay_type_MA_2 .npay_button_box {padding:5px 20px !important; background:#fffef1 !important;}
.btns-detail-bottom.mobile.on .btn.btn-cart {width:50%; background:#1b1b1b;}
.btns-detail-bottom.mobile.on .btn.btn-buy {width:50%;}
.loggedin .btns-detail-bottom .btn,.loggedin .cross .btns-detail-bottom .btn {width:50%;}
.loggedin .btns-detail-bottom .btn.btn-nPay,.loggedin .cross .btns-detail-bottom .btn.btn-nPay {display:none;}
.box-pdtInfo .line-DC .kit-dcInfo .pull-left {font-size:14px;}
.box-pdtInfo .line-DC .kit-dcInfo>img.pull-left {margin-top:-5px;}
.box-pdtInfo .line-DC .btn-join {width:88px; height:36px; line-height:33px;}
[class*=slideUp-] {position:fixed; overflow-y:auto; left:0; bottom:-700px; width:100%; max-height:calc(100vh - 100px); padding:20px 20px 0; background:#fffef1; z-index:9; transition:all .3s ease;}
[class*=slideUp-].on {top:initial; bottom:0;}
[class*=slideUp-].on~.dim {z-index:8;}
[class*=slideUp-] .line-title {margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #1b1b1b;}
[class*=slideUp-] .line-title dl.column-pdtInfo {overflow:hidden;}
[class*=slideUp-] .line-title dl.column-pdtInfo>dt {float:left;}
[class*=slideUp-] .line-title dl.column-pdtInfo>dt strong {line-height:1.38; font-size:16px; font-weight:400; letter-spacing:-0.6px; color:#1b1b1b;}
[class*=slideUp-] .line-title dl.column-pdtInfo>dt strong+span {line-height:1.54; margin-left:9px; font-size:13px; font-weight:400; letter-spacing:-0.8px; color:#1d1d1f;}
[class*=slideUp-] .line-title dl.column-pdtInfo>dt strong+span:before {content:'외';}
[class*=slideUp-] .line-title dl.column-pdtInfo>dt strong+span:after {content:'개';}
[class*=slideUp-] .line-title dl.column-pdtInfo>dd {line-height:1.38; font-size:16px; font-weight:500; letter-spacing:-0.6px; text-align:right; color:#1b1b1b;}
[class*=slideUp-] .zone-conts .line-addr {margin-bottom:24px;}
[class*=slideUp-] .zone-conts .line-addr dl.column-addr>dt {overflow:hidden; height:20px; margin-bottom:8px;}
[class*=slideUp-] .zone-conts .line-addr dl.column-addr>dt h6 {float:left; line-height:1.21; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#1b1b1b;}
[class*=slideUp-] .zone-conts .line-addr dl.column-addr>dt button {float:right; line-height:1.54; font-size:13px; font-weight:300; letter-spacing:-0.8px; text-decoration:underline; color:#1b1b1b;}
[class*=slideUp-] .zone-conts .line-addr dl.column-addr>dd {line-height:1.54; font-size:13px; font-weight:300; letter-spacing:-0.8px; text-align:left; color:#1b1b1b;}
[class*=slideUp-] .zone-conts .line-cards {margin-bottom:20px; border-bottom:1px solid #dddcd1;}
[class*=slideUp-] .line-info {margin-bottom:8px;}
[class*=slideUp-] .line-info dl.column-info {overflow:hidden; margin-bottom:16px;}
[class*=slideUp-] .line-info dl.column-info>dt {overflow:hidden; margin-bottom:8px;}
[class*=slideUp-] .line-info dl.column-info>dt>h6 {float:left; line-height:1.21; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#1b1b1b;}
[class*=slideUp-] .line-info dl.column-info>dt>button {float:right; line-height:1.33; padding-right:20px; font-size:12px; font-weight:300; letter-spacing:-0.5px; text-align:right; color:#1b1b1b; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat right center;}
[class*=slideUp-] .line-info dl.column-info>dt.on button {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg") no-repeat right center;}
[class*=slideUp-] .line-info dl.column-info>dt button:before {content:'더보기';}
[class*=slideUp-] .line-info dl.column-info>dt.on button:before {content:'접기';}
[class*=slideUp-] .line-info dl.column-info>dd {line-height:1.33; margin-bottom:16px; font-size:12px; font-weight:300; letter-spacing:-0.5px; color:#b2b1ac;}
[class*=slideUp-] .line-info dl.column-info>dt.on+dd {height:auto; max-height:600px; opacity:1;}
[class*=slideUp-] .line-decision {margin-bottom:28px;}
[class*=slideUp-] .line-decision .kit-swipe {position:relative; height:46px; line-height:42px; text-align:center; text-indent:46px; font-size:16px; font-weight:500; letter-spacing:-0.6px; color:#fffef1; background:#9b9b93;}
[class*=slideUp-] .line-decision .kit-swipe button {position:absolute; left:0; top:0; width:46px; height:46px; line-height:42px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_right.svg") no-repeat center center; transition:all 1s ease 5s;}
[class*=slideUp-] .line-decision .kit-swipe:before {content:'밀어서 결제하기'; transition:all .6s ease;}
[class*=slideUp-] .line-decision .kit-swipe.swiperight:before {opacity:0;}
[class*=slideUp-] .line-decision .kit-swipe.swiperight button {left:calc(100% - 46px); transition:all .3s ease;}
[class*=slideUp-] .line-cards {padding-bottom:36px;}
[class*=slideUp-] .line-cards .slide {width:256px; height:140px; margin:0 8px; padding:14px 20px; border-radius:4px;}
[class*=slideUp-] .line-cards .slide {background:#fff; transition:all .3s ease;}
[class*=slideUp-] .line-cards .slide.slick-current {border:1px solid #007afb; background:#e3e3e3;}
[class*=slideUp-] .line-cards .slide .check {overflow:hidden; display:inline-block; width:18px; height:18px; margin-bottom:30px; border-radius:50%; background:#000;}
[class*=slideUp-] .line-cards .slide.slick-current .check {background:#00f url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/round-check-on.svg") no-repeat center center/18px 18px;}
[class*=slideUp-] .line-cards .slide.selected .check {background:#000;}
[class*=slideUp-] .line-cards .slide .cardName img {height:12px;}
[class*=slideUp-] .line-cards .slide .set-cardNum {overflow:hidden; line-height:1.43; font-weight:300; letter-spacing:.28px; color:#000;}
[class*=slideUp-] .line-cards .slide .set-cardNum .part {float:left;}
[class*=slideUp-] .line-cards .slide .set-cardNum input.part {float:none; display:inline-block; width:31px; text-align:center; font-size:14px; font-weight:300; letter-spacing:.28px; color:#000; border:0 none; background:0 0;}
[class*=slideUp-] .line-cards .slick-dots {position:absolute; left:0; width:100%; bottom:16px; text-align:center; font-size:0;}
[class*=slideUp-] .line-cards .slick-dots>li {display:inline-block; width:8px; height:8px; margin:0 6px; text-indent:-99999px; border-radius:50%; background:#edecde;}
[class*=slideUp-] .line-cards .slick-dots>li.slick-active {background:#acacac;}
[class*=slideUp-] .line-cards .slide.regist {background:0 0; border:1px dashed #868686;}
[class*=slideUp-] .line-cards .slide.regist .desc {line-height:1; margin-top:42px; font-size:16px; font-weight:400; letter-spacing:-0.6px; text-align:center; color:#1b1b1b;}
.sec1 {margin-top:0;}
.sec2 {margin-top:0;}
.footer {display:none;}
.line-reviewHeader.v2 .title-qna {font-size:14px;}

dl.column-detail>dt {padding-left:20px; padding-right:20px;}
dl.column-detail>dd {padding-left:20px; padding-right:20px;}
dl.column-EssentialInfo>dt {padding-left:20px; padding-right:20px;}
dl.column-EssentialInfo>dd {padding-left:20px; padding-right:20px;}
.count_des {padding:0; border-bottom:none;}
	
/* chrlghk */
.arcanaBox {display:block; margin:0;}
.arcanaBox img {width:80%;}
.box-pdtInfo .line-pdtDesc {display:none; padding:0 0 10px 0;}
.detail.loggedin .btns-pay.pull-wrap.pc {display:block !important; }
.detail.loggedin .btns.btns-detail-bottom.mobile + .btns-pay.pull-wrap.pc {display:block !important; float:inherit; padding:5px 0 0 0;} 
.detail.loggedin .naver-purchase-area {margin-bottom:0 !important;}
.detail.loggedin .npay_type_A_2 {height:auto !important; margin:0 0 0 0 !important;}
.detail.loggedin .npay_button_box,.detail.loggedin .npay_button_box2 {padding:0 !important; border:none !important;}
.detail.loggedin .naver-purchase-area:after {margin:0; text-align:center;}
.detail.loggedin .npay_event_text .event_title {margin:0 5px 0 0 !important;}
.detail.loggedin .npay_text .npay_link {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif !important;}
.detail.loggedin .npay_btn_list {width:calc(100% - 10px) !important; margin:0 0 0 10px !important;}
.detail.loggedin .npay_text {top:12px !important; height:40px !important;}
.crossOpen .cross.on .btns-detail-bottom .btns-pay.pull-wrap {float:left;}
	
.sg_info {margin:0; padding:20px;}
.sg_info dl {margin:0 0 10px 0;}
.sg_info dl dt {font-size:0.9rem;}
.sg_info dl dd {font-size:0.9rem;}
.sg_info dl.delivery_price {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #dddcd1;}
.sg_info dl.cost_price dd {font-size:0.7rem;}
.sg_info dl.cost_price dd:before {font-size:0.7rem;}
.sg_info dl.special_price dt {font-size:1.1rem;}
.sg_info dl.special_price dd {font-size:1.1rem;}
	
dl.column-bestReview {padding:0 20px;}
dl.column-bestReview + p {padding:0 20px;}
	
/* 버튼이 4개인 경우 */
.btns-pay.mobile.v2 button {position:relative; overflow:visible; float:left; min-width:auto !important; height:40px; margin:0 3px 0 0 !important; font-size:15px; font-weight:400 !important; line-height:40px; letter-spacing:-1px; box-sizing:border-box; border:1px solid rgba(27,27,27,0.3) !important; background-color:#fff !important;}
.btns-pay.mobile.v2 button.btn-black {font-weight:500 !important; background-color:#1b1b1b !important;}
.btns-pay.mobile.v2 button.btn-like {background-position:50% 50%;}
.btns-pay.mobile.v2 button.btn-like:before {width:20px; height:20px;}
.btns-pay.mobile.v2 button.btn-gift {text-indent:0 !important;}
.btns-pay.mobile.v2 button:last-child {margin:0;}
/* 버튼이 3개인 경우 */
.btns-pay.mobile.v2 button.btn-like:nth-child(1):first-child:nth-last-child(3) {width:40px;} /* 첫번째 버튼 너비 */
/* 버튼이 4개인 경우 */
.btns-pay.mobile.v2 button.btn-like:nth-child(1):first-child:nth-last-child(4) {width:40px;} /* 첫번째 버튼 너비 */
.btns-pay.mobile.v2 button:first-child:nth-last-child(4), .btns-pay.mobile.v2 button:first-child:nth-last-child(4) ~ button {width:calc(100% - 40px);}	
.btns-pay.mobile.v2 button:first-child:nth-last-child(4) ~ button.btn-gift:after {display:block; white-space:nowrap;}
.btns-pay.mobile.v2 button:first-child:nth-last-child(4) ~ button.btn-gift:before {content:'선물하기'; width:65px; height:16px; margin:0 1px 0 0; font-size:14px; line-height:14px;}
	
.campain_desc {margin:0 0 5px 0; padding:12px 10px;}
.campain_desc .tit {font-size:0.8rem; line-height:18px;}
.campain_desc .txt {font-size:0.7rem; font-weight:400; line-height:14px; line-height:1.5;}
}