card007 4 лет назад
Родитель
Сommit
d247a979c4

+ 2 - 1
src/main/webapp/ux/mo/css/layout_m.css

@@ -358,7 +358,8 @@
 /* mb_join_2 */
 .mb .mb_join_2 .form_field{display:block;}
 .mb .mb_join_2 .form_wrap .desc_wrap p {font-size:1.2rem; line-height:1.75; font-weight:200; color:#888;}
-.mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
+.mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;margin-left: -0.6rem;}
+.mb .mb_join_2 .form_wrap .desc_wrap label span {line-height: 2.5;}
 .mb .mb_join_2 .help_block::after {clear:both; display:block; width:100%;}
 .mb .mb_join_2 .help_block .btn.btn_sm {float:left; margin-right:0.4rem; border-color:#222; font-size:1.2rem;}
 .mb .mb_join_2 .btn_primary{width:100%; height:4.5rem;}

+ 8 - 5
src/main/webapp/ux/mo/css/style24_m.css

@@ -500,7 +500,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ps table td {border-bottom:0.1rem solid #ddd;border-right: 0.1rem solid #ddd;font-weight:200;}
 .ps table td:last-child {border-right: 0.1rem solid transparent;}
 .ps table th {border-top: 0;border-bottom: 0;border-right: 0;font-weight: 600;text-align: center;background: #f5f5f5;}
-.ptn, #partnersPop .pop_cont {height: auto;background: #ffffff;}
+.ptn, #partnersPop .pop_cont {height: auto;background: #ffffff;overflow: visible;}
 .ps.ptn table {margin-top:0;}
 .ps.ptn table th, .ps.ptn table td {text-align: center;padding: 1.6rem 0;}
 .ps.ptn table th {font-size: 1.3rem; font-weight: 500; line-height:1.3rem;}
@@ -522,10 +522,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .hookGrp .hook_cont div{margin-top: 2.6rem;}
 .hookGrp .hook_cont div::before{content: ""; display: block; height: 7.5rem; margin-top: -7.5rem; visibility: hidden;}
 .hookGrp .hook_cont div:last-child{margin-bottom: 5.0rem;}
-.hookGrp .hook_cont h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
-.hookGrp .hook_cont p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
-.hookGrp .hook_cont p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
-.hookGrp .hook_cont ol li {font-size:1.2rem;padding-left: 0.3rem;}
+
+.hookGrp .hook_cont h4, .hookGrp #prvc_sel h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
+.hookGrp .hook_cont p, .hookGrp #prvc_sel p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
+.hookGrp .hook_cont p em, .hookGrp #prvc_sel p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
+.hookGrp .hook_cont ol li, .hookGrp #prvc_sel ol li {font-size:1.2rem;padding-left: 0.3rem;} 
+.hookGrp #prvc_sel ol li {line-height: 2.6rem;} 
+.hookGrp #prvc_sel {margin-bottom: 5.0rem;}
 
 .pager {height: 100%;margin-top: 2.0rem;margin-bottom: 2.0rem;}
 .pager .pageNav {display: table;margin-left: auto;margin-right: auto;}

+ 8 - 6
src/main/webapp/ux/pc/css/layout.css

@@ -92,8 +92,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .depth_menu .head_banner .tit p {font-size: 24px; font-weight: 500; margin-bottom: 20px; }
 .depth_menu .head_banner li {float:left; width:49%;}
 .depth_menu .head_banner li:first-child {margin-right:2%;}
-.depth_menu .head_banner li .ev_img {position: relative; padding-top: 100%;}
-.depth_menu .head_banner li img {width: 100%; height:auto; position: absolute; left: 0; top: 0;}
+.depth_menu .head_banner li .ev_img {position: relative; padding-top: 100%;overflow: hidden;}
+.depth_menu .head_banner li img {width: 100%; height:auto; position: absolute;left: 50%;top: 0;transform: translate(-50%, 0);}
 .depth_menu .head_banner li .txt p {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:42px; max-height:42px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all; text-align: center;}
 .depth_menu.brand .head_category {width: 100%;}
 .depth_menu.brand .head_category .menu {width:100%; border-left: 1px solid #ddd; padding-left: 40px;}
@@ -1443,7 +1443,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* mb_join_2 : 회원가입_회원정보 입력 */
 	.mb .join2 {}
 	.join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
-	.join2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
+	.join2 .form_wrap .desc_wrap p a {margin-left: -6px; color:#666; font-weight:300;}
+	.join2 .form_wrap .desc_wrap label span {line-height: 2;}
 	.join2 .help_block::after {clear:both; display:block; width:100%;}
 	.join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
 	.join2 .help_block span[class^='c_'] {display:block;}
@@ -2627,6 +2628,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
 	.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;pointer-events:none;left: -83.45%;width: 185%;}
+	.pd_detail .movbox iframe[src*="youtu"] {left:0; width: 100%;}
 	.pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
 	.pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
 
@@ -2758,7 +2760,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_color ul {margin-top:-8px}
 	.option_box .opt_color ul::after {content:''; clear:both; display:block;}
 	.option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
-	.option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
+	.option_box .opt_color ul li:nth-child(6n-5) {margin-left:0;}
 	.option_box .opt_color ul li a {position: relative; display:block; box-sizing:border-box; width:66px; height:99px; line-height: 0; font-size: 0; overflow: hidden;background: #f5f5f5; border: 1px solid #f5f5f5; box-sizing: content-box;}
 	.option_box .opt_color ul li a img {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 2;	}
 	.option_box .opt_color ul li a.on {border:1px solid #fd4802;}
@@ -3732,7 +3734,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}
 	.sch_result .area_info .inner_search .autokeyword ul li a:hover,
 	.sch_result .area_info .inner_search .autokeyword ul li a:active {background:#f5f5f5; color:#222}
-	.sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:15px; padding:0 0 0 90px; box-sizing:border-box;}
+	.sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:15px; margin-bottom: 15px; padding:0 0 0 90px; box-sizing:border-box;}
 	.sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:16px; font-weight:500;}
 	.sch_result .area_info .related_keyword .title::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:17px; border-left:1px solid #ddd; display: none;}
 	.sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px}
@@ -3868,7 +3870,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.br_lookbook_view.cont_visual .swiper-slide img {width: auto; height:100%;} /* .0506.높이기준으로 변경 */
 	/* 05.07 다양한 이미지를 리사이징하기 위해 가로 기준이 생성됨 */
 	.br_lookbook_view.cont_visual .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
-	.br_lookbook_view.cont_visual .swiper-slide img {max-width: 990px;height: 100%;display: block;}
+	.br_lookbook_view.cont_visual .swiper-slide img {max-width: 990px;height: 100%;display: block;} /* 210713_ 비율수정 */
 	.br_lookbook_view.cont_visual .swiper-slide .item_picker {display: none;}
 	.br_lookbook_view.cont_visual .swiper-slide-active .item_picker {display: block;}
 	.br_lookbook_view.cont_visual .swiper-slide-prev img,

+ 6 - 3
src/main/webapp/ux/pc/css/main.css

@@ -502,8 +502,10 @@
 .fy_nav {position:absolute; left:0; top:22%; width:346px; height:auto; padding-bottom:50px;}
 .fy_nav .btn_shape {width:100%; height:60px; padding:20px 115px 20px 30px; background:#fff; transition:none;}
 .fy_nav .btn_shape div {display:inline-block; text-align:left; width:100%; line-height:1; vertical-align:top;}
-.fy_nav .btn_shape div span {color:#888888; font-size:18px; font-weight:300; line-height:1;}
-.fy_nav .btn_shape div .number {padding-right:25px; color:#222222; font-size:20px; font-weight:500;}
+.fy_nav .btn_shape div span {color:#888888; font-size:18px; font-weight:300; line-height:1;display: inline;}
+.fy_nav .btn_shape div::after {content: ''; display: inline-block; clear: both; }
+.fy_nav .btn_shape div .number { float: left; padding-right:25px; color:#222222; font-size:20px; font-weight:500;}
+.fy_nav .btn_shape div .number + span {color:#888888; font-size:18px; font-weight:300; line-height:1.2;width: 162px;display: inline-block;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
 .fy_nav .btn_shape + a {display:none;}
 .fy_nav .btn_shape.active {position:relative; background:#222222; border-color:rgb(245 245 245);}
 .fy_nav .btn_shape.active span {position:relative; color:#ffffff;}
@@ -705,7 +707,8 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .brand_main .br_lookbook .cont_head {margin-bottom:60px}
 .brand_main .br_lookbook .swiper-slide {width:auto; height:660px;}
 .brand_main .br_lookbook .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
-.brand_main .br_lookbook .swiper-slide img {width:auto; max-width: 990px;height: auto;display: block;}
+/* .brand_main .br_lookbook .swiper-slide img {width:auto; max-width: 990px;height: auto;display: block;} */
+.brand_main .br_lookbook .swiper-slide img {width: auto; height:100%; max-width: 990px;height: 100%;display: block;}
 .brand_main .br_lookbook .bt_lb_item {}
 .brand_main .br_lookbook .swiper-container {padding-top:60px;}
 .brand_main .br_lookbook .swiper-slide .bt_lb_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}