@charset "utf-8"; /* swiper 변환 추가 css */ /* .w700{width:1140px !important;} */ .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;} .slide-curb {display:inline-block; vertical-align:middle; font-size:0; margin-left:5px;} .swiper-controls {position:relative; margin:0px; text-align:center; font-size:16px;} .post-visual .slide-curb {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:before {content:"";display:inline-block;width:2px;height:12px;background:#888;} .main_visual .slide-curb-pause:before {float:right;} .main_visual .swiper-controls {/* display: inline-block; */} .main_visual .swiper-controls .swiper-pagination {position: relative;width:auto;display: inline-block;} /* .slider-1[data-slider-1-autoplay-status="Y"] .btn-play { display:none; } .slider-1[data-slider-1-autoplay-status="N"] .btn-stop { display:none; } */ /* 각버튼 테스트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 종료 */ /* 각버튼 테스트 */ .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;} */ /* .action a {display:inline-block;padding:5px 10px; background:#f30;color:#fff;text-decoration:none;} */ /* .action a:hover{background:#000;} */ /* main */ .main {} .main .dpnone {display:none;} .main .swiper-pagination {margin:0; position:relative;} .main .wrap .content {padding-top:60px; padding-bottom:60px; padding-left:70px; padding-right:70px;} .main .wrap .content.wide {padding-left:0; padding-right:0;} .main .wrap .content.wide:first-child{/*background:#222222;*/ padding:0px !important;} .main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;} .main .post-visual .swiper-slide::before{display:none;} .main_visual::before {content:'';display:block;width:100%; /*height:72px;*/ height:172px; position:absolute; top:-100px; left:0; background:#222222; z-index:-1;} .post-visual .btn {font-weight:300; border:1px solid #a7a7a7;} .post-visual .txtWrap{position:absolute; top:auto;bottom:100px;left:90px;right:auto;z-index:1;} .post-visual .txtWrap dl, .post-visual .txtWrap dl + button {opacity:0; transition:all 200ms ease;} .post-visual .txtWrap dl {color:#222; line-height:1; padding-bottom:40px;} .post-visual .txtWrap dl.w, .post-visual .txtWrap dl.w + button {color:#ffffff; border-color:#fff;} .post-visual .txtWrap dt {font-size:18px; padding-bottom:20px; font-weight:200;} .post-visual .txtWrap dd {font-size:62px;line-height:1;font-weight:500; padding-bottom:5px;} .post-visual .txtWrap dd.txt_xs {font-size:18px;line-height:1;font-weight:200;padding:20px 0 0px 0;} .post-visual .vrt_txt{width:auto;height:auto;font-size:18px;color:#888888;position:absolute;left:-90px;bottom:-99px;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-180deg); white-space: nowrap; -webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;} .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-slide-active {} .post-visual .swiper-slide-active .txtWrap dl, .post-visual .swiper-slide-active .txtWrap dl + button {opacity:1;} .post-visual .swiper-slide{width:auto;/* margin-right:440px !important; */} .post-visual .swiper-button-next, .post-visual .swiper-button-prev {display:inline-block; position:absolute; top:50%; transform:translateY(-50%);} .main .post-visual .swiper-button-prev {margin-left:-610px; left:50%;} .main .post-visual .swiper-button-next {margin-right:-628px; right:50%;} /* 크롬일경우 */ .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:20px;} .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);} /* .brand_main .post-visual .swiper-slide img::before{ content:''; position:absolute; width:150px; height:120px; bottom:-50px; right:-65px; border:0px; transform:rotate(135deg); /* 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; background:linear-gradient(0deg, #fff 104px, transparent 0); z-index:1; z-index:9999; display:none; } */ .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; /* border-right:0px; border-left:0px; border-top:0px; border-bottom:1px; box-sizing:border-box; border-style:solid; transform:rotate(135deg); 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; 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; /* 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; right:-10px; position:absolute; border-left:10px solid #0183fd; border-bottom:10px solid transparent; border-right:0px solid #0183fd; height:30px; width:0; padding:0px 0px 0px 0px; box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 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; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:currentColor; 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); } */ /* main_stylereport */ .main .wrap .content.main_stylereport {margin-top:20px;} .main_stylereport .cont_head {padding-bottom:60px;} .main_stylereport .cont_body a {text-align:center;color:#222222;} .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:25px 0 22px 0;} .main_stylereport .cont_body dd {font-size:16px; font-weight:200; line-height:26px;} @media screen and (max-width:1460px) { } /* main_trendy */ .main .wrap .content.main_trendy {background:#f5f5f5; margin-top:60px; margin-bottom:60px; padding-bottom:80px} .main_trendy .cont_head {padding:60px 0 60px 0;} .main_trendy .cont_body {position:relative; padding:0 70px;} .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 .swiper-container {} .main_trendy .swiper-wrapper{padding-bottom:0px; min-height:670px;} .main_trendy .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;} .main_trendy .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)} .main_trendy .item_state {padding:0;} .main_trendy .item_prod {width:100%;} .main_trendy .swiper-controls {padding-bottom:80px;} .main_trendy .swiper-pagination {margin-top:60px} .main_trendy .swiper-button-next, .main_trendy .swiper-button-prev {top:250px;} .main_trendy .swiper-button-next {right:0px;} .main_trendy .swiper-button-prev {left:0px;} @media screen and (max-width:1460px) { .main_trendy .swiper-wrapper {min-height:520px;} } /* main_it */ .main .wrap .content.main_it {position:relative; min-height:628px; padding-left:70px; padding-right:70px;} .main_it::after {content:''; display:block; clear:both;} .main_it .displayH {line-height:52px;} .main_it .cont_head{float:left; position:relative; width:380px; height:auto; line-height:1.2; margin-left:70px;} .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{position:relative;width:calc(100% - 520px);float:left;margin:0 70px 0 0;} .main_it .item_state {padding:0 0 60px;} .main_it .item_prod {width:100%;} .main_it .it_nav {position:absolute; left:-380px; top:195px; width:300px;} .main_it .it_nav li {margin-top:26px} .main_it .it_nav li:first-child {margin-top:0} .main_it .it_nav li .btn {} .main_it .it_nav li .btn.btn_link {display:inline-block; padding:0; border:none; color:#888888; font-size:20px; font-weight:200; line-height:1; transition:all 100ms ease;} .main_it .it_nav li .btn.btn_link span::after {content:''; display:none;} .main_it .it_nav li .btn.btn_link:hover{text-decoration:none;} .main_it .it_nav li .btn.btn_link.active {color:#222222; font-weight:500;} .main_it .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;} .main_it .it_item.active {display:block;} .main_it .swiper-slide {position:relative;} @media screen and (max-width:1460px) { .main .wrap .content.main_it {padding-left:0; padding-right:0;} } /* main_2stage */ .main .wrap .content.main_2stage {} .main_2stage .cont_body {} .bnnbox_crop {width:100%;} .bnnbox_crop::after {content:''; clear:both; display:block;} .bnnbox_crop > .bnn_half {float:left; width:50%;} .bnnbox_crop > .bnn_half > a {display:block; position:relative; width:100%; height:0%; padding-top:26.0918%; overflow:hidden;} .bnnbox_crop > .bnn_half > a img {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:100%;} @media screen and (max-width:1460px) { } /* main_deal */ .main .wrap .content.main_deal {position:relative; width:100%; padding-top:0; padding-bottom:0; margin-top:60px; margin-bottom:60px; background:#444444;} .main_deal::after {content:'';display:block;clear:both;} .main_deal .displayH {line-height:1.3;} .main_deal .cont_head{background:#444444;width:520px;height:auto;line-height:1.2;float:left;padding:100px 0px 0 140px;position:relative;} .main_deal .cont_head p {color:#ffffff;} .main_deal .cont_head a {margin:30px 0;display:block;line-height:0;padding:0; color:#ddd; font-size:16px; font-weight:200;} .main_deal .cont_head a span::after{content:"〉";font-size:12px;padding-left:8px;} .main_deal .cont_body {width:calc(100% - 520px);float:left;background:#f5f5f5;padding-top:80px;padding-bottom:80px;padding-left:100px;padding-right:140px;} .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; color:#ffffff; font-size:16px; font-weight:500;} .main_deal .count .count_time {position:relative; left:auto; width:100%;} .main_deal .count .count_time span{float:left; position:relative; font-size:12px; font-weight:500; color:#888888; width:66px; margin-right:33px; text-align:center;} .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:''; display:inline-block; position:absolute; width:5px; height:5px; background:#ffffff; border-radius:100%;} .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{float:left; display:inline-block; position:relative; width:66px; height:88px; background:url(/images/pc/ico_count_bg.png) no-repeat center; color:#ffffff; font-size:38px; font-weight:bold; text-align:center; letter-spacing:0.1em; text-indent:5px; padding:0; line-height:88px; margin-right:33px; z-index:1;} #countdown span:nth-child(2) {margin:0;} .main_deal #countdown #tiles span::before {content:''; position:absolute; left:2px; right:2px; top:50%; margin-top:-4px; border-top:2px solid #222; z-index:10; opacity:0.8;} .main_deal .item_prod {width:100%;} .main_deal .item_state {padding-left:0; padding-right:0;} @media screen and (max-width:1460px) { .main_deal .cont_head {padding-left:70px;} .main_deal .cont_body {padding-right:70px;} } /* main_pick */ .main .wrap .content.main_pick {} .main_pick .cont_head {padding-bottom:60px;} .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 .post-pick-nav .swiper-button-next, .main_pick .post-pick-nav .swiper-button-prev {position:absolute; top:50%; transform:translateY(-50%); width:13px; height:24px; margin:0; background-image:url('/images/pc/ico_arr_sm.png');} .main_pick .post-pick-nav .swiper-button-prev {left:0;} .main_pick .post-pick-nav .swiper-button-next {right:0;} .main_pick .post-pick-nav .swiper-slide{height:auto; text-align:center; cursor:pointer; /* border-bottom:2px solid transparent; */} .main_pick .post-pick-nav .swiper-slide img {opacity:0.4;} .main_pick .post-pick-nav .swiper-slide.swiper-slide-thumb-active img{opacity:1;} .main_pick .post-pick-for {margin-top:60px; box-sizing:border-box; border:1px solid #dddddd;} .main_pick .post-pick-for::after {content:'';display:block; clear:both;} .main_pick .post-pick-for .pick_look {float:left; width:38.2022%; background:#888888;} .main_pick .post-pick-for .pick_look .swiper-slide{position:relative; width:100%} .main_pick .post-pick-for .pick_look .swiper-slide .text_box {position:absolute; left:0; right:0; bottom:130px; color:#fff; text-align:center;} .main_pick .post-pick-for .pick_look .swiper-slide .text_box .title {position:relative; display:block; display:-webkit-box; width:100%; max-height:112px; overflow:hidden; white-space:normal; overflow-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:46px; font-weight:500; line-height:56px;} .main_pick .post-pick-for .pick_look .swiper-slide .text_box .sub_text {margin-top:25px; font-size:18px; font-weight:300; line-height:1;} .main_pick .post-pick-for .pick_look .swiper-controls {position:absolute; left:0; right:0; width:100%; bottom:40px;} .main_pick .post-pick-for .pick_look img{width:100%; height:auto;} .main_pick .post-pick-for .pick_item {position: absolute;right: 0;width:61.7978%;padding: 0 80px;top: 50%;transform: translateY(-50%);font-size:0;} .main_pick .post-pick-for .pick_item .item_prod {width:calc((100% - 40px) / 3); margin-left:20px;} .main_pick .post-pick-for .pick_item .item_prod:first-child {margin-left:0;} .main_pick .post-pick-for .pick_item .item_prod .item_state {padding:0;} @media screen and (max-width:1460px) { .main_pick .post-pick-for .pick_item {padding:0 50px;} .main_pick .post-pick-for .pick_item .item_prod {width:calc((100% - 60px) / 3); margin-left:30px;} } /* main_1stage */ .main .wrap .content.main_1stage {} .main_1stage .bnnbox{position:relative;} .main_1stage .txtWrap{margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);z-index:1; text-align:center;} .main_1stage .txtWrap p{color:#222222; font-size:40px; font-weight:500; text-align:center; line-height:1.25;} .main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300; } .main_1stage img {margin:0 auto;width:100%;} .post-bnnWide .swiper-button-next {right:70px;} .post-bnnWide .swiper-button-prev {left:70px;} @media screen and (max-width:1460px) { .main_1stage .txtWrap p{font-size:34px;} } /* main_recomm */ .main .wrap .content.main_recomm {} .main_recomm .cont_head {padding-bottom:50px;} .main_recomm .cont_body {padding:0 70px;} .main_recomm .sec_head {text-align:center;} .main_recomm .tag_list {display:inline-block; text-align:center; vertical-align:top;} .main_recomm .tag_list::after {content:''; clear:both; display:block;} .main_recomm .tag_list button {float:left; margin-left:12px; transition:none;} .main_recomm .tag_list button:first-of-type {margin-left:0} .main_recomm .tag_list button.active {line-height:1; 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; color:#ffffff; position:relative; top:0; left:0; z-index:9;} .main_recomm .tag_list button.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 #ffffff;} .main_recomm .tagitem {display:none;} .main_recomm .tagitem.active {display:block;} .main_recomm .swiper-slide {} .main_recomm .item_prod {width:100%;} .main_recomm .item_state {width:100%; padding:0;} .main_recomm .swiper-controls {margin-top:60px} .main_recomm .swiper-button-next {right:70px;} .main_recomm .swiper-button-prev {left:70px;} @media screen and (max-width:1460px) { } /* main_foryou */ .main .wrap .content.main_foryou {position:relative; display:block; width:100%; height:auto; margin-top:60px; padding:120px 140px; background-color:#f5f5f5;} .main_foryou::after {content:''; display:block; clear:both;} .main_foryou .cont_head{position:relative; position:absolute; left:140px; top:120px;} .main_foryou .cont_head span{color:#888888; font-size:16px;} .main_foryou .cont_body {position:relative; width:100%; min-height:490px; padding-left:30.6%;} .fy_nav {position:absolute; left:0; top:22%; width:346px; height:auto; padding-bottom:50px;} .fy_nav .btn_shape {width:100%; height:60px; padding:20px 115px 20px 30px; background:#fff; transition:none;} .fy_nav .btn_shape div {display:inline-block; text-align:left; width:100%; line-height:1; vertical-align:top;} .fy_nav .btn_shape div span {color:#888888; font-size:18px; font-weight:300; line-height:1;} .fy_nav .btn_shape div .number {padding-right:25px; color:#222222; font-size:20px; font-weight:500;} .fy_nav .btn_shape + a {display:none;} .fy_nav .btn_shape.active {position:relative; background:#222222; border-color:rgb(245 245 245);} .fy_nav .btn_shape.active span {position:relative; color:#ffffff;} .fy_nav .btn_shape.active + a {display:inline-block; font-size:14px; text-align:right;position:absolute;top:50%;right:45px;transform:translateY(-50%);color:#888888;z-index:10;} .fy_nav .btn_shape.active + a::after {content:'';width:7px;height: 14px;display:inline-block;position:absolute;top:50%;right: -13px;transform:translateY(-50%);background:url('/images/pc/ico_more_lg.png');background-repeat:no-repeat;background-position: 0px 50%;} .fy_item {display:none; position:relative; width:100%; min-height:490px; background:rgba(0,0,0,0.5);} .fy_item::after {content:'';display:block;clear:both;} .fy_item.active {display:block;} .fy_item .part {float:left; position:relative; min-height:1px;} .fy_item .part .item_prod {float:left; width:100%; margin:0; padding:0;} .fy_item .part .item_state {width:100%; margin:0; padding:0;} .fy_item .part .itemPic {width:100%; margin:0;} .fy_item .part {width:20%;} .fy_item .part.lg {width:40%;} .fy_item .part .item_state .itemInfo {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:65%; height:auto; text-align:center; z-index:1;} .fy_item .part .item_state:hover .itemInfo, .fy_item .part .item_state:active .itemInfo, .fy_item .part .item_state:focus .itemInfo {display:block;} .fy_item .part .item_state:hover::after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} .fy_item .part .itemBrand, .fy_item .part .itemName, .fy_item .part .itemPrice {color:#ffffff; width:100%; max-width:none; word-break:keep-all;} .fy_item .part .itemPercent {position:relative; left:auto; right:auto; padding:0; margin:0} .post-sug .swiper-slide ul li{position:relative; margin:12px 0 0; background-color:rgb(255 255 255);} .post-sug .swiper-slide ul li:first-child {margin-top:0;} .post-sug .swiper-controls {bottom:-50px;} @media screen and (max-width:1460px) { .main .wrap .content.main_foryou {padding-left:70px; padding-right:70px} .main_foryou .cont_head {left:70px} } /* main_tv */ .main .wrap .content.main_tv {padding-top:120px; padding-bottom:160px;} .main_tv::before {content:'';z-index:-1;display:block;width:100%;height:520px;position:absolute;top:0;left:0;background:#444444;} .main_tv .cont_head {padding-bottom:60px;} .main_tv .cont_head p {color:#ffffff; font-size:42px;} .post-tv {width:100%;height:760px; height:auto; margin:0px auto; padding-top:60px; padding-bottom:60px;} .post-tv .swiper-slide {width:890px;} .post-tv .swiper-slide .movbox {position:relative; width:100%; height:0; padding-top:56.1818%; overflow:hidden; transition:all 300ms ease; transform:scale(1);} .post-tv .swiper-slide .movbox iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1;} .post-tv .swiper-slide-active .movbox {transform:scale(1.24);} .post-tv .swiper-button-next, .post-tv .swiper-button-prev{opacity:0.5;} .post-tv .swiper-button-next {right:140px;} .post-tv .swiper-button-prev {left:140px;} .main_tv .swiper-controls {margin-top:40px} @media screen and (max-width:1460px) { .post-tv .swiper-button-next {right:70px;} .post-tv .swiper-button-prev {left:70px;} } /* brand_main */ header .common_header.br_header::after {content:''; display:block; width:100%; height:585px; position:absolute; bottom:-485px; left:0; background:inherit; z-index:-1;} header.minify .common_header.br_header::after {bottom:-565px;} .container.brand_main .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;} .brand_main .dpnone {display:none;} .brand_main .swiper-pagination {margin:0; position:relative;} .brand_main .wrap .content {padding-top:60px; padding-bottom:60px; padding-left:70px; padding-right:70px;} .brand_main .wrap .content.wide {padding-left:0; padding-right:0;} .brand_main .wrap .content.wide:first-child{/*background:#222222;*/ padding:0px !important;} .brand_main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;} .brand_main .wrap .content .cont_body {position:relative;} .brand_main .main_visual::before {display:none;} .brand_main .swiper-button-next, .brand_main .swiper-button-prev {top:50%; transform:translateY(-50%); color:transparent;} .brand_main .swiper-pagination {position:relative; bottom:0; margin:60px 0 0; height:auto;} .brand_main .swiper-slide .item_prod {width:100%;} .brand_main .swiper-slide .item_prod .item_state {padding:0;} .brand_main .swiper-slide .item_prod .item_state a.itemLink {} /* brand_visual */ .brand_main .wrap .content.brand_visual {max-width:1920px; margin:auto; padding-left:200px} .brand_main .brand_visual {margin:0} .brand_main .brand_visual .cont_body {} .brand_main .brand_visual .swiper-button-prev {left:70px; opacity:0.5;} .brand_main .brand_visual .swiper-button-next {right:70px; opacity:0.5;} .brand_main .post-visual.swiper-container {margin-left:0;} .brand_main .post-visual .swiper-wrapper {padding-bottom:0;} .brand_main .post-visual .swiper-slide {position:relative; max-width:1520px; padding-left:28.9473%; mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; -webkit-mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; /*transition:all 200ms ease;*/} .brand_main .post-visual .swiper-slide img {width:1080px; margin:0;} .brand_main .post-visual .swiper-slide .txtWrap {opacity:0; position:absolute; padding-left:0px; top:110px; bottom:auto; left:0px; right:auto; z-index:1;} .brand_main .post-visual .txtWrap dt {font-size:0; padding-bottom:0;} .brand_main .post-visual .swiper-slide-active {opacity:1;} .brand_main .post-visual .swiper-slide-active .txtWrap {opacity:1;} .brand_main .post-visual .swiper-slide-prev {opacity:0;} .brand_main .post-visual .swiper-slide-next {padding-left:0px; padding-right:440px;} .brand_main .post-visual .swiper-controls {position:absolute; width:auto; bottom:100px; left:190px; padding-right:15px; z-index:10;} .brand_main .post-visual .swiper-controls .swiper-pagination {margin-top:0} /* brand_about */ .brand_main .wrap .content.brand_info {margin-top:20px} .brand_main .brand_info .cont_body {padding:80px 6.7%; background:#f5f5f5;} .brand_main .brand_info .cont_body .brand_tit, .brand_main .brand_info .cont_body .brand_desc {float:left;} .brand_main .brand_info .cont_body .brand_tit {width:20%; margin-right:2%;} .brand_main .brand_info .cont_body .brand_desc {width:78%} .brand_main .brand_info .cont_body .brand_tit p {margin-bottom:30px; font-size:30px; font-weight:500;} .brand_main .brand_info .cont_body .brand_tit a {background:url(/images/pc/ico_ic_btn.png) no-repeat right center; padding-right:20px; font-size:16px; color:#666;} .brand_main .brand_info .cont_body .brand_desc .cate {margin-bottom:25px; font-size:20px; font-weight:500;} .brand_main .brand_info .cont_body .brand_desc .desc {font-size:16px; font-weight:200; line-height:26px;} /* brand_newitems */ .brand_main .wrap .content.new_item {} .new_item .cont_head {margin-bottom:60px} .new_item .cont_body {position:relative; padding:0 70px;} .new_item .cont_body dl {} .new_item .cont_body dt {font-size:26px;font-weight:400;padding:28px 0 24px 0;} .new_item .cont_body dd {font-size:16px;font-weight:200;padding:10px 0 0;} .new_item .swiper-container {} .new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;} .new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;} .new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)} .new_item .item_state {padding:0;} .new_item .item_prod {width:100%;} .new_item .swiper-controls {padding-bottom:80px;} .new_item .swiper-pagination {margin-top:60px} .new_item .swiper-button-next, .new_item .swiper-button-prev {top:250px;} .new_item .swiper-button-next {right:0px;} .new_item .swiper-button-prev {left:0px;} @media screen and (max-width:1460px) { .new_item .swiper-wrapper {min-height:520px;} } /* brand_bestitems */ .brand_main .wrap .content.best_item {} .brand_main .best_item .cont_head {margin-bottom:60px} .brand_main .best_item .cont_body {padding-left:70px; padding-right:70px;} .brand_main .best_item .swiper-button-next {right:0px; margin-top:-120px;} .brand_main .best_item .swiper-button-prev {left:0px; margin-top:-120px;} @media screen and (max-width:1460px) { } /* brand_mditems */ .brand_main .wrap .content.md_item {} .brand_main .md_item .cont_head {margin-bottom:60px} .brand_main .md_item .cont_body {padding-left:70px; padding-right:70px;} .brand_main .md_item .swiper-button-next {right:0px; margin-top:-120px;} .brand_main .md_item .swiper-button-prev {left:0px; margin-top:-120px;} @media screen and (max-width:1460px) { } /* brand_specialshop */ .brand_main .wrap .content.special_shop {} .brand_main .special_shop .cont_head {margin-bottom:60px;} .brand_main .special_shop .cont_body {position:relative; background:#222;} .brand_main .special_shop .spe_thumb {float:left; position:relative; width:38%;} .brand_main .special_shop .spe_thumb img {width:100%; height:auto;} .brand_main .special_shop .spe_thumb .swiper-container {height:100%;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide {position:relative;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide a {position:relative; display:block;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:342px; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 50%); z-index:2;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:11;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap p {font-size:40px; line-height:1.2; color:#fff; font-weight:500;} .brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap span {display:inline-block; margin-top:25px; color:#fff; font-size:18px; font-weight:300;} .brand_main .special_shop .spe_pr_list {position:absolute; left:38%; top:50%; width:62%; transform:translateY(-50%); padding-left:100px;} .brand_main .special_shop .spe_pr_list .swiper-slide {width:28%;} .brand_main .special_shop .spe_pr_list .swiper-slide img {opacity:0.5;} .brand_main .special_shop .spe_pr_list .swiper-slide.view img {opacity:1;} .brand_main .special_shop .spe_pr_list .swiper-slide:last-child {opacity:1;} .brand_main .special_shop .spe_pr_list .swiper-slide .itemLink > * {color:#fff;} .brand_main .special_shop .spe_pr_list .slide_wrap .spe_sl {position:relative; padding:0 0 50px 0} .brand_main .special_shop .swiper-scrollbar {position:absolute; left:0; right:12%; bottom:0; margin:0; background:rgba(255,255,255,0.2) !important; height:2px;} .brand_main .special_shop .swiper-scrollbar-drag {background:rgba(255,255,255,0.6) !important;} .brand_main .special_shop .swiper-button-next {right:70px; opacity:0.5;} .brand_main .special_shop .swiper-button-prev {left:70px; opacity:0.5;} @media screen and (max-width:1460px) { } /* brand_lookbook */ .brand_main .wrap .content.br_lookbook {} .brand_main .br_lookbook {} .brand_main .br_lookbook .cont_head {margin-bottom:60px} .brand_main .br_lookbook .swiper-slide {width:auto; height:660px;} .brand_main .br_lookbook .swiper-slide img {width:100%; height:auto;} .brand_main .br_lookbook .bt_lb_item {} .brand_main .br_lookbook .swiper-container {padding-top:60px;} .brand_main .br_lookbook .swiper-slide .bt_lb_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);} .brand_main .br_lookbook .swiper-slide-active .bt_lb_item {position:relative; height:618px; margin-top:-60px; transition:all 200ms ease;} .brand_main .br_lookbook .swiper-slide-active .bt_lb_item:after {display:none;} .brand_main .br_lookbook .swiper-slide-active .bt_lb_item .item_picker {position:absolute; transform:translate(-50%,-50%);} .brand_main .br_lookbook .swiper-slide-active .bt_lb_item .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;} .brand_main .br_lookbook .swiper-button-next {right:70px; opacity:0.5;} .brand_main .br_lookbook .swiper-button-prev {left:70px; opacity:0.5;} .brand_main .br_lookbook .swiper-pagination {margin-top:40px} @media screen and (max-width:1460px) { } /* brand_product */ .brand_main .wrap .content.brand_product {margin-bottom:60px} .brand_main .brand_product .cont_head {margin-bottom:60px} .brand_main .brand_product .itemsGrp {margin-left:-10px; margin-right:-10px;} .brand_main .brand_product .btn_wrap {text-align:center; margin:0} .brand_main .brand_product .btn_wrap .btn {border:1px solid #a7a7a7; padding:15px 40px;} .brand_main .brand_product .btn_wrap .btn span {font-weight:300;} .brand_main .brand_product .btn_wrap .btn span:after {content:''; display:inline-block; margin-left:20px; width:7px; height:13px; background:url(/images/pc/ico_more_lg.png) no-repeat right center;} @media screen and (max-width:1460px) { } /* brand_main_tv */ .brand_main .wrap .content.main_tv {padding-top:120px; padding-bottom:160px;} .brand_main .main_tv::before {background:#f5f5f5;} .brand_main .main_tv .cont_head p {color:#222} @media screen and (max-width:1460px) { } /* 브랜드메인_룩북피커_팝업 */ .modal.br_lookbook_popup {max-width:585px; min-height:390px; padding:0;} .modal.br_lookbook_popup .item_prod {width:100%;} .modal.br_lookbook_popup .modal-header {margin:0;} .modal.br_lookbook_popup .itemsGrp {margin-bottom:0;} .modal.br_lookbook_popup .itemsGrp .item_prod {width:100%; overflow:hidden;} .modal.br_lookbook_popup .itemsGrp .item_prod .item_state {display:table; padding-left:310px; padding-right:55px; padding-bottom:0; width:100%; min-height:390px;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemLink {display:table-cell; position:static; vertical-align:middle;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemPic {position:absolute; top:0; left:0; margin-bottom:0; width:260px; height:390px; padding:0; background:#f5f5f5;} .modal.br_lookbook_popup .itemsGrp .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); width:100%; height:100%; transform:translate(-50%, -50%); line-height:420px; z-index:99; text-align:center;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size:14px; font-weight:300;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size:18px; font-weight:300; line-height:28px; height:56px;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice {font-size:26px; line-height:1; font-weight:500; margin:0;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice_original {display:inline-block; margin-left:0; margin-bottom:10px; font-size:20px; font-weight:200;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemPercent {position:relative; font-size:26px; line-height:0.8; bottom:auto; left:auto;} .modal.br_lookbook_popup .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;} /* brand_main :ie */ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .brand_main .post-visual .swiper-slide { margin:0; box-shadow:none; } .brand_main .post-visual .swiper-slide {z-index:9; padding-bottom:20px;} .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::before{ content:''; position:absolute; width:150px; height:120px; bottom:-50px; right:-65px; border:0px; transform:rotate(135deg); /* 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; background:linear-gradient(0deg, #fff 104px, transparent 0); z-index:1; z-index:9999; display:none; } */ .brand_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); } .brand_main .post-visual .swiper-slide::before{ content:''; position:absolute; width:230px; height:120px; bottom:-50px; right:-78px; 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 104px, transparent 0); z-index:1; /* border-right:0px; border-left:0px; border-top:0px; border-bottom:1px; box-sizing:border-box; border-style:solid; transform:rotate(135deg); 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;} } /* popup_메인공지 */ .popup_main_notice {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:200;} .popup_main_notice .swiper-button-prev, .popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:60px; height:60px; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;} .popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;} .popup_main_notice .swiper-button-next {right:0; background-position:100% 50%;} .popup_main_notice .swiper-button-prev::after, .popup_main_notice .swiper-button-next::after {display:none; color:transparent;} .popup_main_notice .popup_content {position:relative; line-height:1; vertical-align:top; width:auto; min-width:400px; max-width:1200px;} .popup_main_notice .popup_content .popup_body {position:relative; background:#fff;} .popup_main_notice .popup_content .popup_body .swiper-slide {width:400px;} .popup_main_notice .popup_content .popup_footer {background:#222; height:60px; padding:23px 30px 0; box-sizing:border-box;} .popup_main_notice .popup_content .popup_footer::after {content:''; clear:both; display:block;} .popup_main_notice .popup_content .popup_footer a.btn_underline {display:inline-block; float:left; color:#888; font-size:14px; font-weight:200; border-color:#888} .popup_main_notice .popup_content .popup_footer a.btn_popup_close {display:inline-block; float:right; color:#fff; font-size:14px; font-weight:300;} .popup_main_notice .popup_body.onlyNotice .swiper-button-prev, .popup_main_notice .popup_body.onlyNotice .swiper-button-next {display:none;}