|
|
@@ -5,14 +5,14 @@
|
|
|
.cs .pnb ul{padding-left:1rem;}
|
|
|
.cs .search_wrap{position: relative;}
|
|
|
.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 4.0rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
|
|
|
-.cs .search_wrap button.btn_sch {position:absolute; top:0; right:0; background:url(/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
|
|
|
-.cs .search_wrap button.btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.2rem; background:#aaa url(/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
|
|
|
+.cs .search_wrap button.btn_sch {position:absolute; top:0; right:0; background:url(//image.istyle24.com/Style24/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
|
|
|
+.cs .search_wrap button.btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.2rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
|
|
|
.cs .inner{background:#fff;}
|
|
|
.cs .inner > p{margin-top:1rem;}
|
|
|
.cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
|
|
|
.cs .inner.none p{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
|
|
|
.cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:600; position:relative; margin:2rem 0 0 0;}
|
|
|
-.cs .see_more > span{background:url(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
|
|
|
+.cs .see_more > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
|
|
|
.cs .ui_row.nodata .foldGroup { display: none;}
|
|
|
.cs .ui_row.nodata + .ui_foot { display: none;}
|
|
|
.cs .ui_row.nodata {display: inherit; padding: 12.4rem 0; margin-bottom: 0; text-align: center;}
|
|
|
@@ -39,7 +39,7 @@
|
|
|
.cs .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:60.0rem; padding-right:5rem; border-bottom:0.2rem solid #222; box-sizing: border-box; text-align:left;}
|
|
|
.cs .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:5rem; padding-left:0; border:none; background:none; color:#222; font-size:3rem; font-weight:200; letter-spacing:-0.025em; line-height:1;}
|
|
|
.cs .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
|
|
|
-.cs .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:1.1rem; width:2.8rem; height:2.8rem; overflow:hidden; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:0.1rem; text-indent:-999.9rem; z-index:2}
|
|
|
+.cs .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:1.1rem; width:2.8rem; height:2.8rem; overflow:hidden; background:url('//image.istyle24.com/Style24/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:0.1rem; text-indent:-999.9rem; z-index:2}
|
|
|
.cs .search_wrap .faq_search .t_info {width:60rem; margin:1.5rem auto 0; font-weight:200; text-align:left;}
|
|
|
.cs .search_wrap p{margin-top:0.8rem; font-size:1.2rem; color:#666666;}
|
|
|
.cs .fold_nav {width:100%;}
|
|
|
@@ -75,8 +75,8 @@
|
|
|
.cs .cs_faq_1 .qna_list > li > div.title{width:90%;}
|
|
|
.cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem;}
|
|
|
.cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600; font-weight:500;}
|
|
|
-.cs .cs_faq_1 .qna_list > li > span{background:url(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
|
|
|
-.cs .cs_faq_1 .qna_list > li > span.on{background:url(/images/mo/cs_qna_btn_on.png) no-repeat;}
|
|
|
+.cs .cs_faq_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
|
|
|
+.cs .cs_faq_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
|
|
|
.cs .cs_faq_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
|
|
|
.cs .cs_faq_1 .qna_list > div.answer > p{font-size:1.5rem; width:90%; line-height:2.4rem;}
|
|
|
.cs .cs_faq_1 .fold_nav{margin-top:2rem;}
|
|
|
@@ -98,8 +98,8 @@
|
|
|
.cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem; display:inline-block; font-weight:500;}
|
|
|
.cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600;}
|
|
|
.cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(3){margin-top:0.4rem; color:#828282; font-weight:600;}
|
|
|
-.cs .cs_contactUs_1 .qna_list > li > span{background:url(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
|
|
|
-.cs .cs_contactUs_1 .qna_list > li > span.on{background:url(/images/mo/cs_qna_btn_on.png) no-repeat;}
|
|
|
+.cs .cs_contactUs_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
|
|
|
+.cs .cs_contactUs_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
|
|
|
.cs .cs_contactUs_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
|
|
|
.cs .cs_contactUs_1 .qna_list > div.answer > p{font-size:1.5rem; width:100%; line-height:2.4rem;}
|
|
|
.cs .cs_contactUs_1 .qna_list > div.answer .form_wrap{margin-top:1.6rem;}
|
|
|
@@ -130,7 +130,7 @@
|
|
|
.cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
|
|
|
.cs_contactUs_my .header .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
|
|
|
.cs_contactUs_my .inner { padding-bottom: 0;}
|
|
|
-.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
|
|
|
+.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
|
|
|
.cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; line-height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
|
|
|
.cs_contactUs_my textarea { width: 100%; box-sizing: border-box; padding: 1.5rem 0.5rem; font-size: 1.4rem; height:20rem;}
|
|
|
.cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
|
|
|
@@ -164,7 +164,7 @@
|
|
|
.cs_contactUs_my .ck_box input[type="checkbox"] + label {font-size:1.6rem; font-weight:200;}
|
|
|
.cs_contactUs_my .ck_box:first-child{margin-right:2rem;}
|
|
|
.cs_contactUs_my .t_err {font-weight:200;}
|
|
|
-.cs_contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
|
|
|
+.cs_contactUs_my .t_err::before {background-image:url('//image.istyle24.com/Style24/images/pc/ico_err2.png');}
|
|
|
.cs_contactUs_my .info_addfile > ul > li{position:relative; padding-left:0.8rem;}
|
|
|
.cs_contactUs_my .info_addfile > ul > li:before{display:inline-block; content:"·"; position:absolute; left:0;}
|
|
|
.cs_contactUs_my .info_addfile {margin-top:2rem; color:#666; font-size:1.2rem; font-weight:200;}
|
|
|
@@ -218,7 +218,7 @@
|
|
|
.mb .sns_wrap .login_utill > li:first-child{margin-left:0;}
|
|
|
.mb .sns_wrap .login_utill > li a{font-size:1.2rem;}
|
|
|
.mb .sns_wrap .login_utill > li a .ico{position:relative; display:block; margin-bottom:0.7rem; width:5rem; height:5rem; background-color:#ccc; border-radius:50%;}
|
|
|
-.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url(/images/mo/ico_snslogin.png); transform:translate(-50%, -50%);}
|
|
|
+.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url(//image.istyle24.com/Style24/images/mo/ico_snslogin.png); transform:translate(-50%, -50%);}
|
|
|
.mb .sns_wrap .login_utill > li.lu_kakao a .ico{background:#ffe500;}
|
|
|
.mb .sns_wrap .login_utill > li.lu_kakao a .ico:before{width:2rem; height:2.2rem; background-position:0 0;}
|
|
|
.mb .sns_wrap .login_utill > li.lu_naver a .ico{background:#69c441;}
|
|
|
@@ -250,7 +250,7 @@
|
|
|
.mb .find_result .form_print_bar ul li span.t_span {width:7.5rem; color:#888;}
|
|
|
.mb .btn_group_block {float:none; margin-top:3rem; display:flex;}
|
|
|
.mb [class^="ico_content_"]::before {margin: 0 auto 1.5rem;}
|
|
|
-.ico_content_find::before {width:3.6rem; height:4.6rem; background:url(/images/mo/ico_content_find.png) no-repeat 50% 50%;}
|
|
|
+.ico_content_find::before {width:3.6rem; height:4.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_content_find.png) no-repeat 50% 50%;}
|
|
|
|
|
|
.mb .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
|
|
|
|
|
|
@@ -270,7 +270,7 @@
|
|
|
.mb .mb_login .captcha .captcha_box {width:100%; height:6.6rem; border: 0.1rem solid #ddd; background: rgb(128, 255, 0);}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual {margin-left:0.6rem;}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button {width:9rem; height:3rem; display: block; border:0.1rem solid #ddd; border-radius: 0.3rem; background-color:#f5f5f5;}
|
|
|
-.mb .mb_login .captcha .captcha_btn_dual button:before{content:''; display:inline-block; margin-right:0.4rem; width:1.4rem; height:1.4rem; background:url('/images/mo/ico_captcha_btn.png') no-repeat center 0; vertical-align:middle;}
|
|
|
+.mb .mb_login .captcha .captcha_btn_dual button:before{content:''; display:inline-block; margin-right:0.4rem; width:1.4rem; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_captcha_btn.png') no-repeat center 0; vertical-align:middle;}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button:last-child:before {background-position:center -4rem;}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button:first-child {margin-bottom:0.6rem;}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button:last-child {background-position:center -3.1rem;}
|
|
|
@@ -376,7 +376,7 @@
|
|
|
/* 제품 관련 */
|
|
|
.pb0{padding-bottom:0!important;}
|
|
|
.ico_besttag{height:1.5rem; vertical-align:middle;}
|
|
|
-.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url(/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
|
|
|
+.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
|
|
|
/* button*/
|
|
|
.pd_detail .btn_coupon,
|
|
|
.pd_detail .btn_shoppingBag{border:0.1rem solid #fd4802; color:#fd4802;}
|
|
|
@@ -391,11 +391,11 @@
|
|
|
.item_prod .item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;opacity: 1;}
|
|
|
.item_prod .item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
|
|
|
|
|
|
-.item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 99;width: 2.0rem;height: 2.0rem; background: url('/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
|
|
|
+.item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 99;width: 2.0rem;height: 2.0rem; background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
|
|
|
.item_prod .itemLike::before,
|
|
|
.item_prod .itemLike::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
|
|
|
-.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.82rem;background-position:-1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
|
|
|
-.item_prod .itemLike::after {background: url('/images/mo/ico_like.png');background-size: 3.82rem;background-position: -1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
|
|
|
+.item_prod .itemLike::before {background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.82rem;background-position:-1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
|
|
|
+.item_prod .itemLike::after {background: url('//image.istyle24.com/Style24/images/mo/ico_like.png');background-size: 3.82rem;background-position: -1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
|
|
|
.itemLike.likeit::before {opacity: 1;}
|
|
|
.item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
|
|
|
.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0;overflow: hidden; background: #fff;background-size: cover !important;}
|
|
|
@@ -471,7 +471,7 @@
|
|
|
.pd_detail .thumb_box .thumb_list{position:relative;}
|
|
|
.pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
|
|
|
.pd_detail .thumb_box .thumb_list .thumb img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
|
|
|
-.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(/images/mo/ico_play.png) no-repeat 50% 50%;z-index: 2;}
|
|
|
+.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(//image.istyle24.com/Style24/images/mo/ico_play.png) no-repeat 50% 50%;z-index: 2;}
|
|
|
.pd_detail .thumb_box .thumb_paging{position:absolute; left:50%; bottom:6.5rem; padding:0.2rem 0; width:6rem; height:2rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#222; border-radius:3rem; box-sizing: border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}
|
|
|
.pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
|
|
|
.pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
|
|
|
@@ -491,7 +491,7 @@
|
|
|
.pd_detail .descript_box .price_blk .org_price em{font-size:1.6rem;}
|
|
|
.pd_detail .descript_box .price_blk .sale_percent{font-size:1.6rem; font-size:1.6rem; font-weight:500; color:#fd4802;}
|
|
|
.pd_detail .descript_box .save_point{margin-top:1.2rem; font-size:1.3rem; font-weight:300; color:#888888;}
|
|
|
-.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url(/images/mo/ico_point.png) center center no-repeat; background-size:cover;}
|
|
|
+.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_point.png) center center no-repeat; background-size:cover;}
|
|
|
.pd_detail .descript_box .btn_group_flex{margin-top:1.7rem;}
|
|
|
.pd_detail .descript_box .btn_group_flex button{border:0.1rem solid #fd4802; color:#fd4802; background: #fff;}
|
|
|
/* 2 */
|
|
|
@@ -502,7 +502,7 @@
|
|
|
.pd_detail .timer_box p::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .timer_box p span {display:inline-block; position:relative;}
|
|
|
.pd_detail .timer_box p .tt {position:relative; padding-left:2.8rem; color:#fff; font-size:1.3rem; line-height: 3.8rem;}
|
|
|
-.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.8rem; height:1.8rem; background:url('/images/mo/ico_timer2.png') no-repeat 0 50%;}
|
|
|
+.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.8rem; height:1.8rem; background:url('//image.istyle24.com/Style24/images/mo/ico_timer2.png') no-repeat 0 50%;}
|
|
|
.pd_detail .timer_box p .timer {color:#fff; font-size:1.4rem; font-weight:300;}
|
|
|
.pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:0.6rem;}
|
|
|
.pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-0.1rem; top:50%; transform:translateY(-50%);}
|
|
|
@@ -551,27 +551,27 @@
|
|
|
.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_option {font-size:1.1rem; color:#666; white-space:normal;word-wrap:break-word;width:26rem;overflow:hidden;}
|
|
|
.pd_detail .option_box .opt_result .result_item .item_price {position:absolute; right:2rem; bottom:3.2rem; color:#222; font-size:1.5rem; font-weight:500;}
|
|
|
.pd_detail .option_box .opt_result .result_item .item_price em{font-weight:600;}
|
|
|
-.pd_detail .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:2rem; top:2rem; width:1.3rem; height:1.3rem; font-size:0; overflow:hidden; background:url('/images/mo/btn_delete_item.png') no-repeat 50% 50%;}
|
|
|
+.pd_detail .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:2rem; top:2rem; width:1.3rem; height:1.3rem; font-size:0; overflow:hidden; background:url('//image.istyle24.com/Style24/images/mo/btn_delete_item.png') no-repeat 50% 50%;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count {margin-top:2rem; display:inline-block; border:0.1rem solid #ddd; background-color:#fff;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count span,
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count input[type='text']{float:left;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
|
|
|
-.pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
+.pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.3rem; font-weight:300; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; background:#fff;}
|
|
|
.pd_detail .option_box .info_restock{margin-top:1rem;}
|
|
|
.pd_detail .option_box .info_restock a.btn_popup {position:relative; padding-left:1.9rem; padding-right:1.2rem; color:#666; font-size:1.3rem; font-weight:300; border:none;}
|
|
|
-.pd_detail .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:1.3rem; height:1.3rem; background:url('/images/mo/ico_bell.png') no-repeat 0 0;}
|
|
|
-.pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:0.5rem; height:0.9rem; background:url('/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
+.pd_detail .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:1.3rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_bell.png') no-repeat 0 0;}
|
|
|
+.pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; transform:translateY(-50%); width:0.5rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
.pd_detail .option_box .opt_count {padding-bottom:0; margin-top:2.8rem; overflow:hidden;}
|
|
|
.pd_detail .option_box .opt_count .number_count {display:inline-block; border:0.1rem solid #ddd;}
|
|
|
.pd_detail .option_box .opt_count .number_count::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .option_box .opt_count .number_count span,
|
|
|
.pd_detail .option_box .opt_count .number_count input[type='text']{float:left;}
|
|
|
.pd_detail .option_box .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
|
|
|
-.pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
+.pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
.pd_detail .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
.pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif; background:#fff;}
|
|
|
@@ -610,13 +610,13 @@
|
|
|
.pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;min-height: 3rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
.pd_detail .brand_home{margin-bottom:-1.2rem;}
|
|
|
.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:0.1rem solid #eee;}
|
|
|
-.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
|
|
|
-.pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
+.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(//image.istyle24.com/Style24/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
|
|
|
+.pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_detail .content.pd_descrp{padding-top:3rem;}
|
|
|
.pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background: #fff;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
|
|
|
-[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
|
|
|
+[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
|
|
|
[class*="pd_descrp"] {width:100%;}
|
|
|
[class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
|
|
|
@@ -688,15 +688,15 @@
|
|
|
.riview_box .ex_review a:after{content:''; clear:both; display:block;}
|
|
|
.riview_box .ex_review .tit{float:left; margin-bottom:0;}
|
|
|
.riview_box .ex_review .tit .number{color:#888; font-weight:300;}
|
|
|
-.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:1.4rem; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
+.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:1.4rem; margin-bottom:0.7rem; vertical-align: middle; background:url('//image.istyle24.com/Style24/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
.riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:9.5rem; height:1.4rem; background:#ddd;}
|
|
|
-.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.riview_box .ex_review .star_score .star .progbar {display:inline-block;vertical-align: top; height:1.4rem; background:#fd4802}
|
|
|
.riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
|
|
|
.riview_box .best_review a {display:block; position:relative; padding:2rem; border:0.1rem solid #eee;}
|
|
|
.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:9.3rem; height:1.4rem; background:#ddd;}
|
|
|
-.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.riview_box .best_review a .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
|
|
|
.riview_box .best_review a .star_score .ico {margin-left:1.0rem;}
|
|
|
.riview_box .best_review a .star_score .ico::before {vertical-align:inherit;}
|
|
|
@@ -710,7 +710,7 @@
|
|
|
.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; image-rendering:pixelated;}
|
|
|
.riview_box .best_review a .star_score .star{vertical-align:middle;}
|
|
|
.riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
+.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
|
|
|
.riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
|
|
|
.pd_detail .riview_box [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
@@ -719,7 +719,7 @@
|
|
|
.pd_detail .exinfo_box ul {border-top:0.1rem solid #ddd;}
|
|
|
.pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:0.1rem solid #ddd;}
|
|
|
.pd_detail .exinfo_box ul li:last-child {border-bottom:0;}
|
|
|
-.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
+.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('//image.istyle24.com/Style24/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
|
|
|
@@ -753,7 +753,7 @@
|
|
|
.pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:3.0rem; border-color:#fd4802; color:#fd4802;}
|
|
|
.pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
|
|
|
-.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
|
|
|
+.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
|
|
|
.pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
|
|
.pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
|
|
|
.pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
|
|
|
@@ -770,9 +770,9 @@
|
|
|
.product_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
.product_floormenu .share_like{overflow:hidden;}
|
|
|
.product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-99999.9rem;}
|
|
|
-.product_floormenu .share_like > button.share{background:#000 url(/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
|
|
|
-.product_floormenu .share_like > button.itemLike {background:#000 url('/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
|
|
|
-.product_floormenu .share_like > button.itemLike.likeit {background:#000 url('/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
|
|
|
+.product_floormenu .share_like > button.share{background:#000 url(//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
|
|
|
+.product_floormenu .share_like > button.itemLike {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
|
|
|
+.product_floormenu .share_like > button.itemLike.likeit {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
|
|
|
.product_floormenu .share_like > button.itemLike::before,
|
|
|
.product_floormenu .share_like > button.itemLike::after {display:none;}
|
|
|
|
|
|
@@ -790,14 +790,14 @@
|
|
|
.pd_pop.Purchase_pop .btPop_body{height: calc(100% - 5.95rem);}
|
|
|
.pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem;}
|
|
|
.container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
|
|
|
-.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
|
|
|
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png);}
|
|
|
/* 재확인 */
|
|
|
|
|
|
.pd_pop.Purchase_pop .header{padding:0; font-size:0;}
|
|
|
.pd_pop.Purchase_pop .option_box .opt_color{padding-top:0;}
|
|
|
.pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
|
|
|
.pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:0.1rem solid #ddd; box-sizing:border-box;}
|
|
|
-.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
|
|
|
+.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(//image.istyle24.com/Style24/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span{background: #ff7800;background: -moz-linear-gradient(-45deg, #ff7800 0%, #fd4b02 100%);background: -webkit-linear-gradient(-45deg, #ff7800 0%,#fd4b02 100%);background: linear-gradient(135deg, #ff7800 0%,#fd4b02 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#fd4b02',GradientType=1 );}
|
|
|
@@ -834,7 +834,7 @@
|
|
|
/* 상품상세 및 상품상세딜_옵션선택팝업 */
|
|
|
.pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
|
|
|
.pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
|
|
|
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
|
|
|
@@ -868,18 +868,18 @@
|
|
|
.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:16.0rem; width:100%; height:calc(100% - 16.0rem); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
.pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
|
|
|
.pd_pop .full_popup_wrap .btn_close {position:fixed; right:3.0rem; top:3.0rem; display:inline-block; z-index:130; cursor:pointer;}
|
|
|
-.pd_pop .full_popup_wrap .btn_close a {display:block; width:2.5rem; height:2.5rem; text-indent:-999.9rem; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
+.pd_pop .full_popup_wrap .btn_close a {display:block; width:2.5rem; height:2.5rem; text-indent:-999.9rem; background:url('//image.istyle24.com/Style24/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0;}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:4.0rem; z-index:1;}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0;}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('//image.istyle24.com/Style24/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
|
|
|
|
|
|
/* pd_popup > 할인쿠폰 */
|
|
|
.salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0;}
|
|
|
-.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
-.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(/images/mo/ico_pop_cls_w.png) !important;}
|
|
|
+.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
+.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png) !important;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0;}
|
|
|
@@ -897,7 +897,7 @@
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex{margin-top:0; padding:0;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex::after{display:none;}
|
|
|
.modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:2.4rem;}
|
|
|
-.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1.0rem; background:url('/images/mo/ico_cp_down.png') no-repeat 0 0;}
|
|
|
+.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_cp_down.png') no-repeat 0 0;}
|
|
|
.modal.pd_pop.salecoupon_pop button span:nth-child(1){display:inline-block;}
|
|
|
.modal.pd_pop.salecoupon_pop button span:nth-child(2){display:none;}
|
|
|
.modal.pd_pop.salecoupon_pop button:disabled span:nth-child(1){display:none;}
|
|
|
@@ -1000,7 +1000,7 @@
|
|
|
.modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
|
|
|
-.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
+.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table th,
|
|
|
@@ -1034,7 +1034,7 @@
|
|
|
.modal.pd_pop.push_restock_pop {max-width:none;}
|
|
|
.modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
|
|
|
.modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
|
|
|
-.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
+.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(//image.istyle24.com/Style24/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
.modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
|
|
|
.modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:0.1rem solid #dddddd;}
|
|
|
@@ -1085,7 +1085,7 @@
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 3rem; border-bottom:0.1rem solid #E5E5E5;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
|
|
|
-.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
|
|
|
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .lap2 span{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 2.3rem;overflow: hidden;white-space: normal;overflow-wrap: break-word;}
|
|
|
.pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
|
|
|
@@ -1125,7 +1125,7 @@
|
|
|
/* pd_popup > 배송/반품/교환 */
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
|
|
|
-.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
|
|
|
+.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
|
|
|
@@ -1158,7 +1158,7 @@
|
|
|
.pd_review [class^="area_rv"]{padding:4rem 1.33rem; margin-bottom:1.2rem; background:#fff; line-height: 1.4;}
|
|
|
.pd_review .thumb {display:block; position:relative; width:100%; height:0; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
+.pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.pd_review div::after,
|
|
|
.pd_review dl::after,
|
|
|
.pd_review ul::after {content:''; clear:both; display:block;}
|
|
|
@@ -1169,7 +1169,7 @@
|
|
|
.pd_review .area_rv_empty + .rv_empty {display:block;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
|
|
|
.pd_review .area_rv_empty {margin-bottom:0!important; text-align:center;}
|
|
|
.pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
|
|
|
-.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
|
|
|
+.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
|
|
|
.pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
|
|
|
.pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:0.1rem solid #ddd;}
|
|
|
.pd_review .area_rv_empty .txt_box div dl {margin-left:12vw; font-size:1.5rem;}
|
|
|
@@ -1187,7 +1187,7 @@
|
|
|
.pd_review .area_rv_average .star_score .score {margin-right:1rem; font-size:2.1rem; font-weight:500;}
|
|
|
.pd_review .area_rv_average .star_score .star {width:12.0rem; height:1.9rem; background:#ddd; text-align:left;}
|
|
|
.pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
|
|
|
-.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.pd_review .area_rv_average .average {margin-bottom:3rem;}
|
|
|
.pd_review .area_rv_average .average .part_average {margin-top:1rem; text-align:left;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head{position:relative; height:2.4rem; line-height:2.4rem; padding-left:7.2rem;}
|
|
|
@@ -1198,7 +1198,7 @@
|
|
|
.pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button{border:0.1rem solid #a7a7a7; color:#222;}
|
|
|
-.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
+.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기';}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button.active span:after{transform:rotate(180deg);}
|
|
|
@@ -1220,7 +1220,7 @@
|
|
|
.pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
.pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle; margin: 0 -1.4rem;}
|
|
|
.pd_review .area_rv_average .info_review p {position:relative; text-align:left; padding-left:2rem; font-weight:300; display: inline-block;}
|
|
|
-.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/mo/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
+.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
.pd_review .area_rv_average .info_review p span {font-weight:500;}
|
|
|
.pd_review .area_rv_average .info_review > div {margin-top:1rem; display:flex; justify-content:center;}
|
|
|
.pd_review .area_rv_average .info_review > div::after {content:''; clear:both; display:block;}
|
|
|
@@ -1234,14 +1234,14 @@
|
|
|
.pd_review .area_rv_photo .photo_list > div{position:absolute; right:0; bottom:0; width:25%; padding:0.4rem; box-sizing:border-box;}
|
|
|
.pd_review .area_rv_photo .photo_list > div > div{position:relative; width:100%; padding-bottom:100%;}
|
|
|
.pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:1.4rem; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
|
|
|
-.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('/images/mo/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
|
|
|
+.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
|
|
|
.pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1.2rem; position:relative; top:0.6rem;}
|
|
|
.pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
|
|
|
.pd_review .area_rv_all .review_list {border-top:0.1rem solid #ddd;}
|
|
|
.pd_review .area_rv_all .review_list > ul > li {padding:3rem 0; border-bottom:0.1rem solid #ddd;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score {float:left;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
|
|
|
-.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
|
|
|
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
@@ -1271,7 +1271,7 @@
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0; top:-1.5rem; width:0; height:0; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
|
|
|
-.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
|
|
|
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
|
|
|
@@ -1299,7 +1299,7 @@
|
|
|
.review_cate_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
|
|
|
.review_cate_box .category_list .category ul.n1 li{width:100%;}
|
|
|
.review_cate_box .category_list .category ul.n2 li{float:left; width:50%;}
|
|
|
-.review_cate_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(/images/mo/ico_pop_cls_w.png); background-color: transparent;}
|
|
|
+.review_cate_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
|
|
|
|
|
|
|
|
|
/* pd_popup > 포토영상 리뷰 리스트 */
|
|
|
@@ -1307,7 +1307,7 @@
|
|
|
.pd_photoreviewlist_pop .ui_foot .btn{width:100%; height:4rem; margin-top:2rem;}
|
|
|
.pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
+.pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.pd_photoreviewlist_pop .photo_list {overflow: hidden;}
|
|
|
.pd_photoreviewlist_pop .photo_list ul {margin:-0.8rem -0.4rem 0; overflow: hidden;}
|
|
|
.pd_photoreviewlist_pop .photo_list ul li {float:left; padding:0.8rem 0.4rem 0; width:33.33%; box-sizing:border-box;}
|
|
|
@@ -1333,8 +1333,8 @@
|
|
|
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
|
|
|
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
|
|
|
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url(/images/mo/ico_pop_arrow_on.png);}
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png);}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .txt_review_box{height:1.8rem; overflow:hidden;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .response_box2{display:none;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .reply_box{display:none;}
|
|
|
@@ -1342,7 +1342,7 @@
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .txt_review_box{height:auto; overflow:hidden;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
|
|
|
-.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
+.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; padding-bottom: 18rem; height:100%;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
|
|
|
@@ -1363,7 +1363,7 @@
|
|
|
.pop_detail .review_list > ul > li {padding:0;}
|
|
|
.pop_detail .review_list .review .info_box .star_score {float:left;}
|
|
|
.pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:8.3rem; height:1.3rem; background:#ddd;}
|
|
|
-.pop_detail .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
|
|
|
+.pop_detail .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
|
|
|
.pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
.pop_detail .review_list .review .info_box .writer {float:right;}
|
|
|
.pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
@@ -1394,7 +1394,7 @@
|
|
|
.pop_detail .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0; top:-1.5rem; width:0; height:0; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
.pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
|
|
|
-.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
|
|
|
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('//image.istyle24.com/Style24/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
|
|
|
.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
|
|
|
.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
|
|
|
.pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
|
|
|
@@ -1474,7 +1474,7 @@
|
|
|
.pd_pop[class*="pd_list"]{display:none;}
|
|
|
.pd_pop[class*="pd_list"] .modal_content{position:absolute; bottom:0; width:100%; background:#fff;}
|
|
|
.pd_pop[class*="pd_list"] .modal_content .listpop_body{padding:1.5rem 1.33rem; min-height:43.2rem; max-height:40rem; box-sizing:border-box; overflow:auto;background:#fff;}
|
|
|
-.pd_pop[class*="pd_list"] .close {opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(/images/mo/ico_pop_cls_w.png); background-color: transparent;}
|
|
|
+.pd_pop[class*="pd_list"] .close {opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content{top:0; background-color:rgba(0,0,0,0.5);}
|
|
|
.pd_listDescrp_pop .deal_list_select .list li{border-bottom:0 none;}
|
|
|
@@ -1511,7 +1511,7 @@
|
|
|
.modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
|
|
|
.modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
|
|
|
.modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
|
|
|
-.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url(/images/mo/ico_btn_dealopen.png) top center no-repeat; background-size:cover;}
|
|
|
+.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png) top center no-repeat; background-size:cover;}
|
|
|
.modal.pd_descrp_pop .deal_listDescrp_open.active:after{background-position:center -0.73rem;}
|
|
|
|
|
|
/*item_blk > item_prod*/
|
|
|
@@ -1561,7 +1561,7 @@
|
|
|
/* 전시공통 (타이틀,정렬,필터,네비,마지막리스트)*/
|
|
|
.dp .dp_subtitle{margin-bottom: 2.4rem; font-size:2rem; font-weight:500; text-align:center;}
|
|
|
.dp .dp_subtitle > a{position:relative; padding-right:2rem;}
|
|
|
-.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url(/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
.dp .category_nav {margin:0 0 -1.2rem; justify-content: center; border-bottom:0.1rem solid #eeeeee;}
|
|
|
.dp .category_nav ul{padding:0 2rem; display:flex; white-space: nowrap; overflow-x:auto;}
|
|
|
.dp .category_nav ul::after {content:''; display: block; clear: both;}
|
|
|
@@ -1573,15 +1573,15 @@
|
|
|
.dp .category_nav ul li button.active::after{content:''; position: absolute; bottom:0; left:0; width:100%; height:2px; background: #fd4802;}
|
|
|
.dp .category_nav ul li:last-child {margin-right: 0;}
|
|
|
.dp .open_categori {background-color:#fff;}
|
|
|
-.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
|
|
|
+.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
|
|
|
.dp .dp_util{display:block; float:right; text-align:right; font-size: 0;}
|
|
|
.dp .dp_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
|
|
|
.dp .dp_util li:first-child{margin-left:0;}
|
|
|
.dp .dp_util li a{font-size:1.2rem; color:#222!important;}
|
|
|
.dp .dp_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
|
|
|
-.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
|
|
|
+.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
|
|
|
.dp .dp_util li a.refresh{color:#888!important;}
|
|
|
-.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
|
|
|
+.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
|
|
|
.dp .count_wrap {padding:2rem 0;}
|
|
|
.dp .count_wrap.fixed {position: fixed; top: 5.5rem; left: 0; width: 100%; padding: 2rem; background: #fff; z-index: 100;}
|
|
|
.dp .count_wrap:after{display:block; content:''; clear:both;}
|
|
|
@@ -1629,7 +1629,7 @@
|
|
|
.dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
|
|
|
.dp .dp_outlets .dp_cate_list {padding: 1.2rem 0; margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
|
|
|
.dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
|
|
|
-.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
|
|
|
+.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
|
|
|
.dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:0.1rem solid #ddd;}
|
|
|
.dp .dp_outlets .md_item {margin:0 0 -1.2rem 0;}
|
|
|
.dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
|
|
|
@@ -1647,7 +1647,7 @@
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap{white-space:nowrap; overflow-x:auto; background-color:#fff; font-size:0; -ms-overflow-style: none;}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap::-webkit-scrollbar{display:none;}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap a {position:relative; display:inline-block; background: #fff; margin-left:0.5rem; padding:0.8em 3.4rem 0.8rem 1.2rem; font-size: 1.2rem; color: #222; border-radius:2rem; line-height: 1; border:0.1rem solid #dddddd;}
|
|
|
-.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url(/images/mo/ico_filter_remove.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_remove.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:first-child{margin-left:0;}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:last-child{margin-right:6.5rem;}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:active{border:0.1rem solid #333; color:#000;}
|
|
|
@@ -1658,7 +1658,7 @@
|
|
|
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%);
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
|
|
|
}
|
|
|
-.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url(/images/mo/ico_filter_reset.png) center center no-repeat; background-size:50%;}
|
|
|
+.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png) center center no-repeat; background-size:50%;}
|
|
|
.dp .dp_lookbook .swiper_filter.brand .btnbox .reset:active{background-color:#ddd;}
|
|
|
.dp .dp_lookbook .event_con li {position: relative; padding-bottom:4rem;}
|
|
|
.dp .dp_lookbook .event_con li:first-child {margin-top:0;}
|
|
|
@@ -1685,10 +1685,10 @@
|
|
|
.dp .dp_best .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
|
|
|
|
|
|
/* 핫딜 - dp_hotdeal */
|
|
|
-.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
|
|
|
+.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
|
|
|
.dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
|
|
|
.dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:0.1rem solid #fff; white-space:nowrap; display:inline-block; text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
|
|
|
-.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
+.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
|
|
|
.dp_hotdeal .hotdeal #countdown span:first-child{margin-right:1.8vw;}
|
|
|
.dp_hotdeal .hotdeal .list_content .itemsGrp .item_prod{margin-bottom:3rem; margin-right:0;}
|
|
|
@@ -1715,12 +1715,12 @@
|
|
|
.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
|
|
|
.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
|
|
|
.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
|
|
|
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url(/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
|
|
|
.itemsGrp.rowtype .item_prod .shopBag {width: calc(100% - 17.6rem); margin-top: 0;position: absolute;bottom: 1.8rem;left: 17.6rem; z-index: 5;}
|
|
|
.itemsGrp.rowtype .item_prod .shopBag .btn {width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
|
|
|
.itemsGrp.rowtype .item_prod .shopBag .btn span {position:relative; padding-left:25px; line-height:1;}
|
|
|
-.itemsGrp.rowtype .item_prod .shopBag .btn span::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.8rem; background: url('/images/pc/ico_shopbag.png') no-repeat 50% 50%;}
|
|
|
+.itemsGrp.rowtype .item_prod .shopBag .btn span::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.8rem; background: url('//image.istyle24.com/Style24/images/pc/ico_shopbag.png') no-repeat 50% 50%;}
|
|
|
|
|
|
/* 기획전 - dp_exhibition */
|
|
|
.dp .dp_exhibition .list_content .itemsGrp{padding-top: 4rem;}
|
|
|
@@ -1759,19 +1759,19 @@
|
|
|
.dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:0;}
|
|
|
.dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
|
|
|
.dp .dp_listItems_wrap .btn_default{margin-top:0;}
|
|
|
-.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
|
|
|
+.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
|
|
|
.dp .dp_listItems_cont .item_prod {width: 100%;}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%;}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
|
|
|
.dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
|
|
|
-.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
|
|
|
+.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
|
-.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
.dp .promotion_visual.type2{padding-bottom:3.8rem;}
|
|
|
.dp .big_banner_slide .swiper-slide img{width:100%;}
|
|
|
.dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
@@ -1794,14 +1794,14 @@
|
|
|
.dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -1.3rem; z-index: 101; width: 26px; height: 26px; margin-top: -1.3rem; border:0.1rem solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
|
|
|
.dp .coupon_list li .cp_date {border:0.1rem solid #222; background: #222; font-weight: 300; text-align: center;}
|
|
|
.dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
|
|
|
-.dp .coupon_list li .cp_date button span {background: url(/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
|
|
|
+.dp .coupon_list li .cp_date button span {background: url(//image.istyle24.com/Style24/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
|
|
|
.dp .coupon_list li.off .cp_date {border:0.1rem solid #aaa; background: #aaa;}
|
|
|
.dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
|
|
|
.dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
|
|
|
.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 0.1rem solid #888; font-size:1.1rem; color: #888;}
|
|
|
.dp .dp_coupon .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 158.0rem; min-width: 158.0rem; padding: 0 26.0rem 12.0rem; margin: 0 auto; box-sizing: border-box;}
|
|
|
.dp .dp_coupon .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 6.0rem 6.0rem 0 6.0rem; box-sizing: border-box; display: flex; border-top: 0.1rem solid #ddd;}
|
|
|
-.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url(//image.istyle24.com/Style24/images/pc/ico_null.png)no-repeat;}
|
|
|
.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 2.0rem; color:#888;}
|
|
|
.dp .dp_coupon .dp_coupon_tip ul {margin-left: 90px;}
|
|
|
.dp .dp_coupon .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
|
|
|
@@ -1829,7 +1829,7 @@
|
|
|
.dp .dp_review_cont .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:0.1rem; background-color:#eee;}
|
|
|
.dp .dp_review_cont .review .best_review a {display:block; position:relative; background-color:#fff;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3rem; background:#ddd;}
|
|
|
-.dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.3rem; background:#fd4802; vertical-align:top;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .star_score .ico {margin-left:1.0rem;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
|
|
|
@@ -1839,7 +1839,7 @@
|
|
|
.dp .dp_review_cont .review .best_review a .info .txt_best_review p{font-size:1.2rem; color:#666; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
|
|
|
.dp .dp_review_cont .review .best_review a .pic{position:relative;}
|
|
|
.dp .dp_review_cont .review .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.dp .dp_review_cont .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
+.dp .dp_review_cont .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.dp .dp_review_cont .review .best_review a .info{padding:2rem; text-align:left;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .writer {margin-top:1.3rem;}
|
|
|
.dp .dp_review_cont .review .best_review a .info .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
@@ -1896,7 +1896,7 @@
|
|
|
.dp .nav_box.active{visibility:visible;}
|
|
|
.dp .nav_box .lap{position:absolute; top:0; left:0; padding:0 2rem 0; width:100%; background:#fff;}
|
|
|
.dp .nav_box .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
|
|
|
-.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
+.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
.dp .nav_box .nav_list {padding:0;}
|
|
|
.dp .nav_box .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
|
|
|
.dp .nav_box .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;}
|
|
|
@@ -1909,7 +1909,7 @@
|
|
|
.dp .category_box.active{visibility:visible;}
|
|
|
.dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
|
|
|
.dp .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
|
|
|
-.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
+.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
.dp .category_box .selcet_list {padding:0 2rem;}
|
|
|
.dp .category_box .selcet_list ul {padding-bottom:2rem;}
|
|
|
.dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
|
|
|
@@ -1931,7 +1931,7 @@
|
|
|
.dp .category_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
.dp .category_floormenu > div:nth-child(1){overflow:hidden;}
|
|
|
.dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
|
|
|
-.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
|
|
|
+.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
|
|
|
/* 플롯팅 메뉴 > 구매하기 */
|
|
|
.brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
|
.brand_floormenu > div{float:left; color:#fff; text-align:center;}
|
|
|
@@ -1940,7 +1940,7 @@
|
|
|
.brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
.brand_floormenu .share_like{overflow:hidden;}
|
|
|
.brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
|
|
|
-.brand_floormenu .share_like > button.refresh{background:#000 url(/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
|
|
|
+.brand_floormenu .share_like > button.refresh{background:#000 url(//image.istyle24.com/Style24/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
|
|
|
.brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
|
|
|
.brand_floormenu .prd_buy > .cantbuying{display:none;}
|
|
|
.brand_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
|
@@ -1962,9 +1962,9 @@
|
|
|
.filter_top > div:nth-child(1){float:left;}
|
|
|
.filter_top > div:nth-child(2){float:right;}
|
|
|
.filter_top .fillter_reset {position:relative; padding-left:1.5rem; vertical-align:middle;}
|
|
|
-.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url(/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
|
|
|
+.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
|
|
|
.filter_top .tt{font-size:1.6rem; font-weight:500; color:#222;}
|
|
|
-.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url(/images/mo/ico_pop_cls.png) center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
|
|
|
+.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png) center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
|
|
|
.filter_con{position:absolute; top:5rem; left:0; width:100%; height:calc(100% - 5rem); overflow-y:auto;}
|
|
|
/* 남녀공용,신상품만보기*/
|
|
|
.filter_header .form_field{padding:0 2rem; border-bottom:0.1rem solid #eeeeee;}
|
|
|
@@ -1978,15 +1978,15 @@
|
|
|
.filter_body > ul > li .daps3{display:none; text-indent:1rem;}
|
|
|
.filter_body > ul > li .daps4{display:none; text-indent:2rem;}
|
|
|
.filter_body > ul > li .daps5{display:none; text-indent:3rem;}
|
|
|
-.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url(/images/mo/ico_arrow_filter.png) 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url(//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png) 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
.filter_body > ul > li .daps1.on:after{background-position:0 -0.733rem;}
|
|
|
.filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
-.filter_body > ul > li .daps5 a{background:url(/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
|
|
|
+.filter_body > ul > li .daps5 a{background:url(//image.istyle24.com/Style24/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
|
|
|
.filter_body > ul > li a.on{color:#222;}
|
|
|
.filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 0.1rem solid #ddd;}
|
|
|
.filter_body > ul > li.categori .daps2 > li > a.on:after,
|
|
|
.filter_body > ul > li.categori .daps3 > li > a.on:after,
|
|
|
-.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url(/images/mo/ico_cate_close.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_cate_close.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
/* 필터세부사항(사이즈..) */
|
|
|
.filter_body > ul > li .sizebox{padding-top:3rem;}
|
|
|
.filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
|
|
|
@@ -2020,7 +2020,7 @@
|
|
|
.pdColor-color13::before {background-color: #bfffdd;}
|
|
|
.pdColor-color14::before {background-color: #13b987;}
|
|
|
.pdColor-color15::before {background-color: #5c5527;}
|
|
|
-.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url(/images/pc/ico_color_check.png) no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
|
|
|
+.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url(//image.istyle24.com/Style24/images/pc/ico_color_check.png) no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
|
|
|
|
|
|
/* 총알배송 */
|
|
|
.modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
|
|
|
@@ -2126,7 +2126,7 @@
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .itemBadge,
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
|
|
|
-.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(//image.istyle24.com/Style24/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state.soldout::before {font-size: 1.0rem;line-height: 12rem;width: 7rem;top: 20%;left: 3.5rem;}
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
|
|
|
.modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
|
|
|
@@ -2140,7 +2140,7 @@
|
|
|
.br .recommendedArea .area_slider.pic_img .page .pic {position:relative;}
|
|
|
.br .recommendedArea .area_slider.pic_img .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
.br .recommendedArea .area_slider.pic_img .page .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
|
|
|
-.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
|
|
|
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
|
|
|
.br .recommendedArea .area_slider.pic_img .page .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
|
|
.br .recommendedArea .area_slider.pic_img .page .item_picker > div .pick_descr{display:none;}
|
|
|
.br .recommendedArea .area_slider.pic_img .swiper-pagination{position:absolute; left:50%; bottom:2rem; margin:0; width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; color:#fff; background-color:rgba(0, 0, 0, 0.3); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
@@ -2160,7 +2160,7 @@
|
|
|
.br .pnb_mo > ul{display:flex; padding:0 0.8rem; height:5rem; line-height:5rem; background-color:#222222;}
|
|
|
.br .pnb_mo > ul > li > a{font-size:1.6rem; color:#686868; font-weight:500; padding:0 1.2rem;}
|
|
|
.br .pnb_mo > ul > li > a.on{color:#fff}
|
|
|
-.br .pnb_mo > button{background:url(/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
|
|
|
+.br .pnb_mo > button{background:url(//image.istyle24.com/Style24/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
|
|
|
.pnb_mo.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0); position:fixed; top:0; width:100%; z-index:79;}
|
|
|
.br_main{background-color:#fff;}
|
|
|
/* br_main */
|
|
|
@@ -2179,7 +2179,7 @@
|
|
|
.br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
|
|
|
.br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
|
|
|
.br .br_main .br_top_info > p:last-of-type {font-size: 1.2rem; font-weight: 100;}
|
|
|
-.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
|
|
|
+.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(//image.istyle24.com/Style24/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
|
|
|
/* br_main - new_item */
|
|
|
.br .br_main .new_item .swiper-slide{font-size:0;}
|
|
|
.br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
|
|
|
@@ -2220,7 +2220,7 @@
|
|
|
.br .br_main .br_youtube_slide .swiper-pagination{position:relative; margin-top:3rem;}
|
|
|
/* br_main - brand_product */
|
|
|
.br .br_main .brand_product .swiper-container{overflow:visible;}
|
|
|
-.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(/images/mo/ico_more_lg.png);}
|
|
|
+.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png);}
|
|
|
/* 브랜드 - 룩북 */
|
|
|
.htop.br_lookbook { overflow: hidden; border: none !important;}
|
|
|
.htop.br_lookbook .btn_back span i { background: #fff;}
|
|
|
@@ -2256,7 +2256,7 @@
|
|
|
.br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
|
|
|
.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; margin-bottom: 0; font-size: 1.2rem; border:0 none;}
|
|
|
.br .br_lookbook .inner .lb_text .btn > p{display:inline;}
|
|
|
-.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
|
|
|
+.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
|
|
|
.br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
|
|
|
.br .br_inlookbook .swiper-container{overflow:visible;}
|
|
|
.br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
|
|
|
@@ -2324,7 +2324,7 @@
|
|
|
.sch .sch_result .sch_title input[type="text"] { width: 100%; height: 4.3rem; float: left; border: none; padding: 0; font-size: 1.6rem; font-weight: 300; color: #222; border-bottom:0.1rem solid #000; margin-bottom:0rem; padding-right: 4rem;}
|
|
|
.sch .sch_result .sch_title input::placeholder {color:#888; font-weight: 200;}
|
|
|
.sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
|
|
|
-.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
|
|
|
+.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
|
|
|
.sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
|
|
|
.sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; padding:0 2rem 1.1rem; border-bottom: 0.1rem solid #ddd;}
|
|
|
.sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
|
|
|
@@ -2363,10 +2363,10 @@
|
|
|
.filter-list .f_left h3 {font-size: 1.6rem; font-weight: 500;}
|
|
|
.filter-list .f_left > span{color:#fd4802; font-weight:600;}
|
|
|
.filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888; font-weight: 300;}
|
|
|
-.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url(/images/mo/ico_btn_detail.png) no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
|
|
|
-.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
|
|
|
+.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail.png) no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
|
|
|
+.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(//image.istyle24.com/Style24/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
|
|
|
.filter-list .f_right > a:nth-of-type(2){margin-left:1rem;}
|
|
|
-.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url(/images/mo/shc_filter.png); position:relative; top:0.1rem; margin-left:0.5rem}
|
|
|
+.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url(//image.istyle24.com/Style24/images/mo/shc_filter.png); position:relative; top:0.1rem; margin-left:0.5rem}
|
|
|
|
|
|
/* sch_result nodata */
|
|
|
.sch .sch_result .nodata { width: 100%; height: 100%; margin:0; padding:14rem 0;}
|
|
|
@@ -2390,7 +2390,7 @@
|
|
|
.sch .area_thumb_list .thumb_list ul li a .txt .date {display:block; margin-top:1.5rem; color:#888; font-size:1.4rem; font-weight:300;}
|
|
|
.sch .area_thumb_list .nodata {padding:8.0rem 0 10.0rem; text-align:center;}
|
|
|
.sch .area_thumb_list .nodata .txt_box {color:#666; font-size:1.6rem; font-weight:300; line-height:2.6rem;}
|
|
|
-.sch .area_thumb_list .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.4rem; background:url('/images/mo/ico_content_none.png') no-repeat;}
|
|
|
+.sch .area_thumb_list .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_none.png') no-repeat;}
|
|
|
.sch .area_thumb_list .nodata .txt_box span {color:#fd4802; font-weight:500;}
|
|
|
.sch .area_thumb_list .nodata .btn_box {margin-top:4.0rem;}
|
|
|
.sch .area_thumb_list .nodata .btn_box .btn span {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
@@ -2413,17 +2413,17 @@
|
|
|
.sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:9rem 0;}
|
|
|
.sch .sch_result .search-list > ul{margin-top:1rem; margin-bottom:5rem;}
|
|
|
.sch .sch_result .search-list > ul > li {position: relative;}
|
|
|
-.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
|
|
|
+.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
|
|
|
.sch .sch_result .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
|
|
|
.sch .sch_result .search-list > ul > li > a > p{position:relative;}
|
|
|
-.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
|
|
|
+.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
|
|
|
.sch .sch_result .search-list > ul > li > a > span{color:#8d8d8d;}
|
|
|
.sch .sch_result .allresult-tit{display:flex; justify-content:space-between;}
|
|
|
.sch .sch_result .allresult-tit > h3{font-size:1.5rem; padding-top:1.1rem; padding-bottom:2rem;}
|
|
|
.sch .sch_result .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
|
|
|
-.sch .sch_result .allresult-tit > p::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
+.sch .sch_result .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
.sch .sch_result .allresult-tit > button.btn_refresh {height: 3rem; padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
|
|
|
-.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url(/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
|
|
|
+.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
|
|
|
.sch .sch_result .itemTag{border:0.1rem solid #fd4802; display:inline-block; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; font-size:0.6rem; color:#fd4802;}
|
|
|
.sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:hidden;}
|
|
|
.sch .sch_result .relative-list .nodata_txt {display: none;}
|
|
|
@@ -2440,7 +2440,7 @@
|
|
|
.sch .sch_result .sch_category > ul > li {width: 100%; font-size: 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 1.5rem;}
|
|
|
.sch .sch_result .sch_category > ul > li:last-child {margin-bottom: 0;}
|
|
|
.sch .sch_result .sch_category > ul > li span {position: relative; display: inline-block; font-size: 1.2rem; color: #888; padding-right: 2.5rem; line-height: 1;}
|
|
|
-.sch .sch_result .sch_category > ul > li span:before {content:''; background: url(/images/mo/ico_cate_arrow.png) no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
|
|
|
+.sch .sch_result .sch_category > ul > li span:before {content:''; background: url(//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png) no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
|
|
|
.sch .sch_result .sch_category > ul > li span:last-child {padding-right: 0;}
|
|
|
.sch .sch_result .sch_category > ul > li span:last-child:before {display: none;}
|
|
|
.sch .sch_result .sch_category > ul > li span > em {color: #222;}
|
|
|
@@ -2453,14 +2453,14 @@
|
|
|
.sch .sch_result.brand_all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
|
|
|
.sch .sch_result.brand_all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
|
|
|
.sch .sch_result.brand_all .search-list > ul > li > a > p{position:relative;}
|
|
|
-.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
|
|
|
+.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
|
|
|
.sch .sch_result.brand_all .search-list > ul > li > a > span{color:#8d8d8d; display:inline-block; width:2rem; text-align:right;}
|
|
|
.sch .sch_result.brand_all .allresult-tit{display:flex; justify-content:space-between;}
|
|
|
.sch .sch_result.brand_all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem;}
|
|
|
.sch .sch_result.brand_all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
|
|
|
-.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
+.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
.sch .sch_result.brand_all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888;}
|
|
|
-.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
+.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
|
|
|
.sch .sch_result.brand_all .itemTag{display:inline; padding:0.3rem 0; position:relative; top:1rem; font-size:0.6rem; color:#fd4802;}
|
|
|
.sch .sch_result.brand_all .itemTag.circle{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem;}
|
|
|
.sch .sch_result.brand_all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
|
|
|
@@ -2526,12 +2526,12 @@
|
|
|
.sch .sch_util li:first-child{margin-left:0;}
|
|
|
.sch .sch_util li a{font-size:1.2rem; color:#222!important;}
|
|
|
.sch .sch_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
|
|
|
-.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
|
|
|
+.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
|
|
|
.sch .sch_util li a.refresh{color:#888!important;}
|
|
|
-.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
|
|
|
+.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem; margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
|
|
|
|
|
|
/* select 커스텀 (필터용) */
|
|
|
-.sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
|
|
|
+.sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
|
|
|
.sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-0.1rem; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
|
|
|
.sch .sch_util .select+.select{margin-left: 1.0rem;}
|
|
|
.sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}
|
|
|
@@ -2569,7 +2569,7 @@
|
|
|
.sch .category_box.active{visibility:visible;}
|
|
|
.sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
|
|
|
.sch .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
|
|
|
-.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
+.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
.sch .category_box .selcet_list {padding:0 2rem;}
|
|
|
.sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
|
|
|
.sch .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
|
|
|
@@ -2591,7 +2591,7 @@ header .htop .btn_back span i.gl1, header .htop .btn_back span i.gl2, header .ht
|
|
|
.pd_qnalist .info_txt .btn_group_flex button {font-size:1.4rem;}
|
|
|
.filter_top .tt {font-size: 1.8rem; font-weight: 500;}
|
|
|
.filter_list .form_field input[type="checkbox"] + label {font-size: 1.25rem;}
|
|
|
-.mb .close a {background: url('/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
|
|
|
+.mb .close a {background: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
|
|
|
.mb .close span {display: none;}
|
|
|
.br_search_wrap .inner .result .title_abbr {font-size: 3.0rem;font-weight: 600;}
|
|
|
.br_search_wrap .brand a {font-size: 1.4rem;}
|
gagamel