|
|
@@ -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,
|