|
|
@@ -20,50 +20,50 @@
|
|
|
.swiper-pagination-progressbar-fill {background: #222222 !important;}
|
|
|
|
|
|
.slide-curb {
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
- font-size: 0;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 0;
|
|
|
margin-left: 5px;
|
|
|
}
|
|
|
.swiper-pagination {
|
|
|
-/* .swiper-pagination:not(.swiper-pagination) { */
|
|
|
+ /* .swiper-pagination:not(.swiper-pagination) { */
|
|
|
/* bottom: 0px; */
|
|
|
- /* left: 50%; */
|
|
|
+ /* left: 50%; */
|
|
|
/* right: auto; */
|
|
|
margin: 0 30px 0;
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
- .swiper-controls {
|
|
|
- position: relative;
|
|
|
- /* display: inline-block; */
|
|
|
- margin: 0px;
|
|
|
- text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.swiper-controls {
|
|
|
+ position: relative;
|
|
|
+ /* display: inline-block; */
|
|
|
+ margin: 0px;
|
|
|
+ text-align: center;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
.post-visual .slide-curb {
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- right: 0;
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ right: 0;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.main_visual .slide-curb-play {position: relative; display:none; width: 8px;height: 12px;font-size: 0; cursor:pointer;}
|
|
|
.main_visual .slide-curb-play:after {content: ""; position: absolute;top: 0; left: 0; border: 6px solid transparent; border-left: 9px solid #888;border-right: 0; cursor:pointer;}
|
|
|
.main_visual .slide-curb-pause {width: 8px;height: 12px;font-size: 0;text-align: left;}
|
|
|
-.main_visual .slide-curb-pause:after,
|
|
|
+.main_visual .slide-curb-pause:after,
|
|
|
.main_visual .slide-curb-pause:before {content: "";display: inline-block;width: 2px;height: 12px;background: #888;}
|
|
|
.main_visual .slide-curb-pause:before {float: right;}
|
|
|
|
|
|
.main_visual .swiper-controls {}
|
|
|
.main_visual .swiper-controls .swiper-pagination {position: static; width:auto;}
|
|
|
|
|
|
-/*
|
|
|
+/*
|
|
|
.slider-1[data-slider-1-autoplay-status="Y"] .btn-play {
|
|
|
display:none;
|
|
|
}
|
|
|
.slider-1[data-slider-1-autoplay-status="N"] .btn-stop {
|
|
|
display:none;
|
|
|
-}
|
|
|
+}
|
|
|
*/
|
|
|
|
|
|
|
|
|
@@ -109,21 +109,21 @@
|
|
|
position: relative;
|
|
|
/* margin: 0 50px; */
|
|
|
|
|
|
- mask-image:
|
|
|
- linear-gradient(to top right, transparent 49.5%, white 50.5%),
|
|
|
- linear-gradient(to top left, transparent 49.5%, white 50.5%),
|
|
|
- linear-gradient(white, white),
|
|
|
- linear-gradient(white, white);
|
|
|
- -webkit-mask-image:
|
|
|
- linear-gradient(to top right, transparent 49.5%, white 50.5%),
|
|
|
- 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-position: bottom left, bottom right, top left, top right;
|
|
|
- -webkit-mask-position: bottom left, bottom right, top left, top right;
|
|
|
- mask-repeat: no-repeat;
|
|
|
+ mask-image:
|
|
|
+ linear-gradient(to top right, transparent 49.5%, white 50.5%),
|
|
|
+ linear-gradient(to top left, transparent 49.5%, white 50.5%),
|
|
|
+ linear-gradient(white, white),
|
|
|
+ linear-gradient(white, white);
|
|
|
+ -webkit-mask-image:
|
|
|
+ linear-gradient(to top right, transparent 49.5%, white 50.5%),
|
|
|
+ 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-position: bottom left, bottom right, top left, top right;
|
|
|
+ -webkit-mask-position: bottom left, bottom right, top left, top right;
|
|
|
+ mask-repeat: no-repeat;
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
@@ -136,7 +136,7 @@
|
|
|
box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.20);
|
|
|
content: '';
|
|
|
width: 150px;
|
|
|
- height: 120px;
|
|
|
+ height: 120px;
|
|
|
}
|
|
|
|
|
|
/* 익스일경우 */
|
|
|
@@ -156,7 +156,7 @@
|
|
|
.main .post-visual .swiper-slide-prev {}
|
|
|
.main .post-visual .swiper-slide-active {}
|
|
|
.main .post-visual .swiper-slide::before {display: block;}
|
|
|
- .main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);}
|
|
|
+ .main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);}
|
|
|
/* .brand_main .post-visual .swiper-slide img::before{
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
@@ -166,7 +166,7 @@
|
|
|
right: -65px;
|
|
|
border: 0px;
|
|
|
transform: rotate(135deg);
|
|
|
- /* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20);
|
|
|
+ /* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20);
|
|
|
box-shadow: inset 0 -30px 20px -20px rgba(0,0,0,0.20);
|
|
|
box-shadow: inset 0px -60px 30px -50px rgba(0,0,0,0.20);
|
|
|
background: #fff;
|
|
|
@@ -206,8 +206,8 @@
|
|
|
background: #fff;
|
|
|
background: linear-gradient(0deg, #fff 120px, transparent 0);
|
|
|
z-index: 1;
|
|
|
-
|
|
|
- /*
|
|
|
+
|
|
|
+ /*
|
|
|
border-right: 0px;
|
|
|
border-left: 0px;
|
|
|
border-top: 0px;
|
|
|
@@ -218,48 +218,48 @@
|
|
|
border-image: linear-gradient(-135deg, transparent 0%,rgb(0 0 0 / 23%) 100% );
|
|
|
border-image-slice: 160;
|
|
|
*/
|
|
|
- }
|
|
|
+ }
|
|
|
|
|
|
.main .post-visual .swiper-slide .vrt_txt {left: -50px;}
|
|
|
}
|
|
|
|
|
|
.post-visual .swiper-slide img::after{
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- width: 150px;
|
|
|
- height: 150px;
|
|
|
- bottom: 30px;
|
|
|
- right: 30px;
|
|
|
- background: #fff;
|
|
|
- border: 0px;
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ bottom: 30px;
|
|
|
+ right: 30px;
|
|
|
+ background: #fff;
|
|
|
+ border: 0px;
|
|
|
box-sizing: border-box;
|
|
|
transform: rotate(135deg);
|
|
|
- box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);
|
|
|
- background: linear-gradient(135deg, #fff 106px, transparent 0);
|
|
|
+ box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);
|
|
|
+ background: linear-gradient(135deg, #fff 106px, transparent 0);
|
|
|
}
|
|
|
.post-visual .swiper-slide::after {
|
|
|
content: '';
|
|
|
- position: absolute;
|
|
|
+ position: absolute;
|
|
|
top: 0;
|
|
|
- bottom: 15px;
|
|
|
- left: 10px;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ bottom: 15px;
|
|
|
+ left: 10px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
z-index: -1;
|
|
|
-/*
|
|
|
- background: #777;
|
|
|
- -webkit-box-shadow: 0 15px 10px #777;
|
|
|
- -moz-box-shadow: 0 15px 10px #777;
|
|
|
- box-shadow: 0 15px 10px #777;
|
|
|
- -webkit-transform: rotate(-3deg);
|
|
|
- -moz-transform: rotate(-3deg);
|
|
|
- -o-transform: rotate(-3deg);
|
|
|
- -ms-transform: rotate(-3deg);
|
|
|
- transform: rotate(-3deg);
|
|
|
-*/
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
+ /*
|
|
|
+ background: #777;
|
|
|
+ -webkit-box-shadow: 0 15px 10px #777;
|
|
|
+ -moz-box-shadow: 0 15px 10px #777;
|
|
|
+ box-shadow: 0 15px 10px #777;
|
|
|
+ -webkit-transform: rotate(-3deg);
|
|
|
+ -moz-transform: rotate(-3deg);
|
|
|
+ -o-transform: rotate(-3deg);
|
|
|
+ -ms-transform: rotate(-3deg);
|
|
|
+ transform: rotate(-3deg);
|
|
|
+ */
|
|
|
+}
|
|
|
+
|
|
|
+/*
|
|
|
.post-visual .swiper-slide::after {
|
|
|
content: "";
|
|
|
top: 0;
|
|
|
@@ -276,7 +276,7 @@
|
|
|
box-shadow: inset 0 -5px 5px -5px #333, inset 0 5px 5px -5px #333, inset -5px 0 5px -5px #333;
|
|
|
} */
|
|
|
|
|
|
-/*
|
|
|
+/*
|
|
|
.post-visual .swiper-slide::after {
|
|
|
content: "";
|
|
|
z-index: -1;
|
|
|
@@ -290,9 +290,9 @@
|
|
|
clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0);
|
|
|
clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
|
|
|
clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);
|
|
|
-}
|
|
|
+}
|
|
|
*/
|
|
|
-.post-visual .txtWrap{position: absolute;padding-left: 50px;top: auto;bottom: 100px;left: 20px;right: auto;z-index: 1;}
|
|
|
+.post-visual .txtWrap{position: absolute;padding-left: 50px;top: auto;bottom: 100px;left: 20px;right: auto;z-index: 1;}
|
|
|
.post-visual .txtWrap dl.w,.txtWrap dl.w+button {color: #ffffff; font-weight :200;}
|
|
|
.post-visual .txtWrap dl {color: #222; line-height: 1; padding-bottom: 40px;}
|
|
|
.post-visual .txtWrap dt {font-size: 18px; padding-bottom: 30px;}
|
|
|
@@ -321,7 +321,7 @@
|
|
|
|
|
|
|
|
|
.main_trendy {
|
|
|
- padding: 120px 0 80px;background: #f5f5f5;
|
|
|
+ padding: 120px 0 80px;background: #f5f5f5;
|
|
|
padding: 0px 48px; margin: 100px 0px;
|
|
|
}
|
|
|
.main_trendy .cont_head {padding: 120px 0 60px 0;}
|
|
|
@@ -397,7 +397,7 @@
|
|
|
.main_2stage a{border: 0px;}
|
|
|
.main_2stage img{
|
|
|
width: 100%;
|
|
|
- height: auto;
|
|
|
+ height: auto;
|
|
|
/* object-fit: none; */
|
|
|
}
|
|
|
|
|
|
@@ -422,12 +422,12 @@
|
|
|
.main_deal .count .count_time {position: relative; left: auto; width: 100%;}
|
|
|
.main_deal .count .count_time span{
|
|
|
font-size: 12px;
|
|
|
- font-weight: 500;
|
|
|
- color: #888888;
|
|
|
- width: 66px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #888888;
|
|
|
+ width: 66px;
|
|
|
margin-right: 33px;
|
|
|
float:left;
|
|
|
- text-align: center;
|
|
|
+ text-align: center;
|
|
|
position: relative;
|
|
|
}
|
|
|
.main_deal .count .count_time span:first-child::before,
|
|
|
@@ -478,9 +478,9 @@
|
|
|
|
|
|
.main_deal .cont_head a {margin: 30px 0;display: block;line-height: 0;padding: 0;}
|
|
|
.main_deal .cont_head span{font-size: 16px;color: #ffffff; }
|
|
|
-.main_deal .cont_head a span::after{content: "〉";font-size: 12px;padding-left: 8px;}
|
|
|
+.main_deal .cont_head a span::after{content: "〉";font-size: 12px;padding-left: 8px;}
|
|
|
.main_deal .cont_body{width: calc(100% - 517px); float: left;background: #f5f5f5;padding-top: 80px;}
|
|
|
-.main_deal .cont_body .swiper-container{margin:0 100px;}
|
|
|
+.main_deal .cont_body .swiper-container{margin:0 100px;}
|
|
|
.post-deal .swiper-slide {width: 320px !important;}
|
|
|
.post-deal .swiper-slide li{position: relative;margin: 15px 0;background-color: rgb(255 255 255);}
|
|
|
.post-deal .item_prod {width: 312px;}
|
|
|
@@ -509,7 +509,7 @@
|
|
|
background-size:cover;
|
|
|
}
|
|
|
|
|
|
-.main_pick .cont_body .post-pick-nav .swiper-slide{
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-slide{
|
|
|
height: auto;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
@@ -553,18 +553,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
- /* 각버튼 테스트 */
|
|
|
- .test_btn{
|
|
|
- border-left: 1px solid #0183fd;border-bottom: 1px solid #0183fd;
|
|
|
- border-right: 1px solid #0183fd;border-top: 1px solid #0183fd;
|
|
|
- background-color: #0183fd;
|
|
|
- position: relative;top: 0;left: 0;z-index: 9;
|
|
|
- }
|
|
|
- .test_btn:after{
|
|
|
- content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
|
|
|
- border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;
|
|
|
- }
|
|
|
- /* 각버튼 테스트 종료 */
|
|
|
+/* 각버튼 테스트 */
|
|
|
+.test_btn{
|
|
|
+ border-left: 1px solid #0183fd;border-bottom: 1px solid #0183fd;
|
|
|
+ border-right: 1px solid #0183fd;border-top: 1px solid #0183fd;
|
|
|
+ background-color: #0183fd;
|
|
|
+ position: relative;top: 0;left: 0;z-index: 9;
|
|
|
+}
|
|
|
+.test_btn:after{
|
|
|
+ content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
|
|
|
+ border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;
|
|
|
+}
|
|
|
+/* 각버튼 테스트 종료 */
|
|
|
|
|
|
|
|
|
/* .action{display:block;margin:0px auto;width:100%;text-align:center;} */
|
|
|
@@ -574,50 +574,50 @@
|
|
|
.tag_list {display:block;margin:0px auto;width:100%;text-align:center;}
|
|
|
.tag_list button {transition: all 1ms ease;}
|
|
|
.tag_list button.active {
|
|
|
-/*
|
|
|
- border-left: 1px solid #0183fd;border-bottom: 1px solid #0183fd;
|
|
|
-border-right: 1px solid #0183fd;border-top: 1px solid #0183fd;
|
|
|
-background-color: #0183fd; color: #ffffff;
|
|
|
-position: relative;top: 0;left: 0;z-index: 9;
|
|
|
- */
|
|
|
- /* width: 100%; */
|
|
|
- line-height: 1;
|
|
|
- /* padding: 17px 26px; */
|
|
|
-background: #222222;
|
|
|
-border-color: rgb(245 245 245);
|
|
|
-position: relative;
|
|
|
-border-left: 1px solid #f5f5f5;
|
|
|
-border-bottom: 1px solid #f5f5f5;
|
|
|
-border-right: 1px solid #f5f5f5;
|
|
|
-border-top: 1px solid #f5f5f5;
|
|
|
-/* background-color: #ffffff; */
|
|
|
-color: #ffffff;
|
|
|
-position: relative;
|
|
|
-top: 0;
|
|
|
-left: 0;
|
|
|
-z-index: 9;
|
|
|
-transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
|
|
|
+ /*
|
|
|
+ border-left: 1px solid #0183fd;border-bottom: 1px solid #0183fd;
|
|
|
+ border-right: 1px solid #0183fd;border-top: 1px solid #0183fd;
|
|
|
+ background-color: #0183fd; color: #ffffff;
|
|
|
+ position: relative;top: 0;left: 0;z-index: 9;
|
|
|
+ */
|
|
|
+ /* width: 100%; */
|
|
|
+ line-height: 1;
|
|
|
+ /* padding: 17px 26px; */
|
|
|
+ background: #222222;
|
|
|
+ border-color: rgb(245 245 245);
|
|
|
+ position: relative;
|
|
|
+ border-left: 1px solid #f5f5f5;
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
|
+ border-right: 1px solid #f5f5f5;
|
|
|
+ border-top: 1px solid #f5f5f5;
|
|
|
+ /* background-color: #ffffff; */
|
|
|
+ color: #ffffff;
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 9;
|
|
|
+ transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
|
|
|
}
|
|
|
.tag_list button.active:after{
|
|
|
-/*
|
|
|
- content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
|
|
|
-border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;
|
|
|
-transition: all 10ms ease;
|
|
|
- */
|
|
|
- content: "";
|
|
|
- bottom: 0px;
|
|
|
- right: 0px;
|
|
|
- position: absolute;
|
|
|
- height: 0px;
|
|
|
- width: 0;
|
|
|
- padding: 0px 0px 0px 0px;
|
|
|
- background: #222222;
|
|
|
- border-left: 0px solid #ffffff;
|
|
|
- border-top: 10px solid #222222;
|
|
|
- border-right: 10px solid #ffffff;
|
|
|
- transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
|
|
|
-
|
|
|
-}
|
|
|
+ /*
|
|
|
+ content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
|
|
|
+ border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;
|
|
|
+ transition: all 10ms ease;
|
|
|
+ */
|
|
|
+ content: "";
|
|
|
+ bottom: 0px;
|
|
|
+ right: 0px;
|
|
|
+ position: absolute;
|
|
|
+ height: 0px;
|
|
|
+ width: 0;
|
|
|
+ padding: 0px 0px 0px 0px;
|
|
|
+ background: #222222;
|
|
|
+ border-left: 0px solid #ffffff;
|
|
|
+ border-top: 10px solid #222222;
|
|
|
+ border-right: 10px solid #ffffff;
|
|
|
+ transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
.main_recomm {padding: 120px 0;}
|
|
|
.main_recomm {/*width: 1640px;height: 650px;*/margin: 0px auto;}
|
|
|
@@ -643,11 +643,11 @@ transition: all 10ms ease;
|
|
|
}
|
|
|
.btn_shape.active:after{
|
|
|
content: "";bottom: 0px;right: 0px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;background: #222222;
|
|
|
- border-left: 0px solid #ffffff;border-top: 10px solid #222222;border-right: 10px solid #f5f5f5;
|
|
|
+ border-left: 0px solid #ffffff;border-top: 10px solid #222222;border-right: 10px solid #f5f5f5;
|
|
|
}
|
|
|
/* 각버튼 테스트2 종료 */
|
|
|
|
|
|
-
|
|
|
+
|
|
|
.main_foryou {
|
|
|
width: 100%;height:auto; margin-bottom: 15px; padding: 120px 0;
|
|
|
background-color: #f5f5f5; position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
|
|
|
@@ -659,7 +659,7 @@ transition: all 10ms ease;
|
|
|
.main_foryou .cont_body{width: 66.66666667% !important; float: left;}
|
|
|
.main_foryou .fy_nav { width: 364px;position: absolute;left: 135px;top: 230px;height: auto;padding-bottom: 100px;}
|
|
|
.main_foryou .fy_nav .swiper-slide{ opacity: 0.45;}
|
|
|
-.main_foryou .fy_nav .swiper-slide.swiper-slide-active{ opacity: 1;}
|
|
|
+.main_foryou .fy_nav .swiper-slide.swiper-slide-active{ opacity: 1;}
|
|
|
.main_foryou .fy_nav .btn_shape{ width: 100%;line-height: 1;padding: 17px 26px;}
|
|
|
.main_foryou .fy_nav .btn_shape div{text-align: left;width: 100%;}
|
|
|
.main_foryou .fy_nav .btn_shape div span{color: #888888;font-size: 20px;}
|
|
|
@@ -669,8 +669,8 @@ transition: all 10ms ease;
|
|
|
.main_foryou .fy_nav .btn_shape.active span{color: #ffffff; position: relative;}
|
|
|
.main_foryou .fy_nav .btn_shape.active+a{
|
|
|
display: inline-block;width: 55px;font-size: 14px;text-align: right;position: absolute;top:50%;right: 45px;transform: translateY(-50%);color: #888888;z-index: 10;
|
|
|
-}
|
|
|
-.main_foryou .fy_nav .btn_shape.active+a::after{
|
|
|
+}
|
|
|
+.main_foryou .fy_nav .btn_shape.active+a::after{
|
|
|
content: '';width: 7px;height: 20px;display: inline-block;position: absolute;top: 50%;right: -10px;transform: translateY(-50%);
|
|
|
background: url('/images/pc/ico_more_lg.png');background-repeat: no-repeat;background-position: 0px 3px;
|
|
|
}
|
|
|
@@ -747,7 +747,7 @@ transition: all 10ms ease;
|
|
|
.brand_main .swiper-button-prev {top:50%; transform:translateY(-50%); width:auto; height:auto; margin:0; padding:0; color:transparent;}
|
|
|
.brand_main .swiper-button-next {right:70px;}
|
|
|
.brand_main .swiper-button-prev {left:70px;}
|
|
|
-.brand_main .swiper-button-next::after,
|
|
|
+.brand_main .swiper-button-next::after,
|
|
|
.brand_main .swiper-button-prev::after {display:inline-block; width:26px; height:50px; background-image:url(/images/pc/ico_arr_lg.png); background-repeat:no-repeat;}
|
|
|
.brand_main .swiper-button-next::after {background-position:100% 50%;}
|
|
|
.brand_main .swiper-button-prev::after {background-position:0% 50%;}
|
|
|
@@ -758,7 +758,7 @@ transition: all 10ms ease;
|
|
|
.brand_main .swiper-slide .item_prod .item_state a.itemLink {}
|
|
|
|
|
|
.brand_main .post-visual {height: 675px; margin-left:0; padding-right:200px;}
|
|
|
-.brand_main .post-visual .swiper-button-next,
|
|
|
+.brand_main .post-visual .swiper-button-next,
|
|
|
.brand_main .post-visual .swiper-button-prev {bottom: auto; top: 50%;}
|
|
|
.brand_main .post-visual .swiper-button-prev {left:70px !important;}
|
|
|
.brand_main .post-visual .swiper-button-next {right:70px !important;}
|
|
|
@@ -863,7 +863,7 @@ transition: all 10ms ease;
|
|
|
.brand_main .post-tv .swiper-slide-active .movbox:after {display:none;}
|
|
|
.brand_main .post-tv .swiper-button-next {right: 70px;}
|
|
|
.brand_main .post-tv .swiper-button-prev {left: 70px;}
|
|
|
-.brand_main .post-tv .swiper-button-next,
|
|
|
+.brand_main .post-tv .swiper-button-next,
|
|
|
.brand_main .post-tv .swiper-button-prev {top:50%; transform:translateY(-50%); width:auto; height:auto;}
|
|
|
.brand_main .main_tv .swiper-pagination {margin-top:40px;}
|
|
|
|
|
|
@@ -896,7 +896,7 @@ transition: all 10ms ease;
|
|
|
.brand_main .post-visual .swiper-slide:before {display: none;}
|
|
|
.brand_main .post-visual .swiper-slide-active {z-index: 8;}
|
|
|
.brand_main .post-visual .swiper-slide-active:before {display: block;}
|
|
|
- .brand_main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);}
|
|
|
+ .brand_main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);}
|
|
|
/* .brand_main .post-visual .swiper-slide img::before{
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
@@ -906,7 +906,7 @@ transition: all 10ms ease;
|
|
|
right: -65px;
|
|
|
border: 0px;
|
|
|
transform: rotate(135deg);
|
|
|
- /* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20);
|
|
|
+ /* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20);
|
|
|
box-shadow: inset 0 -30px 20px -20px rgba(0,0,0,0.20);
|
|
|
box-shadow: inset 0px -60px 30px -50px rgba(0,0,0,0.20);
|
|
|
background: #fff;
|
|
|
@@ -946,8 +946,8 @@ transition: all 10ms ease;
|
|
|
background: #fff;
|
|
|
background: linear-gradient(0deg, #fff 104px, transparent 0);
|
|
|
z-index: 1;
|
|
|
-
|
|
|
- /*
|
|
|
+
|
|
|
+ /*
|
|
|
border-right: 0px;
|
|
|
border-left: 0px;
|
|
|
border-top: 0px;
|
|
|
@@ -958,7 +958,7 @@ transition: all 10ms ease;
|
|
|
border-image: linear-gradient(-135deg, transparent 0%,rgb(0 0 0 / 23%) 100% );
|
|
|
border-image-slice: 160;
|
|
|
*/
|
|
|
- }
|
|
|
+ }
|
|
|
.main .post-visual .swiper-button-prev {margin-right: 600px;}
|
|
|
.main .post-visual .swiper-button-next {margin-left: 595px;}
|
|
|
}
|
bin2107