퍼블 최신화

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

@@ -697,7 +697,7 @@ header .htop .btn_back:active span i {left: -2.0rem;}
 
 header .htop .button_wrap {height: 5.5rem; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
 header .htop .button_wrap .home {display:none;}
-header .htop .button_wrap .home {margin:0; }
+header .htop .button_wrap .home {margin: 0 1.1666rem 0 0;}
 header .htop .button_wrap .home img{width: 2.0rem;}
 header .htop .button_wrap .search { margin:0 1.1666rem 0 1.1666rem; }
 header .htop .button_wrap .search img{width: 2.2rem;}
@@ -902,7 +902,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
 .fullHead a {display: inline-block;}
 .fullHead img {width: 10.666rem; height:1.6rem;}
-.fullBody {background:#ffffff;min-height: calc(100% - 5.2rem);max-height: calc(100% - 5.2rem);overflow-y: scroll;}
+.fullBody {background:#ffffff;min-height: calc(100% - 5.2rem);max-height: calc(100% - 5.2rem); padding-bottom: 4.2rem; overflow-y: scroll;}
 .fullBody .inner {background:#ffffff;margin:0;padding:0;}
 .fullBody .inner .flow{display: inline-block;width: 100%;height: 100%;vertical-align: top;padding:2.5rem 0;}
 .fullBody .fullCate::after{content: '';display: block;width: 100%;height: 1.2rem;background-color: #f5f5f5;}
@@ -916,7 +916,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .fullBody .btn_group div:first-child button::after{content: '';display: inline-block;width: 0.3rem;height: 2.0rem;background: #dddddd;position: absolute;top: 1.0rem;right: -0.2rem;}
 
 /* Full메뉴_카테고리 */
-.fullBody .fullCate {padding: 0 0 2rem;margin-bottom: 1.2rem;}
+.fullBody .fullCate {}
 .fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
 .fullBody .fullCate > li > a {position:relative;display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
 .fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(/images/mo/ico_full.png) no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}

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

@@ -1968,7 +1968,7 @@
 .dp .dp_review_cont .review .best_review a {display:block; position:relative; background-color:#fff;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3rem; background:#ddd;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
-.dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
+.dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.3rem; background:#fd4802; vertical-align:top;}
 .dp .dp_review_cont .review .best_review a .info .star_score .ico {margin-left:1.0rem}
 .dp .dp_review_cont .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
 .dp .dp_review_cont .review .best_review a .info .star_score{margin-bottom:1rem;}
@@ -2339,6 +2339,7 @@
 .br .br_main .br_top_info .br_subtitle{text-align:left;}
 .br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
 .br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
+.br .br_main .br_top_info > p:last-of-type {font-size: 1.2rem;}
 .br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
 /* br_main - new_item */
 .br .br_main .new_item .swiper-slide{font-size:0;}

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

@@ -330,7 +330,8 @@
 .main_trendy .cont_body dt {font-size: 2.6rem;font-weight:400;padding: 2.8rem 0 2.4rem 0;}
 .main_trendy .cont_body dd {font-size: 1.6rem;font-weight:200;padding:1rem 0 0;}
 .main_trendy .item_state {padding-bottom: 0;}
-.main_trendy .post-trendy {position: relative;top: 2rem;display: block;padding: 0 0vw 4.8vw;}
+.main_trendy .titWrap {padding:4rem 0 2rem;}
+.main_trendy .post-trendy {position: relative; display: block;padding: 0 0vw 4.8vw;}
 .main_trendy .post-trendy .swiper-slide {overflow: hidden;margin: 0 0vw;}
 .main_trendy .item_prod {width: 49.4%;margin-bottom: 3.6rem;margin-right: 0rem;position: relative;padding: 0 0.7vw;box-sizing: border-box;vertical-align: top;display: inline-block;}
 .main_trendy .item_prod:nth-child(odd) {padding-left: 0;}
@@ -614,7 +615,7 @@ 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; text-align: center;}
+.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;}
 /* .ev .other_ev_slide .swiper-container {overflow:visible;} */

src/main/webapp/ux/pc/css/common.css

@@ -773,9 +773,9 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .itemsGrp.rowtype .item_prod .item_state {display:table; width:100%; padding:0;}
 /* .itemsGrp.rowtype .item_prod .itemLink {display:table-cell; position: relative;vertical-align: middle;width: 100%;height: 420px;padding-left: 330px;padding-right: 50px;} */
-.itemsGrp.rowtype .item_prod .itemLink {display:table-cell; position: relative;vertical-align: middle;width: 100%;height: 338px;padding-left: 330px;padding-right: 50px;}
-.itemsGrp.rowtype .item_prod .itemLike {left:240px; z-index:99;}
-.itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px; height: 420px;}
+.itemsGrp.rowtype .item_prod .itemLink {display:table-cell; position: relative;vertical-align: middle;width: 100%;height: 338px;padding-left: 330px;padding-left: 38%;padding-right: 50px;}
+.itemsGrp.rowtype .item_prod .itemLike {left:240px;left: 30%; z-index:99;}
+.itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px;width: 35%; height: 420px;}
 .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
 /* .itemsGrp.rowtype .item_prod .itemPic::after {background: #f9f9f9; opacity:1; z-index: 87;} */
 .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}

src/main/webapp/ux/pc/css/layout.css

@@ -330,6 +330,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .partners_pop {max-width: 600px;padding: 60px;}
 .partners_pop .modal-body p{color: #666;font-size: 16px;line-height: 26px;letter-spacing: -0.04em;padding-bottom: 30px;}
 .partners_pop .tbl.type2 table th, .partners_pop .tbl.type2 table td{font-size: 14px;}
+.partners_pop .tbl.type2 table td {font-size: 14px; font-weight: 300; color:#666;}
 
 /* 퀵메뉴 */
 #quick_menu {position:fixed; bottom:0; right:0; z-index:100; /*padding-left: 60px;*/}
@@ -1809,7 +1810,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_Exhibition .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left:130px; height: 100%;}
 	.dp_Exhibition .exhi_list {margin-bottom:80px; margin:0 -10px 80px;}
 	.dp_Exhibition .exhi_list::after {content:''; clear:both; display:block;}
-	.dp_Exhibition .exhi_list .exhi_item {float:left; width:calc((100% - 60px)/4); overflow: hidden; margin-bottom:60px; margin-left:20px;}
+	.dp_Exhibition .exhi_list .exhi_item {float:left; width:calc((100% - 60px)/4); overflow: hidden; margin-bottom:60px; margin-left:20px; min-height:717px;}
 	.dp_Exhibition .exhi_list .exhi_item:nth-child(4n-3) {margin-left:0;}
 	.dp_Exhibition .exhi_list .exhi_item .exhi_item_img .thumb {position: relative; width: 100%; height:0; display: block; padding-bottom: 100%;} 
 	.dp_Exhibition .exhi_list .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
@@ -4449,13 +4450,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
 	.ps table td:last-child {border-right: 1px solid transparent;}
 	.ps table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:500;text-align:center;}
-	.modal.psptn_pop {max-width: none;width: 620px;padding: 60px 60px;}
+	.modal.psptn_pop {max-width: none;width: 775px;padding: 60px 60px;}
 	.ps.ptn {border: 0;}
 	.ps.ptn table {margin-top:0;}
 	.ps.ptn table th, .ps.ptn table td {text-align: center;padding: 16px 0;}
 	.ps.ptn table th {font-size: 14px; font-weight: 500; line-height:14px;border-bottom: 1px solid #ddd;}
 	.ps.ptn table td {font-size: 14px; font-weight: 200; line-height: 14px;border-right: 0px solid #ddd;}
-	.ps.ptn .pager {padding-top: 20px;}
+	.ps.ptn .pager {padding-top: 40px;}
 	.hookGrp{margin-top: 0px;}
 	p + .hookGrp{margin-top: 40px;}
 	.hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;margin-bottom: 62px;}
@@ -4480,7 +4481,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ps #prvc_sel {margin-top: 62px; margin-bottom: 160px;}
 	.ps #prvc_sel div {margin-top: 0; margin-bottom: 0;}
 	.ps #prvc_sel .select_custom {width: 240px; height:auto;}
-	.ps #prvc_sel .select_custom .combo .list {position: relative; top: -1px; max-height:none;}
+	.ps #prvc_sel .select_custom .combo .list {position: absolute; top: auto; bottom: 41px; max-height:367px; border-top: 1px solid #222;}
 	.ps #prvc_sel .select_custom .combo .list>li {padding:0 15px;}