|
|
@@ -270,6 +270,13 @@
|
|
|
.mb .mb_login .captcha .captcha_area {margin-top:0.6rem;}
|
|
|
.mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 1.5rem 1.3rem;}
|
|
|
.mb .mb_login .captcha .captcha_area label { display: block; width: 100%; margin:-0.8rem 0 0.4rem 0;}
|
|
|
+.mb .btn_mb_wrap {text-align: center; margin:2rem 0 -3rem 0;}
|
|
|
+.mb .btn_mb_wrap ul {display: inline-block;}
|
|
|
+.mb .btn_mb_wrap ul:after {content:''; display: block; clear:both;}
|
|
|
+.mb .btn_mb_wrap ul > li{position:relative; float:left; margin-left:1rem; padding-left:1rem; line-height: 1;}
|
|
|
+.mb .btn_mb_wrap ul > li:first-child{margin-left:0rem; padding-left:0rem;}
|
|
|
+.mb .btn_mb_wrap ul > li::before{content: ''; position:absolute; width:0.1rem; height:1rem; left:0; top:50%; transform:translateY(-50%); background:#ddd;}
|
|
|
+.mb .btn_mb_wrap ul > li:first-child::before{display:none;}
|
|
|
.mb .mb_login .btn{width:100%; height:4.5rem;}
|
|
|
|
|
|
/* mb_idInquiry_1 */
|
|
|
@@ -415,6 +422,11 @@
|
|
|
.pd.deal .pd_detail > .inner:nth-of-type(3){margin-bottom:0;}
|
|
|
.pd_detail .pd_info > .inner.wide,
|
|
|
.pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
|
|
|
+
|
|
|
+.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
|
|
|
+.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
|
|
|
+
|
|
|
+
|
|
|
.pd_detail .thumb_box{position: relative;}
|
|
|
/* .pd_detail .thumb_box:after{position:absolute; content:''; left:0; bottom:0; width:100%; height:3rem; background-color:rgba(255,255,255,.95); z-index:2;} */
|
|
|
.pd_detail .thumb_box .thumb_list{position:relative;}
|
|
|
@@ -807,12 +819,34 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.dp .popup_box .button_list.clear button{width:100% !important;}
|
|
|
.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 right center;background-size: 0.7rem 0.43rem;}
|
|
|
.dp .Bulletship_foot .clear{background:#f5f5f5; margin:4rem -2rem; padding:4rem 0 2.5rem 2rem;}
|
|
|
-.dp .dp_Bulletship .inner:first-child{margin-bottom:0; padding-bottom:0;}
|
|
|
-.dp .dp_Bulletship .items_option{padding-top:0; margin:0 2rem;}
|
|
|
+/*.dp .dp_Bulletship .inner:first-child{margin-bottom:0; padding-bottom:0;}*/
|
|
|
+.dp .bulletship .items_option{padding-top:0; margin:0 2rem;}
|
|
|
.dp .items_option #filter{height:4.5rem; border:0.1rem solid #dddddd;}
|
|
|
-.dp .dp_exhibition .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
-.dp .dp_Bulletship .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
+.dp .dp_listItems_wrap .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
+.dp .bulletship .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
.Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
|
|
|
+/* 210416 */
|
|
|
+.dp .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 999;}
|
|
|
+.deal_list_select .list>li[aria-disabled="true"] {
|
|
|
+ text-decoration: line-through;
|
|
|
+ background: #fff;
|
|
|
+ color: #bbb;
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+.deal_list_select .list>li[data-soldout="true"] {
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+.deal_list_select .list>li[data-soldout="true"]::after {
|
|
|
+ content: '품절';
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #bbbbbb;
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+.dp .mid_banner{margin-top:-6rem}
|
|
|
|
|
|
|
|
|
|
|
|
@@ -1700,38 +1734,38 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.dp .dp_exhibition .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300;}
|
|
|
|
|
|
/* 기획전 - dp_detail-case */
|
|
|
-.dp .dp_exhibition .dp_subtitle{padding-top:4rem;}
|
|
|
-.dp .dp_exhibition{background-color:#f5f5f5;}
|
|
|
-.dp .dp_exhibition .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff; }
|
|
|
+.dp .dp_subtitle{padding-top:4rem;}
|
|
|
+/*.dp .dp_exhibition{background-color:#f5f5f5;}
|
|
|
+.dp .dp_exhibition .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff;}
|
|
|
.dp .dp_exhibition .inner:first-child{padding-bottom:0; margin-bottom:0;}
|
|
|
.dp .dp_exhibition .inner:last-child{padding-bottom: 4rem;}
|
|
|
-.dp .dp_exhibition .inner.bg_gray{background-color:#f5f5f5;}
|
|
|
-.dp .dp_exhibition .items_option{padding-top:4rem;}
|
|
|
-.dp .dp_exhibition .items_option .select{display:block;}
|
|
|
-.dp .dp_exhibition .shar_box{position:relative; padding:2rem;}
|
|
|
-.dp .dp_exhibition .shar_box .p{font-size:1.4rem; color:#222; font-weight:500;}
|
|
|
-.dp .dp_exhibition .shar_box .sns_share{position:absolute; right:2rem; top:50%; width:1.4rem; height:1.6rem; font-size:0; text-indent:-999999px; background:url(/images/mo/ico_sns_share.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
|
|
|
-.dp .dp_exhibition .banner_item{margin-bottom:-5.3rem;}
|
|
|
-.dp .dp_exhibition .banner_item .dp_banner_slide{background-color:#fff;}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide{padding:0 14%}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
|
|
|
-.dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:-4rem;}
|
|
|
-.dp .dp_exhibition .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
|
|
|
-.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1{margin-top:6rem;}
|
|
|
-.dp .dp_exhibition .dp_listItems_wrap .btn_default{margin-top:4rem;}
|
|
|
-.dp .dp_exhibition .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_exhibition .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 .dp_exhibition .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
|
|
|
-.dp .dp_exhibition .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
|
|
|
-.dp .dp_exhibition .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
|
|
|
-.dp .dp_exhibition .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 .dp_exhibition .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
|
-.dp .dp_exhibition .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 .dp_exhibition .big_banner_slide .swiper-slide img{width:100%;}
|
|
|
-.dp .dp_exhibition .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
-.dp .dp_exhibition .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
-.dp .dp_exhibition .foot_banner_slide .swiper-container{overflow:initial;}
|
|
|
+.dp .dp_exhibition .inner.bg_gray{background-color:#f5f5f5;}*/
|
|
|
+.dp .dp_listItems_wrap .items_option{padding-top:4rem;}
|
|
|
+.dp .dp_listItems_wrap .items_option .select{display:block;}
|
|
|
+.dp .promotion_tit{position:relative; padding:2rem; margin-left:2rem}
|
|
|
+.dp .promotion_tit .p{font-size:1.4rem; color:#222; font-weight:500;}
|
|
|
+.dp .promotion_tit .sns_share{position:absolute; right:2rem; top:50%; width:1.4rem; height:1.6rem; font-size:0; text-indent:-999999px; background:url(/images/mo/ico_sns_share.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
|
|
|
+/*.dp .promotion_visual.type1{margin-bottom:-5.3rem;}*/
|
|
|
+.dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
|
|
|
+.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 .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:-4rem;}
|
|
|
+.dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
|
|
|
+.dp .mid_banner .swiper-container.dp_lookbook_case1{margin-top:6rem;}
|
|
|
+.dp .dp_listItems_wrap .btn_default{margin-top:4rem;}
|
|
|
+.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 .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 .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 .big_banner_slide .swiper-slide img{width:100%;}
|
|
|
+.dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
+.dp .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
+.dp .other_promotion_slide .swiper-container{overflow:initial;}
|
|
|
/* dp_detail-case - 쿠폰 */
|
|
|
.dp .coupon_list {margin-bottom:3rem;}
|
|
|
.dp .coupon_list li {position: relative; position: relative; margin-top:3rem; overflow: hidden;}
|
|
|
@@ -1753,60 +1787,60 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.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: 1px solid #888; font-size:1.1rem; color: #888;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 60px 60px 0 60px; box-sizing: border-box; display: flex; border-top: 1px solid #ddd;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:36px; height: 46px; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip ul {margin-left: 90px;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
|
|
|
-.dp .dp_coupon_wrap .announce_txt {position: relative; margin: 0 auto; padding-top: 30px; border-top:1px solid #dddddd;}
|
|
|
-.dp .dp_coupon_wrap .announce_txt .note_txt p{color:#666;}
|
|
|
-.dp .dp_coupon_wrap .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
|
|
|
+.dp .dp_coupon .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 60px 60px 0 60px; box-sizing: border-box; display: flex; border-top: 1px solid #ddd;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:36px; height: 46px; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; 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;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
|
|
|
+.dp .dp_coupon .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
|
|
|
+.dp .dp_coupon .announce_txt {position: relative; margin: 0 auto; padding-top: 30px; border-top:1px solid #dddddd;}
|
|
|
+.dp .dp_coupon .announce_txt .note_txt p{color:#666;}
|
|
|
+.dp .dp_coupon .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
|
|
|
/* dp_detail-case - 리뷰 */
|
|
|
-.dp .dp_exhibition .dp_review{text-align:center;}
|
|
|
-.dp .dp_exhibition .dp_listItems_wrap .btn{width:100%;}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item02{overflow: initial;}
|
|
|
-.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
-.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
-.dp .dp_exhibition .review .swiper-container{overflow: initial;}
|
|
|
-.dp .dp_exhibition .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
|
|
|
-.dp .dp_exhibition .review .best_review {position:relative; text-align:center;}
|
|
|
-.dp .dp_exhibition .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
|
|
|
-.dp .dp_exhibition .review .best_review a {display:block; position:relative; background-color:#fff;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:83px; height:1.4rem; background:#ddd;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .ico {margin-left:1.0rem}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score{margin-bottom:1rem;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star{vertical-align:middle;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
|
|
|
-.dp .dp_exhibition .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_exhibition .review .best_review a .pic{position:relative;}
|
|
|
-.dp .dp_exhibition .review .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
-.dp .dp_exhibition .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_exhibition .review .best_review a .info{padding:2rem; text-align:left;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .writer {margin-top:1.3rem;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .writer span:first-child::after {display:none;}
|
|
|
-.dp .dp_exhibition .review .product_view{padding:2rem; background-color:#fff;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod {text-align:left;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
|
|
|
-.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
|
|
|
-.dp .dp_exhibition .review .swiper-container .swiper-slide{box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
|
|
|
-.dp .dp_exhibition .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
-.dp .dp_exhibition .review .swiper-container .swiper-pagination-current {font-weight: 600;}
|
|
|
+.dp .dp_review_cont .dp_review{text-align:center;}
|
|
|
+.dp .dp_listItems_wrap .btn{width:100%;}
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item02{overflow: initial;}
|
|
|
+.dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
+.dp .mid_banner .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
+.dp .dp_review_cont .review .swiper-container{overflow: initial;}
|
|
|
+.dp .dp_review_cont .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
|
|
|
+.dp .dp_review_cont .review .best_review {position:relative; text-align:center;}
|
|
|
+.dp .dp_review_cont .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; 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:83px; height:1.4rem; 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.5rem; 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 .progbar {display:inline-block; height:1.4rem; 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;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .star_score{margin-bottom:1rem;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .star_score .star{vertical-align:middle;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
|
|
|
+.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 .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;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
+.dp .dp_review_cont .review .best_review a .info .writer span:first-child::after {display:none;}
|
|
|
+.dp .dp_review_cont .review .product_view{padding:2rem; background-color:#fff;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod {text-align:left;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
|
|
|
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
|
|
|
+.dp .dp_review_cont .review .swiper-container .swiper-slide{box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
|
|
|
+.dp .dp_review_cont .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
+.dp .dp_review_cont .review .swiper-container .swiper-pagination-current {font-weight: 600;}
|
|
|
|
|
|
/* .dp > .dp_util > select 커스텀 (전시공통) */
|
|
|
.dp .dp_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
|
|
|
@@ -1976,11 +2010,11 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
|
|
|
/* dp_Bulletship .Bulletship_body */
|
|
|
.Bulletship_head img{width:100%;}
|
|
|
-.dp_Bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
|
|
|
-.dp_Bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
|
|
|
-.dp_Bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
|
|
|
-.dp_Bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:900;}
|
|
|
-.dp_Bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
|
|
|
+.bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
|
|
|
+.bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
|
|
|
+.bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
|
|
|
+.bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:900;}
|
|
|
+.bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
|
|
|
/* popup */
|
|
|
.bulletship-possible {display:block; z-index:100; top:0; left:0; width:100%; background-color:#fff;}
|
|
|
.bulletship-possible.no {display:block; z-index:100;}
|
|
|
@@ -2007,38 +2041,37 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.mo-list-btn:checked,
|
|
|
.mo-list-btn:hover {border-color:#fd4802; color:#fd4802;}
|
|
|
/* dp_Bulletship .Bulletship_foot */
|
|
|
-.dp_Bulletship .Bulletship_foot {background-color:#f5f5f5;}
|
|
|
-.dp_Bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
|
|
|
-.dp_Bulletship .Bulletship_foot ul li {display:flex;}
|
|
|
-.dp_Bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
|
|
|
-.dp_Bulletship .Bulletship_foot .img-box {margin-right:2rem;}
|
|
|
-.dp_Bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
|
|
|
-.dp_Bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
|
|
|
-.dp_Bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:900;}
|
|
|
-.dp_Bulletship .Bulletship_foot .disc {font-size:1.2rem;}
|
|
|
+.bulletship .Bulletship_foot {background-color:#f5f5f5;}
|
|
|
+.bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
|
|
|
+.bulletship .Bulletship_foot ul li {display:flex;}
|
|
|
+.bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
|
|
|
+.bulletship .Bulletship_foot .img-box {margin-right:2rem;}
|
|
|
+.bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
|
|
|
+.bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
|
|
|
+.bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:900;}
|
|
|
+.bulletship .Bulletship_foot .disc {font-size:1.2rem;}
|
|
|
.mo-only {display:none;}
|
|
|
@media (max-width:320px) {
|
|
|
.mo-only {display:block;}
|
|
|
}
|
|
|
-.dp_Bulletship .bullet-styicky_nav {margin:4rem 0;}
|
|
|
-.dp_Bulletship .item_header {text-align:center;}
|
|
|
-.dp_Bulletship .item_header h4 {font-size:1.6rem; font-weight:900;}
|
|
|
-.dp_Bulletship .itemGrp {display:flex;}
|
|
|
-.dp_Bulletship .itemGrp .mo-item_prod {margin-bottom:4rem;}
|
|
|
-.dp_Bulletship .itemGrp .itemName {text-transform:uppercase;}
|
|
|
-.dp_Bulletship .itemGrp .itemPrice {font-size:1rem; text-decoration:line-through}
|
|
|
-.dp_Bulletship .itemGrp .salePrice {display:flex; justify-content:space-between; align-content:center; margin:0 .5rem; font-size:1.5rem; font-weight:900;}
|
|
|
-.dp_Bulletship .itemGrp .itemBadge {display:flex; align-items:center;}
|
|
|
-.dp_Bulletship .itemGrp .itemBadge .badge13 {font-size:.9rem;}
|
|
|
-.dp_Bulletship .itemGrp .itemBadge .badge13 + .badge13 {margin:0 .4rem;}
|
|
|
-.dp_Bulletship .itemGrp .itemcolorchip {max-width:100%; margin:1rem 0 2rem;}
|
|
|
-.dp_Bulletship .items_option{padding-top:4rem;}
|
|
|
-.dp_Bulletship .items_option .select{display:block;}
|
|
|
-.dp .dp_Bulletship{background-color:#f5f5f5;}
|
|
|
-.dp .dp_Bulletship .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff; }
|
|
|
-.dp .dp_Bulletship .inner:last-child{margin-top:1.3rem;}
|
|
|
-.dp .dp_Bulletship .inner.bg_gray{background-color:#f5f5f5;}
|
|
|
-.dp .dp_Bulletship .dp_subtitle{padding-top:4rem;}
|
|
|
+.dp .bullet-styicky_nav {margin:4rem 0;}
|
|
|
+.dp .item_header {text-align:center;}
|
|
|
+.dp .item_header h4 {font-size:1.6rem; font-weight:900;}
|
|
|
+.dp .itemGrp {display:flex;}
|
|
|
+.dp .itemGrp .mo-item_prod {margin-bottom:4rem;}
|
|
|
+.dp .itemGrp .itemName {text-transform:uppercase;}
|
|
|
+.dp .itemGrp .itemPrice {font-size:1rem; text-decoration:line-through}
|
|
|
+.dp .itemGrp .salePrice {display:flex; justify-content:space-between; align-content:center; margin:0 .5rem; font-size:1.5rem; font-weight:900;}
|
|
|
+.dp .itemGrp .itemBadge {display:flex; align-items:center;}
|
|
|
+.dp .itemGrp .itemBadge .badge13 {font-size:.9rem;}
|
|
|
+.dp .itemGrp .itemBadge .badge13 + .badge13 {margin:0 .4rem;}
|
|
|
+.dp .itemGrp .itemcolorchip {max-width:100%; margin:1rem 0 2rem;}
|
|
|
+.bulletship .items_option{padding-top:4rem;}
|
|
|
+.bulletship .items_option .select{display:block;}
|
|
|
+/*.dp .dp_Bulletship{background-color:#f5f5f5;}*/
|
|
|
+/*.dp .dp_Bulletship .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff;}*/
|
|
|
+/*.dp .dp_Bulletship .inner:last-child{margin-top:1.3rem;}*/
|
|
|
+/*.dp .dp_Bulletship .inner.bg_gray{background-color:#f5f5f5;}*/
|
|
|
|
|
|
|
|
|
/*===================== item_prod쪽으로 이동 예정===================*/
|
jsshin