/* BASIC css start */ /* 공통 */ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); .padd {margin-top:40px;} .shopdetailItem, .shopdetailItem *{ font-family: 'Spoqa Han Sans Neo', 'sans-serif'; } div.txt {background-color:#fff !important; padding:0px !important; } #tabs .empty-board {text-align: center; padding: 15px 0 5px;} /* 탭 */ #tabs {margin: 5px;border: 1px solid #bbb; padding-bottom: 10px; font-size: 12px;} .sms_tab_menu_list {position: relative; clear: both; width: 100%; overflow: hidden; border-top: 1px solid #000; border-bottom: 1px solid #ddd; margin-bottom: 10px; background: #fff; height: 48px;} .sms_tab_menu_list ul{ display: flex;} .sms_tab_menu_list li {display: flex; align-items: center; justify-content: center; padding: 0; width: 100%; height:48px; } .sms_tab_menu_list li.sele{ background: #000; color: white;} .sms_tab_menu_list li a {display: inline-block; width: 100% !important; color: #444; font-weight: normal; border-left: 1px solid #ddd; text-align: center;} .sms_tab_menu_list li:first-child a{ border-left: unset;} .sms_tab_menu_list li.sele a{ color: white; } .sms_tab_menu_list .count{position: relative; display: block; color: #f00;} /* 축하댓글 사은품 증정 */ .SMS_ShopDetail_layout_right { position:relative; } .SMS_ShopDetail_layout_right .view_pop_wrap {height: 150px; width: 100px;position: absolute;top:180px; right: 0; z-index: 10; } /* 상세 */ .shopdetail .shopdetailItem .shopdetailImage {line-height:25px;} .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #bbb;border-bottom:1px solid #bbb;background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0;} .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} .shopdetailBoard a{width:100% !important;} .shopdetailBoard a {background-color: #fff !important; padding: 0px 0 !important;} .shopdetailImage .prd_tab{width:50%;} .shopdetailImage .prd_tab li {display: flex;} .shopdetailImage .tab-con{display:none;} .shopdetailImage .tab-con.on{display:flex; flex-wrap: wrap;} /* 상품정보 고시 */ .pdtArea {width: 100%; border: 1px solid #D4D4D4; border-left: none; border-right: none; text-align: center;margin:30px 0;} .pdtArea a.tabPdtInfo { height: 38px; line-height: 38px;font-size: 14px; background-color: #efefef; border: 0px none; font-weight: bold; display: block; margin: 0 auto; } .pdtArea a.tabPdtInfo:after {color: #000; font-size: 13px; margin-left: 5px; text-align: center; } .pdtArea a.tabPdtInfo .txt {padding:0; } .pdtArea a.tabPdtInfo i { font-size:14px;font-style:normal;} #productWrap {display:none; } /* 리뷰 */ #SMS_reviewBoard {margin: 0;padding: 0;} #SMS_reviewBoard #tabs .shopdetailBoard {border: none;border-bottom: 1px solid #000;background: #fff;color: #000;margin: 0 0 10px;} #SMS_reviewBoard #tabs {margin: 0;padding: 0;border: none;} /* 제품문의 */ #tabs div.boardList div.list_board div.layout_top{width:300px;} #tabs div.boardList div.list_board div.layout_bottom {height:0px;} #tabs .util {border-bottom: 1px solid #464646; padding:10px;} #tabs .util a {border: 1px solid #424242;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center;} #tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} .MS_cmt_list_box {color: #656565; padding-top:80px; padding-bottom: 60px; } .MS_cmt_list_box {border-top:1px solid #bebebe; margin-top:70px; padding-top:20px;} .MS_cmt_list_box .comment_list:last-child {border:0px; background-color:#ffffff; } .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 0px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} #comment_password form span {display: block;} .list_board ul li {color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all; float: left; width: 100%;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;} .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} .list_board ul li dl {padding: 7px;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl h4 {margin: 0} .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 0; border-bottom: 1px dotted rgb(190, 190, 190);} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} #SMS_qnaBoard .info {width:185px; text-align: right; position: absolute; top: 6px; right: 25px;} #SMS_qnaBoard {margin: 0; padding: 0;} #SMS_qnaBoard #tabs {margin: 0; padding: 0; border: none;} #SMS_qnaBoard #tabs .util {border: none;position: relative;top: -17px;right: 0;display: block;width: 125px;float: right;vertical-align: top;} #SMS_qnaBoard #tabs .shopdetailBoard {border: none; border-bottom: 1px solid #000; background: #fff; color: #000; margin: 0 0 10px;} #SMS_qnaBoard .list_board ul li {color: #424242; border-bottom: 0px solid #bebebe; word-break: break-all; padding: 0 14px; font-size: 12px; position: relative;} #SMS_qnaBoard .list_board ul li dl {border-bottom: 1px solid #ddd; line-height: 31px;} #SMS_qnaBoard .list_board .id {margin-right: 20px;} #SMS_qnaBoard .list_board .id img {margin: 11px 4px 0 0;} #SMS_qnaBoard .list_board ul li dl.reply_depth1 {border-bottom: 1px solid #ddd; padding: 7px 0 7px 7px;} #SMS_qnaBoard .paging{position: relative;text-align: left;padding: 0 0 0 12px;} #SMS_qnaBoard .SMS_review_btn01 a{background: #000; color: #fff; font-size: 12px; width: 50px; height: 50px; border-radius: 100px; text-align:center; line-height: 50px;} #SMS_qnaBoard .SMS_review_btn01 a.btn_Black02 {background: #fff;color: #000;line-height: 46px;} #SMS_qnaBoard .paging {position: relative;padding: 0 0 0 12px;margin: 10px auto;display: inline-block;text-align: center;width: 100%;} /* 배송/유의문구 */ .delivery_wrap{padding: 70px 20px 20px 20px ;} .delivery_wrap dt{height: 35px;line-height: 35px;font-weight: bold;} .delivery_wrap dd{margin-bottom: 20px;} /* 상품 썸네일 아이콘 */ #SMS_shopdetailInfo #contents .shopdetailInfoTop figure .icons {top:25px !important; right:33px !important; position: absolute; width: 60px;} #SMS_shopdetailInfo #contents .shopdetailInfoTop figure .icons .MK-product-icons img{width: 80%; padding: 2px 2px;} /* 하이브리드 옵션 적용 소스 */ #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#333; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 하이브리드 기본상품 가격 노출 및 선택된 하이브리드 옵션노출항목*/ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; } /* 하이브리드 선택된 옵션 총가격 노출*/ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { padding-top:20px; border-top:1px solid #e4e4e5; *zoom:1; text-align:right; } #MK_innerOptTotal .MK_total { font-size:22px; color:#fd0100; } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect:nth-child(2) { padding:0 0 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel { display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName { width:25%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.reserve22 {overflow:hidden;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.reserve22 .reserve_color {color:#000000 !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .txt {color:#777 !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont { color:#777; text-align:left !important; } /* 원클릭옵션 */ .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } /* 선택 된 옵션 */ .MK_optAddWrap .total { border: none;} .MK_optAddWrap .MK_inner-opt-cm li { border:none; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl{margin-top:20px !important;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del{top:30px !important;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 에코작업 */ /* 팝업 */ .popupBg{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; z-index:101;} .popup{max-width:94%; background:#fff; padding:20px; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-height:90%; overflow:auto;} .popup .popupHeader{display:flex; justify-content: space-between; padding-bottom:14px;} .popup .popupHeader .title{font-size:16px; font-weight:400; color:#000;} .popup .popupHeader .close{width:16px; height:16px;} .popup .popupHeader .close img{width:100%;} .popup .popupBody{padding-top:14px; text-align:center;} .popup .popupBody table.group thead tr th{font-size:12px; font-weight:500; color:#000; padding:7px 14px; border-bottom:solid 1px #D9D9D9;} .popup .popupBody table.group tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 14px; text-align:center;} .popup .popupBody table.group tbody tr:nth-child(1) td:first-child{color:#FF6481} .popup .popupBody table.group tbody tr:nth-child(2) td:first-child{color:#15444C} .popup .popupBody table.group tbody tr:nth-child(3) td:first-child{color:#DD161B} .popup .popupBody table.group tbody tr:nth-child(4) td:first-child{color:#FEB700} .popup .popupBody table.group tbody tr:nth-child(5) td:first-child{color:#366BD6} .popup .popupBody table.group tbody tr:nth-child(5) td:first-child{color:#5BB500} .popup .popupBody > img{width:100%;} .popup .popupBody > span{display:block; width:100%; border-bottom:solid 1px #D9D9D9; font-size:14px; font-weight:500; padding-bottom:5px; text-align:left;} .popup .popupBody > p {font-size:12px; text-align: left;} .popup .popupBody table.delivery1{margin-bottom:40px;} .popup .popupBody table.delivery1, .popup .popupBody table.delivery2{width:100%;} .popup .popupBody table.delivery1 tbody tr td, .popup .popupBody table.delivery2 tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 0; text-align:left;} .popup .popupBody table.delivery1 tbody tr td:first-child, .popup .popupBody table.delivery2 tbody tr td:first-child{padding-right:14px;} .popup .popupBody table.delivery2 {margin-bottom: 8px;} .popup .popupBody table.delivery2 tbody tr td:last-child{min-width:40px} .popup .popupBody table.delivery2 tbody tr td{border-bottom:solid 1px #F6F6F6;} #SMS_shopdetailInfo .shopdetailInfo{padding-bottom:40px; border-bottom:solid 4px #D9D9D9;} /* 썸네일 */ #SMS_shopdetailInfo .shopdetailInfoTop figure{display:block; width:100%;} #SMS_shopdetailInfo .shopdetailInfoTop figure > img{padding:0; margin:0; display:block; width:100%;} #SMS_shopdetailInfo .shopdetailInfoTop figure .swiper{width:100%; position:relative; padding-bottom:10px;} #SMS_shopdetailInfo .shopdetailInfoTop figure .swiper .swiper-slide img{width:100%} #SMS_shopdetailInfo .shopdetailInfoTop figure .swiper .swiper-scrollbar{bottom:25px; left:50%; transform:translateX(-50%); height:1px; width:90%; background:#D9D9D9;} #SMS_shopdetailInfo .shopdetailInfoTop figure .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:#000; height:2px;} .SMS_ShopDetail_layout_left{position:relative;} .SMS_ShopDetail_layout_left .detail_iconBox{display:flex; position:absolute; right: 1rem; bottom: 50px; z-index: 9; flex-direction: column; align-items: center;} .SMS_ShopDetail_layout_left .detail_iconBox .wishBox{margin-bottom:10px; background:#ffffff80; border-radius:50%; width:34px; height:34px; padding:8px;} .SMS_ShopDetail_layout_left .detail_iconBox .wishBox #MS_btn_wish{display:block; width:100%; height:18px;} .SMS_ShopDetail_layout_left .detail_iconBox .wishBox #MS_btn_wish a{display:block; background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); background-position:top center; background-repeat:no-repeat; background-size:18px auto; width:18px; height:18px; text-align:center;} .SMS_ShopDetail_layout_left .detail_iconBox .wishBox #MS_btn_wish.wish-on a{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);} .SMS_ShopDetail_layout_left .detail_iconBox .share_btn{background:#ffffff80; border-radius:50%; width:34px; height:34px; padding:8px;} .SMS_ShopDetail_layout_left .detail_iconBox .share_btn img{width:18px;} /* 상품 정보 */ #SMS_shopdetailInfo .shop_de_name{padding:20px 1rem 0 1rem; display:flex; justify-content: space-between;} #SMS_shopdetailInfo .shop_de_name .shop_name_in{font-size:14px; font-weight:400; color:#000000; padding-bottom:16px; border:0;} #SMS_shopdetailInfo .shop_de_name .shop_de_subname{color:#6F6F6F;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail{margin:0; padding:0 1rem;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .no_have_option{margin:0;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .no_have_option .shopdetailInfoCont{margin:0;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .no_have_option .shopdetailInfoCont del{color:#C3C3C3; font-size:12px; font-weight:400; } #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount:not(.group){margin-bottom:7px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount .shopdetailInfoCont{margin:0; width:100%;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount .shopdetailInfoCont .dc_txt{color:#CF1B7C; font-size:16px; font-weight:500;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount .shopdetailInfoCont em, #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount .shopdetailInfoCont b.won{font-size:16px; font-weight:500; color:#000;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(1){font-weight:500; font-size:13px; margin-right:3px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(2){font-weight:400; font-size:13px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(2) span, #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(2) a{font-weight:400; font-size:13px; color:#6F6F6F; margin:0 3px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont .groupInfo{width:14px; height:14px; filter: invert(97%) sepia(84%) saturate(1%) hue-rotate(318deg) brightness(89%) contrast(91%); margin-left:4px; vertical-align:top;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoDiscount.group .shopdetailInfoCont .groupInfo + span{font-size:13px; font-weight:400; color:#6F6F6F} #SMS_shopdetailInfo #contents .shopdetailInfoDetail > p{display:flex; margin-bottom:20px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .price_container + p{margin-top:20px; padding-top:20px; border-top:solid 1px #D9D9D9; } #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoName{width:20%; display:block;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoName strong{font-size:13px; font-weight:400;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont{width:80%; display:block;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt{display:block; width:100%; margin-bottom:6px; padding:0} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt strong{font-size:13px; font-weight:400; color:#000;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt .deliveryInfo{width:14px; height:14px; filter: invert(97%) sepia(84%) saturate(1%) hue-rotate(318deg) brightness(89%) contrast(91%); margin-left:4px; vertical-align:top;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt + span{font-size:13px; font-weight:400; color:#000000;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt + span span{color:#0D7384} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.txt + span span:last-child{color:#6F6F6F;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont .today_delivery{border:solid 1px #D9D9D9; border-radius:5px; width:100%; padding:8px 10px; display:flex; margin-top:8px; align-items: center; flex-wrap: wrap;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont .today_delivery img{filter: invert(25%) sepia(61%) saturate(2683%) hue-rotate(167deg) brightness(90%) contrast(90%); transform: scaleX(-1); width:20px; padding:2px 0; display:inline-block; margin-right:8px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont .today_delivery span:nth-child(2){font-size:12px; font-weight:500; color:#0D7384; margin-right:11px; padding:2px 0;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont .today_delivery span:last-child{padding:2px 0; font-weight:500; font-size:12px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont > img{width:100%; border-radius:5px;} #SMS_shopdetailInfo #contents .shopdetailInfoDetail .shopdetailInfoCont span.card{font-size:13px; font-weight:400; color:#000; text-decoration:underline;} /* 옵션 플로팅 */ .SMS_ShopDetail_layout_right .floating_bottom_btn{position:fixed; bottom:0; left:0; width:100%; padding:26px 12px; border-radius:10px 10px 0px 0px; background:#fff; z-index:100; box-shadow:0px -10px 20px 0px rgba(0,0,0,0.05); display:flex; justify-content: space-between; align-items: center} .SMS_ShopDetail_layout_right .floating_bottom_btn .Buy_btn{width:100%; border-radius:5px; background:#000; text-align:center; padding:16px 0;} .SMS_ShopDetail_layout_right .floating_bottom_btn span{font-size:15px; font-weight:400; color:#fff;} .SMS_buy_quick{position:fixed; top:100%; left:0; width:100%; padding:26px 12px; border-radius:10px 10px 0px 0px; background:#fff; z-index:1001; max-height:90%; overflow:auto;} .SMS_buy_quick .optionClose{margin-bottom:4px;} .SMS_buy_quick .optionClose span{display:block; width:16px; height:16px; margin-right:0; margin-left:auto;} .SMS_buy_quick .optionClose span img{width:100%;} .SMS_buy_quick .option_area{padding:0 12px;} .SMS_buy_quick .option_area .option_tk{padding:0 !important;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect{padding:0 0 10px 0 !important;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect p{padding:12px 0 !important;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect p .shopdetailInfoName{display:none;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect p.add-option .shopdetailInfoName{display:block; font-size:13px; font-weight:500; color:#6f6f6f; margin-bottom:8px; padding:0;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect p .shopdetailInfoCont{margin:0; width:100%;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoSelect p .shopdetailInfoCont select{width:100%; border:solid 1px #d9d9d9 !important; border-radius:5px; color:#000; margin:0;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll{border-top:none !important; padding:0;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li{background:#F6F6F6; margin-bottom:20px; padding:12px; border-radius:5px;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_p-name{font-size:12px; font-weight:400; color:#000; padding:0; width: calc(100% - 25px); } .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl{margin-top:23px !important; font-size:0; display:flex;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl input{font-size:12px; font-weight:400; color:#000; float:none !important; padding:6px 7px; border-radius:0; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; border-left:0; border-right:0; width:auto; height:auto; order:1} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a{border:solid 1px #D9D9D9; padding:6px; border-radius:0; background:#fff; height:auto; width:auto; line-height:1.2; min-width:28px;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(2){order:2} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(2)::after{content:'+'; font-size:12px; font-weight:400; color:#000;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(3){order:0} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a:nth-child(3)::after{content:'-'; font-size:12px; font-weight:400; color:#000;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_qty-ctrl a span{display:none;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_price{bottom:12px; right:12px; font-size:14px; font-weight:400; color:#000;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll .MK_inner-opt-cm li .MK_btn-del{top:12px !important; right:12px; background-image:url(/design/aaron/ECHO/ui%20icon/closed.svg); width:13px; height:13px; background-size:100%;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .total{padding:0; border:none !important;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .total#MK_innerOptTotal{margin-top:8px;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .gwpImage{width:100%; margin-top:20px;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .total .MK_txt-total{float:left; font-size:14PX; font-weight:400; color:#000;} .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .total .MK_total, .SMS_buy_quick .option_area .option_tk .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptWrap .total .MK_txt-won{font-size:20px !important; font-weight:500 !important; color:#000 !important; margin:0;} .SMS_buy_quick .shopdetailButton{padding:20px 0 0 0!important; position:relative;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop{width:100%; display:flex; align-items: center; margin-bottom:20px; position:relative;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .cart{width:calc((100% - 8px) / 2) !important; border:solid 1px #d9d9d9 !important; border-radius:5px !important; height:auto !important; line-height:1.2 !important; box-shadow:none !important; padding:12px 0 !important;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .cart span{font-size:15px; font-weight:400; color:#000;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .buy{width:calc((100% - 8px) / 2) !important; border:solid 1px #000 !important; border-radius:5px !important; height:auto !important; line-height:1.2 !important; box-shadow:none !important; padding:12px 0 !important; margin:0 0 0 8px !important} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .buy span{font-size:15px; font-weight:400; color:#fff;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .naver_popup{position:absolute; right:16px; top:55px; background:#fff; border:solid 1px #000; padding:10px 22px; z-index:10; border-radius:5px;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .naver_popup:after{content: ''; position: absolute; border-style: solid; border-width:0 8px 9px 8px; border-color: #FFF transparent; display: block; width: 0; z-index: 1; top: -8.5px; left:194px;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .naver_popup:before{content: ''; position: absolute; border-style: solid; border-width:0 8px 9px 8px; border-color: #000 transparent; display: block; width: 0; z-index: 0; top: -10px; left:194px;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .naver_popup .naver_popupClose{width:9px; height:9px; display:block; position: absolute; top: 8px; right: 8px;} .SMS_buy_quick .shopdetailButton .shopdetailButtonTop .naver_popup .naver_popupClose img{width:100%;} /* 상세 탭 */ .sms_tab_menu_list{border-top:none; border-bottom:solid 1px #d9d9d9; height:auto; overflow:visible;} .sms_tab_menu_list ul li{background:none; padding:12px 0; height:auto; position:relative; color:#000; font-size:14px; font-weight:400; border-left:none;} .sms_tab_menu_list ul li:nth-child(1){width:25%} .sms_tab_menu_list ul li:nth-child(2){width:25%} .sms_tab_menu_list ul li:nth-child(3){width:25%;} .sms_tab_menu_list ul li:nth-child(4){width:25%;} .sms_tab_menu_list ul li.sele{border-bottom:solid 1px #000; background:none; color:#000;} .sms_tab_menu_list ul li span.count{position:absolute; left:50%; top:84%; padding:3px 14px; background:#000; color:#fff; font-size:14px; font-weight:400; border-radius:11px; transform:translateX(-50%)} /* 함께 담으면 좋은 상품 */ #purchased_product_tk{border-top:solid 4px #F6F6F6; padding:0 1rem; margin-bottom:40px;} #purchased_product_tk h3{padding:20px 0 10px 0; font-size:15px; font-weight:500; color:#000; display:block; background:none; margin:0} #purchased_product_tk .list_shoppingRelationItem1x{padding:0; overflow:auto;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix{display:flex; width:max-content; padding-bottom:25px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li{padding:0; margin-right:10px; width:100px; border:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li:last-child{margin:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure{padding:0} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure a{display:block; width:100%; height:100px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure a img{width:100%; padding:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo{border:0; width:100%; float:none; padding-left:0; padding-top:8px;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listName{font-size:12px; font-weight:400; color:#000; margin-bottom:4px; padding:0; border:0;} #purchased_product_tk .list_shoppingRelationItem1x .clearFix li figure .list_shoppingInfo .listPrice{font-size:12px; font-weight:400; color:#000; margin-bottom:0;} /* 제품문의 */ #SMS_qnaBoard{padding:0 1rem;} #SMS_qnaBoard h3{padding:20px 0 10px 0; font-size:15px; font-weight:500; color:#000; display:block; background:none; margin:0;} #SMS_qnaBoard .list_board ul li{padding:0} /* 유의사항 */ .delivery_wrap{padding:70px 1rem 20px 1rem;} /* 에코작업 */ /* 상품상세 랜딩 아코디언 */ .accordion span{position:relative; border:solid 1px #D9D9D9; border-radius:5px; padding:10px 10px; line-height:1.7} .accordion span::after{content:''; display:block; position:absolute; width:7px; height:7px; border-top:1px solid #3b3b3b; border-right:1px solid #3b3b3b; transform:translateY(-50%) rotate(135deg); position:absolute; top:42%; right:10px;} .accordion.on span{border:solid 1px #000;} .accordion.on span::after{transform:translateY(-50%) rotate(315deg); top:54%;} .accordionBox{display:none;} .accordionBox.on{display:block;} .accordion.brightness{margin: 0 0 30px 0;} .accordion.brightness span{width:89%; display:block; margin:0 auto; font-size:4.2vw;} .accordion.brightness + .accordionBox{padding-bottom:30px;} /* 자주묻는질문 */ .accordion.qna{margin-top:30px;} .accordion.qna span{width:89%; display:block; margin:0 auto; font-size:4.2vw;} .accordion.qna + .accordionBox{width:89% !important; margin:0 auto; text-align:left;} .accordion.qna + .accordionBox ul li{border-bottom:solid 1px #e9e9e9;} .accordion.qna + .accordionBox ul li span{position:relative; font-size:3.8vw; padding: 10px 27px 10px 22px; display:block; word-break: keep-all;} .accordion.qna + .accordionBox ul li span::before{content:'Q.'; display:block; position:absolute; left:0; color:#3b3b3b;} .accordion.qna + .accordionBox ul li span::after{content:''; display:block; position:absolute; width:6px; height:6px; border-top:1px solid #3b3b3b; border-right:1px solid #3b3b3b; transform:translateY(-50%) rotate(135deg); position:absolute; top:45%; right:10px;} .accordion.qna + .accordionBox ul li span.on::after{transform:translateY(-50%) rotate(315deg); top:55%;} .accordion.qna + .accordionBox ul li .con{display:none; background:#F6F6F6; padding: 10px 10px; font-size:3.6vw; word-break: keep-all; line-height:1.6;} .accordion.qna + .accordionBox ul li .con.on{display:block;} /* 상품상세 랜딩 컬러칩 */ .colorRecipe{width:89% !important; margin:0 auto; padding-bottom:40px;} .colorRecipe .title_box{margin:80px 0 5px 0; text-align: center;} .colorRecipe .title_box strong{display: block; font-size: 5vw; font-weight: 500; color: #CF1B7C; margin: 0 0 24px 0; } .colorRecipe .title_box p{font-size: 6vw; font-weight: 500; line-height: 1.5;} .colorRecipe .text_box{margin: 0 0 32px 0; text-align: center;} .colorRecipe .text_box strong{display: block; margin: 0 0 12px 0; font-size: 4.5vw; font-weight: 500; color: #CF1B7C;} .colorRecipe .text_box p{font-size: 4vw; line-height: 1.5; font-weight: 400;} .colorRecipe > p{text-align:center; font-size:3.4vw; line-height:1.5; color:#6F6F6F; } .colorRecipe .colorChip{display:flex; flex-wrap:wrap; justify-content: center; margin-bottom:40px; align-items: center;} .colorRecipe .colorChip > p{display:block; width: 100%; text-align: center; margin-bottom: 10px; font-size: 4.5vw; color:#000;} .colorRecipe .colorChip > p > span{font-size:3.5vw;} .colorRecipe .colorChip.basicColor > p.commend{font-size: 3.5vw; margin-top: 20px; color: #6F6F6F;} .colorRecipe .colorChip.basicColor > p > span{color:#CF1B7C} .colorRecipe .colorChip > span{width:34px; height:34px; border-radius:50%; margin:3px 5px; display:block; color:#fff; text-align:center; line-height:34px;} .colorRecipe .colorChip > span.nonSelect{border:solid 2px #6F6F6F; position:relative;} .colorRecipe .colorChip > span.nonSelect::after{content:''; display:block; position:absolute; width:2px; height:100%; background:#6F6F6F; transform:translate(-50%, -50%) rotate(315deg); left:50%; top:50%;} .colorRecipe .colorChip > span.nonSelect.active{border:solid 2px #CF1B7C;} .colorRecipe .colorChip > span.nonSelect.active::after{background:#CF1B7C;} .colorRecipe .colorChip > span.active:not(.nonSelect){background-image:url(/design/aaron/ECHO/ui%20icon/check_pc.png); background-size:18px ; background-repeat:no-repeat; background-position:center center; border:solid 3px #CF1B7C;} .colorRecipe .colorChip.basic{margin:0 auto; justify-content: left; padding: 0 62px;} .colorRecipe .colorChip.style{justify-content: left; padding: 0 62px;} .colorRecipe .colorResult{position:relative; padding: 24px 0;} .colorRecipe .colorResult span{position:absolute; top:-7px; left:50%; transform:translateX(-50%); font-weight:500; font-size:5.6vw; color:#000;} .colorRecipe .recommendTit{font-size:4.8vw; color:#000000; margin: 0 0 12px 0;} .colorRecipe .recommendTit span{font-size: 4vw; color:#CF1B7C;} .colorRecipe .recommendColor{display:flex; flex-wrap:wrap; justify-content: center; align-items: center; gap: 8px 4px;} .colorRecipe .recommendColor .mixColor{position: relative; width:100px !important; text-align: center;} .colorRecipe .recommendColor .mixColor.active::before{ content:""; position:absolute; top:10%; left:50%; transform:translate(-50%, 0); width: 30px; height: 30px; background-image:url(/design/aaron/ECHO/ui%20icon/check_pc.png); background-repeat:no-repeat; background-position:center center; background-size: 20px; z-index: 1;} .colorRecipe .recommendColor .mixColor.active span:not(:first-child){position:relative;} .colorRecipe .recommendColor .mixColor.active span:not(:first-child)::after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; border:4px solid #CF1B7C; width: 38px; height: 38px; border-radius: 50%;} .colorRecipe .recommendColor .mixColor .colorTit{position: absolute; top: 22px; left: 50%; transform: translate(-50%, -50%); text-align: center; color:#fff;} .colorRecipe .recommendColor .mixColor span:not(.colorTit){width:40px; height:40px; border-radius:50%; margin:3px -8px; display:inline-block; box-sizing:border-box; text-align:center; line-height:40px; } .colorRecipe .recommendColor .mixColor p{font-size: 3.5vw; line-height: 1.5;} .detailSwiper .swiper-button-next, .detailSwiper .swiper-button-prev {width:auto !important; color:#000000;} .detailSwiper .swiper-button-next::after, .detailSwiper .swiper-button-prev::after{font-size: 7vw;} /* 상품상세 랜딩 추천 */ .recommendSwiper{width:89% !important;} .recommendSwiper .swiper-pagination{display: inline-block; width: fit-content !important; padding: 0 9px; border-radius: 12px; height: 24px; right: 2%; left: auto; background: #000; color: #fff; font-weight: 300; font-size: 2.5vw;} /* 상품상세 랜딩 사용법 */ .howtoSwiper .swiper-pagination{ display: flex; width: 89% !important; margin: 0 auto; position: inherit; bottom: unset !important; left: unset !important;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet{ width: 25%; background: unset; border-bottom: 1px solid black; border-radius: 0; height: auto;margin: 0 !important; opacity: 1; text-align: left;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: unset; border-bottom: 3px solid black; } .howtoSwiper .swiper-pagination .swiper-pagination-bullet span{font-size: 12px; color: #6F6F6F; font-family: 'Avenir Roman', sans-serif;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet p{font-size: 15px; font-weight: 400; } .howtoSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active p{font-weight:500;} .howtoSwiper :is(.swiper-button-next, .swiper-button-prev){ color: black; font-size: 5vw; transform: translateY(-50%); width:15px !important; height:20px !important;} .howtoSwiper .swiper-button-next:after, .howtoSwiper .swiper-button-prev:after{ font-size: 5vw;} .howtoSwiper .swiper-button-next, .howtoSwiper .swiper-rtl .swiper-button-prev{ right: calc(6% + 10px);} .howtoSwiper .swiper-button-prev, .howtoSwiper .swiper-rtl .swiper-button-next{ left: calc(6% + 10px);} .howtoSwiper .swiper-button-next.swiper-button-disabled, .howtoSwiper .swiper-button-prev.swiper-button-disabled{ opacity: 0;} .aaron_swiper :is(.swiper-button-next, .swiper-button-prev){ width: auto !important; color: black; } .aaron_swiper .swiper-button-next:after, .aaron_swiper .swiper-button-prev:after{ font-size: 5vw;} .promotionSwiper_2.aaron_swiper :is(.swiper-button-next, .swiper-button-prev){ width: auto !important; color: #ffffff; } video{width:100%} /* 타이머 */ #timer{position:relative;} #timer #HourCountdown{position:absolute; top:18.6%; left:47%; transform:translateX(-50%); font-size:10vw; display:flex; justify-content:space-between; width:72%;} #timer #HourCountdown span{margin:0 10px; display:inline-block; color:#fff; font-family:'Spoqa Han Sans Neo', 'sans-serif' !important;} /* 상품상세 루틴 탭 */ .routineTab{display:flex;} /* 프로모션 랜딩 이미지 */ .shopdetail .shopdetailItem .shopdetailImage img{display:block;} /* 시크릿 쿠폰 */ #SMS_shopdetailInfo .SMS_coupon_c { width:100%; margin: 16px 0 0 0; padding: 0; background: #f6f6f6; border: 0.5px solid #d9d9d9; border-radius: 5px; } #SMS_shopdetailInfo .SMS_coupon_c .shopdetailCouponGet a{ display: flex; justify-content: space-between; padding: 12px 16px; font-size: 12px; font-weight: 500;} #SMS_shopdetailInfo .SMS_coupon_c .shopdetailCouponGet a span {color: #CF1B7C;} /* BASIC css end */