/* BASIC css start */ #contentWrap{padding-top:80px;} #prdDetailPage{display:flex; justify-content: space-between; align-items: flex-start; padding-bottom:182px;} #prdDetailPage #productDetail{width:calc(100% - 453px);} /* 썸네일 */ #prdDetailPage #productDetail .thumb-wrap{padding-bottom:80px;} #prdDetailPage #productDetail .thumb-wrap .thumb img{width:100%; border:solid 1px #F6F6F6;} /* 리뷰 */ .crema-product-reviews{border-top:solid 1px #D9D9D9;} /* 상세 탭 */ .shopdetailBoard{display:flex; width:100%; background:#fff; z-index:9; position: sticky; top: 67px; padding-top:40px;} .shopdetailBoard li{padding:16px 0; width:25%; text-align:center; font-weight:500; font-size:15px; line-height:19px; color:#666;} .shopdetailBoard li.active{border-bottom:solid 1px #000;} .shopdetailBoard li .c-tab-review{color:#F06D48} /* 상품 상세 */ .shopdetailItem .shopdetailImage{font-size:0; line-height:0;} .shopdetailItem .shopdetailImage img{width:100%; display:block; } /*주니어 1단계 팝업*/ .w50 {width: 50%; display: inline-block; float:left;} .productPopup iframe{display:none;} .productPopup .popupModal{width:1000px; height: 100%; overflow-y:scroll;} .productPopup .closePopup {position: fixed; top: 20px; right: calc((100% - 1000px)/2 + 40px); z-index: 9999; font-size: 20px; padding: 8px; background: transparent;} /*주니어 사이즈 장표 교체*/ .junior_delete {display:none;} .junior_tab {display:block;} /* 탭메뉴 */ .tab_btn{display: flex;} .tab_content .con{display:none;} .tab_content .con.on{display:block;} .tab_content .con img{display:block; width:100%;} /* 탭 */ .prd_tab{display:flex;} .prd_tab li.on img:not([src*='_active']){display:none;} .prd_tab li.on img:not(.on){display:none;} .prd_tab li.on img.on{display:block;} .prd_tab li:not(.on) img:not(.on){display:none;} .prd_tab li:not(.on) img.on{display:block;} .prd_tab li:not(.on) img:not([src*='_active']){display:block;} .prd_tab li:not(.on) img:nth-child(1){display:none;} .prd_tab li.on img[src*='_active']{display:block;} .tab-con{display:none;} .tab-con.on{display:block;} /* 상품 고시정보 */ .shopdetailNotify{border-bottom:solid 1px #E0E0E0;} .shopdetailNotify .btn_toggle{font-size:16px; font-weight:500; line-height:20px; color:#242424; padding:20px 0; position:relative;} .shopdetailNotify .btn_toggle::after{content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background-image:url(/design/justmysize/ECHO/icon/ico_28_arrow_right.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;} .shopdetailNotify .btn_toggle.on::after{transform:translateY(-50%) rotate(180deg);} .shopdetailNotify .shopdetailNotifyInfo{display:none; padding-bottom:24px;} .shopdetailNotify .shopdetailNotifyInfo dl dt{padding-top:8px; padding-bottom:4px; font-weight:500; line-height:17px; color:#666;} .shopdetailNotify .shopdetailNotifyInfo dl dd{padding-bottom:12px; font-size:12px; line-height:14px; color:#666;} /* 다른 고객이 함께 구매한 상품 */ #purchased_product_tk{margin-top:16px; margin-bottom:120px;} #purchased_product_tk h3{padding-top:16px; padding-bottom:16px; font-weight:500; font-size:18px; line-height:24px;} #purchased_product_tk .prd-item a{display:block;} #purchased_product_tk .prd-item .thumb img{width:100%;} #purchased_product_tk .prd-item .prd_info{padding-top:12px;} #purchased_product_tk .prd-item .prd_info .name{line-height:17px; padding-bottom:4px;} #purchased_product_tk .prd-item .prd_info .price{display:flex;} #purchased_product_tk .prd-item .prd_info .price .listDiscount{display:inline-block; margin:0; font-weight:700; font-size:15px; line-height:18px; color:#F06D48; padding-right:4px;} #purchased_product_tk .prd-item .prd_info .price .listDiscount + span{font-weight:700; font-size:15px; line-height:18px;} /* 우측영역 */ #prdDetailPage #Product_ii{width:385px; position: sticky; top: 107px; overflow-y:auto; height:calc(100vh - 147px); padding-right:28px;} #prdDetailPage #Product_ii::-webkit-scrollbar{width:2px; background:rgba(36,36,36,0.1);} #prdDetailPage #Product_ii::-webkit-scrollbar-thumb{width:2px; background:#000;} /* 상품명 */ .prd_name{font-size:22px; font-weight:400; line-height:24px; color:#000;} /* 공유하기 */ .dimmed.on{z-index:99999999;} #wrap .share{position:absolute; top:0; right:28px; width:28px;} #wrap .share_popup{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:390px; height:240px; background:#fff; z-index:999999999;} #wrap .share_popup .popup_head{padding:19px 0; position:relative; border-bottom:solid 1px #E0E0E0;} #wrap .share_popup .popup_head p{text-align:center; font-size:18px; color:#000; font-weight:400;} #wrap .share_popup .popup_head .popup_close{position:absolute; right:1rem; top:16px; width:28px;} #wrap .share_popup ul{display:flex; justify-content: center; padding-top:32px;} #wrap .share_popup ul li{padding:0 28px;} #wrap .share_popup ul li div{width:56px; height:56px; position:relative; border-radius:50%; background:#191919; margin-bottom:16px;} #wrap .share_popup ul li.kakao div{background:#F8DD20;} #wrap .share_popup ul li div img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:28px;} #wrap .share_popup ul li span{font-size:16px; font-weight:500; line-height:19px; color:#242424;} /* 관련상품 */ #related_product_tk{ margin-top: 16px;} #related_product_tk ul{ display: flex; align-items: center; } #related_product_tk ul form{display: flex; align-items: center; } #related_product_tk li{width: 80px; margin-right:10px; text-align:center;} #related_product_tk li:last-child{margin-right:0;} #related_product_tk li a{ display: block;} #related_product_tk li.on div{border: 1px solid #000; width:fit-content; height:fit-content; font-size:0; border-radius:2px;} #related_product_tk li div img{ width: 80px; border-radius: 2px;margin: 2px; border:solid 1px #E0E0E0;} #related_product_tk li span{ font-size: 12px; color: #666666; padding-top: 6px;display: inline-block;} #related_product_tk li span br{display: inline-block; content: ""; padding: 0 2px;} /* 가격 */ .productInfo .shopdetailInfoValue {position: relative; margin:24px 0 0 0; padding-bottom:24px; border-bottom:solid 1px #E0E0E0;} .productInfo .shopdetailInfoValue p .c-sale{display:inline-block; margin-right:4px;} .productInfo .shopdetailInfoValue p .c-sale strong{color:#F06D48; font-weight:600; font-size:18px; line-height:24px;} .productInfo .shopdetailInfoValue p .c-consumer span{font-size:18px; line-height:24px; color:#999999; text-decoration:line-through;} .productInfo .shopdetailInfoValue p.c-sell{margin-top:2px;} .productInfo .shopdetailInfoValue p.c-sell span{font-weight:600; font-size:22px; line-height:28px; display:block;} .productInfo .shopdetailInfoValue p.c-sell span strong{ font-weight:600; font-size:22px; line-height:28px;} .productInfo .shopdetailInfoValue p.c-sell span:nth-child(2){font-weight:500; color:#999; line-height:17px; font-size:14px;} .productInfo .shopdetailInfoValue p.c-sell span:nth-child(2) strong{font-size:22px; line-height:28px; font-weight:600; color:#F06D48; margin-right:2px; vertical-align: middle;} .productInfo .shopdetailInfoValue p.c-sell span:nth-child(2) img{vertical-align:middle; margin-left:8px;} .productInfo .shopdetailInfoValue p.c-sell span:nth-child(2).off img{transform: rotate(180deg);} .productInfo .shopdetailInfoValue .salePriceList{margin-top:16px;} .productInfo .shopdetailInfoValue .salePriceList ul li{position:relative; padding-left:28px; display:flex; justify-content: space-between; align-items: center; height:28px;} .productInfo .shopdetailInfoValue .salePriceList ul li::before{content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; border:solid 1px #E0E0E0; border-radius:50%; box-sizing: border-box;} .productInfo .shopdetailInfoValue .salePriceList ul li.active::before{border:solid 6px #000;} .productInfo .shopdetailInfoValue .salePriceList ul li span{line-height:17px;} .productInfo .shopdetailInfoValue .salePriceList ul li span:first-child{color:#333;} .productInfo .shopdetailInfoValue .salePriceList ul li span:last-child{color:#999999;} .productInfo .shopdetailInfoValue .salePriceList ul li.active span:last-child{color:#000;} .productInfo .shopdetailInfoValue .salePriceList ul li span a{text-decoration:underline;} /* 배송비 */ .productInfo .total_delivery{padding:16px 0; border-bottom:solid 1px #E0E0E0;} .productInfo .total_delivery > span{line-height:17px; color:#666;} /* 옵션 */ .option_tk .c-op-tit:not(.addOption){display:none;} .option_tk .shopdetailInfoSelect{padding-bottom:8px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick{display:flex; flex-wrap: wrap; align-items: center;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoName{padding:16px 0; font-weight:500; font-size:16px; line-height:20px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoOptValue{line-height:17px; margin-left:6px; font-size:14px; font-weight:400; color:#666;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoOptValue span{ font-size:14px; font-weight:400; color:#666; line-height:17px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList{display:block; width:100%;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list{display:flex; width:fit-content; padding-bottom:16px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li{margin-right:12px; border:solid 1px #E0E0E0; height:26px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li:last-child{margin-right:0;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li.MK-oneclick-sel{border:solid 1px #000;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li a{display:block; height:100%;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li a[title*="품절"]{position:relative;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li a[title*="품절"]::before{content:''; display:block; width:100%; height:100%; top:0; left:0; position:absolute; z-index:9; background:rgba(224,224,224,0.6);} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick:not(:has( li.MK-oneclick-image)) .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li{margin-right:16px; min-width:44px; height: 42px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick:not(:has( li.MK-oneclick-image)) .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li a{padding:0 12px;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick:not(:has( li.MK-oneclick-image)) .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li a span{display:block; line-height:40px; color:#666; text-align:center;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick:not(:has( li.MK-oneclick-image)) .shopdetailInfoList .MK-oneclick-list .MK-oneclick-li.MK-oneclick-sel a span{color:#000;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick li.MK-oneclick-image{width:70px; height:70px !important; border:0 !important;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick li.MK-oneclick-image.MK-oneclick-sel{border:solid 1px #000 !important;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick li.MK-oneclick-image a{overflow:hidden;} .option_tk .shopdetailInfoSelect .shopdetailInfoOneclick li.MK-oneclick-image a img{width:100%; height:100%;} .shopdetailInfoMultiSelect{border-top:solid 1px #E0E0E0; padding-top:16px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li{padding:20px 12px; background:#F8F8F8; position:relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom:8px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li:first-child{margin-top:8px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li:last-child{margin-bottom:16px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_p-name{width:calc(100% - 48px); display:block; padding-bottom:8px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_p-name, .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_p-name .extra_option_name{line-height:17px; color:#666666;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_p-name strong{font-size:15px; line-height:18px; padding-bottom:4px; display:block;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_btn-del{background-image:url(/design/justmysize/ECHO/icon/ico_24_close.svg); background-repeat:no-repeat; background-size:contain; background-position:center center; width:24px; height:24px; position:absolute; top:20px; right:12px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_btn-del img{display:none} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl{border:solid 1px #E0E0E0; position:relative; font-size:0; display:flex; padding:8px; background:#fff; width: fit-content;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl .basic_option{order:1; border:0; width:32px; text-align:center !important; padding:0; font-size:12px; line-height:14px;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(2){order:2; width:16px; height:16px; background-image:url(/design/justmysize/ECHO/icon/ico_16_arrow_right.svg); background-repeat:no-repeat; background-size:contain; background-position:center center;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(3){order:0; width:16px; height:16px; background-image:url(/design/justmysize/ECHO/icon/ico_16_arrow_left.svg); background-repeat:no-repeat; background-size:contain; background-position:center center; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5041%) hue-rotate(285deg) brightness(116%) contrast(76%);} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(3).active{filter:none;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a img{display:none;} .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_price, .shopdetailInfoMultiSelect #MK_innerOptScroll .MK_inner-opt-cm li .MK_price span{font-size:18px; font-weight:500; line-height:24px;} /* 추가구성 상품 */ .shopdetailInfoTit.addOption.c-op-tit{padding:24px 0 16px 0; font-size:16px; font-weight:500; line-height:20px; border-top:solid 1px #E0E0E0;} .shopdetailInfoWrap.addOption li{display:flex; padding-bottom:24px;} .shopdetailInfoWrap.addOption li .shopdetailInfoTop{width:114px; margin-right:12px;} .shopdetailInfoWrap.addOption li .shopdetailInfoTop figure img{width:100%;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue{width:calc(100% - 126px);} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoprdName{padding-bottom:4px;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoprdName a span{font-size:16px; line-height:20px; color:#333;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoprdName + p{padding-bottom:12px;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoprdName + p span{font-size:18px; font-weight:500; line-height:24px;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoprdName + p span span{font-size:18px; font-weight:600; line-height:24px;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoSelect.add_option p{padding-bottom:8px;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoSelect.add_option p:last-child{padding-bottom:0;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoSelect.add_option p .shopdetailInfoName{display:none;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoSelect.add_option p .shopdetailInfoCont{display:block; width:100%;} .shopdetailInfoWrap.addOption li .shopdetailInfoValue .shopdetailInfoSelect.add_option p .shopdetailInfoCont select{width:100%; color:#999;} /* 가격 */ .shopdetailInfoMultiSelect #MK_innerOptTotal{display:flex; align-items: center; justify-content: space-between; height:34px;} .shopdetailInfoMultiSelect #MK_innerOptTotal .MK_txt-total{font-size:16px; font-weight:500; line-height:20px;} .shopdetailInfoMultiSelect #MK_innerOptTotal span:last-child{font-size:20px; font-weight:500; line-height:26px;} .shopdetailInfoMultiSelect #MK_innerOptTotal span:last-child .MK_total{font-size:20px; font-weight:600; line-height:26px;} .shopdetailInfoMultiSelect .saleTotalPrice{display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} .shopdetailInfoMultiSelect .saleTotalPrice > span:nth-child(1){font-size: 16px; font-weight: 500; line-height: 34px;} .shopdetailInfoMultiSelect .saleTotalPrice > span:nth-child(2){font-size: 20px; font-weight: 600; line-height: 34px; color:#F06D48; padding-right:24px; position:relative;} .shopdetailInfoMultiSelect .saleTotalPrice > span:nth-child(2)::after{content:''; display:block; position:absolute; width:20px; height:20px; right:0; top:50%; transform:translateY(-50%); background-image:url(/design/justmysize/ECHO/icon/ico_20_arrow_up.svg); background-repeat:no-repeat; background-size:contain; background-position:center center;} .shopdetailInfoMultiSelect .saleTotalPrice.off > span:nth-child(2)::after{transform:translateY(-50%) rotate(180deg)} .shopdetailInfoMultiSelect .saleTotalPrice > span:nth-child(2) span{font-size: 20px; font-weight: 500; line-height: 34px; color:#F06D48;} .shopdetailInfoMultiSelect .saleTotalPrice ul{width:100%; margin-top:16px; margin-bottom:8px;} .shopdetailInfoMultiSelect .saleTotalPrice ul li{position:relative; padding-left:28px; display:flex; justify-content: space-between; align-items: center; height:28px;} .shopdetailInfoMultiSelect .saleTotalPrice ul li::before{content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; border:solid 1px #E0E0E0; border-radius:50%; box-sizing: border-box;} .shopdetailInfoMultiSelect .saleTotalPrice ul li.active::before{border:solid 6px #000;} .shopdetailInfoMultiSelect .saleTotalPrice ul li span{line-height:17px;} .shopdetailInfoMultiSelect .saleTotalPrice ul li span:first-child{color:#333;} .shopdetailInfoMultiSelect .saleTotalPrice ul li span:last-child{color:#999999;} .shopdetailInfoMultiSelect .saleTotalPrice ul li.active span:last-child{color:#000;} .shopdetailInfoMultiSelect .saleTotalPrice ul li span a{text-decoration:underline;} /* 장바구니/구매 버튼 */ .prd-btns{padding-top:16px; display:flex; justify-content: space-between; flex-wrap: wrap;} .prd-btns a{width:calc((100% - 8px)/2); padding:16px; text-align:center; font-size:16px; font-weight:500; line-height:20px;} .prd-btns a#cartBtn{border:solid 1px #E0E0E0; } .prd-btns a.btn_buy{border:solid 1px #000; color:#fff; background:#000;} .prd-btns #nhn_btn{margin:16px auto 0 auto;} /* 런닝형/스트랩/후크형 탭 */ .styleTab{display:none;} .styleTab .tab{ display: flex; cursor: pointer;} .styleTab .cont li{ display: none;} .styleTab .cont li.active{ display: block;} .styleTab .cont li.active > a{ display: none;} .styleTab .cont li:not(.active) > img:nth-child(2){ display:none} .onoff_tab{} .onoff_tab img{ width: 100%; cursor: pointer;} .onoff_tab .tab{display: flex;} .onoff_tab .cont li{display: none;} .onoff_tab .cont li.on{display: block;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*(리뉴얼)이미지 좌우로*/ #shopdetailImage .shopdetailImage .wd50 {width:50%;} /*(리뉴얼) 컬러칩&슬라이드*/ .detail_colorChip{position:relative; margin-bottom:50px; } .detail_colorChip > div {text-align: center;} .detail_colorChip > div ul{justify-content: center; margin-top: 58px; } .detail_colorChip > div ul li{width: 60px; height: 60px; display: inline-block; border-radius: 50%; margin:12px 12px; position:relative;} .detail_colorChip > div ul li.on {border: solid 2.06px #000;} .detail_colorChip > div > span.colorName{display:block; font-size:24px; font-weight: 500; margin-top:43px; margin-bottom: 43px; color:#2F2C26} .detail_colorChip > div .swiper{display:none; width:100%;} /*선택 안 된 이미지 안보이게*/ .detail_colorChip > div .swiper.on{display:block;} /*(리뉴얼) 감탄 디테일 슬라이드*/ .detail_swiper_contain{ position: relative; margin: 0 auto; } .detail_swiper_contain .gamtan_detail_swiper { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); overflow: hidden; } .detail_swiper_contain .gamtan_detail_swiper img { display: block; margin: 180px auto 0; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 컬러칩&슬라이드 */ .color_wrap, .color_wrap2{padding-bottom:50px;} .color_wrap article, .color_wrap2 article{ text-align:center; margin: 0 auto 15px;} .color_wrap ul.color_chip, .color_wrap2 ul.color_chip2{ display: flex; width: 100%; justify-content: center;height: fit-content !important; flex-wrap: wrap; margin: 0 auto 40px;} .color_wrap ul.color_chip li, .color_wrap2 ul.color_chip2 li{ width: 65px; height: 65px; border-radius: 50%; margin: 0 16px 16px; cursor: pointer;} .color_wrap ul.color_chip li.on, .color_wrap2 ul.color_chip2 li.on{border: 4px solid #E58364; box-sizing: border-box;} .color_wrap .color_name, .color_wrap2 .color_name2{ display: flex; justify-content: center; align-items: center;} .color_wrap .color_name span, .color_wrap2 .color_name2 span{ display: block; width: 60px; height: 60px; border-radius: 50%; margin-right: 5px;} .color_wrap .color_name p, .color_wrap2 .color_name2 p{ color: #191717; font-size:34px; padding-left:18px;} .color_wrap #prdDetailSwiper1, .color_wrap2 #prdDetailSwiper3{margin-top:42px; padding-bottom:70px;} .color_wrap #prdDetailSwiper2, .color_wrap2 #prdDetailSwiper4{padding-bottom:70px;} .color_wrap .swiper .swiper-pagination .swiper-pagination-bullet, .color_wrap2 .swiper .swiper-pagination .swiper-pagination-bullet{background:#828282; width:20px; height:20px; margin:0 8px;} .color_wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .color_wrap2 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#6F6F6F;} .color_wrap .swiper .swiper-button-next, .color_wrap .swiper .swiper-button-prev, .color_wrap2 .swiper .swiper-button-next, .color_wrap2 .swiper .swiper-button-prev{transform:translateY(-50%); width:30px; height:53px; top:calc((100% - 70px)/2)} .color_wrap .swiper .swiper-button-next:after, .color_wrap .swiper .swiper-button-prev:after, .color_wrap2 .swiper .swiper-button-next:after, .color_wrap2 .swiper .swiper-button-prev:after{color:#858585; font-size:60px;} .color_wrap .swiper .swiper-button-next, .color_wrap2 .swiper .swiper-button-next{right:30px;} .color_wrap .swiper .swiper-button-prev, .color_wrap2 .swiper .swiper-button-prev{left:30px;} /* 아코디언 */ .accordionBox{display:none;} /* 주니어 리뷰 스와이퍼 */ .reviewSwiper .swiper-button-next, .reviewSwiper .swiper-button-prev{color:#c7c6c4} .reviewSwiper .swiper-button-prev{left:3.5vw;} .reviewSwiper .swiper-button-next{right:3.5vw;} .reviewSwiper .swiper-button-next:after, .reviewSwiper .swiper-button-prev:after{font-size:45px;} .reviewSwiper .swiper-pagination{bottom:120px !important;} .reviewSwiper .swiper-pagination .swiper-pagination-bullet{background:#bfb8a9; width:15px; height:15px; margin:0 8px !important;} .reviewSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f4dfb8;} .detail_review_swiper{} .detail_review_swiper .swiper-slide img{width:100%} .detail_review_swiper .swiper-pagination{bottom:60px !important;} .detail_review_swiper .swiper-pagination .swiper-pagination-bullet{width:15px; height:15px; margin:0 12px !important; background: #EFEFEF; opacity: 1;} .detail_review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #e0c3af;} .detail_review_swiper .swiper-button-next, .detail_review_swiper .swiper-rtl .swiper-button-prev{right:46px; color: #d1d1d1; top:45%} .detail_review_swiper .swiper-button-prev, .detail_review_swiper .swiper-rtl .swiper-button-next{left: 46px; color: #d1d1d1; top:45%} .detail_review_swiper .swiper-button-next:after, .detail_review_swiper .swiper-button-prev:after{ font-size: 30px;} .reviewBox{position:relative;} .reviewBox .detail_review_swiper2{position:absolute; width:100%; top:34%; left:0;} .reviewBox .detail_review_swiper2 .swiper-slide{padding-bottom:30px;} .reviewBox .detail_review_swiper2 .swiper-slide img{border-radius:3px; box-shadow:5px 5px 8px 0px #9bcce270; } .reviewBox .detail_review_swiper2 .swiper-button-next, .reviewBox .detail_review_swiper2 .swiper-button-prev{color:#9BCCE2; top:40%;} .reviewBox .detail_review_swiper2 .swiper-button-next::after, .reviewBox .detail_review_swiper2 .swiper-button-prev::after{font-size:30px;} .reviewBox .detail_review_swiper2 .swiper-button-next{right:80px;} .reviewBox .detail_review_swiper2 .swiper-button-prev{left:80px;} /* BASIC css end */