@charset "utf-8";

/* BIG BANNER */
.ban_top {overflow: hidden; z-index:5; position:absolute; top:160px; right:67px}
.main_bigban {position:relative; width:100%; height:630px; overflow: hidden}
.main_bigban .swiper-pagination {font-size:0}
.main_bigban .swiper-pagination span {font-size:14px; font-weight:600; color:#222}
.main_bigban .swiper-progress-bar {position: relative;width: 110px; display: block;z-index: 1;height: 2px; margin:0 auto;}
.main_bigban .swiper-progress-bar .slide_progress-bar {position: absolute;height: 2px;background: rgba(0, 0, 0, 0.1);width: auto;clear: both;opacity: 0;bottom: 45px;left: 0;right: 0;}
.main_bigban .swiper-progress-bar .slide_progress-bar:after {position: absolute;top: 0;left: 0;background: #3e3e3e;height: 100%;width: 0;content: "";}
.main_bigban .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.main_bigban .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset;width: 100%;transition-duration: 5s;}
.main_bigban .swiper-pagination-current {position: absolute; top: -24px;left: 50%;margin-left: -73px;}
.main_bigban .swiper-pagination-total {position: absolute; top: -24px;right: 50%;margin-right: -73px;}
/*
.main_bigban .swiper-button-prev {left:0; padding:25px; margin-top: -47px;}
.main_bigban .swiper-button-next {right:0; padding:25px; margin-top: -47px;}
.main_bigban .swiper-button-next, .main_bigban .swiper-button-prev {opacity:0.1; background:none; color: #1a1a1a; transition:.3s}
.main_bigban .swiper-button-next:hover, .main_bigban .swiper-button-prev:hover {opacity:0.8; transition:.3s}
*/
.main_bigban .tit_wrap {position:relative; display:table; width:1200px; height:630px; margin:0 auto;}
.main_bigban .tit_wrap .tit_box {display:table-cell; vertical-align: middle}
.main_bigban .tit_wrap .tit_box h2 {margin-top:50px; font-family:'YoonGothicPro720', sans-serif; font-size:65px; font-weight:300; line-height:85px; color:#1a1a1a}
.main_bigban .tit_wrap .tit_box h2 em {position:relative; font-style: normal;}
/*.main_bigban .tit_wrap .tit_box h2 em::before {content:""; position:absolute; bottom:3px; left:0; width:100%; height:10px; background:#000; opacity: 0.08}*/
.main_bigban .tit_wrap .tit_box h2 span.eng {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:72px; font-weight: 700; color :#ffc000;}
.main_bigban .tit_wrap .tit_box p {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:18px; color:#333;}
.main_bigban .tit_wrap .tit_box h3 {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:18px; font-weight:300; color:#333; padding-top: 25px;}
.main_bigban .tit_wrap .tit_box h3 span.plus_box {display:inline-block; width:20px; height:20px; margin:0 5px; background:#ffc000; color:#fff; font-weight:600; text-align: center; box-sizing: border-box; border-radius: 50%;}
.main_bigban .tit_wrap .tit_box .information {padding-bottom: 5px;}
.main_bigban .tit_wrap .tit_box .light-p {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:65px; font-weight: 0; padding-top: 20px;}
.main_bigban .tit_wrap .tit_box .hard-p {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:65px; font-weight: 300; padding-top: 20px; color:#1D1D1D;}
.main_bigban .tit_wrap .tit_box .point-p {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size:18px; font-weight: 600; color:#15269d; padding-top: 20px;}
.main_bigban .icon_img {position:absolute; top:275px; right:105px; width:295px; height:295px; padding:20px; text-align: center; line-height:250px; box-sizing: border-box;}
.main_bigban .icon_img img {width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; vertical-align: middle}

/* 플레이버튼 */
.top_play { z-index: 9; position: absolute; bottom: 50px; height: 40px; left: 50%;  margin-left: -600px; box-sizing: border-box;}
.top_play:before {content: ''; background-color: #fff; position: absolute; width: 90px; height: 40px;opacity:0.7; border-radius:32px;}		
/* 화살표 */
.top_play .swiper-button-prev {opacity:0.5; left: 13px; position:absolute; width:20px; height:20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_p.png?t=1); background-size: cover; cursor: pointer; transition:0.3s; margin-top: -10px!important;}
.top_play .swiper-button-next {opacity:0.5; left: 57px; position:absolute; width:20px; height:20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_n.png?t=1); background-size: cover; cursor: pointer; transition:0.3s;margin-top: -10px!important;}
.top_play .swiper-button-prev:hover, .top_play .swiper-button-next:hover {transition:.3s; opacity:1; }
/* 재생 */
.top_play .swiper-pause {opacity:0.5; position:absolute;  z-index:999; width:20px; height:20px; top: 26%; left: 36px; background: url(https://stay.publog.co.kr/re_181207/images/icon_stop.png?t=1); background-size: cover; cursor: pointer; transition:0.3s}
.top_play .swiper-play {opacity:0.5; position:absolute;  z-index:999; width:20px; height:20px; top: 26%; left: 37px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play.png?t=1); background-size: cover; cursor: pointer; transition:0.3s}

.top_play .swiper-play, .top_play .swiper-pause {display: none;}
.top_play .swiper-play:hover, .top_play .swiper-pause:hover {display: none; opacity:1; transition:.3s}
.top_play .swiper-play.active, .top_play .swiper-pause.active {display:block;}

/* 빅배너 타이틀 컬러 추가 */
.main_bigban .tit_wrap .tit_box.white_box p {color:#fff;}
.main_bigban .tit_wrap .tit_box.white_box h2 {color:#fff;}
.main_bigban .tit_wrap .tit_box.white_box h3 {color:#fff;}
.main_bigban .tit_wrap .tit_box.white_box .light-p {font-family:'YoonGothicPro720', sans-serif; font-size:18px; font-weight:300; color:#d3e3ff}


/* SELLER */
.main_seller {padding:100px 0 50px 70px; overflow:hidden;}
.main_seller h3 {position:relative; font-size:26px; font-weight:500; color:#1a1a1a;}
.main_seller h3 a {opacity: 0.5; position: absolute; font-size: 12px;color: #1a1a1a; bottom: -45px !important;right: 30px !important; transition:.3s;}
.main_seller h3 a img {display:inline-block; margin-left:3px; opacity: 0.7}
.main_seller h3 a:hover {opacity:1; transition:.3s;}
.main_seller ul.tab {display:flex; margin-top:25px;}
.main_seller ul.tab li {margin-right:30px; font-size:14px; color:#b3b3b3; /*cursor: pointer*/}
.main_seller ul.tab li.active {color:#1a1a1a; text-decoration: underline}

.seller_swiper {position:relative; margin-top:30px}
.main_seller .apparel_list {display: flex; height:auto;}
.main_seller .apparel_list li {position:relative;}
.main_seller .apparel_list li div.info h4 {font-size: 17px !important; color: #000 !important;}
.main_seller .apparel_list li:nth-child(3n) {margin-right: 25px !important;}

.main_box {width:1200px; margin:100px auto 0 auto;}
.main_box h3 {position:relative; font-size:26px; font-weight:500; color:#1a1a1a;}
.main_box h3 a {opacity: 0.5; position: absolute;bottom: -5px;right: 0;font-size: 12px;color: #1a1a1a; transition:.3s;}
.main_box h3 a img {display:inline-block; margin-left:3px;}
.main_box h3 a:hover {opacity:1; transition:.3s;}

.seller_swiper .swiper-button-prev {width:16px; height:30px; margin-top: -120px; left:-30px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat; background-size:100%}
.seller_swiper .swiper-button-next {width:16px; height:30px; margin-top: -120px; right:40px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat; background-size:100%}
.seller_swiper .swiper-button-prev:after, .seller_swiper .swiper-button-next:after {display:none;}
.seller_swiper .swiper-button-disabled {opacity:0.2 !important}

/* DESIGN_ICON */
.main_design {padding:100px 0 50px 70px; overflow:hidden; background: #fcfcfc}
.main_design h3 {position:relative; font-size:26px; font-weight:500; color:#1a1a1a;}
.main_design h3 a {opacity: 0.5; position: absolute; font-size: 12px;color: #1a1a1a; bottom: -60px !important;right: 30px !important; transition:.3s;}
.main_design h3 a img {display:inline-block; margin-left:3px; opacity: 0.7}
.main_design h3 a:hover {opacity:1; transition:.3s;}
.main_design ul.tab {display:flex; margin-top:25px;}
.main_design ul.tab li {margin-right:30px; font-size:14px; color:#b3b3b3; /*cursor: pointer*/}
.main_design ul.tab li.active {color:#1a1a1a; text-decoration: underline}

/* 디자인 메인 리스트 추가 */
.seller_swiper .design_list li {width:225px !important}
.seller_swiper .design_list li div.cover {height:285px !important; padding: 85px 45px !important; line-height:120px;}
.seller_swiper .design_list li div.cover .btn_box {height:285px !important;}

.design_swiper {margin-top:30px}
.main_design .apparel_list {display: flex; height:auto;}
.main_design .apparel_list li {position:relative;}
.main_design .apparel_list li div.info h4 {font-size: 17px !important; color: #000 !important;}
.main_design .apparel_list li:nth-child(3n) {margin-right: 25px !important;}

.main_design2 {position:relative; height:635px; margin-top: 100px; padding: 100px 0 50px 0px; background:url('/apparel/img/main/top_design_bg.jpg?t=1') top center no-repeat; box-sizing: border-box}
.main_design2 .design2_box {text-align:left;}
.main_design2 .design2_box .select_all {margin-top:60px;}
.main_design2 .design2_box h3 {color:#fff;}
.main_design2 .design2_box_blk h3 {color:#1a1a1a;}
.main_design2 .design2_box h3 a {font-weight:300; color:#fff; bottom:-100px !important; right:0 !important;}
.main_design2 label.select-box {border:none !important; border-bottom:1px solid #fff !important; background:none;}
.main_design2 .design2_box_blk h3 a {color:#1a1a1a; opacity: 1;}
.main_design2 .design2_box_blk label.select-box {border-bottom:1px solid #1a1a1a !important;}
.main_design2 label.select-box select {font-size:13px; color:#fff; background: url(/apparel/img/main/select_btn.png?t=1) center no-repeat; background-position: top 1px right 2px;}
.main_design2 .design2_box_blk label.select-box select {color:#1a1a1a; background: url(/apparel/img/main/select_btn_blk.png?t=1) center no-repeat; background-position: top 1px right 2px;}

.main_design2 label.select-box select option {color:#666;}
.main_design2 .apparel_list {z-index: 9999;}

.main_design2 .design_swiper {overflow: hidden;}
.main_design2 .design_swiper .design_list li {width:240px !important}
.main_design2 .design_swiper .design_list li:last-child {margin-right:0 !important;}
.main_design2 .design_box {position:absolute; right:0; top:-5px; font-size:13px; color:#fff; line-height:30px;}
.main_design2 .design2_box_blk .design_box {color:#1a1a1a;}
.main_design2 .design_box span {display:inline-block; margin:0 15px 0 50px; color:#1a1a1a; border-radius: 30px; height:30px; padding:0 10px; background:#ffd34c}

/* 견적문의 */
.main_makeit {position:relative; width:100%; height:450px; padding-top:185px; text-align: center; background:#efefef url('/apparel/img/main/main_makeit.jpg?t=1') top center no-repeat; background-attachment: fixed; box-sizing: border-box}
.main_makeit h3 {font-family: 'YoonGothicPro760'; font-size:37px; color:#1a1a1a;}
.main_makeit p {margin-top:30px; font-family: 'YoonGothicPro720'; font-size:37px; color:#1a1a1a;}
.main_makeit span {opacity:0.07; position: absolute; top:135px; left:0; width:100%; font-size:75px; font-weight:800; color:#1a1a1a;}
.main_makeit .btns {margin-top:50px;}
.main_makeit .btns a {display:inline-block; width:150px; height:45px; padding-top:11px; margin:0 4px; font-size:14px; color:#333; border:1px solid #ccc; box-sizing:border-box; transition: .3s}
.main_makeit .btns a:hover {border:1px solid #333; transition: .3s}
.main_makeit .btns a img {display:inline-block; width:23px; margin-left:10px;}

/* 견적문의_NEW */
/*
.main_makeit_new {overflow: hidden; position:relative; width:100%; height:190px; padding-top:65px; text-align: left; background:#222; box-sizing: border-box}
.main_makeit_new .tit {position:relative; width:1200px; margin:0 auto; padding-left:150px;}
.main_makeit_new h3 {font-family: 'YoonGothicPro760'; font-size:32px; color:#fff;}
.main_makeit_new p {margin-top:28px; font-size:16px; color:#fff; opacity:0.7}
.main_makeit_new span {opacity:0.05; position: absolute; top:155px; left:-55px; font-size:160px; font-weight:800; color:#fff}
.main_makeit_new span.txt2 {top:20px; left:auto; right:-310px;}
.main_makeit_new .btns {z-index: 9; position:absolute; top:7px; right:150px;}
.main_makeit_new .btns a {display:inline-block; width:150px; height:45px; padding-top:11px; margin:0 4px; font-size:14px; color:#ccc; text-align: center; border:1px solid #ccc; box-sizing:border-box; transition: .3s}
.main_makeit_new .btns a:hover {color:#1a1a1a; background:#fff; transition: .3s}
.main_makeit_new .btns a img {display:inline-block; width:23px; margin-left:10px;}
*/

/* DESIGN PICK */
.main_pick .graphic_box {position:relative;}
.main_pick .graphic_main {position:relative; width:510px; height:800px; background:#e5e5e5;}
.main_pick .graphic_main img {width: 100%;}
.main_pick .graphic_main > div {position:absolute; bottom:0; left:0; width:100%; height:180px;  padding:35px 50px; background:rgba(0, 0, 0, 0.5); box-sizing: border-box;}
.main_pick .graphic_main > div h4 {font-size:24px; line-height:32px; color:#fff;}
.main_pick .graphic_main > div p {font-family: 'YoonGothicPro720'; margin-top:20px; font-size:13px; color:#fff;}
.main_pick .graphic_main > div p span {margin-right:10px;}
.main_pick .graphic_list {width:1200px;}
.main_pick .graphic_list .swiper-slide {display:flex; justify-content: space-between;}
.main_pick .apparel_list {display:flex; justify-content: space-between; flex-wrap: wrap; width:675px !important; height:845px;}
.main_pick .apparel_list li {position:relative; width:215px !important; margin-bottom:40px !important; margin-right:0 !important}
.main_pick .apparel_list li div.cover {height: 270px !important;}
.main_pick .apparel_list li div.cover img {width: 215px !important; height: 270px !important; image-rendering: -webkit-optimize-contrast;}
.main_pick .apparel_list li div.info {padding-left:7px;}
.main_pick .apparel_list li div.info h4 {margin:12px 0 !important; font-size:12.5px; color:#1a1a1a}
.main_pick .bottom_label {bottom:0;}
.pick_swiper {position:relative; overflow:hidden; height:820px; padding-top:40px;}
.pick_swiper .swiper-pagination-progressbar {width: 50px !important; height: 2px !important; right: 0 !important; left: auto !important; top: 22px !important; background: rgba(0,0,0,.1) !important;}
.pick_swiper .swiper-pagination-progressbar-fill {background: #1a1a1a !important;}
.graphic_box .swiper-button-prev {width:20px; height:38px; left:-50px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat;}
.graphic_box .swiper-button-next {width:20px; height:38px; right:-50px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat;}
.graphic_box .swiper-button-prev:after, .graphic_box .swiper-button-next:after {display:none;}
.graphic_box .swiper-button-disabled {opacity:0.2 !important}
.main_pick .delivery_case {width:1200px;}
.main_pick .delivery_case .swiper-slide {display:flex; justify-content: space-between;}

/* EVENT & DEAL */
.main_deal ul {display: flex; flex-wrap: wrap; justify-content:space-between;}
.main_deal ul li {width:390px; margin-top:40px;}
.main_deal ul li img {width:100%;}
.main_deal ul li p {margin-top:20px; font-size:16px; color:#666; }
span.label_coupon {color: #ff4040; border: 1px solid #ff4040; display: inline-block; width: 65px; height: 17px; margin-left: 4px; margin-top: -2px; font-size: 11px; font-weight: 500; line-height: 15px; text-align: center; box-sizing: border-box; vertical-align: middle; border-radius: 3px;}

/* DELIVERY CASE */
.delivery_case {position:relative; padding : 0px !important;}
.delivery_case_swiper {position:relative; overflow:hidden; height:410px; padding-top:40px;}
.delivery_case_swiper .swiper-pagination-progressbar {width: 50px !important; height: 2px !important; right: 0 !important; left: auto !important; top: 22px !important; background: rgba(0,0,0,.1) !important;}
.delivery_case_swiper .swiper-pagination-progressbar-fill {background: #1a1a1a !important;}
.delivery_case ul {padding-top:0 !important}
.delivery_case ul li:nth-child(3n) {margin-right: 25px !important;}
.delivery_case .swiper-button-prev {width:16px; height:30px; margin-top: 0; left:-50px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat; background-size:100%}
.delivery_case .swiper-button-next {width:16px; height:30px; margin-top: 0; right:-50px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat; background-size:100%}
.delivery_case .swiper-button-prev:after, .delivery_case .swiper-button-next:after {display:none;}
.delivery_case .swiper-button-disabled {opacity:0.2 !important}

/* MAKE GOODS */


/* TRAND NOW */
.main_trand div {margin-top:40px;}

/* REVIEW */
.main_review {padding-bottom:100px; }
.main_review .review_category {display:none;}
.main_review #reviewArea {margin-top:40px !important;}

/* FOOTER */
.footer hr.border_line {margin-top:145px !important}
.apparel_footer .footer {padding: 50px 0 30px 0;}
.apparel_footer .footer .section {position:relative;}
.apparel_footer .sns_box {display:flex; margin-top:35px;}
.apparel_footer .sns_box li {width:20px; height:20px; margin-right:15px;}
.apparel_footer .sns_box li img {width:100%;}

.apparel_footer .foot_article h3 {font-size:22px; font-weight:700; color:#d1d2d7}
.apparel_footer .foot_center {position:absolute; top:0; left:380px;}
.apparel_footer .foot_center p.phone {margin-top:30px; font-size:37px; font-weight:600; color:#1a1a1a}
.apparel_footer .foot_center p.time {margin:25px 0 15px 0; font-size:13px; color:#666}
.apparel_footer .foot_center > a {color:#1a1a1a; font-weight:500;}
.apparel_footer .foot_center .btns {margin-top:20px;}
.apparel_footer .foot_center .btns a {display:inline-block; width:85px; height:30px; padding-top:3px; margin-right:7px; font-size:11px; border:1px solid #ccc; box-sizing: border-box; text-align: center; transition:.3s;}
.apparel_footer .foot_center .btns a:hover {color:#333; border:1px solid #333; transition:.3s;}
.apparel_footer .foot_notice {position:absolute; top:0; right:0; width:370px; font-size:13px; color:#666;}
.apparel_footer .foot_notice ul {margin-top:25px;}
.apparel_footer .foot_notice li::after {content: ''; display: table; clear: both}
.apparel_footer .foot_notice li {margin-top:10px; padding-left:13px; background: url('/apparel/img/main//disc.jpg?t=1') center left no-repeat}
.apparel_footer .foot_notice p {float:left; width:240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.apparel_footer .foot_notice span {float:right; color:#666;}

/* 퀵메뉴*/
.gohome a {position:fixed; bottom:142px; right:20px; z-index:9990; width:50px; height:50px; background: url('/re_181207/images/bt_home.png?t=1') no-repeat; transition:.3s}
.gohome a:hover {background: url('/re_181207/images/bt_home_go.png?t=1') no-repeat; transition:.3s}
.godesign a {position:fixed; bottom:84px; right:20px; z-index:9990; width:50px; height:50px; background: url('/re_181207/images/bt_inquiry.png?t=1') no-repeat; transition:.3s}
.godesign a:hover {background: url('/re_181207/images/bt_inquiry_go.png?t=1') no-repeat; transition:.3s}
.gotop {position:fixed; bottom:20px; right:20px; z-index:9990;}

/* select box */
select::-ms-expand {display: none;}

label.select-box {background-color: #fff; width: 100%;float: left;border: 1px solid #e5e5e5 !important; padding-top: 0;text-align: left; height: 37px;display: block; position: relative; box-sizing: border-box}
label.select-box select {background-color: #fff; background: url('/apparel/tshirt/img/select_btn.png?t=1') center no-repeat; background-position: top 1px right 2px;background-repeat: no-repeat;display: block;height: 35px;width: 100%;cursor: pointer;padding-left: 15px;outline: none;letter-spacing: 1px;border: none;-webkit-appearance: none;-moz-appearance: none;line-height: 33px;color: #777;font-size: 12px; box-sizing: border-box}

/* new seller */
.new_seller {padding: 50px 0 30px 70px;}
.new_seller .apparel_list li {width:332px !important;}
.new_seller .apparel_list li div.cover {height:310px !important;}
.new_seller .apparel_list li div.cover img {width:332px !important; height:310px !important;}
.new_seller .apparel_list li div.info {padding-left:7px;}
.new_seller .apparel_list li div.info h4 {margin-top:30px !important;}
.new_seller .seller_prev, .new_seller .seller_next {margin-top:-80px;}