|
|
@@ -20,10 +20,10 @@
|
|
|
/* etc */
|
|
|
.error {text-align: center;}
|
|
|
.error .titWrap img {width: 8.1rem;}
|
|
|
-.error dl {margin-top: 2rem;padding-top: 13rem;background: url("/images/mo/bg_z0_01.jpg") no-repeat 50% 4rem;background-size: 5.6rem auto;}
|
|
|
+.error dl {margin-top: 2rem;padding-top: 13rem;background: url("//image.istyle24.com/Style24/images/mo/bg_z0_01.jpg") no-repeat 50% 4rem;background-size: 5.6rem auto;}
|
|
|
.error dl > dt {font-size: 2.1rem;color: #222;font-weight: 500;}
|
|
|
.error dl > dd {padding-top: 1.5rem;font-size: 1.5rem;color: #666;}
|
|
|
-.error .v2 {background: url("/images/mo/bg_z0_02.jpg") no-repeat 50% 4rem;background-size: 6.4rem auto;}
|
|
|
+.error .v2 {background: url("//image.istyle24.com/Style24/images/mo/bg_z0_02.jpg") no-repeat 50% 4rem;background-size: 6.4rem auto;}
|
|
|
.error .btnWrap {padding-top: 4rem;}
|
|
|
.error .txtBox {border: #e5e5e5 solid 0.1rem;padding: 2rem 0;margin-top: 2rem;}
|
|
|
.error .txtBox .tit {font-size: 1.5rem;font-weight: 600;color: #222;}
|
|
|
@@ -42,14 +42,14 @@
|
|
|
.swi-po_rel{position: relative;}
|
|
|
.version02{position: static;}
|
|
|
.ta_center{text-align:center;}
|
|
|
-.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
-.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
.swiper-button-prev.sbtn02_lb{pointer-events:none;}
|
|
|
.swiper-button-next.sbtn02_rb{pointer-events:none;}
|
|
|
-.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-5rem; pointer-events:visible;}
|
|
|
-.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-5rem; pointer-events:visible;}
|
|
|
-.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
-.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-5rem; pointer-events:visible;}
|
|
|
+.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-5rem; pointer-events:visible;}
|
|
|
+.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:2.9rem; height:8.7rem; background: url(//image.istyle24.com/Style24/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
.swiper-pagination {bottom: 0;width: 100%; left: 0;margin: 0;}
|
|
|
.swiper-pagination-bullet{display: inline-block; margin: 0.5rem !important; background:#dddddd !important; opacity:0.9 !important; width:0.8rem !important; height:0.8rem !important; vertical-align: middle;}
|
|
|
.swiper-pagination-bullet-active{background-color:#fd4802 !important;}
|
|
|
@@ -60,7 +60,7 @@
|
|
|
.swiper-controls {position: relative;margin: 0;text-align: center;font-size: 1.6rem;}
|
|
|
.main .inner:last-child{touch-action: pan-x;}
|
|
|
.main .titWrap h2{font-size: 2.1rem;}
|
|
|
-.main .titWrap a h2:after{content: '';display: inline-block;background: url(/images/mo/ico_btn_detail.png);width: 0.7rem;height: 1.2rem;background-size: 0.7rem 1.2rem;position: relative;right: -0.7rem;bottom: 0.2rem;}
|
|
|
+.main .titWrap a h2:after{content: '';display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail.png);width: 0.7rem;height: 1.2rem;background-size: 0.7rem 1.2rem;position: relative;right: -0.7rem;bottom: 0.2rem;}
|
|
|
.main .swiper-pagination {margin: 0;}
|
|
|
.main .wrap .content.wide:first-child{ padding: 0 !important;}
|
|
|
.main .dpnone {display: none;}
|
|
|
@@ -222,7 +222,7 @@
|
|
|
.main_deal .titWrap a h2:after{filter: invert(100%);}
|
|
|
.main_deal .titWrap .count{margin-top: 1.2rem;}
|
|
|
.main_deal .titWrap .count .count_tit{position:relative;}
|
|
|
-.main_deal .titWrap .count .count_tit:before{content: '';display: inline-block;background: url(/images/mo/ico_count.png) no-repeat;width: 2.4rem;height: 2.4rem;background-size: 2.4rem 2.4rem;position: absolute;left: -2.7rem;bottom: -0.5rem;}
|
|
|
+.main_deal .titWrap .count .count_tit:before{content: '';display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_count.png) no-repeat;width: 2.4rem;height: 2.4rem;background-size: 2.4rem 2.4rem;position: absolute;left: -2.7rem;bottom: -0.5rem;}
|
|
|
.main_deal .swiper-container {margin-right: -4rem;margin-left: -2rem;padding-right: 4rem;padding-left: 2rem;}
|
|
|
.main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
|
|
|
.main_deal .item_prod .itemPrice {color: #ffffff;}
|
|
|
@@ -245,7 +245,7 @@
|
|
|
.main_pick .inner_body .pick-cont a .txtWrap p{font-size: 2.3rem;font-weight: 500;color: #fff;font-weight: 300;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
.main_pick .inner_body .pick-cont a .txtWrap span{font-size: 1.2rem;font-weight: 100;color: #fff;margin-top: 0.5rem;display: block;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
|
|
|
.main_pick .inner_body .pick-cont a img{width: 100%;height: auto;}
|
|
|
-.main_pick .inner_body .btn_group_flex > div > button > span {display: inline-block;background: url(/images/mo/ico_btn_brand.png) no-repeat;background-size: 1.1rem 1.1rem;width: 1.1rem;height: 1.1rem;margin-left: 0.8rem;}
|
|
|
+.main_pick .inner_body .btn_group_flex > div > button > span {display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_btn_brand.png) no-repeat;background-size: 1.1rem 1.1rem;width: 1.1rem;height: 1.1rem;margin-left: 0.8rem;}
|
|
|
.main_pick .pick-cont {display: none;transition: ease-in, 1000;}
|
|
|
.main_pick .pick-cont.active {display: block;transition: ease-out, 1000;}
|
|
|
.main_pick .pick-post {margin-top: 2rem; white-space: nowrap; overflow-x:auto; font-size: 0; -ms-overflow-style: none; scrollbar-width: none;}
|
|
|
@@ -301,7 +301,7 @@
|
|
|
.post-sug-items {overflow: visible;}
|
|
|
.post-sug-items .item_prod {width: 100%;}
|
|
|
.post-sug-items .more_txt {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.3rem; color: #222; padding-right: 1rem; }
|
|
|
-.post-sug-items .more_txt:after {content:''; position: absolute; top: 0.3rem; right: 0; background: url(/images/mo/ico_btn_detail.png) no-repeat right top; background-size:0.5rem 0.9rem;width: 0.5rem; height: 0.9rem; background-size:100%;}
|
|
|
+.post-sug-items .more_txt:after {content:''; position: absolute; top: 0.3rem; right: 0; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail.png) no-repeat right top; background-size:0.5rem 0.9rem;width: 0.5rem; height: 0.9rem; background-size:100%;}
|
|
|
.main_tv {padding:2.3rem 2.0rem 0 2.0rem;}
|
|
|
.main_tv .cont_head p{ color: #ffffff;}
|
|
|
.main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 52rem;position: absolute;top: 0;left: 0;background: #444444;}
|
|
|
@@ -362,7 +362,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.pager .pageNav > li {display: inline;}
|
|
|
.pager .pageNav > li::after {content: '';clear: both; display: inline-block;}
|
|
|
.pager .pageNav > li > a, .pager .pageNav > li > span {position: relative;float: left;font-size: 1.6rem;font-weight: 400;padding: 0.6rem 0.2rem;line-height: 1.42857143;color: #666666;text-decoration: none;background-color: #ffffff;}
|
|
|
-.pager .pageNav .prev a , .pager .pageNav .next a {width: 3.4rem;height: 3.4rem;margin-left: 0;border: 0.1rem solid #888888;background: url('/images/mo/ico_paging.png')no-repeat;background-size: 6.8rem 2.866rem;text-indent: -999.9rem;}
|
|
|
+.pager .pageNav .prev a , .pager .pageNav .next a {width: 3.4rem;height: 3.4rem;margin-left: 0;border: 0.1rem solid #888888;background: url('//image.istyle24.com/Style24/images/mo/ico_paging.png')no-repeat;background-size: 6.8rem 2.866rem;text-indent: -999.9rem;}
|
|
|
.pager .pageNav .prev a {background-position: 0rem 0rem;}
|
|
|
.pager .pageNav .next a {background-position: -3.5rem 0rem;}
|
|
|
.pager .pageNav .active a {color: #222222;margin-left: 1.5rem;}
|
|
|
@@ -408,7 +408,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.ev .ev_list .event_top .count span {font-weight: 600; color: #fd4802;}
|
|
|
.ev .ev_list .event_top .event_btn {position: absolute; top: 0; right: 0; line-height: 1;}
|
|
|
.ev .ev_list .event_top .event_btn a {display: inline-block; font-size: 1.3rem; line-height: 1; padding-right: 1.3rem;}
|
|
|
-.ev .ev_list .event_top .event_btn a:after {content:''; position: absolute; top: 0.2rem; right: 0; background: url('/images/mo/ico_btn_detail.png') no-repeat right center/100%; width: 0.53rem; height: 0.9rem;}
|
|
|
+.ev .ev_list .event_top .event_btn a:after {content:''; position: absolute; top: 0.2rem; right: 0; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_detail.png') no-repeat right center/100%; width: 0.53rem; height: 0.9rem;}
|
|
|
.ev .ev_list .event_list {padding-top: 3rem;}
|
|
|
.ev .ev_list .event_list .list li {position: relative; margin-bottom: 4rem;}
|
|
|
.ev .ev_list .event_list .list li .ev_img img {width: 100%; height:auto;}
|
|
|
@@ -420,7 +420,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.ev .event_list .list li {margin-bottom: 0;}
|
|
|
.ev .event_list .list .nodata {display: block; padding:7.6rem 0 14rem; width: 100%; text-align: center; margin-right: 0;}
|
|
|
.ev .event_list .list .nodata img {width: 4rem;}
|
|
|
-.ev .event_list .list .nodata .txt_box::before {content:''; display:none; width:4rem; height:5.5rem; margin:0 auto 2.4rem; background:url('/images/mo/ico_content_find02.png') no-repeat; background-size:100%;}
|
|
|
+.ev .event_list .list .nodata .txt_box::before {content:''; display:none; width:4rem; height:5.5rem; margin:0 auto 2.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_find02.png') no-repeat; background-size:100%;}
|
|
|
.ev .event_list .list .nodata .txt_box p {display: block; margin: 1.5rem 0 2.3rem; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
.ev .event_list .list .nodata .txt_box a {display: inline-block; padding: 1rem 1.2rem; border:0.1rem solid #a7a7a7; font-size: 1.1rem; color: #222; font-weight: 300;}
|
|
|
/* ev_renew_1 */
|
|
|
@@ -432,7 +432,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.dp .dp_btn_area.type2 .btn_wrap {border: none;}
|
|
|
.dp .dp_btn_area .btn_wrap a.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
|
|
|
.dp .dp_btn_area .btn_wrap a.btn span {position: relative;}
|
|
|
-.dp .dp_btn_area .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -1.3rem; transform:translateY(-50%); background:url(/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 0.9rem; display: none;}
|
|
|
+.dp .dp_btn_area .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -1.3rem; transform:translateY(-50%); background:url(//image.istyle24.com/Style24/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 0.9rem; display: none;}
|
|
|
.dp .dp_btn_area .btn_wrap a.btn.go_next span:after {display: block;}
|
|
|
.dp .dp_btn_area .btn_wrap button.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
|
|
|
.dp .announce_txt {margin-top:-3.2rem; padding:2.4rem 0;}
|
|
|
@@ -441,14 +441,14 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.other_promotion_slide {position: relative; padding-top: 6rem; padding-bottom: 4rem;}
|
|
|
.other_promotion_slide .tit {position: relative; margin-bottom: 2rem;}
|
|
|
.other_promotion_slide .tit h4 {font-size: 1.6rem; font-weight: 500;}
|
|
|
-.other_promotion_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 2rem; background: url(/images/pc/ico_more_lg.png) no-repeat right top 0.1rem; font-size: 1.8rem; color:#888;}
|
|
|
+.other_promotion_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 2rem; background: url(//image.istyle24.com/Style24/images/pc/ico_more_lg.png) no-repeat right top 0.1rem; font-size: 1.8rem; color:#888;}
|
|
|
.other_promotion_slide .swiper-slide {width: 42%;}
|
|
|
.other_promotion_slide .swiper-slide .img{position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 100%;font-size: 0;overflow: hidden;background: #fff;}
|
|
|
.other_promotion_slide .swiper-slide img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
|
|
|
.other_promotion_slide .swiper-slide .txt .subject {margin:1.6rem 0 0; padding:0 0.46rem; font-size: 1.2rem; line-height: 1.6; font-weight: 300; color:#222; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
|
|
|
.other_promotion_slide .swiper-button-next:after, .other_promotion_slide .swiper-button-prev:after {content:'';}
|
|
|
-.other_promotion_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 7rem; opacity: 0.6; margin-top: -1rem;}
|
|
|
-.other_promotion_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 7rem; opacity: 0.6; margin-top: -1rem;}
|
|
|
+.other_promotion_slide .swiper-button-next {background: url(//image.istyle24.com/Style24/images/pc/slide_next.png) no-repeat center; right: 7rem; opacity: 0.6; margin-top: -1rem;}
|
|
|
+.other_promotion_slide .swiper-button-prev {background: url(//image.istyle24.com/Style24/images/pc/slide_prev.png) no-repeat center; left: 7rem; opacity: 0.6; margin-top: -1rem;}
|
|
|
/* ev_renew_2 */
|
|
|
.ev .survey_wrap {background: #f5f5f5;}
|
|
|
.ev .survey_wrap .survey_con {width: 100%; margin:0 auto; border-top: 0.1rem solid #ddd;}
|
|
|
@@ -508,7 +508,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
/* ev_comment_1 포토댓글 */
|
|
|
.modal.pop_full .modal-header {padding:1.6rem 2rem;}
|
|
|
.modal.pop_full .modal-body {padding:0 2rem;}
|
|
|
-.modal.pop_full a.close-modal {background: url('/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
|
|
|
+.modal.pop_full a.close-modal {background: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
|
|
|
.modal.photo_comment_popup {background: #f5f5f5; overflow:hidden; position: fixed; left: 0; top: 0;}
|
|
|
.modal.photo_comment_popup:-webkit-full-screen {display: block;}
|
|
|
.modal.photo_comment_popup .modal-dialog, .modal.photo_comment_popup .modal-content {height: 100%;}
|
|
|
@@ -525,12 +525,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.pop_slide .swiper-slide .mov {position: relative; width: 100%; height: 100%;}
|
|
|
.pop_slide .swiper-slide .img {position: relative; height: 100%;}
|
|
|
.pop_slide .swiper-slide img {width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; position: absolute; top: 50%; bottom: auto; left: 50%; right: 0; transform: translate(-50%, -50%); cursor: pointer;}
|
|
|
-.modal.photo_comment_popup .pop_detail .pop_open_btn {position: absolute; left: 0; top: 0; width: 100%; background: url('/images/mo/ico_pop_arrow.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
|
|
|
+.modal.photo_comment_popup .pop_detail .pop_open_btn {position: absolute; left: 0; top: 0; width: 100%; background: url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
|
|
|
.modal.photo_comment_popup .pop_detail .comment_wrap {max-height: 10rem; padding:0 2rem 2rem; margin-top: 3rem; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y:auto;}
|
|
|
.modal.photo_comment_popup .pop_detail .comment_writer {margin-top: 1.4rem;}
|
|
|
.modal.photo_comment_popup .pop_detail .comment_writer .writer {margin-right: 1.2rem; padding-right: 1.2rem; border-right:0.1rem solid #ddd; font-size: 1.1rem; color: #666;}
|
|
|
.modal.photo_comment_popup .pop_detail .comment_writer .date {color: #888; font-size: 1.1rem;}
|
|
|
-.modal.photo_comment_popup .pop_detail.active .pop_open_btn {background: url('/images/mo/ico_pop_arrow_on.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
|
|
|
+.modal.photo_comment_popup .pop_detail.active .pop_open_btn {background: url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
|
|
|
.modal.photo_comment_popup .pop_detail.active .comment_wrap { max-height: 34rem;}
|
|
|
.modal.photo_comment_popup .modal-footer {margin-top: 0;}
|
|
|
.paging_wrap {text-align: center; margin-top: 3.6rem; padding-bottom: 3.6rem;}
|
|
|
@@ -539,16 +539,16 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.paging_wrap .pageNav li.active {color: #222; font-weight: 600;}
|
|
|
.paging_wrap .pageNav li.prev, .paging_wrap .pageNav li.next {width: 3.5rem; height: 3rem; border:0.1rem solid #a7a7a7;}
|
|
|
.paging_wrap .pageNav li.prev {margin-right: 1.6rem;}
|
|
|
-.paging_wrap .pageNav li.prev a {background: url('/images/mo/ico_pag_prev.png') no-repeat center; background-size:0.53rem 0.9rem;}
|
|
|
+.paging_wrap .pageNav li.prev a {background: url('//image.istyle24.com/Style24/images/mo/ico_pag_prev.png') no-repeat center; background-size:0.53rem 0.9rem;}
|
|
|
.paging_wrap .pageNav li.next {margin-left: 1.6rem;}
|
|
|
-.paging_wrap .pageNav li.next a {background: url('/images/mo/ico_pag_next.png') no-repeat center; background-size:0.53rem 0.9rem;}
|
|
|
+.paging_wrap .pageNav li.next a {background: url('//image.istyle24.com/Style24/images/mo/ico_pag_next.png') no-repeat center; background-size:0.53rem 0.9rem;}
|
|
|
.paging_wrap .pageNav li a {display: block; width: 100%; height: 100%;}
|
|
|
.paging_wrap .pageNav li img {width: 0.53rem; height:0.9rem;}
|
|
|
/* ev_check */
|
|
|
.stamp_event {padding-bottom: 2.0rem;}
|
|
|
.stamp_event .event_calander {position: relative; background-color: #f4f3ef; padding:4.3rem 2rem 3rem; overflow:hidden;}
|
|
|
-.stamp_event .event_calander:after {content:''; position: absolute; top: 12rem; left: -3rem; background:url('/images/mo/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
|
|
|
-.stamp_event .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/mo/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
|
|
|
+.stamp_event .event_calander:after {content:''; position: absolute; top: 12rem; left: -3rem; background:url('//image.istyle24.com/Style24/images/mo/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
|
|
|
+.stamp_event .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('//image.istyle24.com/Style24/images/mo/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
|
|
|
.stamp_event .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
|
|
|
.stamp_event .event_calander .check_title p {font-size: 1.4rem; font-weight: 200; margin-bottom: 2rem;}
|
|
|
.stamp_event .event_calander .check_title h3 {font-size: 4rem; font-weight: 600;}
|
|
|
@@ -584,8 +584,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.stamp_event .event_benefit .benefit_con ul li:first-child {margin-top: 0;}
|
|
|
.stamp_event .event_benefit .benefit_con ul li {background: #f5f5f5; margin-top: 0.1rem; font-size: 1.4rem;}
|
|
|
.stamp_event .event_benefit .benefit_con ul li > div {padding:2.6rem 0 2.6rem 6.5rem;}
|
|
|
-.stamp_event .event_benefit .benefit_con ul li .benfit_point {background: url(/images/mo/ico_check_point.png) no-repeat left 2rem center; background-size:3.5rem;}
|
|
|
-.stamp_event .event_benefit .benefit_con ul li .benfit_coupon {background: url(/images/mo/ico_check_coupon.png) no-repeat left 2rem center; background-size:3.5rem;}
|
|
|
+.stamp_event .event_benefit .benefit_con ul li .benfit_point {background: url(//image.istyle24.com/Style24/images/mo/ico_check_point.png) no-repeat left 2rem center; background-size:3.5rem;}
|
|
|
+.stamp_event .event_benefit .benefit_con ul li .benfit_coupon {background: url(//image.istyle24.com/Style24/images/mo/ico_check_coupon.png) no-repeat left 2rem center; background-size:3.5rem;}
|
|
|
.stamp_event .event_benefit .benefit_con ul li > div strong {font-weight: 500;}
|
|
|
.stamp_event .event_benefit .benefit_con ul li > div span.c_primary {font-weight: 600;}
|
|
|
/* ev_rank */
|
|
|
@@ -703,7 +703,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
/* nodata_데이터 없을시 안내 */
|
|
|
.my .nodata {padding:8.0rem 0; text-align:center;}
|
|
|
.my .nodata .txt_box {color:#666; font-size:1.4rem; font-weight:300; line-height:2.4rem;}
|
|
|
-.my .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.0rem; background:url('/images/pc/ico_content_none.png') no-repeat;}
|
|
|
+.my .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.0rem; background:url('//image.istyle24.com/Style24/images/pc/ico_content_none.png') no-repeat;}
|
|
|
.my .nodata .btn_box {margin-top:4.0rem;}
|
|
|
.my .nodata .btn_box .btn {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
/* 상품권 */
|
|
|
@@ -736,12 +736,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
/* my_main */
|
|
|
.my .lnb_list {margin-top: 1.2rem;}
|
|
|
.my .lnb_list li { border-bottom: 0.1rem solid #ddd;}
|
|
|
-.my .lnb_list li a {display: block; padding: 2rem; background: url(/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
|
|
|
+.my .lnb_list li a {display: block; padding: 2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
|
|
|
.my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
|
|
|
.my .mem_rank .mem_name {display: block; font-size: 1.8rem; font-weight: 300;}
|
|
|
.my .mem_rank .mem_name strong {font-weight: 500;}
|
|
|
-.my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(/images/mo/ico_btn_detail03.png) no-repeat right top 0.5rem; background-size:0.7rem 1.3rem;}
|
|
|
-.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 1.4rem; padding-right: 1.3rem; margin-right: 2rem; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 0.6rem;}
|
|
|
+.my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail03.png) no-repeat right top 0.5rem; background-size:0.7rem 1.3rem;}
|
|
|
+.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 1.4rem; padding-right: 1.3rem; margin-right: 2rem; background: url(//image.istyle24.com/Style24/images/pc/ico_mysm_arrow.png) no-repeat right top 0.6rem;}
|
|
|
.my .mem_rank button.cou_btn {background: transparent; padding: 0.6rem 1rem; height:auto; position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size: 1.1rem; font-weight: 300; border:0.1rem solid #a7a7a7; border-radius:2rem}
|
|
|
.my .mem_rank .rank_icon {width: 4.5rem; height: 4.5rem; line-height: 4.7rem; position: absolute; left: 0; top: 50%; font-size: 2.2rem; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900; transform:translateY(-50%);}
|
|
|
.my .mem_rank .rank_icon.vip {background: #fd4802;}
|
|
|
@@ -768,9 +768,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .goods_top h3 {margin-bottom: 0;}
|
|
|
.my .goods_top span {display: inline-block; margin-left: 0.8rem;}
|
|
|
.my .goods_top .start_t, .my .goods_top .gift_t, .my .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
|
|
|
-.my .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 0.3rem; background-size:0.53rem 0.9rem;}
|
|
|
-.my .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 0.3rem; background-size:0.9rem 0.9rem;}
|
|
|
-.my .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 0.3rem; background-size:1.06rem 0.8rem;}
|
|
|
+.my .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail02.png) no-repeat right top 0.3rem; background-size:0.53rem 0.9rem;}
|
|
|
+.my .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat right top 0.3rem; background-size:0.9rem 0.9rem;}
|
|
|
+.my .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(//image.istyle24.com/Style24/images/mo/ico_check01.png) no-repeat right top 0.3rem; background-size:1.06rem 0.8rem;}
|
|
|
.my .badge_wrap {display: inline-block;}
|
|
|
.my .order_badge {font-size: 1rem; border-radius: 0.1rem; color: #666; font-weight: 300; border:0.1rem solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 0.1rem; vertical-align: middle;}
|
|
|
.my .order_bullet_badge {background: #fff6f2; color: #fd4802; border:0.1rem solid #fd4802;}
|
|
|
@@ -789,7 +789,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .part_goods .goods_txt p {font-size: 1.4rem;font-weight: 300;color: #666666;}
|
|
|
.my .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
|
|
|
.my .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
|
|
|
-.my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
+.my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
.part_goods .goods_detail.soldout .thumb_box:after {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%, -50%); color:#fff; z-index: 30; text-align: center;}
|
|
|
.part_goods .goods_detail.soldout .thumb_box: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;}
|
|
|
.part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
|
|
|
@@ -816,7 +816,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.part_goods .goods_detail .od_exchange_opt > span {margin-right: 0.8rem; float:left;}
|
|
|
.part_goods .goods_select {margin-top: 1.8rem;}
|
|
|
.part_goods .goods_detail .od_shoppingbag .btn {width: 7.2rem; height: 2.5rem; padding: 0; font-size: 1.1rem;}
|
|
|
-.part_goods .point {margin-bottom: 0.7rem; font-size: 1.1rem; color: #888; background: url(/images/mo/ico_point.png) no-repeat left top 0.1rem; background-size:1.2rem; padding-left: 1.6rem;}
|
|
|
+.part_goods .point {margin-bottom: 0.7rem; font-size: 1.1rem; color: #888; background: url(//image.istyle24.com/Style24/images/mo/ico_point.png) no-repeat left top 0.1rem; background-size:1.2rem; padding-left: 1.6rem;}
|
|
|
.part_goods .od_calc .sale_price {font-size: 1.1rem; color: #888; font-weight: 300;}
|
|
|
.part_goods .od_calc .sale_percent {font-size: 1.3rem; color:#fd4802;}
|
|
|
.part_goods .od_calc .price {font-size: 0;}
|
|
|
@@ -828,8 +828,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.part_goods .od_calc .price .selling_price + .count {border-left: 0.1rem solid #ddd; padding-left: 1rem; margin-left: 1rem;}
|
|
|
.my .part_goods .goods_gift {border-top: 0.1rem solid #eee; }
|
|
|
.my .part_goods .goods_gift .gift_wrap {padding:1.5rem; margin-top: 1.8rem; background: #fff6f2; border:0.1rem solid #ffe4d9;}
|
|
|
-.my .part_goods .goods_gift .title {font-size: 1.3rem; font-weight: 500; color: #fd4802; padding-left: 1.7rem; background: url(/images/mo/ico_gift.png) no-repeat left top 0.1rem; background-size:1.1rem 1.2rem; margin-bottom: 1rem;}
|
|
|
-.my .part_goods .goods_gift .li_gift li {padding-left: 1.5rem; background: url(/images/mo/ico_bracket.png) no-repeat left top; background-size:0.7rem; font-size: 1.1rem; margin-bottom: 0.8rem; line-height: 1; vertical-align: middle; width: 100%;}
|
|
|
+.my .part_goods .goods_gift .title {font-size: 1.3rem; font-weight: 500; color: #fd4802; padding-left: 1.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_gift.png) no-repeat left top 0.1rem; background-size:1.1rem 1.2rem; margin-bottom: 1rem;}
|
|
|
+.my .part_goods .goods_gift .li_gift li {padding-left: 1.5rem; background: url(//image.istyle24.com/Style24/images/mo/ico_bracket.png) no-repeat left top; background-size:0.7rem; font-size: 1.1rem; margin-bottom: 0.8rem; line-height: 1; vertical-align: middle; width: 100%;}
|
|
|
.my .part_goods .goods_gift .li_gift li:last-child {margin-bottom: 0;}
|
|
|
.my .part_goods .goods_gift .li_gift li .gift_name {display: inline-block; color:#666;}
|
|
|
.my .part_goods .goods_gift .li_gift .deduct_p {display: inline-block; color: #fd4802; width: 15%;}
|
|
|
@@ -873,17 +873,17 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .part_goods .goods_section:last-child {padding-bottom: 2.4rem;margin-bottom: 2.4rem;border-bottom:0.1rem solid #eee;}
|
|
|
.my .review .fileAdd{margin-right:1rem;}
|
|
|
.my .review .pics{margin-bottom:1rem;}
|
|
|
-.my .review .tip_close {position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; background: url(/images/mo/ico_btn_cls.png) no-repeat center; background-size: 1rem; background-position: center;}
|
|
|
+.my .review .tip_close {position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat center; background-size: 1rem; background-position: center;}
|
|
|
/* my_review_2 */
|
|
|
.my .review .once {background: #ffffff;padding: 0;margin-top: -1.5rem;text-align: center; margin-bottom: -1.2rem;}
|
|
|
.my .review .alert {position: relative;display: inline-block;height: 7.4rem;width: 100%;max-width: calc(100% - 4.0rem);margin: 3.1rem 0 1.2rem;padding: 1.5rem;text-align: center;font-size: 1.2rem;color: #fd4802;border-color: #ffe4d9;background-color: #fff6f2;border-radius: 0;}
|
|
|
.my .review .formOnly {position: relative;display: inline-block;color: #666666;text-align: center;}
|
|
|
-.my .review .formOnly::after {content: '';display: inline-block;width: 1rem;height: 1.5rem;position: absolute;top: 0.5rem;right: -1.5rem;background: url(/images/mo/ico_btn_detail02.png);background-size: 0.6rem 1.0rem;background-repeat: no-repeat;}
|
|
|
+.my .review .formOnly::after {content: '';display: inline-block;width: 1rem;height: 1.5rem;position: absolute;top: 0.5rem;right: -1.5rem;background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail02.png);background-size: 0.6rem 1.0rem;background-repeat: no-repeat;}
|
|
|
.my .review button.alertCls {font-size: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
|
|
|
.my .review .reviewMy .info_box::after {content: ''; clear: both; display: block;}
|
|
|
.my .review .reviewMy .info_box .star_score {float:left}
|
|
|
.my .review .reviewMy .info_box .star_score .star {display:inline-block; position:relative; width:10.1rem; height:1.6rem; background:#ddd;}
|
|
|
-.my .review .reviewMy .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.my .review .reviewMy .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/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.my .review .reviewMy .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
|
|
|
.my .review .reviewMy .info_box .writer {float:right;}
|
|
|
.my .review .reviewMy .info_box .writer span {position:relative; margin-left:2.0rem; padding-left:2.0rem; color:#888; font-size:1.1rem; line-height: 1.8rem;}
|
|
|
@@ -910,7 +910,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .reviewMy .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
|
|
|
.my .review .reviewMy .photo_box .photo_list .pic {width: 7.2rem; height: 7.2rem;}
|
|
|
.my .review .reviewMy .photo_box .photo_list .pic span {position: relative; display: block; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.my .review .reviewMy .photo_box .photo_list .pic span.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;}
|
|
|
+.my .review .reviewMy .photo_box .photo_list .pic span.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;}
|
|
|
.my .review .reviewMy .txt_review_box {margin-top:1.9rem; font-size: 1.3rem; line-height:2.1rem;word-break: break-all;}
|
|
|
.my .review .reviewMy .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
|
|
|
.my .review .reviewMy .reply_box .reply {position:relative; padding:2.0rem; background:#f5f5f5;}
|
|
|
@@ -918,7 +918,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .reviewMy .reply_box .reply .reply_writer {font-size: 1.3rem;}
|
|
|
.my .review .reviewMy .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
.my .review .reviewMy .reply_box .reply .reply_writer .wr_name {padding-left:2.4rem; font-weight:300;}
|
|
|
-.my .review .reviewMy .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/mo/ico_admin2.png') no-repeat 0 0; background-size:1.5rem;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_admin2.png') no-repeat 0 0; background-size:1.5rem;}
|
|
|
.my .review .reviewMy .reply_box .reply .reply_writer .wr_date {padding-left:1.5rem; margin-left:1.5rem; color:#888; font-weight:200;}
|
|
|
.my .review .reviewMy .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;}
|
|
|
.my .review .reviewMy .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem; line-height:1.4; font-weight: 200;}
|
|
|
@@ -927,10 +927,10 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .form_wrap .inner {margin-bottom: 0;}
|
|
|
.my .review_score {margin-top: 1.4rem;padding-bottom: 2.0rem;border-bottom: 0.1rem solid #dddddd;}
|
|
|
.my .review_score #star_grade {width: 14.0rem;margin:0 auto;}
|
|
|
-.my .review_score #star_grade button {display: inline-block; width: 2.5rem; height: 2.5rem; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
|
|
|
-.my .review_score #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;}
|
|
|
-.my .review_score #star_grade span {display: inline-block; width: 1.5rem; height: 1.5rem; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
|
|
|
-.my .review_score #star_grade span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;}
|
|
|
+.my .review_score #star_grade button {display: inline-block; width: 2.5rem; height: 2.5rem; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center;}
|
|
|
+.my .review_score #star_grade button.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center;}
|
|
|
+.my .review_score #star_grade span {display: inline-block; width: 1.5rem; height: 1.5rem; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center/cover;}
|
|
|
+.my .review_score #star_grade span.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center/cover;}
|
|
|
.my .review .tbl_wrap {padding:3rem 0 0 0;}
|
|
|
.my .review .tbl_wrap:last-child {padding: 0;}
|
|
|
.my .review .tbl_wrap:last-child .tbl {border-top: 0;}
|
|
|
@@ -977,7 +977,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .note li::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
|
|
|
/* my_order_1 */
|
|
|
.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;padding-right: 2rem;padding-left: 2rem;margin-left:-2rem; margin-right: -2rem; margin-bottom: -2.4rem;text-align: right;background: #fff;} /* 210827_ 회원,비회원공통 */
|
|
|
-.my .order_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;}
|
|
|
+.my .order_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;}
|
|
|
.my .order_sort a:first-child {margin-right: 2rem;}
|
|
|
.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;margin-top: 1.2rem;}
|
|
|
.my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
|
|
|
@@ -1051,7 +1051,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.pay_wrap .tbl {padding:2rem 0; border-bottom: 0.1rem solid #ddd;}
|
|
|
.pay_wrap .tbl:after {content:''; display: block; clear:both;}
|
|
|
.pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
|
|
|
-.pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 0.2rem; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
|
|
|
+.pay_wrap .tbl table dt {vertical-align: top; background: url('//image.istyle24.com/Style24/images/mo/ico_bracket.png') no-repeat left top 0.2rem; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
|
|
|
.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
|
|
|
.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;}
|
|
|
.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem; display: block; margin-left:50%;}
|
|
|
@@ -1212,7 +1212,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .my_delivery .tbl_wrap:first-child {padding-top: 2rem;}
|
|
|
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
|
|
|
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
|
|
|
-.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
|
|
|
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
.my .my_delivery .dlvr_basic {margin-top: 1.5rem;}
|
|
|
@@ -1227,7 +1227,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .myMbLeave .inner {background: #fff;margin-bottom: 1.2rem;}
|
|
|
.my .myMbLeave .inner:nth-last-child(2) {background: #fff;margin-bottom: 0;}
|
|
|
.my .myMbLeave .mb_leave_complete {text-align: center;padding: 10rem 0 4rem 0;color: #222;font-size: 2.4rem;font-weight: 500;}
|
|
|
-.my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
|
|
|
+.my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(//image.istyle24.com/Style24/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
|
|
|
.my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #222;}
|
|
|
.my .myMbLeave .tblWrap table {padding: 0;border-top: 0;}
|
|
|
.my .myMbLeave .tblWrap table tr td {padding-top:0;}
|
|
|
@@ -1291,7 +1291,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.coupon .cp_condition {margin-top:0.5rem; padding-bottom:2.4rem; color:#888; font-size:1.2rem; font-weight:300;}
|
|
|
.coupon .cp_condition span {display:block; margin-top:0.8rem}
|
|
|
.coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:2.4rem;}
|
|
|
-.coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1rem; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
|
|
|
+.coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1rem; background:url('//image.istyle24.com/Style24/images/pc/ico_cp_down.png') no-repeat 0 0;}
|
|
|
.coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
|
|
|
.coupon .cp_date {padding:1.5rem 2rem; border-top:0.1rem dashed #ddd; text-align:left; color:#666; font-size:1.3rem; font-weight:300;}
|
|
|
.coupon + .btn_underline {display:block; margin:1.5rem auto 0; color:#888; border-color:#888; font-size:1.1rem;}
|
|
|
@@ -1363,9 +1363,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .restock .btn_group_flex > div > .btn {font-size: 1.4rem;}
|
|
|
.my .restock .btn_group_flex > div > .btn.btn_primary {color: #ffffff;background-color: #fd4802;border-color: #fd4802;}
|
|
|
.my .restock .part_goods .goods_detail .info_box .od_name .brand span{margin-bottom: 0;}
|
|
|
-.my .restock .restock_ready {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#222; background:url('/images/mo/ico_restock_ready.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
-.my .restock .restock_remain {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#fd4802; background:url('/images/mo/ico_restock_remain.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
-.my .restock .restock_past {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#888; background:url('/images/mo/ico_restock_past.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
+.my .restock .restock_ready {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#222; background:url('//image.istyle24.com/Style24/images/mo/ico_restock_ready.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
+.my .restock .restock_remain {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#fd4802; background:url('//image.istyle24.com/Style24/images/mo/ico_restock_remain.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
+.my .restock .restock_past {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#888; background:url('//image.istyle24.com/Style24/images/mo/ico_restock_past.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
/* my_wishlist */
|
|
|
.my .my_wishlist .wishlist {padding-top: 3rem;}
|
|
|
main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
@@ -1394,8 +1394,8 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.dp .sub_category .more_btn {width: 100%; text-align: center; height: 6rem; margin-bottom: -1.3rem;}
|
|
|
.dp .sub_category .more_btn .btn {display: block; width: 100%; height: 100%; font-size: 1.3rem; color: #666; background: transparent; border:none; padding: 0;}
|
|
|
.dp .sub_category .more_btn .btn span {position: relative; display: inline-block; padding-right: 1.9rem; line-height: 1;}
|
|
|
-.dp .sub_category .more_btn .btn span:before {content:''; position: absolute; top: 0.3rem; right: 0;width: 1.1rem; height: 0.63rem; background: url('/images/mo/ico_btn_more02.png') no-repeat top center;background-size:100%;}
|
|
|
-.dp .sub_category .more_btn.on .btn span:before {background: url('/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
|
|
|
+.dp .sub_category .more_btn .btn span:before {content:''; position: absolute; top: 0.3rem; right: 0;width: 1.1rem; height: 0.63rem; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more02.png') no-repeat top center;background-size:100%;}
|
|
|
+.dp .sub_category .more_btn.on .btn span:before {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
|
|
|
.dp .dp_submain .new_item .dp_subtitle, .dp .dp_submain .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem; font-size: 2rem;}
|
|
|
.dp .dp_submain .new_item {padding:0 2rem;}
|
|
|
.dp .dp_submain .new_item .swiper-slide {width: 43.75%;}
|
|
|
@@ -1428,9 +1428,9 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .goods_top span {display: inline-block; margin-left: 0.8rem;}
|
|
|
.od .goods_top .start_t, .od .goods_top .gift_t, .od .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
|
|
|
.od .goods_top .goods_date .date {font-size: 1.2rem; color: #888;}
|
|
|
-.od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 0.3rem; background-size:0.53rem 0.9rem;}
|
|
|
-.od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 0.3rem; background-size:0.9rem 0.9rem;}
|
|
|
-.od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 0.3rem; background-size:1.06rem 0.8rem;}
|
|
|
+.od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail02.png) no-repeat right top 0.3rem; background-size:0.53rem 0.9rem;}
|
|
|
+.od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat right top 0.3rem; background-size:0.9rem 0.9rem;}
|
|
|
+.od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(//image.istyle24.com/Style24/images/mo/ico_check01.png) no-repeat right top 0.3rem; background-size:1.06rem 0.8rem;}
|
|
|
.od .badge_wrap {display: inline-block;}
|
|
|
.od .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:0.1rem solid #888; padding:0.5rem 0.4rem; margin-left: 0.1rem; vertical-align: top;}
|
|
|
.od .order_bullet_badge {color: #fd4802; border:0.1rem solid #fd4802; background: #fff6f2;}
|
|
|
@@ -1439,7 +1439,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .part_goods {position:relative;}
|
|
|
.od .part_goods h3.subH2 span {color:#888; font-size:1.6rem; font-weight:200;}
|
|
|
.od .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 0.1rem dashed #ddd; position: relative;}
|
|
|
-.od .part_goods .goods_section .btn_delete {position: absolute; top: -0.5rem; right: -0.5rem; z-index: 9; width: 2.4rem; height: 2.4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
|
|
|
+.od .part_goods .goods_section .btn_delete {position: absolute; top: -0.5rem; right: -0.5rem; z-index: 9; width: 2.4rem; height: 2.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
|
|
|
.od .part_goods .goods_section:last-of-type {margin-bottom: 2.4rem; border-bottom: 0; padding-bottom: 0;}
|
|
|
.od .part_goods .btn_area {position:absolute; right:0; top:-0.8rem; z-index:2;}
|
|
|
.od .part_goods .btn_area button {padding:0.8rem 1.4rem; background:#f5f5f5; border:none; color:#222; font-size:1.4rem; font-weight:200;}
|
|
|
@@ -1454,7 +1454,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
|
|
|
.od .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
|
|
|
.od .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
|
|
|
-.od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
+.od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
.od .part_goods .od_calc {position: relative; margin: 2rem 0 0 0;}
|
|
|
.od .part_goods .od_calc:after {content:''; display: block; clear:both;}
|
|
|
.od .part_goods .od_calc .count {display: inline-block; font-size: 1.1rem;}
|
|
|
@@ -1525,7 +1525,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700; float:right; line-height: 1;}
|
|
|
.od .totalprice_box dl dd span {font-size:2.4rem; vertical-align:middle;}
|
|
|
.od .totalprice_box .info_point {margin-top:1.2rem; color:#888; font-size:1.4rem; font-weight:300; text-align:right; line-height:1.6rem;}
|
|
|
-.od .totalprice_box .info_point .save_point {display:inline-block; padding-left:2.2rem; height:1.6rem; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
|
|
|
+.od .totalprice_box .info_point .save_point {display:inline-block; padding-left:2.2rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
|
|
|
.od .totalprice_box .info_delivery {margin-top: 3rem; color: #888; text-align: center; font-weight: 300;}
|
|
|
.od .paymethod_box .sel_method:after {content:''; display: block; clear:both;}
|
|
|
.od .paymethod_box .sel_method li {width: 50%; float:left; margin-bottom: 1.5rem;}
|
|
|
@@ -1626,7 +1626,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.adrsAdd_pop .tbl_wrap:first-child {padding-top: 2rem;}
|
|
|
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
|
|
|
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
|
|
|
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
+.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
|
|
|
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'],.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type, .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
|
|
|
@@ -1657,7 +1657,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.adrsModify_pop .tbl_wrap:first-child {padding-top: 2rem;}
|
|
|
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
|
|
|
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
|
|
|
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
|
|
|
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'],.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type, .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
|
|
|
@@ -1729,7 +1729,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .area_selgift .gift_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
|
|
|
.od .area_selgift .gift_box .txt {margin-bottom:1.5rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
|
|
|
.od .area_selgift .gift_box .txt span {position:relative; padding-right:2.0rem; margin-right:1.0rem; color:#222; font-weight:300;}
|
|
|
-.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.6rem; height:1.1rem; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
|
|
|
+.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.6rem; height:1.1rem; background:url('//image.istyle24.com/Style24/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
|
|
|
.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:0.1rem solid transparent;}
|
|
|
.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:0.1rem solid #fd4802;}
|
|
|
.od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:before,
|
|
|
@@ -1787,7 +1787,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .paymentinfo .payinfo_blk_wrap > a {display:block; border:0.1rem solid #ddd; padding:1.9rem; color:#222; font-size:1.3rem; font-weight:300;}
|
|
|
.od .paymentinfo .payinfo_blk_wrap > a::after {clear:both; display:block; width:100%;}
|
|
|
.od .paymentinfo .payinfo_blk_wrap > a span {float:right; position:relative; padding-right:2.2rem; color:#222; font-size:1.4rem; text-indent: -999em;}
|
|
|
-.od .paymentinfo .payinfo_blk_wrap > a span::after {content:''; position:absolute; right:0; top:0.2rem; width:1.1rem; height:0.9rem; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
+.od .paymentinfo .payinfo_blk_wrap > a span::after {content:''; position:absolute; right:0; top:0.2rem; width:1.1rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:0.3rem; transform:rotate(-180deg);}
|
|
|
.od .paymentinfo .payinfo_blk_parent {margin-top: -0.1rem; display: none;}
|
|
|
.od .paymentinfo .payinfo_blk {border:0.1rem solid #ddd; border-top:none;}
|
|
|
@@ -1795,7 +1795,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .paymentinfo .payinfo_blk a {display:block; padding:1.9rem; color:#222; font-size:1.3rem; font-weight:300;}
|
|
|
.od .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
|
|
|
.od .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:2.2rem; color:#222; font-size:1.4rem; text-indent: -999em;}
|
|
|
-.od .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:0.2rem; width:1.1rem; height:0.9rem; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
+.od .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:0.2rem; width:1.1rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
.od .paymentinfo .payinfo_blk .infotxt {display:none; max-height:19rem; margin-top:2rem; color:#222; font-size:1.2rem; line-height:1.4; overflow-y:scroll;}
|
|
|
.od .paymentinfo .payinfo_blk.on {background:#fff;}
|
|
|
.od .paymentinfo .payinfo_blk.on a span::after {top:0.3rem; transform:rotate(-180deg);}
|
|
|
@@ -1814,9 +1814,9 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.od .extra_pay .paymethod_box .sel_method li {width:50%;}
|
|
|
.od .paymethod_box .sel_method li {height:2.2rem;}
|
|
|
.od .paymethod_box .sel_method li label .payimg {display:inline-block; width:6.6rem; height:2rem; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
|
|
|
-.od .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/mo/pay_kakao.png'); width: 4.9rem;}
|
|
|
-.od .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/mo/pay_naver.png'); width: 5rem;}
|
|
|
-.od .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/mo/pay_payco.png'); width: 5.2rem; height: 1.2rem;}
|
|
|
+.od .paymethod_box .sel_method li label .payimg.kakao {background-image:url('//image.istyle24.com/Style24/images/mo/pay_kakao.png'); width: 4.9rem;}
|
|
|
+.od .paymethod_box .sel_method li label .payimg.naver {background-image:url('//image.istyle24.com/Style24/images/mo/pay_naver.png'); width: 5rem;}
|
|
|
+.od .paymethod_box .sel_method li label .payimg.payco {background-image:url('//image.istyle24.com/Style24/images/mo/pay_payco.png'); width: 5.2rem; height: 1.2rem;}
|
|
|
/* od_completed */
|
|
|
.od .completed {margin-top: -1.2rem;}
|
|
|
.od .completed .inner {padding-bottom: 0; margin-bottom: 1.2rem;}
|
|
|
@@ -1931,7 +1931,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.nonMBorder input[type="text"]:read-only {background: #f5f5f5;}
|
|
|
.nonMBorder .input_wrap .btn_hp_certi {position: absolute; top: 0; right: 0; height: 4.5rem; margin-left: 0; font-size: 1.4rem; font-weight: 300;}
|
|
|
.nonMBorder .detail_addr {margin-top: -1.1rem;}
|
|
|
-.nonMBorder .btn_addr_sch {position: absolute; right: 0; top: 0; padding: 0; border:none; width: 4.5rem; height: 4.5rem; background: url(/images/mo/ico_search_btn.png) no-repeat center; background-size:1.7rem;}
|
|
|
+.nonMBorder .btn_addr_sch {position: absolute; right: 0; top: 0; padding: 0; border:none; width: 4.5rem; height: 4.5rem; background: url(//image.istyle24.com/Style24/images/mo/ico_search_btn.png) no-repeat center; background-size:1.7rem;}
|
|
|
/* 쇼핑백 */
|
|
|
main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.shopping_bag .od_method label span {vertical-align: middle;}
|
|
|
@@ -1942,7 +1942,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.shopping_bag .sec_select .btn {position: absolute; top: 0; right: 0; width: 5.8rem; height: 2.5rem; padding: 0; font-size: 1.1rem;}
|
|
|
.shopping_bag .inner {padding:3rem 2rem;}
|
|
|
.shopping_bag .inner.wide {padding: 0;}
|
|
|
-.shopping_bag .btn_delete {position: absolute; top: 0; right: 0; z-index: 9; width: 4rem; height: 4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
|
|
|
+.shopping_bag .btn_delete {position: absolute; top: 0; right: 0; z-index: 9; width: 4rem; height: 4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
|
|
|
.shopping_bag .tip1 .tip_contents{width: 32.5rem;transform: translate(-70%, 1.0rem);}
|
|
|
.shopping_bag .tip1 .tip_contents:before,
|
|
|
.shopping_bag .tip1 .tip_contents:after{left: 72.2%;}
|
|
|
@@ -1965,7 +1965,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.goods_btn_wrap > div > .btn.btn_primary_line {border:0.1rem solid #fd4802;}
|
|
|
.goods_btn_wrap > div > button[disabled] {opacity: 0.45;cursor: default;pointer-events: none;}
|
|
|
.shopping_bag .goods_dlvr_save {margin-top: 1.8rem; text-align: center;}
|
|
|
-.shopping_bag .goods_dlvr_save a.btn_popup_save {display:inline-block; padding-right:2rem; text-align: center; color:#fd4802; font-size:1.1rem; font-weight:200; line-height:1.4rem; text-decoration:underline; background:url('/images/mo/ico_go_save.png') no-repeat 98% 45%; background-size:1.1rem;}
|
|
|
+.shopping_bag .goods_dlvr_save a.btn_popup_save {display:inline-block; padding-right:2rem; text-align: center; color:#fd4802; font-size:1.1rem; font-weight:200; line-height:1.4rem; text-decoration:underline; background:url('//image.istyle24.com/Style24/images/mo/ico_go_save.png') no-repeat 98% 45%; background-size:1.1rem;}
|
|
|
.shopping_bag .od_calc_wrap {position: fixed; left: 0; bottom: 0; z-index: 99; font-size: 0; width: 100%;}
|
|
|
.shopping_bag .od_calc_wrap button {width: 60%; height: 5.8rem;}
|
|
|
.shopping_bag .od_calc_wrap button:first-child {width: 40%;}
|
|
|
@@ -2010,7 +2010,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.od .area_order .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700;}
|
|
|
.od .area_order .totalprice_box dl dd span {font-size:2.1rem; vertical-align:bottom;}
|
|
|
.od .area_order .totalprice_box .info_point {margin-top:1.2rem; color:#888; font-size:1.4rem; font-weight:300; text-align:right; line-height:1.6rem;}
|
|
|
-.od .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:2.2rem; height:1.6rem; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
|
|
|
+.od .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:2.2rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
|
|
|
.od .area_order .totalprice_box .info_extra {margin-top:1.2rem; color:#888; font-size:1.4rem; font-weight:300; text-align:left; line-height:1.6rem;}
|
|
|
.od .area_order .btn_box .btn {height:6rem; font-weight:300; padding:2rem}
|
|
|
.od .area_salecoupon input {height:4.5rem; padding:1.2rem 1.5rem; color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
@@ -2045,7 +2045,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.popup_box.active .lap {bottom: 0;}
|
|
|
.popup_box .popup_head {padding:3rem 2rem 2rem;}
|
|
|
.popup_box .popup_con{min-height:15rem; max-height:40rem; overflow-y:auto; padding:2rem;}
|
|
|
-.popup_box .popup_close{position:absolute; top:-4.8rem; left:50%; width:4.8rem; height:4.8rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; background-size:1.6rem; font-size:0; text-indent:-9999em; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
+.popup_box .popup_close{position:absolute; top:-4.8rem; left:50%; width:4.8rem; height:4.8rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; background-size:1.6rem; font-size:0; text-indent:-9999em; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
/* popup_장바구니 옵션변경 */
|
|
|
.popup_box.optModifyPop .popup_con {padding: 0;}
|
|
|
.optModifyPop .popup_head h2 {font-size: 1.6rem;}
|
|
|
@@ -2084,7 +2084,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.optModifyPop .area_order .opt_count .number_count span,
|
|
|
.optModifyPop .area_order .opt_count .number_count input[type='text']{float:left;}
|
|
|
.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:4.0rem; height:4.0rem; text-align:center;}
|
|
|
-.optModifyPop .area_order .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;}
|
|
|
+.optModifyPop .area_order .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;}
|
|
|
.optModifyPop .area_order .opt_count .number_count span.min_val,
|
|
|
.optModifyPop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
|
|
|
.optModifyPop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
@@ -2136,7 +2136,7 @@ main.container .od_gift .inner:last-child {padding-bottom: 0;}
|
|
|
.od_gift .tbl_wrap:first-child {padding-bottom: 2rem;}
|
|
|
.od_gift .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
|
|
|
.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
|
|
|
-.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
+.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
|
|
|
.od_gift .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300; padding-right: 0.9rem;}
|
|
|
.od_gift .tbl_wrap .tbl.tbl_dlvr input[placeholder='배송주소'] {padding-right: 4.5rem;}
|
|
|
@@ -2177,7 +2177,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
|
|
|
/* popup_메인공지 FULL */
|
|
|
.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:900; width: 100%; height: 100%; overflow-y:auto; background: #222;}
|
|
|
.popup_main_notice .swiper-button-prev,
|
|
|
-.popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:6.0rem; height:6.0rem; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
|
|
|
+.popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:6.0rem; height:6.0rem; background-image:url('//image.istyle24.com/Style24/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
|
|
|
.popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;}
|
|
|
.popup_main_notice .swiper-button-next {right:0; background-position:100% 50%;}
|
|
|
.popup_main_notice .swiper-button-prev::after,
|
|
|
@@ -2190,7 +2190,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
|
|
|
.popup_main_notice .popup_footer {position: fixed; left:0; bottom:0; z-index: 10; width: 100%; background:#222; height: 6rem; padding: 2.2rem;}
|
|
|
.popup_main_notice .popup_footer::after {content:''; clear:both; display:block;}
|
|
|
.popup_main_notice .popup_footer a.btn_underline {float:left; color:#888; font-size:1.3rem; font-weight:200; border-color:#888;}
|
|
|
-.popup_main_notice .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}
|
|
|
+.popup_main_notice .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(//image.istyle24.com/Style24/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}
|
|
|
.popup_main_notice .popup_body.onlyNotice .swiper-button-prev,
|
|
|
.popup_main_notice .popup_body.onlyNotice .swiper-button-next {display:none;}
|
|
|
.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: 43%; bottom:auto; width:auto; left: 5.55%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
@@ -2205,7 +2205,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
|
|
|
.popup_main_notice.half .popup_content .popup_header {position: relative; background:transparent; height: 6rem; padding: 2.2rem;}
|
|
|
.popup_main_notice.half .popup_content .popup_header::after {content:''; clear:both; display:block;}
|
|
|
.popup_main_notice.half .popup_content .popup_header a.btn_underline {display:inline; float:left; color:#fff; font-size:1.3rem; font-weight:200; border-color:#fff; opacity: 0.4; padding-top: 0.2rem;}
|
|
|
-.popup_main_notice.half .popup_content .popup_header a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem; text-indent:-999em;}
|
|
|
+.popup_main_notice.half .popup_content .popup_header a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(//image.istyle24.com/Style24/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem; text-indent:-999em;}
|
|
|
/* popup_마이페이지 회수조회 팝업 */
|
|
|
.modal.reclaim_pop .modal-body {margin-top: 8rem;}
|
|
|
.modal.reclaim_pop .modal-body .pop_cont {color:#222; font-weight: 300;}
|
|
|
@@ -2225,7 +2225,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
|
|
|
.bnrtype_banner a {display: block; padding:1.3rem 2rem; padding-right:4rem;}
|
|
|
.bnrtype_banner a > div {color:#fff; font-size:1.3rem; font-weight:300;}
|
|
|
.bnrtype_banner a > div span {font-weight: 500;}
|
|
|
-.bnrtype_banner .bnrtype_close {position: absolute; top: 50%; right: 0; width: 4rem; height: 4.4rem; transform:translateY(-50%); background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center/1.3rem; z-index: 10;}
|
|
|
+.bnrtype_banner .bnrtype_close {position: absolute; top: 50%; right: 0; width: 4rem; height: 4.4rem; transform:translateY(-50%); background: url(//image.istyle24.com/Style24/images/mo/btn_main_pop_arrow.png) no-repeat center/1.3rem; z-index: 10;}
|
|
|
|
|
|
/* Other Requests */
|
|
|
.btn_group_flex > div > .btn {padding:1.5rem;}
|
jmh