8.18 퍼블적용건

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

@@ -204,8 +204,8 @@ textarea {background-color:transparent; border:0.1rem solid #d7d7d7; width:99%;
 
 select, 
 .form_full input[type="text"], 
-.form_full input[type="select"],
-.form_full input[type="number"],  
+.form_full input[type="select"], 
+.form_full input[type="number"], 
 .form_full input[type="password"]{ width: 100%;}
 .form_full .input_wrap, 
 .form_full.input_wrap{display: block;}
@@ -231,12 +231,12 @@ select,
 /* form style */
 input,  textarea {font-size:1.2rem; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}
 select{font-size:1.2rem; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}
-input[type="text"], input[type="password"],input[type="number"] {padding:0 1.5rem; border:0.1rem solid #dddddd;box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0;} 
-input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus
-input[type="text"].active, input[type="password"].active, input[type="number"].active {border-color: #aaaaaa;} 
-input[type="text"]:disabled, input[type="password"]:disabled, input[type="select"]:disabled, input[type="number"]:disabled
-input[type="text"]:read-only, input[type="password"]:read-only, input[type="select"]:read-only, input[type="number"]:read-only {background: #F9F9F9;border-color: #dddddd;}
-table input[type="text"], table input[type="password"], table input[type="number"] {padding:0.6rem 0 0.6rem 0.9rem;}
+input[type="text"], input[type="password"] {padding:0 1.5rem; border:0.1rem solid #dddddd;box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0;} 
+input[type="text"]:focus, input[type="password"]:focus,
+input[type="text"].active, input[type="password"].active {border-color: #aaaaaa;} 
+input[type="text"]:disabled, input[type="password"]:disabled, input[type="select"]:disabled,
+input[type="text"]:read-only, input[type="password"]:read-only, input[type="select"]:read-only {background: #F9F9F9;border-color: #dddddd;}
+table input[type="text"], table input[type="password"] {padding:0.6rem 0 0.6rem 0.9rem;}
 input[type="checkbox"], input[type="radio"] {width:1.3rem; height:1.3rem; margin-right:0.3rem; position:relative; top:0.1rem;}
 input[type=search]::-webkit-search-cancel-button{display:none;}
 input[type="reset"], input[type="button"], input[type="submit"], button {line-height:normal !important;}
@@ -677,7 +677,7 @@ header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0,
 header .hmenu .inner {padding: 0;background-color: #fff;position: relative;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .hmenu.on {bottom: 0;}
 header .hmenu.on .inner {top: 100%;}
-header .hmenu .scrollWrap {height: calc(100vh - 5.0rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
+header .hmenu .scrollWrap {height: calc(100vh - 9.7rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;}
 
 header .hmenu .bng{background: #ffffff;}
 header .hmenu .bng .d1 > li{position: relative;height: 7.2rem;border-bottom: 0.1rem solid #eeeeee;}
@@ -778,7 +778,7 @@ section.main, section.ev_list, section.dp_exhibition, section.dp_lookbook, secti
 section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_lookbook.scr, section.dp_outlets.scr, section.dp_submain.scr, section.dp_hotdeal.scr, section.br_main.scr, section.dp_best.scr, section.br_lookbook.scr {margin-top: 5.5rem;}
 
 /* .tabbar */
-.tabbar{-webkit-transform: translate(0, 8.0rem);-ms-transform: translate(0, 8.0rem);-moz-transform: translate(0, 8.0rem); transform: translate(0, 8.0rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
+.tabbar{-webkit-transform: translate(0, 4.3rem);-ms-transform: translate(0, 4.3rem);-moz-transform: translate(0, 4.3rem); transform: translate(0, 4.3rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
 .tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
 .tabbar .tabbar-inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; padding: 0.6rem 2.0rem;}
 .tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url(//image.istyle24.com/Style24/images/mo/ico_tabbar.png) no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
@@ -790,7 +790,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .tabbar .tabbar-inner [class*=btn-].btn-history{background-position: -14rem;}
 
 .tabbar + footer .btn_top,.tabbar + footer .btn_back { bottom:1.4rem;}
-.tabbar.fixed + footer .btn_top,.tabbar.fixed + footer .btn_back {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}
+.tabbar.fixed + footer .btn_top,.tabbar.fixed + footer .btn_back {bottom: calc(env(safe-area-inset-bottom) + 5.5rem);bottom: clac(constant(safe-area-inset-bottom) + 5.5rem);}
 
 /* Full메뉴 */
 #menuFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
@@ -1074,7 +1074,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type6 table td dl .price .pay_total_price {color:#fd4802;}
 .tbl.type6 table td dl .price .return_total_price {color:#fd4802;}
 .tbl.type6 table td dl .save_point {position:relative; padding-left:2.2rem;}
-.tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
+.tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/pc/ico_point.png') no-repeat 0 50%;}
 .tbl.type6 table td dl > div {margin-top:2.0rem;}
 .tbl.type6 table td dl > div:first-child {margin-top:0rem;}
 .tbl.type6 table td dl > div.include_item dt {padding-left:1.5rem; background:url('//image.istyle24.com/Style24/images/pc/ico_bracket2.png') no-repeat 0 50%;}
@@ -1847,8 +1847,8 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 }
 
 
-/* Notch  */
-@media only screen and (min-width: 375px) and (max-width: 415px) and (min-height: 722px) and (max-height: 897px){/* footer{padding-bottom: 8rem;}  *//* footer .f1 {padding: 0 0 8.5rem;}  *//* footer .btn_top {bottom: 20.5%;} */.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.shopping_bag .od_calc_wrap{padding-bottom: 8.8rem; background-color: #f5f5f5; background-color: #aa2020;}.cs_contactUs_my_footer,.product_floormenu,.product_floormenu.fixed{/*height: calc(env(safe-area-inset-bottom) + 8.8rem);height: calc(constant(safe-area-inset-bottom) + 8.8rem);*/	background: #38c056; padding-bottom: 8.8rem;}}footer,footer .f1 {padding-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);padding-bottom: clac(constant(safe-area-inset-bottom) + 3.5rem);}footer .btn_top {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.cs_contactUs_my_footer,.shopping_bag .od_calc_wrap,.product_floormenu,.product_floormenu.fixed{/* background: #f5f5f5; height: 5.8rem; height: calc() + 5.8rem); height: calc() + 5.8rem); */ 	padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #f5f5f5; background: #000000;}
+/* Notch  */ /*제거 .my .my_delivery .inner > .btn_group,.cs_contactUs_my_footer */
+@media only screen and (min-width: 375px) and (max-width: 415px) and (min-height: 722px) and (max-height: 897px){/* footer{padding-bottom: 8rem;}  *//* footer .f1 {padding: 0 0 8.5rem;}  *//* footer .btn_top {bottom: 20.5%;} */.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.shopping_bag .od_calc_wrap{padding-bottom: 8.8rem; background-color: #f5f5f5; background-color: #aa2020;}.cs_contactUs_my_footer,.product_floormenu,.product_floormenu.fixed{/*height: calc(env(safe-area-inset-bottom) + 8.8rem);height: calc(constant(safe-area-inset-bottom) + 8.8rem);*/	background: #38c056; padding-bottom: 8.8rem;}}footer,footer .f1 {padding-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);padding-bottom: clac(constant(safe-area-inset-bottom) + 3.5rem);}footer .btn_top {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}/*.my .my_delivery .inner > .btn_group,.cs_contactUs_my_footer*/.safer,.adrsAdd_pop .modal-footer .btn,.shopping_bag .od_calc_wrap,.product_floormenu,.product_floormenu.fixed{/* background: #f5f5f5; height: 5.8rem; height: calc() + 5.8rem); height: calc() + 5.8rem); */ 	padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #f5f5f5; background: #000000;}
 
 
 /* APP ONLY */

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

@@ -4,9 +4,10 @@
 /* cs 공통 */
 .cs .pnb ul{padding-left:1rem;}
 .cs .search_wrap{position: relative;}
-.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 4.0rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
-.cs .search_wrap button.btn_sch {position:absolute; top:0; right:0; background:url(//image.istyle24.com/Style24/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
-.cs .search_wrap button.btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.2rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
+.cs .cs_search_input:focus+.btn_x{display: block;}
+.cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url(//image.istyle24.com/Style24/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
+.cs .search_wrap button.btn_x {display:none; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.6rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .cs .inner{background:#fff;}
 .cs .inner > p{margin-top:1rem;}
 .cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
@@ -51,7 +52,7 @@
 .cs .foldGroup .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
 .cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
 .cs .foldGroup .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1.1rem;}
-.cs .foldGroup .fold_head .fold_tit .lap2 span{font-weight:500;}
+.cs .foldGroup .fold_head .fold_tit .lap2 span{font-weight:500;width:100%;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: justify;} /* 0809 */
 .cs .foldGroup .fold_head .fold_state{padding:0.2rem 0.3rem;}
 .cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd;}
 .cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem;}
@@ -143,7 +144,8 @@
 .cs_contactUs_my .imgUpload{margin-left:0.6rem;}
 .cs_contactUs_my .imgUpload:first-child{margin: 0;}
 .cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
-.cs_contactUs_my_footer { width: 100%; background: #222; color: #fff; text-align: center;  font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 100;}
+/* .cs_contactUs_my_footer { width: 100%; background: #222; color: #fff; text-align: center;  font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 100;} */
+.tabbar-btn { width: 100%; background: #222; color: #fff; text-align: center;  font-size: 1.6rem; line-height: 5.7rem; z-index: 100;}
 .cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
 .cs_contactUs_my .blt_dot {position:relative; padding-left:1rem;}
 .cs_contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.2rem; width:0.3rem; height:0.3rem; background:#888;}
@@ -191,7 +193,7 @@
 /* cs_notice_1 */
 .cs .cs_notice_1{background-color:#f5f5f5;}
 .cs .cs_notice_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
-.cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:0;}
+.cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:11.0rem;}
 .cs .cs_notice_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
 .cs .cs_notice_1 .blockLyout > .block:first-child{padding-top:0;}
 .cs .cs_notice_1 .ui_row.nodata::after {content: '등록된 공지가 없습니다.';}
@@ -465,8 +467,7 @@
 .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 #prodMovBtn{background: rgb(246 55 55 / 0%);  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
-/* .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;} */
-.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 300%;height: 100%;z-index: 1;left:-100%}
+.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 .thumb_list{position:relative;}
 .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
@@ -476,10 +477,6 @@
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
 .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
-.pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
-.pd_detail .thumb_box .swiper-button-next {right: 2rem;}
-.pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
-.pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
 .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
@@ -627,7 +624,6 @@
 [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
 [class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
 [class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
-[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
 [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
 [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
 [class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee;}
@@ -834,7 +830,7 @@
 /* 상품상세 및 상품상세딜_옵션선택팝업 */
 .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
 .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
 .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
@@ -2104,7 +2100,7 @@
 .itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0; overflow:hidden;}
 .itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.2rem 0 0; padding:0 0.5rem; background: #fff; color:#888888; font-size: 0.9rem; font-weight: 300; line-height: 2.2rem;}
 .itemBadge [class*="badge"] {display:none;}
-.itemBadge [class*="badge"]:first-child {margin-left:0;}
+.itemBadge [class*="badge"]:first-child {margin-left:-0.5rem;}
 .itemBadge [class*="badge"]:nth-child(1) {display:inline-block;}
 .itemBadge [class*="badge"]:nth-child(2) {display:inline-block;}
 .itemBadge [class*="badge"]:nth-child(3) {display:inline-block;}
@@ -2326,9 +2322,9 @@
 .sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
 .sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
-.sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; padding:0 2rem 1.1rem; border-bottom: 0.1rem solid #ddd;}
+.sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; border-bottom: 0.1rem solid #ddd;}
 .sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
-.sch .sch_result .related_keyword {margin-top: 0;}
+.sch .sch_result .related_keyword {margin: 0 -2rem 0;}
 .sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide > a{display:inline-block; background-color:#f5f5f5; padding:0.8rem 1.3rem; border-radius:2rem;}
 .sch .sch_result .related_keyword + .now_view {padding-top: 2rem;}
 .sch .sch_result .tabWrap{margin:0 -2rem;}
@@ -2480,7 +2476,7 @@
 
 .sch .sub_category{padding:0 0; position:relative;}
 .sch .sub_category:after {content:''; position: absolute; top: 0; right: 0; height: 100%; width: 6rem; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%); background: -webkit-linear-gradient(360deg, rgba(255,255,255,0) 0%, #fff 100%);}
-.sch .sub_category .cate_wrap {position: relative; width: 100%; white-space:nowrap; overflow-x:scroll;}
+.sch .sub_category .cate_wrap {position: relative; width: 100%; white-space:nowrap; overflow-x:scroll;padding: 0 2rem 1.1rem;}
 .sch .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0; background: #f5f5f5; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #000; border-radius:2rem; line-height: 1;}
 
 /* 기획전 - dp_exhibition */
@@ -2515,6 +2511,7 @@
 
 /* 검색공통 */
 .sch .count_wrap {padding:2rem 0;}
+.sch .count_wrap.fixed {position: fixed; top: 5.5rem;left: 0; width: 100%;padding: 2rem;background: #fff;z-index: 100;}
 .sch .count_wrap:after{display:block; content:''; clear:both;}
 .sch .count_wrap > div:nth-child(1) {float:left;}
 .sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
@@ -2581,7 +2578,6 @@
 header .htop .btn_back span i.gl1, header .htop .btn_back span i.gl2, header .htop .btn_back span i.gl3 {height: 0.13rem;}
 .btn_group_flex > div > .btn {padding:1.5rem;}
 .itemBadge {padding: 0.4rem; font-size: 1rem;}
-.wish_itemBadge{padding-left:0;} /*jmh 위시리스트 배지*/
 .item_prod .itemPic {padding-top: 135%;}
 .item_prod .itemName {font-size: 1.2rem;}
 .item_prod .itemPrice, .item_prod .itemPercent {font-weight: 400;}

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

@@ -87,8 +87,8 @@
 	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
 	linear-gradient(white, white),
 	linear-gradient(white, white);
-    mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
-    -webkit-mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
+    mask-size: 86.6072% 0%, 13.3928% 13.4285%, 86.6072% 100%, 100% 86.5715%;
+    -webkit-mask-size: 38.6072% 0%, 13.3928% 13.4285%, 86.6072% 100%, 100% 86.5715%;
     mask-position: bottom left, bottom right, top left, top right;
     -webkit-mask-position: bottom left, bottom right, top left, top right;
     mask-repeat: no-repeat;
@@ -185,7 +185,6 @@
 .main_trendy .item_prod:nth-child(even) {padding-right: 0;}
 .main_it {position: relative;padding-bottom: 4rem;}
 .main_it::after {content: '';display: block;clear: both;}
-.main_it .titWrap {padding:4rem 0 2rem;}
 .main_it .it_nav {display: flex;padding: 0 0.8rem; margin-bottom: 0.8rem; height: 5rem;line-height: 5rem;justify-content: center;}
 .main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 0.2rem;}
 .main_it .swiper-scrollbar-drag {background:#222222 !important;}
@@ -227,7 +226,6 @@
 .main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
 .main_deal .item_prod .itemPrice {color: #ffffff;}
 /* slide nav */
-.main_pick .titWrap {padding:4rem 0 2rem 0;}
 .main_pick .inner_head {padding: 0 0 0.9rem 0;position: relative;}
 .main_pick .inner_head .pick-head{padding: 0; box-sizing: border-box;overflow: visible;}
 .main_pick .inner_head .pick-head .swiper-wrapper{transform: translate3d(0, 0, 0);}
@@ -739,7 +737,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .lnb_list li { border-bottom: 0.1rem solid #ddd;}
 .my .lnb_list li a {display: block; padding: 2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
 .my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
-.my .mem_rank .mem_name {display: inline-block; font-size: 1.8rem; font-weight: 300;}
+.my .mem_rank .mem_name {display: block; font-size: 1.8rem; font-weight: 300;}
 .my .mem_rank .mem_name strong {font-weight: 500;}
 .my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail03.png) no-repeat right top 0.5rem; background-size:0.7rem 1.3rem;}
 .my .mem_rank .rank_txt02 button {display: inline-block; font-size: 1.4rem; padding-right: 1.3rem; margin-right: 2rem; background: url(//image.istyle24.com/Style24/images/pc/ico_mysm_arrow.png) no-repeat right top 0.6rem;}
@@ -798,7 +796,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .part_goods .goods_detail .thumb_box::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;}
 .part_goods .goods_detail .thumb_box a {display:block; height: 100%;}
 .part_goods .goods_detail .thumb_box a::after { content: "";display: block; position: absolute; top:0; left: 0; width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
-.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3;}
+.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
 .part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
 .part_goods .goods_detail .info_box .od_name a {display:block;}
 .part_goods .goods_detail .info_box .od_name .name {display:inline-block; font-size: 1.3rem; line-height:1.4; margin:0.3rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
@@ -1384,9 +1382,8 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .dp .submain_visual img {width: 100%;}
 .dp .submain_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; 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 .submain_visual .swiper-pagination-current {font-weight: 600;}
-.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #222; z-index: 1;}
-.dp .submain_visual .txtWrap.w {color: #fff;}
-.dp .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
+.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #fff; z-index: 1;}
+.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .sub_category {padding:2.4rem 0; position: relative;}
 .dp .sub_category .cate_wrap {margin:0 -0.4rem; height: auto; overflow:hidden;}
@@ -1592,7 +1589,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .adrsChange_Pop .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
 .adrsChange_Pop .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
 .adrsChange_Pop .ship_info div:after {content:''; display: block; clear:both;}
-.adrsChange_Pop .ship_info div dt, .adrsChange_Pop .ship_info div dd {float:left; color: #222; font-weight: 300;}
+.adrsChange_Pop .ship_info div dt, .adrsChange_Pop .ship_info div dd {float:left; color: #222; font-weight: 300;word-break: break-all;}
 .adrsChange_Pop .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
 .adrsChange_Pop .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
 .adrsChange_Pop .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
@@ -1630,17 +1627,14 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'],.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type, .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
 .adrsAdd_pop .dlvr_basic {margin-top: 1.5rem;}
 .adrsAdd_pop .dlvr_basic label {font-size: 1.4rem;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="number"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"], .adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="number"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
 .adrsAdd_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
@@ -1662,12 +1656,10 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .adrsModify_pop .tbl_wrap:first-child  {padding-top: 2rem;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:#ffffff url('//image.istyle24.com/Style24/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'],.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type, .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='number']:first-of-type {padding-right: 5rem;}
 .adrsModify_pop .dlvr_basic {margin-top: 1.5rem;}
 .adrsModify_pop .dlvr_basic label {font-size: 1.4rem;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}

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

@@ -363,7 +363,17 @@ $(document).ready(function () {
                     $('.dp .count_wrap').removeClass('fixed');
                     $('.dp .dp_list .list_content').css({'paddingTop':'0'});
                 }
-            }
+            };
+            // 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
+            if($(".sch .sch_result .count_wrap").length){
+                // var winScrollTop2= ;
+                var schListTop = $(".sch .sch_result .count_wrap").offset().top - 60;
+                if ($(window).scrollTop() > schListTop){
+                    $('.sch .sch_result .count_wrap').addClass('fixed');
+                } else {
+                    $('.sch .sch_result .count_wrap').removeClass('fixed');
+                }
+            };
         })
         window.onload = function() {
             setTimeout (function () {
@@ -724,9 +734,7 @@ $( document ).ready( function() {
 
     
     /* 210805_ 추가 : 고객센터_Header Style */
-    if($('main').hasClass("cs")){
-        $('.htop .home').css({"display": "inline-block"});
-    };
+    /* 210813_ 제거 : 고객센터 '.htop .home').css({"display": "inline-block"}) */
 
 
 
@@ -781,7 +789,8 @@ $( document ).ready( function() {
         });
 
         //210604_하단 고정버튼 있을 시 tabbar 제거
-        if($('div').hasClass('product_floormenu') || $('div').hasClass('cs_contactUs_my_footer') || $('div').hasClass('od_calc_wrap')){
+        //210813_$('div').hasClass('cs_contactUs_my_footer') || 제거
+        if($('div').hasClass('product_floormenu') || $('div').hasClass('od_calc_wrap')){
             $('.tabbar').css('display', 'none');
             $('footer .btn_back').css('bottom', 'clac(constant(safe-area-inset-bottom) + 6.5rem)');
             $('footer .btn_back').css('bottom', 'calc(env(safe-area-inset-bottom) + 6.5rem)');

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

@@ -769,7 +769,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemPic .pd_mov {z-index: 2;height: 100%;left: -83.45%;width: 267%;}
 .itemPic .pd_img {z-index: 1;transition: 0.5s;}
 .itemPic .pd_img::after {content: '';display: block; height: 100%;width: 100%;background: #333;}
-.itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:62px;padding: 25px 0; text-align:center; color: #fff; background: rgb(0 0 0 / 0.8); transition-duration:0.45s;}
+.itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:62px;padding: 25px 0; text-align:center; color: #fff; background: #000; opacity: 0.8; transition-duration:0.45s;}
 .itemOpt.on{transition-duration:0.45s;bottom:0;}
 .itemOpt p{font-size: 12px;line-height: 1.2;padding-bottom: 15px;}
 .itemOpt ul{display: block;margin: 0 auto;width: auto;}
@@ -777,7 +777,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemOpt ul .none{opacity: 0.5;text-decoration: line-through;}
 .itemOpt ul li:first-child{margin-left: 0px;}
 .itemOpt .exc{font-size: 14px;line-height: 1.2;display: inline-block;margin-left: 10px;}
-.itemBrand {margin: 0px 5px 12px;line-height: 12px;font-size: 12px;font-weight: 300;color: rgb(137, 137, 137);height:12px;}
+.itemBrand {margin: 0px 5px 12px;line-height: 14px;font-size: 12px;font-weight: 300;color: rgb(137, 137, 137);height:12px;}
 .itemComment{margin:0px 5px 12px;line-height: 1; font-size: 14px;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .itemName {	margin: 0px 5px 15px;line-height:20px;font-size: 14px;font-weight: 200;color:#222; height:40px;}
 .itemPrice * {margin-right: 7px;}
@@ -1158,6 +1158,31 @@ input[type="file"] {
     background: #f5f5f5;
 }
 /* scrollbar custom */
+
+
+div {
+  scrollbar-face-color: #e0e0e0;
+  scrollbar-track-color: #fff;
+  scrollbar-arrow-color: none;
+  scrollbar-highlight-color: #e0e0e0;
+  scrollbar-3dlight-color: none;
+  scrollbar-shadow-color: #e0e0e0;
+  scrollbar-darkshadow-color: none;
+}
+
+div::-webkit-scrollbar {width: 2px;height: 0;}
+div::-webkit-scrollbar-button {display: block;}
+div::-webkit-scrollbar-button:start {display: block;height: 0;}
+div::-webkit-scrollbar-button:end {display: block;height: 0;}
+div::-webkit-scrollbar-button:vertical:increment {display: block;height: 0;}
+div::-webkit-scrollbar-button:vertical:decrement {display: block;height: 0;}
+div::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
+div::-webkit-scrollbar-track-piece {display: block;height: 0;}
+div::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
+div::-webkit-scrollbar-corner {display: block;height: 0;}
+div::-webkit-resizer {display: block;height: 0;}
+
+
 .select_custom .combo .list::-webkit-scrollbar {width: 2px;height: 0;}
 .select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
 .select_custom .combo .list::-webkit-scrollbar-button:end:increment {display: block;height: 0;}

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

@@ -63,7 +63,7 @@ header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; backgro
 .depth_menu .head_category .tit p {font-size: 24px; font-weight:500; margin-bottom:20px;}
 .depth_menu .head_category .tit a {font-size: 16px; color: #888; padding-right: 14px; background: url(//image.istyle24.com/Style24/images/pc/ico_mysm_arrow.png) no-repeat right top 2px;}
 .depth_menu .head_category .tit a:after {display:none;}
-.depth_menu .head_category .menu ul.maintabs {position:relative; width:25%; border-left: 1px solid #ddd;min-height: 320px;}
+.depth_menu .head_category .menu ul.maintabs {position:relative; width:25%; min-width: 200px; border-left: 1px solid #ddd;min-height: 320px;}
 ul.maintabs li {padding-left:40px; padding-top:20px;}
 ul.maintabs li:first-child {padding-top:0;}
 ul.maintabs li a {display: inline-block; font-size: 16px; color: #666; position: relative;}
@@ -217,7 +217,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_search .realtime_wrap .swiper-controls {margin-top: 20px;}
 .common_search .realtime_wrap .swiper-scrollbar {background:#ddd; height:2px; opacity: 1 !important;}
 .common_search .realtime_wrap .swiper-scrollbar-drag {border-radius:0; background:#222;}
-.common_search .realtime_wrap .item_prod {width: 100%;}
+/* .common_search .realtime_wrap .item_prod {width: 100%;} */
 .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
 .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 .common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}
@@ -548,7 +548,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort {display:none; position: relative; padding: 40px 35px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
 .filter_content .sort.on {display:block;}
 .filter_content .sort .tap_close {position: absolute; bottom: 30px; right: 40px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(//image.istyle24.com/Style24/images/pc/ico_pop_cls.png);  background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 98;}
-.filter_content .sort > ul {max-height: 350px;overflow-y: auto;}
+.filter_content .sort > ul {max-height: 350px; min-height: 40px;overflow-y: auto;}
 .filter_content .sort label span {color:#666; font-size:14px; font-weight:300;}
 .filter_content .sort label input:checked + span {color:#fd4802; font-weight:500;}
 .filter_content .sort.tap01 > ul {position: relative;}
@@ -562,7 +562,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort.tap01 ul li.noDepth.on > a::after {content:''; position:absolute; top:0; right:-18px; border-style:solid; border-width:5px; border-color:transparent transparent transparent #fd4802;}
 .filter_content .sort.tap02 { padding-right:0;}
 .filter_content .sort.tap02 ul::after {content:''; display: block; clear:both;}
-.filter_content .sort.tap02 ul li {float:left; padding-right:40px; margin-bottom:20px;}
+.filter_content .sort.tap02 ul li {/*float:left;*/ padding-right:40px; margin-bottom:20px;}
+.filter_content .sort.tap02 ul li {display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;}
 .filter_content .sort.tap03 {padding-right:0;}
 .filter_content .sort.tap03 ul li {position: relative; border-bottom: 1px solid #ccc; padding-left: 100px;padding-top: 30px;padding-bottom: 30px;}
 .filter_content .sort.tap03 ul li::after {content: ''; display: block; clear: both;}
@@ -987,14 +988,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
 .tag.deepgray {background:#aaa; border-color:#aaa; color:#fff;}
 .tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
-.tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;}
+.tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;line-height: 14px;}
 
 /* 밑줄 탭 스타일 */
 .taps {text-align:center;}
 .taps > div {display:inline-block;}
 .taps > div > ul::after {content:''; clear:both; display:block;}
 .taps > div > ul li {float:left; padding:0px 20px;}
-.taps > div > ul li a {display:block; border-bottom:2px solid #fff;  color:#888; font-size:20px; font-weight:200;}
+.taps > div > ul li a {display:block; border-bottom:2px solid #fff; color:#888; font-size:20px; font-weight:200;line-height: 20px; padding-bottom: 2px;}
 .taps > div > ul li.active a {border-color:#222; color:#222; font-weight:500;}
 .taps > div > ul li a > span {display:inline-block;}
 
@@ -1963,13 +1964,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .event_list .ui_row .ui_col_12 .btn_group .btn.on {border-color: #222;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .btn.on .caret { top: 10px; border-color: transparent transparent #888888 transparent;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu { width:720px; padding: 40px; left: inherit; top:98.5%; right: 0; margin: 0; border-color: #222; box-shadow: none;}
-	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
+	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px;border-bottom: 1px solid #ddd;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;align-items: center;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both;}
+	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {margin-top: 22px;    width: calc(100% /3 );}
+	/* 
+	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
+	 */
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu input {position: absolute; display: block; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
 	.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
@@ -2511,8 +2516,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .thumb img,
 	.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{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 300%;height: 100%;z-index: 1;pointer-events:none; left: -100%;}
+	.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;}
@@ -2889,7 +2893,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd.deal dl::after,
 	.pd.deal ul::after {content:''; clear:both; display:block;}
 	.pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
-	.pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
+	.pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:70px; background: #ffffff; z-index:2;}
 	.pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); max-width:1200px; z-index:25;}
 	.pd.deal .tab_detail_nav ul li {float:left; width:25%;}
 	.pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
@@ -2955,7 +2959,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.pd_pop .swiper-button-next {right:-70px;}
 	.modal.pd_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
 	.modal.pd_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
-	.modal.pd_pop .modal-body .pop_cont {max-height:none;}
+	.modal.pd_pop .modal-body .pop_cont {max-height:none; height: 280px; zoom: 1;}
 	.modal.pd_pop .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:500;}
 	.modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
 	.modal.pd_pop .modal-body .pop_cont {line-height:1;}
@@ -3095,7 +3099,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd .info_txt ul li:after {top:7px;}
 
 	/* pd_popup > 재입고 알림 신청 */
-	.modal.pd_pop.push_restock_pop {max-width:none; width:630px; padding:60px;}
+	.modal.pd_pop.push_restock_pop {max-width:none; width:640px; padding:60px;}
 	.pd_pop.push_restock_pop .pop_cont {margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
 	.pd_pop.push_restock_pop .item_blk {width:510px;}
 	.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block;}
@@ -3106,8 +3110,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {max-width:100%; margin-left:0; margin-bottom:13px; height:auto; max-height:40px;}
 	.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
 	.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPercent {position:relative;}
-	.pd_pop.push_restock_pop .select_blk {width:510px; margin-top:40px;}
-	.pd_pop.push_restock_pop .select_blk h6 {margin-bottom:20px;}
+	.pd_pop.push_restock_pop .select_blk {width:510px; margin-top:30px;}
+	.pd_pop.push_restock_pop .select_blk h6 {margin-bottom:16px;}
 	.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
 	.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
 	.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
@@ -3132,7 +3136,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 260px; height:390px; padding:0; background: #f9f9f9;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 1; text-align: center;}
-	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300;}
+	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300; line-height: 14px;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
@@ -3162,7 +3166,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
     .modal[class*="reviewdetail_pop"] .detail .review .pic .thumb img,
 	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe,
 	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb video {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
-    .modal[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
+
+	/* 0809 */
+	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
+	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb iframe img {width: 140%;transform:none;left: -40%;right: 0;top:0;bottom: 0;max-width: 140%;}
+	.modal[class*="reviewdetail_pop"] .detail .review .pic .thumb.mov iframe {width: 100%;transform:none;left: 0%;right: 0;top:0;bottom: 0;max-width: 100%;}
+
+	.modal[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
 	.modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
 	.modal[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap [class*="_box"] {margin-top:25px;}
     .modal[class*="reviewdetail_pop"] .detail .review .review_cont .star_box {margin-top:0;}
@@ -3339,7 +3349,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
 	.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
 	.pd_qnalist .qna_list .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%);}
-	.pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline; position:relative; width:auto; max-width:600px;}
+	.pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline; position:relative; width:calc(100% - 373px); max-width:500px;}
 	.pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
 	.pd_qnalist .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
 	.pd_qnalist .qna_list .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
@@ -3678,7 +3688,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	.br_lookbook_view.cont_visual .swiper-container {padding-top:60px;}
 	.br_lookbook_view.cont_visual .swiper-slide .bt_lb_item:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
-	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item {position: relative; height: 618px; margin-top: -60px; transition: all 200ms ease;}
+	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item {position: relative; height: 618px; margin-top: -60px; }
 	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item:after {display:none;}
 	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker {position:absolute; transform:translate(-50%,-50%);}
 	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
@@ -3974,10 +3984,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.my .have_amount dl div {float:left; position:relative; height:14px; padding:0px 20px;}
 	.my .have_amount dl div::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
 	.my .have_amount dl div:first-child::before {display:none;}
-	.my .have_amount dl div > * {vertical-align:top;}
+	.my .have_amount dl div > * {vertical-align:middle;}
 	.my .have_amount dl div dt {float:left; color:#666;}
 	.my .have_amount dl div dt .tag {margin-top:-4px; margin-right:10px;}
 	.my .have_amount dl div dd {float:left; margin-left:10px; color:#222;}
+	.my .have_amount dl div dd:after { content: ""; display: inline-block; height: 0.8em; }
 	.my .content_area {position:relative;}
 	.my .content_area .taps {margin-bottom:40px;}
 	.my .content_area .select_box {position:absolute; right:0; top:-10px; width:180px;}
@@ -4528,7 +4539,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* popup_쿠폰사용안내 */
 	.modal.couponInfo_pop {width:600px; max-width:none; height:auto;}
 	.modal.couponInfo_pop .modal-title {word-break:keep-all;}
-	.modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none;}
+	.modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none; overflow: visible;}
 	.modal.couponInfo_pop button span {line-height:1;}
 	.modal.couponInfo_pop .form_field,
 	.modal.couponInfo_pop .form_field > div {display:block; width:100%;}
@@ -4566,7 +4577,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* popup_총알배송 가능여부 팝업  */
 	.modal.bulletShip_pop {width:580px; max-width:none; padding:60px;}
 	.modal.bulletShip_pop .modal-header {display:none;}
-	.modal.bulletShip_pop .modal-body .pop_cont .txt_result {text-align:center; line-height:1;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result {text-align:center; line-height:1;overflow: hidden;}
 	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1) {position:relative; padding-top:35px; color:#666; font-size:16px; font-weight:300;}
 	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1)::before {content:''; position:absolute; width:52px; height:24px; top:0; left:50%; transform:translateX(-50%); background:url('//image.istyle24.com/Style24/images/pc/ico_home.png') no-repeat; background-size:auto 100%;}
 	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) {margin-top:15px; color:#222; font-size:32px; font-weight:700;}

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

@@ -471,10 +471,9 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .brand_main .brand_visual .swiper-button-disabled {display: none;}
 .brand_main .post-visual .swiper-container {margin-left:0;}
 .brand_main .post-visual .swiper-wrapper {padding-bottom:0;}
-.brand_main .post-visual .swiper-slide {position:relative; width:100%; max-width:1520px; padding-left: 0; mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; -webkit-mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; /*transition:all 200ms ease;*/}
+.brand_main .post-visual .swiper-slide {position:relative; max-width:1520px; padding-left:23.6%; mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; -webkit-mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; /*transition:all 200ms ease;*/}
 .brand_main .post-visual .swiper-slide img {width:1080px; margin:0;}
-.brand_main .post-visual .swiper-slide .txtWrap {width: 450px; opacity:0; position:absolute; padding-left:0px; top:110px; bottom:auto; left:0px; right:auto; z-index:1;}
-.brand_main .post-visual .swiper-slide .imgWrap {padding-left:450px;}
+.brand_main .post-visual .swiper-slide .txtWrap {width: 30%; opacity:0; position:absolute; padding-left:0px; top:110px; bottom:auto; left:0px; right:auto; z-index:1;}
 .brand_main .post-visual .txtWrap dt {font-size:0; padding-bottom:0;}
 .brand_main .post-visual .swiper-slide-active {opacity:1 !important;}
 .brand_main .post-visual .swiper-slide-active .txtWrap {animation-name: fade-in;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}
@@ -493,7 +492,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 }
 
 .brand_main .post-visual .swiper-slide-prev {opacity:0;}
-.brand_main .post-visual .swiper-slide-next .imgWrap {padding-left:0;}
+.brand_main .post-visual .swiper-slide-next {opacity:1 !important; padding-left:0px; padding-right:440px;}
 .brand_main .post-visual .swiper-controls {position:absolute; width:auto; bottom:100px; left:50%; padding-right:15px; z-index:10; margin-left:-780px;}
 .brand_main .post-visual .swiper-controls .swiper-pagination {margin-top:0;}
 
@@ -626,7 +625,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 .modal.br_lookbook_popup .itemsGrp .item_prod .itemLink {display:table-cell; position:static; vertical-align:middle;}
 .modal.br_lookbook_popup .itemsGrp .item_prod .itemPic {position:absolute; top:0; left:0; margin-bottom:0; width:260px; height:390px; padding:0; background:#f5f5f5;}
 .modal.br_lookbook_popup .itemsGrp .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); width:100%; height:100%; transform:translate(-50%, -50%); line-height:420px; z-index:99; text-align:center;}
-.modal.br_lookbook_popup .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size:14px; font-weight:300;}
+.modal.br_lookbook_popup .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size:14px; font-weight:300;line-height:14px;}
 .modal.br_lookbook_popup .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size:18px; font-weight:300; line-height:28px; height:56px;}
 .modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice {font-size:26px; line-height:1; font-weight:500; margin:0;}
 .modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice_original {display:inline-block; margin-left:0; margin-bottom:10px; font-size:20px; font-weight:200;}
@@ -636,7 +635,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 
 /* brand_main :ie */
 @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
-	.brand_main .post-visual .swiper-slide {z-index:9; margin:0; box-shadow:none; padding-bottom:0; padding-left: 30px; width: 1520px;}
+	.brand_main .post-visual .swiper-slide {z-index:9; margin:0; box-shadow:none; padding-bottom:0; width: 1520px;}
 	.brand_main .post-visual .swiper-slide {left:-250px;}/*width: 1025px; width: 1520px; overflow: visible; */
 	.brand_main .post-visual .swiper-slide:before {display:none;}
 	.brand_main .post-visual .swiper-slide-active {z-index:8;}