수정

src/main/webapp/ux/mo/css/layout_m.css

@@ -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쪽으로 이동 예정===================*/

src/main/webapp/ux/mo/css/style24_m.css

@@ -534,6 +534,14 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .renew_check_tit .share_btn {position: absolute; top: 14px; right: 20px; width: 1.4rem;}
 .ev textarea, .ev input {color: #222;}
 
+.promotion_tit {padding:1.5rem 0;}
+.promotion_tit h3 {font-size: 1.4rem; font-weight: 500;}
+.promotion_tit .period {margin-top: 1.5rem; font-size: 1.1rem; color: #888;}
+.promotion_tit .share_btn {position: absolute; top: 0.9rem; right: 1.5rem; width: 3rem; height: 3rem;}
+.promotion_tit .share_btn img {width: 1.4rem;}
+.dp textarea, .dp input {color: #222;}
+.dp .promotion_tit {margin-bottom: -1.2rem;}
+
 /* ev_안내사항_공통 */
 .announce_txt {position: relative; padding-top: 2.5rem;}
 .announce_txt .note_txt {position: relative;}
@@ -577,34 +585,38 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .event_list .list .nodata .txt_box a {display: inline-block; padding: 1rem 1.2rem; border:1px solid #a7a7a7; font-size: 1.1rem; color: #222; font-weight: 300;}
 
 /* ev_renew_1 */
-.ev .renew {background: #f5f5f5;}
-.ev .renew .inner {padding-bottom: 0; background: #fff;}
-.ev .renew .inner:last-child {padding-bottom: 0;}
-.ev .renew_banner img {width: 100%; height:auto;}
-.ev .renew .btn_wrap {padding:3rem 0; border-bottom: 1px solid #ddd; text-align: center;}
-.ev .renew .btn_wrap a.btn {background: #fd4802; width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
-.ev .renew .btn_wrap a.btn span {position: relative;}
-.ev .renew .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -13px; transform:translateY(-50%); background:url(/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 9px;}
-.ev .announce_txt {margin-bottom: 1.2rem;}
-
-/* ev_다른 이벤트 보기 슬라이드 */
-.ev .other_ev_slide {position: relative; padding-top: 6rem; padding-bottom: 4rem;}
-.ev .other_ev_slide .tit {position: relative; margin-bottom: 2rem; text-align: center;}
-.ev .other_ev_slide .tit h4 {font-size: 1.6rem; font-weight: 500;}
-.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
+.dp .promotion_visual {margin-bottom: -1.2rem;}
+.dp {background: #f5f5f5;}
+.dp .inner {padding-bottom: 0; background: #fff;}
+.dp .inner:last-child {padding-bottom: 0;}
+.dp .dp_btn_area .btn_wrap {padding:3rem 0; border-bottom: 1px solid #ddd; text-align: center;}
+.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.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:-1.2rem; padding:2.4rem 0;}
+.dp .announce_txt .announce_list {padding-bottom: 0;}
+
+/* 다른 이벤트 보기 슬라이드 */
+.other_promotion_slide {position: relative; padding-top: 6rem; padding-bottom: 4rem;}
+.other_promotion_slide .tit {position: relative; margin-bottom: 2rem; text-align: center;}
+.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: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
 /* .ev .other_ev_slide .swiper-container {overflow:visible;} */
-.ev .other_ev_slide .swiper-slide {width: 42%;}
-.ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
-.ev .other_ev_slide .swiper-slide .txt {}
-.ev .other_ev_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;}
-.ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
-.ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
-.ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
+.other_promotion_slide .swiper-slide {width: 42%;}
+.other_promotion_slide .swiper-slide img {width: 100%; height:auto;}
+.other_promotion_slide .swiper-slide .txt {}
+.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: 70px; opacity: 0.6; margin-top: -10px;}
+.other_promotion_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
 
 /* ev_renew_2 */
 .ev .survey_wrap {background: #f5f5f5;}
 .ev .survey_wrap .survey_con {width: 100%; margin:0 auto; border-top: 1px solid #ddd;}
-.ev .survey_wrap .survey_con .survey_row {background: #fff; padding: 3rem 2rem; margin-bottom: 20px;}
+.ev .survey_wrap .survey_con .survey_row {background: #fff; padding: 3rem 2rem; margin-bottom: 2rem;}
 .ev .survey_wrap .survey_con .survey_row:last-child {border-bottom: 0;}
 .ev .survey_wrap .survey_con .survey_row h4 {margin-bottom: 2rem; font-size: 1.33rem; line-height: 1.5; font-weight: 500; position: relative; padding-left: 2.5rem;}
 .ev .survey_wrap .survey_con .survey_row h4:before {position: absolute; top: 0; left: 0;}
@@ -635,43 +647,47 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto;} 
 
 /* ev_comment_1 */
-.ev .comment {background: #f5f5f5;}
-.ev .comment .inner::after {content:''; clear:none;}
-.ev .comment .inner:last-child {padding-bottom: 0;}
-.ev .comment .input_wrap {width: 100%;}
-.ev .comment .comment_textarea {padding:0 2rem;}
-.ev .comment .cmt_thumb {padding:0 2rem;}
-.ev .comment .cmt_thumb .imgUpload {margin:0 -1%;}
-.ev .comment .doc_contactus {width: 100%; height: 15rem; padding: 1.5rem; margin:3rem 0 1rem;}
-.ev .comment .doc_ans {width: 100%; height: 15rem; padding: 20px; font-size: 1.3rem; line-height: 1.6; color: #888; font-weight: 300; resize:none;}
-.ev .comment .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0;}
-.ev .comment .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0; color: #888;}
-.ev .comment .form_field {display: block; margin:0 -1% 0;}
-.ev .comment .form_field .img_file {margin:0 -0.4rem 0;}
-.ev .comment .form_field .img_file .imgUpload:after {content:''; clear:both; display: block;}
-.ev .comment .pics {overflow:hidden; /*width: calc((100% - 3.2rem) /4);*/ width: 23%; margin:1%; height:auto; padding-top: 23%; border:none; background: #f5f5f5;}
-.ev .comment .picsThumbs {max-width:100%; max-height:none; width: 100%; height:auto;}
+.dp {background: #f5f5f5;}
+.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;}
+.dp .inner::after {content:''; clear:none;}
+.dp .inner:last-child {padding-bottom: 0;}
+.cmt_wrap {background: #f5f5f5;}
+.cmt_wrap .cmt_write {background: #fff;}
+.cmt_wrap .cmt_group {background: #fff;}
+.cmt_wrap .input_wrap {width: 100%;}
+.cmt_wrap .comment_textarea {padding:0 2rem;}
+.cmt_wrap .cmt_thumb {padding:0 2rem;}
+.cmt_wrap .cmt_thumb .imgUpload {margin:0 -1%;}
+.cmt_wrap .doc_contactus {width: 100%; height: 15rem; padding: 1.5rem; margin:3rem 0 1rem;}
+.cmt_wrap .doc_ans {width: 100%; height: 15rem; padding: 20px; font-size: 1.3rem; line-height: 1.6; color: #888; font-weight: 300; resize:none;}
+.cmt_wrap .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0;}
+.cmt_wrap .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0; color: #888;}
+.cmt_wrap .form_field {display: block; margin:0 -1% 0;}
+.cmt_wrap .form_field .img_file {margin:0 -0.4rem 0;}
+.cmt_wrap .form_field .img_file .imgUpload:after {content:''; clear:both; display: block;}
+.cmt_wrap .pics {overflow:hidden; /*width: calc((100% - 3.2rem) /4);*/ width: 23%; margin:1%; height:auto; padding-top: 23%; border:none; background: #f5f5f5;}
+.cmt_wrap .picsThumbs {max-width:100%; max-height:none; width: 100%; height:auto;}
 /* .ev .comment .imgUpload {width: 100%; height:100%;} */
-.ev .comment .fileAdd {float:left; width: 23%; height:auto; padding-top: 23%; margin:1%;}
-.ev .comment .btn_wrap {padding:2rem 2rem 3rem;}
-.ev .comment .btn_wrap button.btn {width: 100%; padding:1.1rem 0; font-size: 1.4rem; font-weight: 500; height:auto;}
-.ev .comment .nodata {padding:14rem 0; font-size: 1.3rem; color: #888; text-align: center;}
-
-.ev .cmt_group {padding-top: 4rem; margin-top: 1.2rem; margin-bottom: 1.2rem;}
-.ev .cmt_group .cmt_list_tit {padding:0 2rem;}
-.ev .cmt_group .cmt_list_tit strong {margin-right: 0.8rem; font-size: 1.6rem; font-weight: 500;}
-.ev .cmt_group .cmt_list_tit span {font-size: 1.6rem; color: #666; font-weight: 200;}
-.ev .cmt_group .cmt_list li {padding: 2.66rem 2rem; border-bottom: 1px solid #ddd;}
-.ev .cmt_group .cmt_list li .cmt_top {margin-bottom: 1.8rem; position: relative; font-size: 0;}
-.ev .cmt_group .cmt_list li .cmt_top .writer {margin-right: 1.2rem; padding-right: 1.2rem; border-right:1px solid #ddd; font-size: 1.1rem; color: #666;}
-.ev .cmt_group .cmt_list li .cmt_top .date {color: #888; font-size: 1.1rem;}
-.ev .cmt_group .cmt_list li .cmt_cont .img_wrap {margin:0 -0.4rem 0.8rem; white-space: nowrap; font-size: 0; overflow-x: auto; -ms-overflow-style:none;}
-.ev .cmt_group .cmt_list li .cmt_cont .img_wrap::-webkit-scrollbar { display:none; }
-.ev .cmt_group .cmt_list li .cmt_cont .img_wrap .pics {float:none; display: inline-block !important; margin:0 0.1.11%; width: 20.55%; padding-top: 20%;}
-.ev .cmt_group .cmt_list li .cmt_cont .img_wrap .pics .picsThumbs {}
-.ev .cmt_group .cmt_list li .cmt_cont .img_wrap img {max-width:100%; max-height:100%;}
-.ev .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7; font-size: 1.3rem; font-weight: 300;}
-.ev .cmt_group .cmt_list li .btn_del {display: block; font-size: 1.1rem; color: #666; font-weight: 300; position: absolute; top: 0; right: 0; height:auto; padding:0; border-color:transparent; border-bottom: 1px solid #666;}
+.cmt_wrap .fileAdd {float:left; width: 23%; height:auto; padding-top: 23%; margin:1%;}
+.cmt_wrap .btn_wrap {padding:2rem 2rem 3rem;}
+.cmt_wrap .btn_wrap button.btn {width: 100%; padding:1.1rem 0; font-size: 1.4rem; font-weight: 500; height:4.5rem;}
+.cmt_wrap .nodata {padding:14rem 0; font-size: 1.3rem; color: #888; text-align: center;}
+
+.dp .cmt_group {padding-top: 4rem; margin-top: 1.2rem; margin-bottom: 1.2rem;}
+.dp .cmt_group .cmt_list_tit {padding:0 2rem;}
+.dp .cmt_group .cmt_list_tit strong {margin-right: 0.8rem; font-size: 1.6rem; font-weight: 500;}
+.dp .cmt_group .cmt_list_tit span {font-size: 1.6rem; color: #666; font-weight: 200;}
+.dp .cmt_group .cmt_list li {padding: 2.66rem 2rem; border-bottom: 1px solid #ddd;}
+.dp .cmt_group .cmt_list li .cmt_top {margin-bottom: 1.8rem; position: relative; font-size: 0;}
+.dp .cmt_group .cmt_list li .cmt_top .writer {margin-right: 1.2rem; padding-right: 1.2rem; border-right:1px solid #ddd; font-size: 1.1rem; color: #666;}
+.dp .cmt_group .cmt_list li .cmt_top .date {color: #888; font-size: 1.1rem;}
+.dp .cmt_group .cmt_list li .cmt_cont .img_wrap {margin:0 -0.4rem 0.8rem; white-space: nowrap; font-size: 0; overflow-x: auto; -ms-overflow-style:none;}
+.dp .cmt_group .cmt_list li .cmt_cont .img_wrap::-webkit-scrollbar { display:none; }
+.dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics {float:none; display: inline-block !important; margin:0 0.1.11%; width: 20.55%; padding-top: 20%;}
+.dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics .picsThumbs {}
+.dp .cmt_group .cmt_list li .cmt_cont .img_wrap img {max-width:100%; max-height:100%;}
+.dp .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7; font-size: 1.3rem; font-weight: 300;}
+.dp .cmt_group .cmt_list li .btn_del {display: block; font-size: 1.1rem; color: #666; font-weight: 300; position: absolute; top: 0; right: 0; height:auto; padding:0; border-color:transparent; border-bottom: 1px solid #666;}
 
 /* ev_comment_1 포토댓글 */
 .modal.pop_full .modal-header {padding:1.6rem 2rem;}
@@ -679,8 +695,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .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.photo_comment_popup {background: #f5f5f5; overflow:hidden; position: fixed; left: 0; top: 0;}
 .modal.photo_comment_popup .modal-dialog, .modal.photo_comment_popup .modal-content {height: 100%;}
-.modal.photo_comment_popup .modal-body {padding: 5.2rem 0 0; margin:0; height: 100%;}
-.modal.photo_comment_popup .modal-body .pop_cont {height: 100%; overflow:hidden; position: relative; padding-bottom: 13rem;}
+.modal.photo_comment_popup .modal-body {padding: 0 0; margin:0; height: 100%;}
+.modal.photo_comment_popup .modal-body .pop_cont {max-height:none; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow:hidden; position: relative; padding-bottom: 13rem; padding-top: 5.2rem;}
 .modal.photo_comment_popup .modal-body .pop_cont .pop_slide {position: relative; height: 100%; overflow:hidden;}
 .modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-container {height: 100%;}
 .modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-pagination-fraction {bottom:2.5rem; width:auto; left: 50%; transform:translateX(-50%); 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;}
@@ -713,52 +729,52 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .paging_wrap .pageNav li img {width: 0.53rem; height:0.9rem;}
 
 /* ev_check */
-.ev .check {background: #f5f5f5;}
-.ev .event_calander {position: relative; background-color: #f4f3ef; padding:4.3rem 2rem 3rem; overflow:hidden;}
-.ev .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;}
-.ev .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;}
-.ev .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
-.ev .event_calander .check_title p {font-size: 1.4rem; font-weight: 200; margin-bottom: 2rem;}
-.ev .event_calander .check_title h3 {font-size: 4rem; font-weight: 600;}
-.ev .event_calander .check_title h3 strong {color: #fd4802;}
-.ev .event_calander .check_info {margin:3rem 0.6rem 1.5rem; text-align: right; position: relative; z-index: 11; font-size: 0;}
-.ev .event_calander .check_info span {position: relative; font-size: 1.2rem; padding-left: 1.2rem;}
-.ev .event_calander .check_info span:after {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 0.7rem; height: 0.7rem; border-radius:50%;}
-.ev .event_calander .check_info span.today {margin-right: 1.4rem;}
-.ev .event_calander .check_info span.today:after {background: #fff; border:1px solid #fd4802;}
-.ev .event_calander .check_info span.complete:after {background: #fa8d64; border:1px solid #fa8d64;}
-
-.ev .event_calander .my_attend_day {background: #222; position: relative; padding:1.5rem; overflow:hidden;}
-.ev .event_calander .my_attend_day p {font-size: 1.6rem; font-weight: 300; color: #fff; }
-.ev .event_calander .my_attend_day span.day {position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.6rem; color: #fff; font-weight: 300;}
-.ev .event_calander .my_attend_day span.day span {color: #ff6b47; font-weight: 600;}
-.ev .event_calander .tbl_wrap, .ev .event_calander .btn_wrap {position: relative; z-index: 3;}
-.ev .event_calander .tbl_wrap {padding:0 0.6rem;}
-.ev .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
-.ev .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
-.ev .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
-.ev .event_calander table {box-sizing: border-box; width: 100%; border:1px solid #222;}
-.ev .event_calander table th {background: #fff; padding:15px 0; font-size: 0.9rem; color: #222; font-weight: 300; box-sizing: border-box;}
+/* .ev .check {background: #f5f5f5;} */
+.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 .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;}
+.stamp_event .event_calander .check_title h3 strong {color: #fd4802;}
+.stamp_event .event_calander .check_info {margin:3rem 0.6rem 1.5rem; text-align: right; position: relative; z-index: 11; font-size: 0;}
+.stamp_event .event_calander .check_info span {position: relative; font-size: 1.2rem; padding-left: 1.2rem;}
+.stamp_event .event_calander .check_info span:after {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 0.7rem; height: 0.7rem; border-radius:50%;}
+.stamp_event .event_calander .check_info span.today {margin-right: 1.4rem;}
+.stamp_event .event_calander .check_info span.today:after {background: #fff; border:1px solid #fd4802;}
+.stamp_event .event_calander .check_info span.complete:after {background: #fa8d64; border:1px solid #fa8d64;}
+
+.stamp_event .event_calander .my_attend_day {background: #222; position: relative; padding:1.5rem; overflow:hidden;}
+.stamp_event .event_calander .my_attend_day p {font-size: 1.6rem; font-weight: 300; color: #fff; }
+.stamp_event .event_calander .my_attend_day span.day {position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.6rem; color: #fff; font-weight: 300;}
+.stamp_event .event_calander .my_attend_day span.day span {color: #ff6b47; font-weight: 600;}
+.stamp_event .event_calander .tbl_wrap, .stamp_event .event_calander .btn_wrap {position: relative; z-index: 3;}
+.stamp_event .event_calander .tbl_wrap {padding:0 0.6rem;}
+.stamp_event .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
+.stamp_event .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
+.stamp_event .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
+.stamp_event .event_calander table {box-sizing: border-box; width: 100%; border:1px solid #222;}
+.stamp_event .event_calander table th {background: #fff; padding:15px 0; font-size: 0.9rem; color: #222; font-weight: 300; box-sizing: border-box;}
 /* .ev .event_calander table th.sun {color: #fd4802;}
-.ev .event_calander table th.sat {color: #3158ea;} */
-.ev .event_calander table td {height: 4rem; box-sizing: border-box; text-align: center;}
-.ev .event_calander table td .date {font-size: 1rem; font-weight: 300; width: 2.7rem; height: 2.7rem; line-height: 2.7rem; border-radius:50%; margin:0 auto;}
-.ev .event_calander table td .date.unused {color: #ddd;}
-.ev .event_calander table td.today .date {border:1px solid #fd4802;}
-.ev .event_calander table td.complete .date {border:1px solid #fa8d64; background: #fa8d64;}
-.ev .event_calander table tbody {background: #fff; }
-.ev .event_calander .btn_wrap {margin:2rem 0 0; text-align: center;}
-.ev .event_calander .btn_wrap button {padding:1.2rem 0; height:auto; width: 100%; font-size: 1.4rem; font-weight: 500; background: #fd4802; border:none;}
-.ev .benefit_list {padding-top: 3rem;}
-.ev .benefit_list h4 {font-size: 1.6rem; padding-bottom: 2rem;}
-.ev .benefit_list .benefit_con img {width: 100%;}
-.ev .benefit_list .benefit_con ul li:first-child {margin-top: 0;}
-.ev .benefit_list .benefit_con ul li {background: #f5f5f5; margin-top: 0.1rem; font-size: 1.4rem;}
-.ev .benefit_list .benefit_con ul li > div {padding:2.6rem 0 2.6rem 6.5rem;}
-.ev .benefit_list .benefit_con ul li .benfit_point {background: url(/images/mo/ico_check_point.png) no-repeat left 2rem center; background-size:3.5rem;}
-.ev .benefit_list .benefit_con ul li .benfit_coupon {background: url(/images/mo/ico_check_coupon.png) no-repeat left 2rem center; background-size:3.5rem;}
-.ev .benefit_list .benefit_con ul li > div strong {font-weight: 500;}
-.ev .benefit_list .benefit_con ul li > div span.c_primary {font-weight: 600;}
+.event_calander table th.sat {color: #3158ea;} */
+.stamp_event .event_calander table td {height: 4rem; box-sizing: border-box; text-align: center;}
+.stamp_event .event_calander table td .date {font-size: 1rem; font-weight: 300; width: 2.7rem; height: 2.7rem; line-height: 2.7rem; border-radius:50%; margin:0 auto;}
+.stamp_event .event_calander table td .date.unused {color: #ddd;}
+.stamp_event .event_calander table td.today .date {border:1px solid #fd4802;}
+.stamp_event .event_calander table td.complete .date {border:1px solid #fa8d64; background: #fa8d64;}
+.stamp_event .event_calander table tbody {background: #fff; }
+.stamp_event .event_calander .btn_wrap {margin:2rem 0 0; text-align: center;}
+.stamp_event .event_calander .btn_wrap button {padding:1.2rem 0; height:auto; width: 100%; font-size: 1.4rem; font-weight: 500; background: #fd4802; border:none;}
+.stamp_event .event_benefit {padding: 3rem 2rem 0;}
+.stamp_event .event_benefit h4 {font-size: 1.6rem; padding-bottom: 2rem;}
+.stamp_event .event_benefit .benefit_con img {width: 100%;}
+.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 > div strong {font-weight: 500;}
+.stamp_event .event_benefit .benefit_con ul li > div span.c_primary {font-weight: 600;}
 
 
 /* ev_rank */