|
|
@@ -1,10 +1,6 @@
|
|
|
@charset "UTF-8";
|
|
|
-@import 'common_m.css';
|
|
|
-@import 'layout.css';
|
|
|
-@import 'millim.css';
|
|
|
-@import 'hyangah.css';
|
|
|
-@import 'hyanghoon.css';
|
|
|
-
|
|
|
+@import 'common_m.css?v=2021032201';
|
|
|
+@import 'layout_m.css?v=2021032201';
|
|
|
|
|
|
|
|
|
|
|
|
@@ -178,8 +174,632 @@
|
|
|
|
|
|
* {box-sizing: border-box;}
|
|
|
|
|
|
+
|
|
|
+/* Index */
|
|
|
+
|
|
|
+.swi-po_rel{position: relative;}
|
|
|
+.version02{position: static;}
|
|
|
+.ta_center{text-align:center;}
|
|
|
+.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.swiper-button-prev.sbtn02_lb{pointer-events:none;}
|
|
|
+.swiper-button-next.sbtn02_rb{pointer-events:none;}
|
|
|
+.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
|
|
|
+.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
|
|
|
+.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.swiper-pagination {bottom: 0px;width: 100%; left: 0;margin: 0;}
|
|
|
+.swiper-pagination-bullet{display: inline-block; margin: 0 5px; background:#dddddd !important; opacity:0.9 !important; width:10px !important; height:10px !important; vertical-align: middle;}
|
|
|
+.swiper-pagination-bullet-active{background-color:#fd4802 !important;}
|
|
|
+.swiper-pagination-progressbar {background: #dddddd !important;}
|
|
|
+.swiper-pagination-progressbar-fill {background: #222222 !important;}
|
|
|
+
|
|
|
+.slide-curb {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 0;
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+.swiper-pagination {
|
|
|
+/* .swiper-pagination:not(.swiper-pagination) { */
|
|
|
+ /* bottom: 0px; */
|
|
|
+ /* 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;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.main .swiper-pagination {margin: 0;}
|
|
|
+.main .wrap .content.wide:first-child{/*background:#222222;*/ padding: 0px !important;}
|
|
|
+.main .dpnone {display: none;}
|
|
|
+/* .main .wrap .content {max-width: 1780px;} */
|
|
|
+.main .wrap .content .cont_head, .brand_main .wrap .content .cont_head {font-size: 40px; line-height: 1; letter-spacing: -.025em;color: #222222;padding-bottom: 60px;}
|
|
|
+.container .wrap .content .cont_body.cont_sm{width: 100%;max-width: 1640px;margin: 0 auto;}
|
|
|
+.main .wrap .content section{width: 100%;max-width: 1640px;margin: 0 auto;}
|
|
|
+
|
|
|
+.main .post-visual .swiper-slide::before{display: none;}
|
|
|
+
|
|
|
+.main_visual::after {
|
|
|
+ content: '';display: block;width: 100%;height: 110px;height: 72px;
|
|
|
+ position: absolute;top: 0;left: 0;background: #222222;z-index: -1;
|
|
|
+}
|
|
|
+.main_visual .swiper-pagination {width: 6rem;border-radius: 1.2rem;display: inline-block;height: 2.3rem;line-height: 2.4rem;position: absolute;left: 2rem;bottom: 14rem;color: #fff;background-color: rgba(0, 0, 0, 0.3);}
|
|
|
+.brand_main .main_visual::after {
|
|
|
+ content: '';display: block;width: 100%; height: 485px;
|
|
|
+ position: absolute;top: 0;left: 0;background: #436564 ;z-index: -1;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* .post-visual.swiper-container {margin-left: -30px;} */
|
|
|
+.post-visual .swiper-pagination-bullets{bottom: 0px;}
|
|
|
+.post-visual .swiper-wrapper{width: 100%;height: 750px; height:auto; margin: 0px auto;padding-bottom: 65px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
|
|
|
+/* .post-visual .swiper-wrapper img {width: 100% !important;} */
|
|
|
+.main .post-visual .swiper-slide{
|
|
|
+ width:auto;
|
|
|
+ /* margin-right: 440px !important; */
|
|
|
+}
|
|
|
+
|
|
|
+.post-visual .slick-list{
|
|
|
+ padding-bottom: 40px !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 크롬일경우 */
|
|
|
+.post-visual .swiper-slide {
|
|
|
+ /* padding: 15px; */
|
|
|
+ /* padding-left: 30px; */
|
|
|
+ box-shadow: 0 0px 30px rgba(0,0,0,0.20), 0 0px 30px rgba(0,0,0,0.20);
|
|
|
+ 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;
|
|
|
+ -webkit-mask-repeat: no-repeat;
|
|
|
+
|
|
|
+}
|
|
|
+.post-visual .swiper-slide img{
|
|
|
+ /* margin: 0px auto; */
|
|
|
+ display: block;
|
|
|
+ z-index: 2;
|
|
|
+}
|
|
|
+.post-visual .swiper-slide::before{
|
|
|
+ box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.20);
|
|
|
+ content: '';
|
|
|
+ width: 150px;
|
|
|
+ height: 120px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 익스일경우 */
|
|
|
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
|
+
|
|
|
+ /* Enter your style code */
|
|
|
+ .main .post-visual {overflow: hidden;}
|
|
|
+ .main .post-visual .swiper-slide {
|
|
|
+ margin: 0;
|
|
|
+ box-shadow: none;
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .post-visual .vrt_txt {bottom: -79px !important;}
|
|
|
+ .post-visual.swiper-container {margin-left: 0px;}
|
|
|
+ .main .post-visual .swiper-slide {padding-bottom: 0px;}
|
|
|
+ .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::after{
|
|
|
+ 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 80px, transparent 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .post-visual .swiper-slide::before{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 224px;
|
|
|
+ height: 140px;
|
|
|
+ bottom: -20px;
|
|
|
+ right: -85px;
|
|
|
+ border: 0px;
|
|
|
+ transform: rotate(135deg);
|
|
|
+ /* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20); */
|
|
|
+ box-shadow: inset 0 -30px 20px -30px rgba(0,0,0,0.20);
|
|
|
+ box-shadow: inset 0px -60px 20px -50px rgba(0,0,0,0.20);
|
|
|
+ background: #fff;
|
|
|
+ background: linear-gradient(0deg, #fff 120px, transparent 0);
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.post-visual .swiper-slide img::after{
|
|
|
+ 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);
|
|
|
+}
|
|
|
+.post-visual .swiper-slide::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 15px;
|
|
|
+ left: 10px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: -1;
|
|
|
+}
|
|
|
+
|
|
|
+.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 10.0rem;left: 2.0rem;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: 1.5rem;color: #fff;font-weight: 200;line-height: 3.6rem;}
|
|
|
+.post-visual .txtWrap dd {padding-bottom: 5px;font-size: 2.9rem;color: #fff;line-height: 3.6rem;}
|
|
|
+.post-visual .txtWrap dd.txt_xs {font-size: 1.5rem;color: #fff;margin-top: 0.6rem;}
|
|
|
+
|
|
|
+.post-visual .swiper-button-next,.post-visual .swiper-button-prev{display: inline-block; height: 87px;position: absolute; top: 50%; margin-top: -44px; font-size: 0;z-index: 2; }
|
|
|
+.main .post-visual .swiper-button-next {margin-left: 605px; left: 50%; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.main .post-visual .swiper-button-prev {margin-right: 580px; right: 50%; left:auto; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+
|
|
|
+.main_stylereport {padding: 80px 0 120px 0;}
|
|
|
+.main_stylereport .cont_body a {text-align: center;color: #222222;}
|
|
|
+/* .main_stylereport .cont_body img {width: 430px;height: auto;} */
|
|
|
+.main_stylereport .cont_body img {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+.main_stylereport .cont_body dl {}
|
|
|
+.main_stylereport .cont_body dt {font-size: 24px;font-weight:300;padding: 28px 0 24px 0;}
|
|
|
+.main_stylereport .cont_body dd {font-size: 16px;font-weight:200;line-height: 26px;}
|
|
|
+
|
|
|
+
|
|
|
+.main_trendy {}
|
|
|
+.main_trendy .cont_head {padding: 120px 0 60px 0;}
|
|
|
+.main_trendy .cont_body {padding: 0 140px;}
|
|
|
+.main_trendy .cont_body dl {}
|
|
|
+.main_trendy .cont_body dt {font-size: 26px;font-weight:400;padding: 28px 0 24px 0;}
|
|
|
+.main_trendy .cont_body dd {font-size: 16px;font-weight:200;padding:10px 0 0;}
|
|
|
+.main_trendy .item_state {padding-bottom: 0;}
|
|
|
+.main_trendy .swiper-button-next, .main_trendy .swiper-button-prev {display: inline-block; height: 87px; position: absolute; top: 400px; font-size: 0;z-index: 2;}
|
|
|
+.main_trendy .swiper-button-next {right: 70px;}
|
|
|
+.main_trendy .swiper-button-prev {left: 70px;}
|
|
|
+.main_trendy .swiper-button-next::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
|
|
|
+}
|
|
|
+.main_trendy .swiper-button-prev::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
|
|
|
+}
|
|
|
+.main_trendy .post-trendy {position: relative;top: 2rem;display: block;padding: 0px 0vw 4.8vw;}
|
|
|
+.main_trendy .post-trendy .swiper-slide {overflow: hidden;margin: 0px 0vw;}
|
|
|
+.main_trendy .item_prod {width: 49%;margin-bottom: 36px;margin-right: 0rem;position: relative;padding: 0px 0.7vw;box-sizing: border-box;vertical-align: top;display: inline-block;}
|
|
|
+
|
|
|
+
|
|
|
+.main_it {
|
|
|
+ /* width: 100%; */
|
|
|
+ /* height: 620px; */
|
|
|
+ height: 720px; padding-top: 120px !important; margin-bottom: 15px;
|
|
|
+ position: relative; display: -webkit-box;display: -ms-flexbox;display: flex;
|
|
|
+}
|
|
|
+.main_it::after {content: '';display: block;clear: both;}
|
|
|
+.main_it .displayH {line-height: 52px;}
|
|
|
+.main_it .cont_head{width: 520px !important;height: auto; line-height: 1.2; float: left; margin-left: 140px; /*padding: 0 135px;*/position: relative;}
|
|
|
+.main_it .cont_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
|
|
|
+.main_it .cont_head span{font-size: 18px;font-weight: 300;color: #888888;}
|
|
|
+.main_it .cont_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
|
|
|
+.main_it .cont_body{width: calc(100% - 644px); float: left; margin:0 140px 0 0;}
|
|
|
+.main_it .cont_body .item_state {padding:0 0 60px;}
|
|
|
+.main_it .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
|
|
|
+
|
|
|
+.main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
|
|
|
+.main_it .swiper-scrollbar-drag {background:#222 !important;}
|
|
|
+
|
|
|
+.it_nav li .btn {font-size: 20px;}
|
|
|
+.it_nav li .btn.btn_link {color: #888888;font-weight: 200;padding-left: 5px;transition: all 100ms ease;}
|
|
|
+.it_nav li .btn.btn_link span::after {content: '';display: none;}
|
|
|
+.it_nav li .btn.btn_link:hover{text-decoration: none;}
|
|
|
+.it_nav li .btn.btn_link.active {color: #222222; font-weight: 500;}
|
|
|
+.it_nav li .btn.btn_link.active span {border-bottom: 2px solid #222222;}
|
|
|
+.main_it .it_item {display: none;}
|
|
|
+.main_it .it_item::after {content: '';display: block;clear: both;}
|
|
|
+.it_item.active {display: block;}
|
|
|
+.post-it .swiper-slide {position: relative; width: auto !important;}
|
|
|
+.post-it .swiper-slide li{position: relative; margin: 15px 0; background-color: rgb(255 255 255);}
|
|
|
+.post-it .item_prod {width: 300px;}
|
|
|
+.post-it .slick-dots {bottom: 15px;}
|
|
|
+.post-it .slick-dots li {width: auto;height: auto;margin: 0;}
|
|
|
+.post-it .slick-dots li button{width: 410px;height: 2px;padding: 0;border-radius: 0;background: #dddddd;}
|
|
|
+.post-it .slick-dots li.slick-active button {background: #222222;}
|
|
|
+
|
|
|
+
|
|
|
+.main_2stage {padding: 0;}
|
|
|
+.main_2stage .post-bnnEvent{padding: 0 0px 3.5rem 0;}
|
|
|
+.main_2stage a{border: 0px;}
|
|
|
+.main_2stage img{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ /* object-fit: none; */
|
|
|
+}
|
|
|
+
|
|
|
+.main_deal {
|
|
|
+ width: 100%;height: 740px; margin-bottom: 15px;
|
|
|
+ position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
|
|
|
+}
|
|
|
+.main_deal::after {content: '';display: block;clear: both;}
|
|
|
+.main_deal .cont_head{background: #444444; width: 520px !important;height: auto; line-height: 1.2; float: left; padding: 100px 0px 0 135px;position: relative;}
|
|
|
+.main_deal .cont_head p {color: #ffffff; }
|
|
|
+.main_deal .displayH {line-height: 1.3;}
|
|
|
+
|
|
|
+.main_deal .deal_progress {width: 266px; position: relative; margin:95px 0 40px;}
|
|
|
+.main_deal .deal_progress .bar_bg {width: 100%; height: 4px; background: #fd4802;}
|
|
|
+.main_deal .deal_progress .bar_current {background: #333; position: absolute; top: 0; left: 0; height: 4px; z-index: 2; max-width:100%;}
|
|
|
+.main_deal .deal_progress .bar_current span {position: absolute; right: -31px; top: -45px; background: #fd4802; padding:8px 10px; font-size: 14px; color: #fff; font-weight: 300; letter-spacing:0.1em;}
|
|
|
+.main_deal .deal_progress .bar_current span:after {content:''; position: absolute; left: 50%; bottom: -10px; border:5px solid transparent; transform:translateX(-50%); border-top:5px solid #fd4802;}
|
|
|
+
|
|
|
+.main_deal .count {}
|
|
|
+.main_deal .count .hotdeal:after {content:''; display: block; clear:both;}
|
|
|
+.main_deal .count .count_tit {display: inline-block;}
|
|
|
+.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;
|
|
|
+ margin-right: 33px;
|
|
|
+ float:left;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.main_deal .count .count_time span:first-child::before,
|
|
|
+.main_deal .count .count_time span:first-child::after{content: '';display: none;}
|
|
|
+.main_deal .count .count_time span::before,
|
|
|
+.main_deal .count .count_time span::after{
|
|
|
+ content: '';
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 100%;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+.main_deal .count .count_time span::before{top: -57px;left: -20px;}
|
|
|
+.main_deal .count .count_time span::after{top: -44px;left: -20px;}
|
|
|
+.main_deal .count #countdown{
|
|
|
+ text-align: center;
|
|
|
+ margin: auto;
|
|
|
+ position: static;
|
|
|
+ width: auto;
|
|
|
+ top: auto;
|
|
|
+ left: auto;
|
|
|
+ transform:none;
|
|
|
+}
|
|
|
+.main_deal .count #countdown::after, .main_deal #countdown #tiles::after {content: '';display: block;clear: both;}
|
|
|
+.main_deal #countdown #tiles{position: relative; z-index: 1;}
|
|
|
+.main_deal #countdown #tiles span{
|
|
|
+ background: url(/images/pc/ico_count_bg.png) no-repeat center;
|
|
|
+ width: 66px;
|
|
|
+ font-size: 38px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 0.1em;
|
|
|
+ text-indent:5px;
|
|
|
+ color: #ffffff;
|
|
|
+ /* background-color: #fff; */
|
|
|
+ padding: 0;
|
|
|
+ height: 88px;
|
|
|
+ line-height: 88px;
|
|
|
+ display: inline-block;
|
|
|
+ float:left;
|
|
|
+ position: relative;
|
|
|
+ margin-right: 33px;
|
|
|
+}
|
|
|
+#countdown span:nth-child(2) {margin: 0;}
|
|
|
+
|
|
|
+
|
|
|
+.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_body{width: calc(100% - 517px); float: left;background: #f5f5f5;padding-top: 80px;}
|
|
|
+.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;}
|
|
|
+.post-deal .slick-dots {bottom: 50px;}
|
|
|
+.post-deal .slick-dots li {width: auto;height: auto;margin: 0;}
|
|
|
+.post-deal .slick-dots li button{width: 130px;height: 2px;padding: 0;border-radius: 0;background: #dddddd;}
|
|
|
+.post-deal .slick-dots li.slick-active button {background: #222222;}
|
|
|
+
|
|
|
+.main_deal .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
|
|
|
+.main_deal .swiper-scrollbar-drag {background:#222 !important;}
|
|
|
+
|
|
|
+.main_pick {padding: 120px 0 50px; margin:0 70px !important;}
|
|
|
+.main_pick .cont_body {padding: 0;position: relative;}
|
|
|
+.main_pick .cont_body .post-pick-nav {width:1250px; height: 52px; background: #ffffff;margin: 0 auto; cursor: pointer; padding:0 20px;}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-button-next, .post-pick-nav .swiper-button-prev {display: inline-block; top: 50%; margin-top: -12.5px; width: 15px;height: 25px;position: absolute;font-size: 0;z-index: 2;}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-button-prev {left: 0;}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-button-next {right: 0;}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-button-next::after {
|
|
|
+ content: '';display: inline-block;width: 15px;height: 25px;
|
|
|
+ background: url(/images/pc/ico_arr_sm.png) 100% 50% no-repeat;
|
|
|
+ background-size:cover;
|
|
|
+}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-button-prev::after {
|
|
|
+ content: '';display: inline-block;width: 15px;height: 25px;
|
|
|
+ background: url(/images/pc/ico_arr_sm.png) 0% 50% no-repeat;
|
|
|
+ background-size:cover;
|
|
|
+}
|
|
|
+
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-slide{
|
|
|
+ height: auto;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ /* border-bottom: 2px solid transparent; */
|
|
|
+}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-slide img {opacity: 0.4;}
|
|
|
+.main_pick .cont_body .post-pick-nav .swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
|
|
|
+.main_pick .cont_body .post-pick-for{margin-top: 60px; border: 1px solid #dddddd; box-sizing: border-box;}
|
|
|
+.main_pick .cont_body .post-pick-for::after{content: '';display: block; clear: both;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_look{width: 671px; width: 38.6%; height: 670px; height:auto; background: #888888; float: left;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_look .swiper-slide{width: 100% !important;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_look .swiper-pagination {bottom: 40px;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_look img{width: 100%; height: auto;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_item {float:left; width: 61.4%; padding:4% 80px; font-size: 0;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_item .item_prod {width: 32.25%; margin-right: 10px;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_item .item_prod:last-child {margin-right: 0;}
|
|
|
+.main_pick .cont_body .post-pick-for .pick_item .item_prod .item_state {padding: 0;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.main_1stage {}
|
|
|
+.main_1stage .bnnbox{position: relative;}
|
|
|
+.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 10vw; transform: translateY(-50%);z-index: 1;}
|
|
|
+.main_1stage .txtWrap p{font-size: 1.4rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1;color: #222222;padding-bottom:1.0rem;}
|
|
|
+.main_1stage .txtWrap p:last-child {padding-bottom:0px;}
|
|
|
+.main_1stage img{margin: 0 auto;width: 100%;}
|
|
|
+
|
|
|
+.post-bnnWide {position: relative;top:0rem;display: block;margin: 0px 0vw 5rem;}
|
|
|
+.post-bnnWide .swiper-wrapper {width: 100%;height: 100%;height: auto;margin: 0px auto;padding: 0 0 2.5rem;}
|
|
|
+.post-bnnWide .swiper-pagination {bottom: 0rem;}
|
|
|
+/*
|
|
|
+.post-bnnWide .swiper-button-next,.post-bnnWide .swiper-button-prev{display: inline-block;width: 61px;height: 87px; position: absolute;top: 50%; transform:translate(0%, -50%);font-size: 0;z-index: 2; text-align: center;}
|
|
|
+.post-bnnWide .swiper-button-next {right: 55px;}
|
|
|
+.post-bnnWide .swiper-button-prev {left: 55px;}
|
|
|
+.post-bnnWide .swiper-button-next::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
|
|
|
+}
|
|
|
+.post-bnnWide .swiper-button-prev::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
|
|
|
+} */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /* 각버튼 테스트 */
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ /* 각버튼 테스트 종료 */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.tag_list {display:block;margin:0px auto;width:100%;text-align:center;}
|
|
|
+.tag_list button {transition: all 1ms ease;}
|
|
|
+.tag_list button.active {
|
|
|
+ /* 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);
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.main_recomm {padding: 120px 0;}
|
|
|
+.main_recomm {/*width: 1640px;height: 650px;*/margin: 0px auto;}
|
|
|
+.main_recomm .swiper-slide {position: relative;margin: 0px 0px;display: inline-flex !important;}
|
|
|
+.main_recomm .item_state {padding: 0px 20px 60px 0;}
|
|
|
+.main_recomm .swiper-button-next,.main_recomm .swiper-button-prev{display: inline-block;width: 61px;height: 87px;position: absolute;bottom:200px; font-size: 0;z-index: 2;}
|
|
|
+.main_recomm .swiper-button-next {right: 70px; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
|
|
|
+.main_recomm .swiper-button-prev {left: 70px; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
|
|
|
+.main_recomm .swiper-button-next::after {
|
|
|
+ content: '';
|
|
|
+}
|
|
|
+.main_recomm .swiper-button-prev::after {
|
|
|
+ content: '';
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 각버튼 테스트2 */
|
|
|
+.btn_shape.active{
|
|
|
+ border-left: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;
|
|
|
+ border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;
|
|
|
+ background-color: #ffffff;
|
|
|
+ position: relative;top: 0;left: 0;z-index: 9;
|
|
|
+}
|
|
|
+.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;
|
|
|
+}
|
|
|
+/* 각버튼 테스트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;
|
|
|
+}
|
|
|
+.main_foryou::after {content: '';display: block;clear: both;}
|
|
|
+.main_foryou .cont_head{width: 500px !important;height: auto;float: left; padding: 0 0 0 135px;margin-right: 80px;position: relative;}
|
|
|
+/* .main_foryou .cont_head{width: 33.33333333% !important;height: auto;float: left; padding: 0 135px;position: relative;} */
|
|
|
+.main_foryou .cont_head span{font-size: 16px;color: #888888;}
|
|
|
+.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 .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;}
|
|
|
+.main_foryou .fy_nav .btn_shape div .number{padding-right: 20px; font-size: 20px; font-family: 'LATO'; font-weight: 600;color: #222222;}
|
|
|
+.main_foryou .fy_nav .btn_shape+a{display: none;}
|
|
|
+.main_foryou .fy_nav .btn_shape.active{ background: #222222;border-color: rgb(245 245 245);position: relative;}
|
|
|
+.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{
|
|
|
+ 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;
|
|
|
+}
|
|
|
+.main_foryou .fy_item {
|
|
|
+ width: 100%;/*width: 1157px;height: 700px;background: #333333;*/
|
|
|
+ margin-left: 0px !important;margin-right: 0px !important;margin-bottom: 0px;
|
|
|
+ position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.main_foryou .fy_item::after {content: '';display: block;clear: both;}
|
|
|
+/* .fy_item .part { width: 231px;} */
|
|
|
+.fy_item .part, .fy_item .partBig {float: left; position: relative; min-height: 1px;}
|
|
|
+.fy_item .part .item_prod, .fy_item .part .item_state{ width:100%; margin: 0;padding: 0;}
|
|
|
+.fy_item .part .itemPic{ width:100%; margin: 0;/*padding-top: 350px;*/}
|
|
|
+.fy_item .part {width: 18.2%;}
|
|
|
+.fy_item .part.lg { width: 36.5%; /*height:700px;*/}
|
|
|
+/* .fy_item .part.lg {width: 464px; height:700px;} */
|
|
|
+.fy_item .part.lg .itemPic{ width:100%; margin: 0;/*padding-top: 700px;*/}
|
|
|
+.fy_item .part .itemLink .itemInfo {display: none;}
|
|
|
+.fy_item .part .itemLink:hover .itemInfo {display: block; width: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center;}
|
|
|
+.fy_item .part .itemLink:hover .itemBrand,
|
|
|
+.fy_item .part .itemLink:hover .itemName,
|
|
|
+.fy_item .part .itemLink:hover .itemPrice {color: #ffffff;}
|
|
|
+.fy_item .part .itemLink:hover::after{content: '';display: inline-block;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);position: absolute;top: 0;left: 0;}
|
|
|
+.fy_item.active {display: block;}
|
|
|
+
|
|
|
+.post-sug .swiper-slide li{position: relative;margin: 15px 0;background-color: rgb(255 255 255);}
|
|
|
+.post-sug .swiper-pagination {bottom: -50px;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.main_tv {padding:3rem 2.0rem 6.83rem 2.0rem;}
|
|
|
+.main_tv .cont_head p{ color: #ffffff;}
|
|
|
+/* .main_tv::after {content: '';display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;} */
|
|
|
+.main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
|
|
|
+
|
|
|
+.post-tv {width: 100%;height: 18rem; height:auto; margin: 0px auto; padding:0 0rem 3.3rem 0rem;}
|
|
|
+.post-tv .swiper-slide-active {width: 100%;height: auto;}
|
|
|
+/* .post-tv .swiper-slide-active .movbox{margin-top: 0px;height: 100%;opacity: 1;} */
|
|
|
+.post-tv .swiper-slide-active:not(.swiper-slide-active) .movbox:after {
|
|
|
+ content: '';display: block;position: absolute;top: 0;left: 0;
|
|
|
+ z-index: 1;width: 100%;height: 100%;background:rgb(34 34 34 / 0.5);
|
|
|
+}
|
|
|
+.post-tv img{width: 100% !important;}
|
|
|
+.post-tv .swiper-slide {position: relative;height: auto;height: 15.0rem;width: 100%; margin: 0 0;}
|
|
|
+/* .post-tv .movbox {position: relative;height: 82%;margin-top: 56px;opacity: 1;transition: all 200ms ease;overflow: hidden;} */
|
|
|
+.post-tv .movbox img {width: 100%;height: auto;}
|
|
|
+
|
|
|
+.post-tv .slick-dots{bottom: 0;}
|
|
|
+.main_tv .swiper-pagination {bottom: 0;}
|
|
|
+main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;position: relative;}
|
|
|
+main.container .inner:last-child {margin-bottom: 6.0rem;padding-bottom: 0;}
|
|
|
+
|
|
|
+/*
|
|
|
+.post-tv .swiper-button-next,.post-tv .swiper-button-prev{display: inline-block;width: 300px;height: 700px;position: absolute;top: 0%; transform: translate(-50%);font-size: 0;z-index: 2;}
|
|
|
+.post-tv .swiper-button-next {right: -150px;}
|
|
|
+.post-tv .swiper-button-prev {left: 150px;}
|
|
|
+.post-tv .swiper-button-next::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;filter: invert(100%);
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
|
|
|
+ position: relative;top: 40%;right: -50%;
|
|
|
+}
|
|
|
+.post-tv .swiper-button-prev::after {
|
|
|
+ content: '';display: inline-block;width: 29px;height: 87px;filter: invert(100%);
|
|
|
+ background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
|
|
|
+ position: relative;top: 40%;right: -50%;
|
|
|
+} */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
/* ev_공통 */
|
|
|
.ev .inner {background: #fff; padding-bottom: 0;}
|
|
|
+.ev .inner.bg_gray {background: #f5f5f5;}
|
|
|
.inner.wide {padding: 0 0rem 0 0rem;position: relative;}
|
|
|
.ev .renew_check_tit {padding:1.5rem 0;}
|
|
|
.ev .renew_check_tit h3 {font-size: 1.4rem; margin-bottom: 1.5rem; font-weight: 500;}
|
|
|
@@ -494,3 +1114,557 @@
|
|
|
.ev_rank .member_level_area .level_content.one_row .birth {float:right; }
|
|
|
.ev_rank .member_level_area .level_content.one_row .birth_info {width: 100%;}
|
|
|
|
|
|
+
|
|
|
+/* mypage_공통 */
|
|
|
+.my {background: #f5f5f5;}
|
|
|
+.my .mypage {background: #f5f5f5;}
|
|
|
+.my .inner {padding-bottom: 0; background: #fff;}
|
|
|
+.my .inner.bg_gray {background: #f5f5f5;}
|
|
|
+.my .tbl_wrap {padding: 3rem 0;}
|
|
|
+.my table input[type="text"], table input[type="password"] {padding: 0 1.4rem; font-size: 1.3rem;}
|
|
|
+.my .btn_group {width: 100%;}
|
|
|
+.my .btn_popup {display:inline-block; position:absolute; left:auto; right: 0; top:-0.75rem; padding:0px 1rem; height:3rem; color:#222; font-size:1.1rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
|
|
|
+.my .btn_group .btn {width: 100%;}
|
|
|
+/* main.my .inner:last-child {padding-bottom: 0; margin-bottom: 0;} */
|
|
|
+.my .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
|
|
|
+.my .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
|
|
|
+
|
|
|
+.my .required_group {margin-bottom: 1.8rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 1px solid #ffe4d9; text-align: center;}
|
|
|
+.my .required_group:after,
|
|
|
+.my .required_group:before {content: "";position: absolute;top: 100%;left: 50%;height: 0;width: 0;border: solid transparent;pointer-events: none; z-index: 8;}
|
|
|
+.my .required_group:after {margin-left: -0.7rem; margin-top: 0rem; border-width: 0.7rem;border-color: rgba(255, 246, 242, 0);border-top-color: #fff6f2;}
|
|
|
+.my .required_group:before {margin-left: -0.9rem;border-width: 9px;border-color: rgba(255, 228, 217, 0);border-top-color: #ffe4d9;}
|
|
|
+
|
|
|
+
|
|
|
+.goods_btn_wrap {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row;}
|
|
|
+.goods_btn_wrap > div {flex-basis:auto; flex-grow:1; margin:0px 0.4rem;}
|
|
|
+.goods_btn_wrap > div:first-child {margin-left:0}
|
|
|
+.goods_btn_wrap > div:last-child {margin-right:0}
|
|
|
+.goods_btn_wrap > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.2rem; padding:1rem 1.3rem; font-weight: 500;}
|
|
|
+.goods_btn_wrap > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
|
|
|
+
|
|
|
+/* my_index */
|
|
|
+.my .lnb_list {margin-top: 1.2rem; padding-bottom: 6rem;}
|
|
|
+.my .lnb_list li { border-bottom: 1px solid #ddd;}
|
|
|
+.my .lnb_list li a {display: block; padding: 2rem; background: url(/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 {dib 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(/images/mo/ico_btn_detail03.png) no-repeat right top 5px; background-size:0.7rem 1.3rem;}
|
|
|
+.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}
|
|
|
+.my .mem_rank button.cou_btn {background: transparent; padding: 0.6rem 1rem; height:auto; position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size: 1.1rem; font-weight: 300; border:1px solid #a7a7a7; border-radius:2rem}
|
|
|
+
|
|
|
+.my .mem_rank .rank_icon {width: 4.5rem; height: 4.5rem; line-height: 4.7rem; position: absolute; left: 0; top: 50%; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900; transform:translateY(-50%);}
|
|
|
+.my .mem_rank .rank_icon.vip {background: #fd4802;}
|
|
|
+.my .mem_rank .rank_icon.gold {background: #cc9d4d;}
|
|
|
+.my .mem_rank .rank_icon.silver {background: #888;}
|
|
|
+.my .mem_rank .rank_icon.bronze {background: #bf966d;}
|
|
|
+.my .mem_rank .rank_icon.welcome {background: #222;}
|
|
|
+
|
|
|
+.my .mem_info .mem_box {padding:1.7rem 0 3.2rem;}
|
|
|
+.my .mem_info .mem_box:after {content:''; display: block; clear:both;}
|
|
|
+.my .mem_info .mem_box > div {float:left; position: relative; text-align: center; width: 33.3333%;}
|
|
|
+.my .mem_info .mem_box > .mem_coupon .coupon_txt02 {font-size: 16px; font-weight: 500;}
|
|
|
+.my .mem_info .mem_box > .mem_coupon .coupon_txt02 span {font-size: 18px;}
|
|
|
+.my .mem_info .mem_box > div:last-child {margin-right: 0;}
|
|
|
+.my .mem_info .mem_box > div a, .my .mem_info .mem_box > div .coupon_txt01 {font-size: 16px; color: #000; font-weight: 500;}
|
|
|
+.my .mem_info .mem_box > div .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 0.9rem;}
|
|
|
+.my .mem_info .mem_box > div em {display: inline-block; font-size: 1.4rem; font-weight: 500;}
|
|
|
+
|
|
|
+.my .order_info {text-align: center; margin-bottom: 1.2rem;}
|
|
|
+.my .order_info > ul {position: relative; display: inline-block; width: 100%; margin:3rem 0;}
|
|
|
+.my .order_info > ul > li {float:left; width: 33.3333%; text-align: center; position: relative; border-right:1px solid #ddd;}
|
|
|
+.my .order_info > ul > li:last-child {border-right:0;}
|
|
|
+/* .my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -3.9rem; width: 1px; height: 31px; transform:translateY(-50%); background: #ddd;}
|
|
|
+.my .order_info > ul > li:last-child {margin-right: 0;}
|
|
|
+.my .order_info > ul > li:last-child:after {display: none;} */
|
|
|
+.my .order_info .or_p {font-size: 1.3rem; color: #666; font-weight: 300;}
|
|
|
+.my .order_info .count span {display: inline-block; font-size: 1.8rem; font-weight: 500;}
|
|
|
+
|
|
|
+.my .goods_top {position: relative; padding-bottom: 1.5rem; border-bottom: 1px solid #000; font-size: 0; margin-bottom: 2.5rem;}
|
|
|
+.my .goods_top h3 {margin-bottom: 0;}
|
|
|
+.my .goods_top span {display: inline-block; margin-left: 0.8rem;}
|
|
|
+.my .goods_top .start_t, .my .goods_top .gift_t, .my .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
|
|
|
+.my .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
|
|
|
+.my .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
|
|
|
+.my .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
|
|
|
+.my .badge_wrap {display: inline-block;}
|
|
|
+.my .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
|
|
|
+.my .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
|
|
|
+
|
|
|
+.my .part_goods {position:relative;}
|
|
|
+.my .part_goods:first-child {margin-top: -1.2rem; padding-top:3rem}
|
|
|
+.my .part_goods h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
|
|
|
+.my .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px solid #ddd;}
|
|
|
+.my .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
|
|
|
+.my .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
|
|
|
+.my .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
|
|
|
+
|
|
|
+.my .part_goods .goods_status {margin-bottom:1.2rem;}
|
|
|
+.my .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
|
|
|
+.my .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
+
|
|
|
+.my .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
|
|
|
+.my .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
|
|
|
+.my .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
|
|
|
+.my .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
|
|
|
+.my .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
|
|
|
+.my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
+
|
|
|
+.part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
|
|
|
+.part_goods .goods_detail .thumb_box {width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
|
|
|
+.part_goods .goods_detail .thumb_box a {display:block; background:#f5f5f5;}
|
|
|
+
|
|
|
+.part_goods .goods_detail .info_box {min-height:13.5rem;}
|
|
|
+.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.5rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
|
|
|
+.part_goods .goods_detail .info_box .od_name .brand {color:#888; font-size: 1.1rem; font-weight:300;}
|
|
|
+.part_goods .goods_detail .info_box .od_name .brand span {display: inline-block; margin-bottom: 0.5rem; margin-right: 0.2rem;}
|
|
|
+.part_goods .goods_detail .info_box .od_name .reserv_date {position:relative; padding-left:10px; margin-left:10px; color:#fd4802; font-size:14px; font-weight:200;}
|
|
|
+.part_goods .goods_detail .info_box .od_name .reserv_date::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; border-left:1px solid #ddd;}
|
|
|
+
|
|
|
+.part_goods .goods_detail .od_opt, .part_goods .goods_detail .od_exchange_opt {color:#666; font-size:1.1rem; margin-bottom: 0.8rem;}
|
|
|
+.part_goods .goods_detail .od_opt .option, .part_goods .goods_detail .od_exchange_opt .option {display:block;}
|
|
|
+.part_goods .goods_detail .od_opt .option span, .part_goods .goods_detail .od_exchange_opt span {color: #fd4802;}
|
|
|
+.part_goods .goods_detail .od_opt .count, .part_goods .goods_detail .od_exchange_opt .count {display:block; margin-top:12px;}
|
|
|
+.part_goods .goods_detail .od_opt em, .part_goods .goods_detail .od_exchange_opt em {position:relative; font-size: 1.1rem; color: #888; font-weight: 300;}
|
|
|
+.part_goods .goods_detail .od_opt em:after, .part_goods .goods_detail .od_exchange_opt em:after {content:'/'; margin:0 0.3rem;}
|
|
|
+.part_goods .goods_detail .od_opt em:last-child:after, .part_goods .goods_detail .od_exchange_opt em:last-child:after {content:'';}
|
|
|
+
|
|
|
+.part_goods .goods_detail .od_exchange_opt > span {margin-right: 0.8rem; float:left;}
|
|
|
+.part_goods .goods_select {margin-top: 1.8rem;}
|
|
|
+
|
|
|
+.part_goods .od_calc .point {margin-bottom: 0.7rem; font-size: 1.1rem; color: #888; background: url(/images/mo/ico_point.png) no-repeat left top 1px; background-size:1.2rem; padding-left: 1.6rem;}
|
|
|
+.part_goods .od_calc .sale_price {font-size: 1.1rem; color: #888; font-weight: 300;}
|
|
|
+.part_goods .od_calc .price {font-size: 0;}
|
|
|
+.part_goods .od_calc .price .selling_price {display:inline-block; color:#222; font-size:1.3rem; font-weight:600;}
|
|
|
+.part_goods .od_calc .price .selling_price em {font-size:1.6rem;}
|
|
|
+.part_goods .od_calc .price .selling_price.msale {color:#fd4802;}
|
|
|
+.part_goods .od_calc .price del {display:block; margin-top:8px; margin-bottom:5px; color:#888; font-size:12px; font-weight:300; line-height:1;}
|
|
|
+.part_goods .od_calc .price .count {font-size: 1.1rem; color: #888; padding-left: 1rem; margin-left: 1rem; border-left: 1px solid #ddd;}
|
|
|
+
|
|
|
+.my .part_goods .goods_gift {border-top: 1px solid #ddd; }
|
|
|
+.my .part_goods .goods_gift .gift_wrap {padding:1.5rem; margin-top: 1.8rem; background: #fff6f2; border:1px solid #ffe4d9;}
|
|
|
+.my .part_goods .goods_gift .title {font-size: 1.3rem; font-weight: 500; color: #fd4802; padding-left: 1.7rem; background: url(/images/mo/ico_gift.png) no-repeat left top 1px; background-size:1.1rem 1.2rem; margin-bottom: 1rem;}
|
|
|
+.my .part_goods .goods_gift .li_gift {}
|
|
|
+.my .part_goods .goods_gift .li_gift li {padding-left: 15px; background: url(/images/mo/ico_bracket.png) no-repeat left top; background-size:0.7rem; font-size: 1.1rem; margin-bottom: 0.8rem; line-height: 1;}
|
|
|
+.my .part_goods .goods_gift .li_gift li:last-child {margin-bottom: 0;}
|
|
|
+.my .part_goods .goods_gift .li_gift li .gift_name {display: inline-block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align: middle; width: 80%;}
|
|
|
+.my .part_goods .goods_gift .li_gift .deduct_p {display: inline-block; color: #fd4802; width: 15%;}
|
|
|
+.my .part_goods .order_confirm {background: #f5f5f5; text-align: center; padding:1.5rem 0;}
|
|
|
+
|
|
|
+
|
|
|
+/* my_review_1 */
|
|
|
+.my .review {}
|
|
|
+.my .review .inner.wide {background: #f5f5f5;}
|
|
|
+/* .my .review .inner .tabWrap .inner{margin-bottom:1.3rem;} */
|
|
|
+.my .review .tabIndex{margin-bottom: 0.85em;}
|
|
|
+.my .review .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
|
|
|
+.my .review .tabIndex li.active a .count{color: #888888;}
|
|
|
+.my .review .tip1 .tip_contents{width: 34rem;transform: translate(-77%, 1.0rem);}
|
|
|
+.my .review .tip2 .tip_contents{width: 31.5rem;transform: translate(-62%, 1.0rem);}
|
|
|
+.my .review .tip1 .tip_contents:before,
|
|
|
+.my .review .tip1 .tip_contents:after{left: 79.5%;}
|
|
|
+.my .review .tip2 .tip_contents:before,
|
|
|
+.my .review .tip2 .tip_contents:after{left: 64.5%;}
|
|
|
+.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;}
|
|
|
+.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 3px;height: 3px;}
|
|
|
+.my .review .part_goods .goods_section:last-of-type {margin-bottom: 2.4rem;border-bottom: 1px solid #ddd;}
|
|
|
+.my .review .part_goods .goods_detail .info_box .od_name .name{-webkit-line-clamp: 1;}
|
|
|
+
|
|
|
+/* my_review_2 */
|
|
|
+.my .review > ul > li .reviewMy {}
|
|
|
+.my .review .once {background: #ffffff;padding: 0;margin-top: -1.5rem;text-align: center;}
|
|
|
+.my .review .alert {position: relative;display: inline-block;height: 7.4rem;width: 100%;max-width: calc(100% - 4.0rem);margin: 2.33rem 0 1.5rem;padding: 1.5rem;text-align: center;font-size: 1.2rem;color: #fd4802;border-color: #ffe4d9;background-color: #fff6f2;border-radius: 0;}
|
|
|
+.my .review .formOnly {position: relative;display: inline-block;color: #666666;text-align: center;}
|
|
|
+.my .review .formOnly::after {content: '';display: inline-block;width: 1rem;height: 1.5rem;position: absolute;top: 5px;right: -1.5rem;background: url(/images/mo/ico_btn_detail02.png);background-size: 0.6rem 1.0rem;background-repeat: no-repeat;}
|
|
|
+.my .review button.alertCls {font-size: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
|
|
|
+
|
|
|
+.my .review .reviewMy .info_box {}
|
|
|
+.my .review .reviewMy .info_box::after {content: ''; clear: both; display: block;}
|
|
|
+.my .review .reviewMy .info_box .star_score {float:left}
|
|
|
+.my .review .reviewMy .info_box .star_score .star {display:inline-block; position:relative; width:10.1rem; height:1.6rem; background:#ddd;}
|
|
|
+.my .review .reviewMy .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.my .review .reviewMy .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
|
|
|
+.my .review .reviewMy .info_box .writer {float:right;}
|
|
|
+.my .review .reviewMy .info_box .writer span {position:relative; margin-left:2.0rem; padding-left:2.0rem; color:#888; font-size:1.4rem; line-height: 1.8rem;}
|
|
|
+.my .review .reviewMy .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
|
|
|
+.my .review .reviewMy .info_box .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
+.my .review .reviewMy .info_box .writer span:first-child::after {display:none;}
|
|
|
+.my .review .reviewMy .response_box {margin-top:2.5rem}
|
|
|
+.my .review .reviewMy .response_box > div {margin-top:1.5rem;}
|
|
|
+.my .review .reviewMy .response_box > div:first-child {margin-top:0}
|
|
|
+/* .my .review .reviewMy .response_box > div dl div {margin-right:3.0rem} */
|
|
|
+.my .review .reviewMy .response_box > div dl div dt {color:#888;display: inline-block;width: 6.5rem;}
|
|
|
+.my .review .reviewMy .response_box > div dl div dd {display: inline-block;width: calc(100% - 8.05rem);margin-left:1.2rem; color:#fd4802}
|
|
|
+.my .review .reviewMy .response_box2 {margin-top:2.5rem}
|
|
|
+.my .review .reviewMy .response_box2 > div {margin-top:1.5rem;}
|
|
|
+.my .review .reviewMy .response_box2 > div:first-child {margin-top:0}
|
|
|
+/* .my .review .reviewMy .response_box2 > div dl div {margin-right:3.0rem} */
|
|
|
+.my .review .reviewMy .response_box2 > div dl div dt {position:relative;color:#888;display: inline-block;width: auto;font-size: 1.1rem;padding-left: 0.85rem;}
|
|
|
+.my .review .reviewMy .response_box2 > div dl div dt::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
|
|
|
+.my .review .reviewMy .response_box2 > div dl div dd {display: inline-block;width: calc(49.45% - 8.05rem);font-size: 1.1rem;margin-left:0.2rem; color:#222222;}
|
|
|
+.my .review .reviewMy .photo_box {margin-top:2.0rem}
|
|
|
+.my .review .reviewMy .photo_box .photo_list {}
|
|
|
+.my .review .reviewMy .photo_box .photo_list > ul li {float:left; width:calc((100% - 9.0rem)/10); margin-left:1.0rem}
|
|
|
+.my .review .reviewMy .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
|
|
|
+.my .review .reviewMy .txt_review_box {margin-top:25px; font-size: 1.3rem; line-height:2.1rem;}
|
|
|
+.my .review .reviewMy .reply_box {margin-top:3.0rem; padding-top:1.5rem}
|
|
|
+.my .review .reviewMy .reply_box .reply {position:relative; padding:3.0rem; background:#f5f5f5;}
|
|
|
+.my .review .reviewMy .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer {}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_name {padding-left:2.4rem; font-weight:300;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/pc/ico_admin.png') no-repeat 0 0;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_date {padding-left:2.0rem; margin-left:2.0rem; color:#888; font-weight:200;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
|
|
|
+.my .review .reviewMy .reply_box .reply .reply_txt {margin-top:2.0rem; color:#666; font-size:1.3rem; line-height:2.4rem;}
|
|
|
+.my .review .reviewMy .goods_btn_wrap {padding: 2.0rem 0;}
|
|
|
+
|
|
|
+
|
|
|
+/* my_review_3 */
|
|
|
+.my .review_score {margin-top: 14px;padding-bottom: 2.0rem;border-bottom: 1px solid #dddddd;}
|
|
|
+.my .review_score #star_grade {width: 14.0rem;margin:0 auto;}
|
|
|
+.my .review_score #star_grade button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
|
|
|
+.my .review_score #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;}
|
|
|
+.my .review_score #star_grade span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
|
|
|
+.my .review_score #star_grade span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;}
|
|
|
+/* .my .tbl.review_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;} */
|
|
|
+.my .review .tbl_wrap {padding:3rem 0 0 0;}
|
|
|
+.my .review .tbl_wrap:last-child {padding: 0;}
|
|
|
+.my .review .tbl_wrap .tbl:last-child {border-top: 0;}
|
|
|
+.my .review .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
|
|
|
+/* .my .review .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;} */
|
|
|
+.my .review .tbl_wrap .tbl .tbl_row:last-child { border-bottom: 0;}
|
|
|
+.my .review .tbl_wrap .tbl table th, .my .review .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
+.my .review .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
+.my .review .tbl_wrap .tbl table td {font-size: 1.4rem; }
|
|
|
+.my .review .tbl_wrap .tbl td input {width: 100%;}
|
|
|
+.my .review .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
+.my .review .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
|
|
|
+.my .review .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
|
|
|
+.my .review .btn_group_flex {padding:0 0 6rem; margin:0; background: #fff;}
|
|
|
+.my .review .tbl_wrap .tbl td .certi_wrap {display: block;}
|
|
|
+.my .review .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
|
|
|
+
|
|
|
+.my .review .tbl_wrap .tbl th.ver_top {vertical-align: top; padding-top: 25px;}
|
|
|
+.my .review .tbl_wrap .tbl th.ver_top02 {vertical-align: top;}
|
|
|
+.my .review .tbl_wrap .tbl td textarea {width: 100%; resize:none; height: 82px; padding: 15px; font-size: 14px; color: #868686;}
|
|
|
+.my .review .tbl_wrap .tbl.review_tbl td {padding-left: 0;}
|
|
|
+.my .review .tbl_wrap .tbl.review_tbl td textarea {height: 200px;}
|
|
|
+.my .review .tbl_wrap .tbl td .select {width: 400px;}
|
|
|
+.my .review .tbl_wrap .tbl td .txt_cnt {text-align: right; margin-top: 10px;position: absolute;bottom: 2.0rem;right: 1.0rem;}
|
|
|
+.my .review .tbl_wrap .tbl td .rev_height,
|
|
|
+.my .review .tbl_wrap .tbl td .rev_weight {border:1px solid #ddd; position: relative;}
|
|
|
+.my .review .tbl_wrap .tbl td .rev_height input,
|
|
|
+.my .review .tbl_wrap .tbl td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
|
|
|
+.my .review .tbl_wrap .tbl td .rev_height span,
|
|
|
+.my .review .tbl_wrap .tbl td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}
|
|
|
+
|
|
|
+.my .review .tbl_wrap .tbl table[data-name="rating"] tr{border-bottom: 1px solid #dddddd;padding:2rem 0;}
|
|
|
+/* .my .review .tbl_wrap .tbl table[data-name="rating"] tr:last-child{border-bottom: 0px;} */
|
|
|
+.my .review .tbl_wrap .tbl table[data-name="rating"] tr:first-child th{padding: 0rem 0 1rem 0;}
|
|
|
+.my .review .tbl_wrap .tbl table[data-name="rating"] th{padding: 1.5rem 0 1rem 0;}
|
|
|
+.my .review .tbl_wrap .tbl table[data-name="rating"] td:last-child{padding: 0rem 0 1.5rem 0;}
|
|
|
+.my .review_radio .radio_li {width: 33.333%;}
|
|
|
+.my .review_radio .radio_li input[type="radio"] + label {line-height: 1.7;}
|
|
|
+/* .my .review_radio .radio_li input[type="radio"]:checked + label:after {background-position:-20px 0;} */
|
|
|
+.my .review_radio .radio_li span {display: inline-block; font-weight: 300;}
|
|
|
+.my .review_tbl .pics, .my .review_tbl .fileAdd {width: 10.5rem; height: 10.5rem;}
|
|
|
+.my .review_tbl .picsThumbs {max-width:10.5rem; max-height:10.5rem;}
|
|
|
+.my .review_desc {position:relative; margin-top: 20px;padding-left:0.8rem;font-size: 1.1rem;font-weight: 200;color: #666;}
|
|
|
+.my .review_desc:after {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
|
|
|
+.my .review .note {padding: 2rem 0 3rem 0;}
|
|
|
+.my .review .note li {position:relative; padding-left: 0.8rem;color: #888888; font-size:1.2rem}
|
|
|
+.my .review .note li::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
|
|
|
+
|
|
|
+
|
|
|
+/* my_order_1 */
|
|
|
+.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;}
|
|
|
+.my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
|
|
|
+.my .my_order .order_sort {padding-top: 2rem; text-align: right;}
|
|
|
+.my .my_order .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
|
|
|
+.my .my_order .order_sort a:first-child {margin-right: 2rem;}
|
|
|
+/* .my.btPop_full_open .btPop_full {top:auto; bottom:0; height:auto;} */
|
|
|
+.my .od_filter_pop .btPop_head {display: none;}
|
|
|
+.my .od_filter_pop .btPop_body button {width: 49%; float:left; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
|
|
|
+.my .od_filter_pop .btPop_body button.on {border:1px solid #fd4802; color: #fd4802;}
|
|
|
+.my .od_filter_pop .btPop_body button:nth-child(even) {float:right;}
|
|
|
+
|
|
|
+/* my_order_2 */
|
|
|
+.my .my_order .inner {margin-bottom: 1.2rem;}
|
|
|
+.my .my_order .inner:last-child {margin-bottom: 0;}
|
|
|
+.my .inner.bg_beige {background: #fff6f2;}
|
|
|
+.my .order_number {padding:2rem; position: relative; margin-bottom:0;}
|
|
|
+.my .order_number dt, .my .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
|
|
|
+.my .order_number dt {margin-right: 0.8rem;}
|
|
|
+.my .order_number .delete {position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
|
|
|
+.my .foldGroup {margin-bottom: 0;}
|
|
|
+.my .foldGroup > ul > li {border-bottom: 0;}
|
|
|
+.my .fold_answer {background: #fff; padding-top: 0;}
|
|
|
+.my .ui_row {margin-bottom: 0;}
|
|
|
+.my .foldGroup .fold_head a {padding:2rem;}
|
|
|
+.my .foldGroup .fold_head .fold_tit > div.lap2 {margin-bottom: 0;}
|
|
|
+.my .foldGroup .fold_head .fold_tit span {font-size: 1.6rem;}
|
|
|
+.my .foldGroup .fold_head .fold_tit span.fold_txt {position: absolute; top: 3px; right: 3.3rem; font-size: 1.3rem; color: #666;}
|
|
|
+.my .foldGroup .fold_head.on .fold_tit span {font-weight: 500;}
|
|
|
+.my .foldGroup .fold_head.on .fold_tit span.fold_txt {display: none;}
|
|
|
+.my .foldGroup .customer_info {padding:2rem; padding-top: 0;}
|
|
|
+.my .foldGroup .customer_info dd {font-weight: 300; color: #222;}
|
|
|
+.my .shipfold .fold_cont {}
|
|
|
+
|
|
|
+.my .ship_info {position: relative;}
|
|
|
+.my .shipfold .ship_info {padding:2rem; padding-top: 0;}
|
|
|
+.my .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
|
|
|
+.my .ship_info .company {font-weight: 500;}
|
|
|
+.my .ship_info dl > div {margin-bottom: 0.7rem;}
|
|
|
+.my .ship_info dl > div:last-child {margin-bottom: 0;}
|
|
|
+.my .ship_info dl > div.shup_option {margin-top: 0.5rem;}
|
|
|
+.my .ship_info dl > div:first-child dd {font-weight: 500;}
|
|
|
+.my .ship_info dl > div.addr {width: 70%;}
|
|
|
+.my .ship_info dl > div.desc_txt {margin-top:0;}
|
|
|
+/* .my .ship_info dl > div.phone {margin-bottom: 2rem;} */
|
|
|
+.my .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
|
|
|
+.my .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
|
|
|
+.my .ship_info div:after {content:''; display: block; clear:both;}
|
|
|
+.my .ship_info div dt, .my .ship_info div dd {float:left; color: #222; font-weight: 300;}
|
|
|
+.my .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
|
|
|
+.my .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
|
|
|
+.my .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
|
|
|
+.my .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
|
|
|
+.my .ship_info div.ship_request.ship_select dt:after {display: none;}
|
|
|
+.my .ship_info div.ship_request.ship_select dd {display: none;}
|
|
|
+.my .ship_info .select {font-size: 1.3rem;}
|
|
|
+.my .ship_info .select_dress {padding:1.1rem 1.5rem;}
|
|
|
+.my .ship_info .select_options li {padding: 1rem 0;}
|
|
|
+
|
|
|
+.my .icon_tag {display:inline-block;}
|
|
|
+.my .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
|
|
|
+.my .icon_tag [class*="tag_"] {float:left; display:inline-block; height:2rem; box-sizing:border-box; margin:0px 0 0 4px; padding:0 5px; border:1px solid #ddd; background: #fff; color:#888888; font-size: 11px; font-weight:300; vertical-align:top; line-height:2rem;}
|
|
|
+.my .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
|
|
|
+.my .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
|
|
|
+
|
|
|
+/* 마이페이지_table */
|
|
|
+.tbl_wrap .tbl_tit {padding-bottom: 1.5rem; position: relative;}
|
|
|
+.tbl_wrap .tbl_tit h3 {font-size: 1.6rem;}
|
|
|
+.tbl_wrap .tbl {padding:2rem 0 0; border-top:1px solid #000; border-bottom:0;}
|
|
|
+.tbl_wrap .tbl table {text-align:left; word-break:keep-all; width: 100%;}
|
|
|
+.tbl_wrap .tbl table th,
|
|
|
+.tbl_wrap .tbl table td {position:relative; padding:0; font-weight:500; font-size:1.3rem; padding-bottom: 1.2rem; vertical-align: top;}
|
|
|
+.tbl_wrap .tbl table th {font-weight:300; color: #888; font-size: 1.3rem;}
|
|
|
+.tbl_wrap .tbl table th.sr-only {position: absolute;}
|
|
|
+.tbl_wrap .tbl table tr:last-child th, .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
|
|
|
+
|
|
|
+.pay_wrap .pay {position: absolute; top: -8px; right: 0; color: #fd4802; font-weight: 600; font-size: 1.8rem;}
|
|
|
+.pay_wrap .pay span {font-size: 2.1rem;}
|
|
|
+.pay_wrap .tbl {padding:2rem 0; border-bottom: 1px solid #ddd;}
|
|
|
+.pay_wrap .tbl:after {content:''; display: block; clear:both;}
|
|
|
+.pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
|
|
|
+.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
|
|
|
+.pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 2px; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
|
|
|
+.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;}
|
|
|
+.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem;}
|
|
|
+
|
|
|
+/* my_order_3 */
|
|
|
+.my .my_goodsy .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
|
|
|
+.my .my_goodsy .inner {margin-bottom: 1.2rem;}
|
|
|
+.my .my_goodsy .goods_tbl {padding-bottom: 6rem;}
|
|
|
+.my .my_goodsy .goods_tbl .tblWrap {margin: 0;}
|
|
|
+.my .my_goodsy .goods_tbl .tbltitWrap {margin-top: 0;}
|
|
|
+
|
|
|
+/* my_order_4 */
|
|
|
+.my .my_gift {}
|
|
|
+.my .my_gift .gift_wrap {padding:3rem 0;}
|
|
|
+.my .my_gift .gift_wrap h3 {font-size: 1.6rem; border-bottom: 1px solid #000; padding-bottom: 1.5rem;}
|
|
|
+.my .my_gift .gift_wrap .gift_con {padding:2rem 0 0;}
|
|
|
+.my .my_gift .gift_wrap .gift_con .gift_info {font-size: 1.3rem; margin-bottom: 1.5rem; font-weight: 500;}
|
|
|
+.my .my_gift .gift_wrap .gift_con .message {border:1px solid #ffe4d9; padding:1.5rem; background: #fff6f2;}
|
|
|
+.my .my_gift .gift_wrap .gift_con .message .gift_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500;}
|
|
|
+.my .my_gift .gift_wrap .gift_con .message .content {font-size: 1.3rem;}
|
|
|
+.my .my_gift .inner {margin-bottom: 1.2rem;}
|
|
|
+
|
|
|
+/* my_mypage_1 */
|
|
|
+.my input[type="text"] {color: #222;}
|
|
|
+.my input[type="text"]:read-only {background: #f5f5f5;}
|
|
|
+.my .btn_group_flex > div > .btn {font-size: 1.4rem;}
|
|
|
+.my .my_page {}
|
|
|
+.my .my_page .pass_confirm {padding-bottom: 6rem;}
|
|
|
+.my .my_page .pass_confirm .desc {text-align: center; padding:2rem 0;}
|
|
|
+.my .my_page .pass_confirm .form_field {margin-bottom: 1rem;}
|
|
|
+.my .my_page .pass_confirm input {width: 100%; color: #222;}
|
|
|
+.my .my_page .pass_confirm .btn_group_flex > div > .btn {padding: 1.3rem;}
|
|
|
+
|
|
|
+/* my_mypage_2 */
|
|
|
+.my .my_page_edit .inner {margin-bottom: 1.2rem;}
|
|
|
+.my .my_page_edit .inner.wide {background: transparent;}
|
|
|
+.my .my_page_edit .my_edit_section {padding:0 2rem; margin-bottom: 1.2rem; background:#fff;}
|
|
|
+.my .my_page_edit .my_edit_section:last-child {margin-bottom: 0;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl table th, .my .my_page_edit .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl table td {font-size: 1.4rem; }
|
|
|
+.my .my_page_edit .tbl_wrap .tbl td input {width: 100%;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
+
|
|
|
+.my .my_page_edit .btn_group_flex {padding:0 0 6rem; margin:0; background: #fff;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl td .certi_wrap {display: block;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
|
|
|
+
|
|
|
+/* my_mypage_3 */
|
|
|
+.my .my_page_edit .authen_wrap {text-align: center; padding:5rem 0 3rem;}
|
|
|
+.my .my_page_edit .authen_wrap img {width: 3.4rem;}
|
|
|
+.my .my_page_edit .authen_wrap p {padding: 2rem 0;}
|
|
|
+.my .my_page_edit .authen_wrap button {width: 100%; height: 4.5rem;}
|
|
|
+
|
|
|
+/* my_return_2 */
|
|
|
+.my .my_return .inner {margin-bottom: 1.2rem;}
|
|
|
+.my .my_return .ship_info dl > div.addr {width: 100%;}
|
|
|
+.my .my_return .desc_txt {margin-top: -1.5rem; margin-bottom: 3rem;}
|
|
|
+.my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
|
|
|
+.my .my_return .tbl_radio label span b {display: inline-block; font-weight: 200; margin-left: 5px;}
|
|
|
+.my .my_return .pay_wrap .tbl .refund_deduct {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd;}
|
|
|
+
|
|
|
+/* my_return_3 */
|
|
|
+.my .my_return .tbl_tarea td {font-weight: 300;}
|
|
|
+.my .my_return .tbl_tarea .textarea_wrap {position: relative;}
|
|
|
+.my .my_return .tbl_tarea .textarea_wrap .txt_cnt {position: absolute; right: 1.5rem; bottom: 1.5rem;}
|
|
|
+.my .my_return .tbl_tarea .textarea_wrap textarea {resize:none; height: 15rem; width: 100%; padding:1.7rem 1.5rem;}
|
|
|
+
|
|
|
+/* my_exchange_optionPOP_옵션변경 팝업 */
|
|
|
+.container.my.btPop_open::after {display: none;}
|
|
|
+.container.my.btPop_open .optionPop {top: 55px;}
|
|
|
+
|
|
|
+.container.my.btPop_open .optionPop .btn_group_flex {margin-top: 0;}
|
|
|
+.container.my.btPop_open .optionPop .btPop_close {display: none;}
|
|
|
+.optionPop .btPop_head {display: none;}
|
|
|
+.optionPop .btPop_body {max-height:calc(100% - 98px); height: 100%; padding-bottom: 0;}
|
|
|
+.optionPop .optionPop_tit {font-size: 1.4rem; font-weight: 500; margin-bottom: 1.5rem;}
|
|
|
+.optionPop .option_product_list {margin-bottom: 2.4rem;}
|
|
|
+.optionPop .product_list {border-top: 1px solid #ddd;}
|
|
|
+.optionPop .product_list li {border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
|
|
|
+
|
|
|
+.optionPop .option_list li {border-bottom: 1px dashed #ddd; padding:2rem 0 0;}
|
|
|
+.optionPop .option_list li:first-child {padding-top: 0;}
|
|
|
+.optionPop .option_list li:last-child {border-bottom: 0;}
|
|
|
+.optionPop .option_list li > div {margin-bottom: 1.5rem;}
|
|
|
+.optionPop .option_list li .option_box {margin:0 -0.78%}
|
|
|
+.optionPop .option_list li .option_box:after {content:''; display: block; clear:both;}
|
|
|
+.optionPop .option_list li .option_box button {height: 3.4rem; width: 18.4%; float:left; margin: 0 0.78% 1.56%; padding: 0;}
|
|
|
+.optionPop .option_list li .option_box button.on {border:1px solid #fd4802;}
|
|
|
+.optionPop .option_list li .option_box button:active {background: #fff;}
|
|
|
+.optionPop .option_list li .option_box button:disabled {background: #f5f5f5;}
|
|
|
+.optionPop .option_list li .option_box button:disabled span {text-decoration: line-through; color: #bbb;}
|
|
|
+.optionPop .option_list li .option_name {font-size: 1.4rem; font-weight: 500;}
|
|
|
+.optionPop .option_list li .option_field {margin-top: 1.5rem;}
|
|
|
+
|
|
|
+/* my_return_3_accountPop_환불계좌등록 팝업 */
|
|
|
+.refund_account_pop .btPop_head {display: none;}
|
|
|
+.refund_account_pop .tbl_wrap {padding-top: 0;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; padding-top: 1rem;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl {border-top: 0;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl table th, .refund_account_pop .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl table th {padding-bottom: 1.5rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl td input {width: 100%;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
+.refund_account_pop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl table tr:last-child th, .refund_account_pop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
|
|
|
+.refund_account_pop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
|
|
|
+
|
|
|
+/* my_delivery_1 */
|
|
|
+.my .my_delivery {}
|
|
|
+.my .my_delivery .inner:last-child {padding-bottom: 0;}
|
|
|
+.my .my_delivery .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
|
|
|
+.my .my_delivery .ship_info.active {background: #fff6f2;}
|
|
|
+.my .my_delivery .ship_info dl > div.addr {width: 100%;}
|
|
|
+.my .my_delivery .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
|
|
|
+.my .my_delivery .ship_info .btn_group_flex > div {flex-grow:unset; flex:unset;}
|
|
|
+.my .my_delivery .ship_info .btn_group_flex > div:first-child {float:left;}
|
|
|
+.my .my_delivery .ship_info .btn_group_flex > div:last-child {float:right;}
|
|
|
+.my .my_delivery .ship_info .btn_group_flex > div .btn {padding:0.55rem 1.3rem; font-size: 1.1rem;}
|
|
|
+
|
|
|
+/* my_delivery_2 */
|
|
|
+.my .my_delivery .tbl_wrap {padding:3rem 2rem 0;}
|
|
|
+.my .my_delivery .tbl_wrap:first-child {padding-top: 2rem;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
|
|
|
+.my .my_delivery .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('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
+.my .my_delivery .dlvr_basic {margin-top: 1.5rem;}
|
|
|
+.my .my_delivery .dlvr_basic label {font-size: 1.4rem;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
|
|
|
+.my .my_delivery .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}
|
|
|
+
|
|
|
+/* dp_submain */
|
|
|
+main.dp .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; bottom: 9rem; color: fff;}
|
|
|
+.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
|
|
|
+.dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
|
|
|
+.dp .sub_category {padding:2.4rem 0 0.3rem; position: relative;}
|
|
|
+.dp .sub_category .cate_wrap {margin:0 -0.4rem; max-height:13rem; overflow:hidden;}
|
|
|
+.dp .sub_category .cate_wrap.on {max-height:100%;}
|
|
|
+.dp .sub_category .cate_wrap:after {content:''; display: block; clear:both;}
|
|
|
+.dp .sub_category .cate_wrap a {float:left; background: #fff; margin:0 0.4rem 0.8rem; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #666; border-radius:2rem; line-height: 1;}
|
|
|
+.dp .sub_category .more_btn {width: 100%; text-align: center; height: 6rem; margin-bottom: -1.3rem;}
|
|
|
+.dp .sub_category .more_btn.on {}
|
|
|
+.dp .sub_category .more_btn .btn {display: block; width: 100%; height: 100%; font-size: 1.3rem; color: #666; background: transparent; border:none; padding: 0;}
|
|
|
+.dp .sub_category .more_btn .btn span {position: relative; display: inline-block; padding-right: 1.9rem; line-height: 1;}
|
|
|
+.dp .sub_category .more_btn .btn span:before {content:''; position: absolute; top: 0.3rem; right: 0;width: 1.1rem; height: 0.63rem; background: url('/images/mo/ico_btn_more02.png') no-repeat top center;
|
|
|
+background-size:100%;}
|
|
|
+.dp .sub_category .more_btn.on .btn span:before {background: url('/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
|
|
|
+.dp .dp_submain .new_item .dp_subtitle, .dp .dp_submain .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
|
|
|
+.dp .dp_submain .new_item {padding:4rem 2rem 0; margin-bottom: 6rem;}
|
|
|
+.dp .dp_submain .new_item .swiper-slide {width: 43.75%;}
|
|
|
+.dp .dp_submain .new_item .swiper-container {overflow: initial;}
|
|
|
+.dp .dp_submain .best_item {margin-bottom: 2rem;}
|
|
|
+.dp .dp_submain .best_item .itemsGrp:after {content:''; display: block; clear:both;}
|
|
|
+.dp .dp_submain .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
|
|
|
+.dp .dp_submain .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
|
|
|
+
|
|
|
+/* od_테이블 */
|
|
|
+.od .goods_top {position: relative; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd; font-size: 0; margin-bottom: 2.5rem;}
|
|
|
+.od .goods_top h3 {margin-bottom: 0;}
|
|
|
+.od .goods_top span {display: inline-block; margin-left: 0.8rem;}
|
|
|
+.od .goods_top .start_t, .od .goods_top .gift_t, .od .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
|
|
|
+
|
|
|
+.od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
|
|
|
+.od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
|
|
|
+.od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
|
|
|
+.od .badge_wrap {display: inline-block;}
|
|
|
+.od .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
|
|
|
+.od .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
|
|
|
+
|
|
|
+.od .part_goods {position:relative;}
|
|
|
+.od .part_goods:first-child {}
|
|
|
+.od .part_goods h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
|
|
|
+.od .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px dashed #ddd;}
|
|
|
+.od .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
|
|
|
+.od .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
|
|
|
+.od .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
|
|
|
+
|
|
|
+.od .part_goods .goods_status {margin-bottom:1.2rem;}
|
|
|
+.od .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
|
|
|
+.od .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}
|
|
|
+
|
|
|
+.od .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
|
|
|
+.od .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
|
|
|
+.od .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
|
|
|
+.od .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
|
|
|
+.od .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
|
|
|
+.od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
|
|
|
+
|
gagamel