@charset "utf-8";
/* [s] 공통가이드 페이지에서만 사용 공통으로 사용 할껀 아래에 넣기 */

.Guide { width:1200px; min-height:1200px; margin:0 auto; }
.colorguide div { display:inline-block; font-size: 20px; }
.colorguide .col_name { display: block; }
.colorguide div.col_wh { color:#000; }
.colorguide div span { display: block; color:#fff; }
.colorguide div.col_wh span { border:1px solid #000; color:#000; }
.colorguide div span.bd_col { border:1px solid; }
.buttonguide div { margin-bottom:10px; }
.inputnguide div { position:relative; }
.inputnguide .text_box input { width:550px; margin-bottom:5px; }
.inputnguide .page_box { margin-top:10px; }
.inputnguide ul.root_list { margin:20px 0; }
.inputnguide .select_box { width:200px; display: inline-block; }
.inputnguide .select_box .box {/* width:200px */}
.layer_popup.scroll .scroll_box { height:520px; }

/* [e] 공통가이드 페이지에서만 사용 공통으로 사용 할껀 아래에 넣기 */


/* =========================================== [s] 공통요소 ==================================================*/
/* common */


a:focus, button:focus, [tabindex]:focus { outline: 2px solid #f0386c; outline-offset: 2px;}


/* color */
.col_gr { color:#00ccad; }
.col_gr1 { color:#00d1ab; }
.col_em { color:#7fe5d6; }
.col_red { color:#f0386c; }
.col_bl { color:#00bed4; }
.col_bk { color:#000; }
.col_bk1 { color:#232323; }
.col_bk2 { color:#666666; }
.col_bk3 { color:#999999; }
.col_bk4 { color:#bababa; }
.col_bk5 { color:#dddddd; }
.col_bk6 { color:#e7e7e7; }
.col_bk7 { color:#f7f7f7; }
.col_wh {color:#fff;}

/* background-color */
.bg_col_gr { background-color:#00ccad; }
.bg_col_gr1 { background-color:#00d1ab; }
.bg_col_gr_h { background-color:#01ac8d; } /* hover */
.bg_col_gr_d { background-color:#7fe5d6; } /* disabled */
.bg_col_em { background-color:#7fe5d6; }
.bg_col_red { background-color:#f0386c; }
.bg_col_red_h { background-color:#e93332; }
.bg_col_red_d { background-color:#fca9a9; }
.bg_col_bl { background-color:#00bed4; }
.bg_col_bk { background-color:#000; }
.bg_col_bk1 { background-color:#333; }
.bg_col_bk2 { background-color:#666666; }
.bg_col_bk3 { background-color:#999999; }
.bg_col_bk4 { background-color:#bababa; }
.bg_col_bk5 { background-color:#dddddd; }
.bg_col_bk6 { background-color:#e7e7e7; }
.bg_col_bk7 { background-color:#f7f7f7; }
.bg_col_wh { background-color:#fff }

/* border-color */
.bd_col_gr {border-color:#00ccad !important;}
.bd_col_gr1 { border-color:#00d1ab !important; }
.bd_col_em { border-color:#7fe5d6 !important; }
.bd_col_red { border-color:#fa5453 !important; }
.bd_col_bl { border-color:#00bed4 !important; }
.bd_col_bk { border-color:#000 !important; }
.bd_col_bk1 { border-color:#232323 !important; }
.bd_col_bk2 { border-color:#666666 !important; }
.bd_col_bk3 { border-color:#999999 !important; }
.bd_col_bk4 { border-color:#bababa !important; }
.bd_col_bk5 { border-color:#dddddd !important; }
.bd_col_bk6 { border-color:#e7e7e7 !important; }
.bd_col_bk7 { border-color:#f7f7f7 !important; }
.bd_col_wh { border-color:#fff !important; }

/* button - 공통 */


/* center slider */
.center_slider.swiper-container {width: 100%;margin: 0 auto;overflow: hidden;height: 480px;}
.center_slider .swiper-wrapper {align-items: flex-end;}
.center_slider .swiper-slide {display: flex;flex-direction:column; justify-content: flex-end;align-items: flex-end;width: auto;overflow:visible;height:auto;}
.center_slider .swiper-slide .slide_cont {display:block; padding-left:24px; padding-right:24px; width:330px;}
.center_slider .swiper-slide .slide_cont .img_wrap {position:relative;border-radius: 24px;overflow: hidden;width: 100%;height: 0;padding-top: 100%;background-size: cover;}
.center_slider .swiper-slide .slide_cont .img_wrap a {width:100%;height:100%;display:block;position: absolute;top: 0;}
.center_slider .swiper-slide .slide_cont .txt_wrap {position:relative;}
.center_slider .swiper-slide .slide_cont:nth-child(2) {position:absolute;top: 184px;left: 36px;}

.center_slider .swiper-slide .slide_cont .txt_wrap {opacity:0;pointer-events:none;}
.center_slider .swiper-slide-active .slide_cont .txt_wrap,
.center_slider .swiper-slide-prev .slide_cont .txt_wrap,
.center_slider .swiper-slide-next .slide_cont .txt_wrap {opacity:1;pointer-events:auto;}

.center_slider .changing .slide_cont .txt_wrap {transition:opacity 0.3s;}
.center_slider .changed .slide_cont .txt_wrap {transition: none;}
.center_slider .changing,
.center_slider .changed {transform: translateX(-51px); -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.center_slider .changing {transition: width 0.3s;pointer-events: none !important; }
.center_slider .changed {transition: none;}
.center_slider .changing .slide_cont{transition: width 0.3s;}
.center_slider .changed .slide_cont{transition: none;}
.center_slider .changing.swiper-slide-active,
.center_slider .changed.swiper-slide-active {transform:translateX(0);}
.center_slider .swiper-slide-active ~ .changing,
.center_slider .swiper-slide-active ~ .changed {transform:translateX(51px);}
.center_slider .changing.swiper-slide-active .slide_cont,
.center_slider .changed.swiper-slide-active .slide_cont {width:432px;margin-left:-51px;margin-right:-51px;}

.center_slider .swiper-pagination {display:flex; width:100%; max-width:1044px; margin:0 auto; position:relative;}
.center_slider .swiper-pagination::after {content:''; width:100%; height:1px; top:1px; opacity:0.1; display:block; background:black; position:absolute; left:0;}
.center_slider .swiper-pagination .swiper-pagination-bullet {width:100%; height:3px; display:block; background:none; margin:0; border-radius:3px; position: relative;}
.center_slider .swiper-pagination .swiper-pagination-bullet::after {content:''; display:block; width:0; height:100%; background:#333;border-radius: 3px;  }
.center_slider .swiper-pagination .swiper-pagination-bullet-active::after {width:100%; transition:width 3s;}

/* location 상품 아이템*/
.location_item .title {font-size:18px;line-height:30px;margin-top: 0;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;overflow:hidden;}
.location_item .tag {font-size:14px; color:#ed2a61; margin-top:15px; line-height:1;}
.location_item .img_wrap {overflow:hidden;background-position:center; background-size:cover;}
.location_item img {width:100%;}

/* 4열 리스트 타입 (트레블쇼핑, 트레블팁스에 사용) */
.prod_list {display:flex; flex-wrap:wrap; gap:20px; max-width:1440px; padding:0 40px; margin:0 auto;}
.prod_item {display:block; position:relative; width:calc(100% / 4 - 15px);}
.prod_item .img_wrap {overflow: hidden;position:relative;background-size: cover;background-position: center; padding-top:100%;}
.prod_item .img_wrap a {display:block; overflow:hidden; width:100%; height:100%;}
.prod_item .img_wrap img {width:100%;}
.prod_item .txt_wrap {margin-top: 19px;margin-bottom: 50px;}
.prod_item .seller_name{color: #F0386C; margin-bottom: 8px; text-align: left;}
.prod_item .txt_wrap .company {display:none; font-size:14px; color:#333; line-height:1; margin-bottom:5px;}
.prod_item .txt_wrap .prod_name {font-size:20px; line-height:26px; max-height:56px; color:#333; font-weight: 700; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; overflow:hidden;}
.prod_item .txt_wrap .benefit {font-size:14px;line-height:20px;/* height: 40px; */color:#999;margin-top:6px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;overflow:hidden;}
.prod_item .img_wrap .seller_name {position:absolute; top:248px; left:10px; display:inline-block; height:22px; line-height:20px; padding:0 10px; border-radius:10px; font-size:12px;  color:#757575; background:#fff; border:1px solid rgba(0, 0, 0, 0.05);}
.prod_item .img_wrap .seller_name:hover {background-color:#333; color:#fff;}
/* 슬라이더 내부 */
.prod_item .img_wrap .seller_name {position:absolute;bottom:10px;left:10px; top: auto;display:inline-block; max-width: calc(100% - 20px); height:22px;line-height:20px;padding:0 10px;border-radius:10px;font-size:12px;color:#757575;background:#fff;border:1px solid rgba(0, 0, 0, 0.05); text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.prod_item .img_wrap .seller_name:hover {background-color:#333; color:#fff;}

/* sns이미지 */
.sns_slider .img_wrap{border-radius:24px;overflow: hidden;position:relative;background-size: cover;background-position: center;}



/* 상품 태그 */
.img_wrap .tag span {display:flex;justify-content: center;align-items: center;width:60px;height:36px;position:absolute;top:0;left:12px;background-size:contain;background-repeat: no-repeat;text-align:center;font-size:14px;font-weight: 600;color:#fff;line-height:14px;padding: 6px 5px;box-sizing: border-box;word-wrap: break-word;word-break: break-all;}
.img_wrap .tag .discount {background-image:url('../../img/ico_tag_1.png');}
.img_wrap .tag .gift {background-image:url('../../img/ico_tag_2.png');}
.img_wrap .tag .upgrade {background-image:url('../../img/ico_tag_3.png');}
.img_wrap .tag span:nth-child(2) {left:72px;}
.img_wrap .tag span:nth-child(3) {left:132px;}

/* 셀렉트 박스 */
.select_box {position:relative; display:inline-block; margin-right:12px}
.select_box .select {position:relative; width:100%; min-width:325px; height:64px; line-height:64px;}
.select_box .select::after {content:'';display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px 4.5px 0 4.5px;border-color: #333 transparent transparent transparent; position:absolute; top:50%; right:25px; transform: translateY(-50%);}
.select_box.on .select::after {transform: rotate(180deg) translateY(50%);}
.select_box .list {z-index:10; overflow:auto; display:none; position:absolute; left:0; top:100%; width:100%; max-height:265px; border:1px solid #e6e6e6; border-top:0;}
.select_box .list li a {display:block;min-height:31px;color:#999;font-size:16px;line-height:31px;padding:0 29px;}
.select_box .list li:last-child a {padding-bottom:7px}
.select_box .list li a:hover {color:#333; background:#f8f8f8}

.select_box.on .select {border-bottom:0;}
.select_box.on .list {display:block; background:#fff}

/* 라디오 박스 */
.radio_box {display:inline-block;}
.radio_box input {position:absolute; left:-9999px; width:0; height:0;}
.radio_box label {position:relative; color:#444;  font-size:18px; margin:0; cursor: pointer;}
.radio_box label span {color:#939393; font-size:15px}
.radio_box label::before {content:''; display:inline-block; width:24px; height:24px; vertical-align:middle; margin-right:10px; border-radius:24px; border:8px solid #dcdcdc; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;}
.radio_box input:checked + label:before {border-color:#f0386c}

/* button - view all */
.btn_view {position:relative;background-color:#333; display:block;text-align:left;width:auto;/* width:145px; */height:45px;/* padding:0; */line-height:45px;color:#fff;font-size:14px;border-radius: 99px; padding: 0 50px 0 36px;}
.btn_view::after { content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; transform: rotate(45deg); position: absolute; top: 19px; right:31px; }
.btn_view:hover {background-color:#f0386c;border: 1px solid #f0386c; color:#fff;}
.btn_view:hover::after{border-top: 1px solid #fff; border-right: 1px solid #fff;}



/* 페이지네이션 */
.page_box { display: flex; justify-content: center; margin-top:60px;}
.page_box a.btn_prev,
.page_box a.btn_next {display: block;position: relative;width: 20px;height: 20px;margin-right: 16px;float: left;margin-top: 15px;}
.page_box a.btn_next {margin-right:0;margin-left: 16px;/* margin-top: 30px; */}
.page_box a.btn_prev::after { content: ''; width: 11px; height: 11px; border-top: 2px solid #232323; border-right: 2px solid #232323; display: inline-block; transform: rotate(225deg); position: absolute; top: 0px; left: 7px; }
.page_box a.btn_next::after { content: ''; width: 11px; height: 11px; border-top: 2px solid #232323; border-right: 2px solid #232323; display: inline-block; transform: rotate(45deg); position: absolute; top: 0px; left: 1px; }
.page_box a.btn_prev:hover::after,
.page_box a.btn_next:hover::after { border-top: 2px solid #e2295e; border-right: 2px solid #e2295e; transition: .5s; }
.page_box a.btn_prev.disable::after,
.page_box a.btn_next.disable::after { border-top: 2px solid #232323; border-right: 2px solid #232323; opacity:0.2; }
.page_box ol {display: flex;float: left;}
.page_box ol li { overflow:hidden; }
.page_box ol li a {width: 44px;height: 44px;font-size: 16px;line-height: 43px; font-weight: 400;color: #333;margin: 0 5px;display: block;float: left;border-radius: 50%;text-align: center; transition:background 0.3s, color 0.3s;}
.page_box ol li a.dot {width: 20px;height: 1px;background: #232323;margin: 22px 5px 0;border-radius: 0;}
.page_box ol li a.on,
.page_box ol li a:hover {color: #fff;background: #333333;}

/* travel tips */
.filter_search_area {display: flex; justify-content: space-between; max-width:1440px; padding:0 40px; margin:0 auto 20px;}
.filter_search_area .filter_list {justify-content: flex-start; width:100%; margin-top:0; padding:20px 30px; text-align: left;}
.filter_search_area .search_box {display: flex; justify-content: space-between; width:325px; padding-left:20px; border:1px solid #e5e5e5; border-left:0;}
.filter_search_area .search_box input {width:100%; height:100%; font-size:16px;}
.filter_search_area .search_box input::placeholder {color:#1a1a1a}
.filter_search_area .search_box .btn_search {display:flex; align-items: center; justify-content: center; width:64px; height:100%;}
.filter_search_area .search_box .btn_search img {width:24px;}



@media(max-width:960px) {
    /* 4열 리스트 타입 (트레블쇼핑, 트레블팁스에 사용) */
    .prod_list {gap:12px; padding: 0 20px;}
    .prod_item {width: calc(100% / 2 - 6px);}
    .prod_item .txt_wrap {margin-top: 8px;margin-bottom: 24px;}
    .prod_item .txt_wrap .prod_name {font-size:15px;}

    .filter_search_area {display: block; padding:0 20px;}
    .filter_search_area .filter_list {padding:16px 20px}
    .filter_search_area .search_box {width:100%; height:52px; border:1px solid #e5e5e5; border-top:0}
}


@media(min-width:768px) and (max-width:1280px) {
    /* pc vw */
    /* center slider */
    .center_slider.swiper-container {width: 100%;margin: 0 auto;height: 37.5000vw;}
    .center_slider .swiper-wrapper {align-items: flex-end;}
    .center_slider .swiper-slide {flex-direction:column; width: auto;height:auto;}
    .center_slider .swiper-slide .slide_cont { padding-left:1.8750vw; padding-right:1.8750vw; width:25.7813vw;}
    .center_slider .swiper-slide .slide_cont .img_wrap {border-radius: 1.8750vw;width: 100%;height: 0;padding-top: 100%;}
    .center_slider .swiper-slide .slide_cont .img_wrap a {width:100%;height:100%;top: 0;}
    .center_slider .swiper-slide .slide_cont:nth-child(2) {top: 14.3750vw;left: 2.8125vw;}

    .center_slider .changing .slide_cont .txt_wrap {transition:opacity 0.3s;}
    .center_slider .changed .slide_cont .txt_wrap {transition: none;}
    .center_slider .changing,
    .center_slider .changed {transform: translateX(-3.9844vw); -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
    .center_slider .changing {transition: width 0.3s;pointer-events: none !important; }
    .center_slider .changed {transition: none;}
    .center_slider .changing .slide_cont{transition: width 0.3s;}
    .center_slider .changed .slide_cont{transition: none;}
    .center_slider .changing.swiper-slide-active,
    .center_slider .changed.swiper-slide-active {transform:translateX(0);}
    .center_slider .swiper-slide-active ~ .changing,
    .center_slider .swiper-slide-active ~ .changed {transform:translateX(3.9844vw);}
    .center_slider .changing.swiper-slide-active .slide_cont,
    .center_slider .changed.swiper-slide-active .slide_cont {width:33.7500vw;margin-left:-3.9844vw;margin-right:-3.9844vw;}

    .center_slider .swiper-pagination { width:100%; max-width:81.5625vw; margin:0 auto; }
    .center_slider .swiper-pagination::after {/* width:100%; *//* height:0.0781vw; *//* top:0.0781vw; *//* opacity:0.1; *//* background:black; *//* left:0; */}
    .center_slider .swiper-pagination .swiper-pagination-bullet {width:100%;/* height:0.2344vw; */background:none;margin:0;/* border-radius:0.2344vw; */}
    .center_slider .swiper-pagination .swiper-pagination-bullet::after {  width:0; height:100%; background:#333;border-radius: 0.2344vw;  }
    .center_slider .swiper-pagination .swiper-pagination-bullet-active::after {width:100%; transition:width 3s;}


    /* 셀렉트 박스 */
    /* .select_box {position:relative; display:inline-block; margin-right:0.9375vw}
    .select_box .select {position:relative; width:100%; min-width:14.5313vw; height:3.4375vw; height:3.4375vw; line-height:3.4375vw; color:#333; font-size:1.2500vw; text-align:left; padding:0 3.1250vw 0 2.3438vw; border-radius:3.4375vw; border:0.0781vw solid #e6e6e6}
    .select_box .select::after {content:'';display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0.4688vw 0.3516vw 0 0.3516vw;border-color: #333 transparent transparent transparent; position:absolute; top:1.3281vw; right:1.9531vw;}
    .select_box .list {z-index:10; overflow:auto; display:none; position:absolute; left:0; top:100%; width:100%; max-height:20.7031vw; border-radius:0 0 1.7188vw 1.7188vw; border:0.0781vw solid #e6e6e6; border-top:0;}
    .select_box .list li a {display:block; min-height:2.5000vw; color:#999; font-size:1.2500vw; line-height:2.5000vw; padding:0 2.2656vw;}
    .select_box .list li:last-child a {padding-bottom:0.5469vw}
    .select_box .list li a:hover {color:#000; background:#f8f8f8}
    .select_box.on .select {border-bottom:0; border-radius:1.7188vw 1.7188vw 0 0}
    .select_box.on .list {display:block; background:#fff} */

    /* 라디오 박스 */
    .radio_box input { left:-781.1719vw; width:0; height:0;}
    .radio_box label {font-size:1.4063vw;margin:0;cursor: pointer;line-height: 1.8750vw;}
    .radio_box label span { font-size:1.1719vw}
    .radio_box label::before {  width:1.8750vw; height:1.8750vw;  margin-right:0.7813vw; border-radius:1.8750vw; border:0.6250vw solid #dcdcdc;}
    .radio_box input:checked + label:before {border-color:#f0386c}

    /* button - view all */
    .btn_view {width:auto; height:3.5156vw;line-height:3.5156vw;font-size:1.0938vw;border-radius:3.5156vw;padding: 0 3.9063vw 0 2.8125vw;}
    .btn_view::after {  width: 0.6250vw; height: 0.6250vw; border-top: 0.0781vw solid #fff; border-right: 0.0781vw solid #fff;  transform: rotate(45deg);  top: 1.4844vw; right:2.4219vw; }

}


@media(max-width:767px) {
    /* center slider */
    .center_slider .swiper-slide .slide_cont {width: 520px;padding: 0 20px;}
    .center_slider .swiper-slide .slide_cont .img_wrap {border-radius:32px;}
    .center_slider .swiper-slide .slide_cont:nth-child(2) {top: 136px;left: 22px;}
    .center_slider .changing,
    .center_slider .changed {transform: translateX(-40px);}
    .center_slider .changing.swiper-slide-active,
    .center_slider .changed.swiper-slide-active {transform:translateX(0);}
    .center_slider .swiper-slide-active ~ .changing,
    .center_slider .swiper-slide-active ~ .changed {transform:translateX(40px);}
    .center_slider .changing.swiper-slide-active .slide_cont,
    .center_slider .changed.swiper-slide-active .slide_cont {width:600px;margin-left:-40px;margin-right:-40px;}
    .center_slider .swiper-pagination {width:640px;}
    .center_slider .swiper-pagination::after {height:2px;}
    .center_slider .swiper-pagination .swiper-pagination-bullet {height:6px; margin-top:-1px}
    .center_slider .swiper-slide-prev .slide_cont .txt_wrap,
    .center_slider .swiper-slide-next .slide_cont .txt_wrap {opacity:0;pointer-events:none;}

    /* location 아이템 */
    .location_item .title {font-size:32px;line-height: 48px;margin-top: 24px;}
    .location_item .tag {font-size:24px;margin-top: 25px;}


    /* 상품 태그 */
    .img_wrap .tag span {width:72px;height:72px;font-size:16px;line-height:20px;padding-top: 8px;top: 12px;right: 12px;}
    .img_wrap .tag span:nth-child(2) {left: 51px}
    .img_wrap .tag .discount {background-image:url('../../img/ico_tag_1.png');}
    .img_wrap .tag .gift {background-image:url('../../img/ico_tag_2.png');}
    .img_wrap .tag .upgrade {background-image:url('../../img/ico_tag_3.png');}



    /* 셀렉트 박스 */
    /* .select_box {width:50%; margin-right:0;}
    .select_box.on .select {border-radius:32px 32px 0 0;}
    .select_box .select {min-width:auto; height:72px; line-height:72px; font-size:3.33vw; padding:0 40px 0 30px}
    .select_box .select::after {top:50%}
    .select_box .list {border-radius: 0 0 32px 32px;}
    .select_box .list li a {height:9.72vw;line-height:9.72vw;font-size:3.33vw;padding: 0 4.0278vw;} */


    /* view all 버튼 */
    .btn_view {/* display: inline-block; */font-size:24px;/* width:208px; */height:66px;line-height: 66px;padding: 0 66px 0 40px;}
    .btn_view::after {width: 12px;height: 12px;border-width: 2px 2px 0 0;top: 27px;right: 43px;}



    /* 라디오 박스 */
    .radio_box {display:inline-block;}
    .radio_box input {position:absolute; left:-9999px; width:0; height:0;}
    .radio_box label {position:relative;color:#444;font-size: 28px;margin:0;cursor: pointer;display: flex;align-items: center;}
    .radio_box label span {color:#939393; font-size:15px}
    .radio_box label::before {content:'';display:inline-block;width: 32px;height: 32px;vertical-align: bottom;margin-right:10px;border-radius:24px;border: 10px solid #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
    .radio_box input:checked + label:before {border-color:#f0386c}


    /* mo vw */

    /* center slider */
    .center_slider .swiper-slide .slide_cont {width: 72.2222vw;padding: 0 2.7778vw;}
    .center_slider .swiper-slide .slide_cont .img_wrap {border-radius:4.4444vw;}
    .center_slider .swiper-slide .slide_cont:nth-child(2) {top: 18.8889vw;left: 3.0556vw;}
    .center_slider .changing,
    .center_slider .changed {transform: translateX(-5.5556vw);}
    .center_slider .changing.swiper-slide-active,
    .center_slider .changed.swiper-slide-active {transform:translateX(0);}
    .center_slider .swiper-slide-active ~ .changing,
    .center_slider .swiper-slide-active ~ .changed {transform:translateX(5.5556vw);}
    .center_slider .changing.swiper-slide-active .slide_cont,
    .center_slider .changed.swiper-slide-active .slide_cont {width:83.3333vw;margin-left:-5.5556vw;margin-right:-5.5556vw;}
    .center_slider .swiper-pagination {width:88.8889vw;}
    .center_slider .swiper-pagination::after {height:0.2778vw;}
    .center_slider .swiper-pagination .swiper-pagination-bullet {height:0.8333vw; margin-top:-0.1389vw}
    .center_slider .swiper-slide-prev .slide_cont .txt_wrap,
    .center_slider .swiper-slide-next .slide_cont .txt_wrap {opacity:0;pointer-events:none;}

    /* 상품 태그 */
    .img_wrap .tag span {width: 40px; height: 36px;font-size:12px;line-height:2.7778vw;padding: 1.11vw 0; top: 0; left: 11px;}
    .img_wrap .tag span:nth-child(2) {left: 53px;}
    .img_wrap .tag span:nth-child(3) {left: 97px;}


    /* 셀렉트 박스 */
    /* .select_box {width:50%; margin-right:0;}
    .select_box.on .select {border-radius:4.44vw 4.44vw 0 0;}
    .select_box .select {min-width:auto;height:10.0000vw;line-height:10.0000vw;font-size:3.33vw;padding:0 5.5556vw 0 4.1667vw}
    .select_box .select::after {top: 4.1667vw;right: 4.4444vw;border-width: 1.3889vw 0.9722vw 0 0.9722vw;}
    .select_box .list {border-radius: 0 0 4.44vw 4.44vw;}
    .select_box .list li a {height:9.72vw;line-height:9.72vw;font-size:3.33vw;padding: 0 4.0278vw;} */

    /* view all 버튼 */
    .btn_view {/*  */font-size:3.3333vw;/* width:28.8889vw; */height:9.1667vw;line-height: 9.1667vw;padding: 0 9.1667vw 0 5.5556vw;}
    .btn_view::after {width: 1.6667vw;height: 1.6667vw;border-width: 0.2778vw 0.2778vw 0 0;top: 3.7500vw;right: 5.9722vw;}



    /* 라디오 박스 */
    .radio_box {display:inline-block;}
    .radio_box input {position:absolute; left:-1388.7500vw; width:0; height:0;}
    .radio_box label {position:relative;color:#444;font-size: 3.8889vw;margin:0;cursor: pointer;display: flex;align-items: center;line-height: 4.4444vw;}
    .radio_box label span {color:#939393; font-size:2.0833vw}
    .radio_box label::before {content:'';display:inline-block;width: 4.4444vw;height: 4.4444vw;vertical-align: bottom;margin-right:1.3889vw;border-radius:3.3333vw;border: 1.3889vw solid #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
    .radio_box input:checked + label:before {border-color:#f0386c}



}


/* ----- layer_popup ----- */

#dimLayer {z-index:199997;position:fixed;left:0;right:0;top:0;bottom:0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);}
#dimLayer2 {z-index:199998;position:fixed;left:0;right:0;top:0;bottom:0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);}
#dimLayer3 {z-index:199999;position:fixed;left:0;right:0;top:0;bottom:0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);}

#dimLayer_gnb {z-index: 99;position:fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.7);}
.layer_popup {z-index:199998;display:none;overflow-x:hidden;overflow-y: hidden;position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding-right: 0;}
.layer_popup .layer_outer {left: 50%;top: 100px;width: 1200px;margin-left: -600px;position: relative; padding-bottom:100px}
.layer_popup .layer_cont {padding: 40px;border-radius: 24px;background:#fff;position: relative;}
.layer_popup .layer_cont .tit_txt {color: #333; font-size:44px; text-align:center; margin-bottom:35px; }
.layer_popup .layer_cont .btn_center { margin:0 auto; display:block; }

/* 팝업 오픈 */
.popup-open {overflow:hidden;}
.popup-open .layer_popup {overflow-x: hidden;overflow-y: auto;}
.popup-open .layer_popup.on .layer_cont { animation: showPopup 0.3s ease-out; }
@keyframes showPopup {
    0% { transform: translateY(100px); opacity:0;}
    50% { opacity:1;}
    100% { transform: translateY(0);}
}

.layer_popup2 {z-index:199999;display:none;overflow-x:hidden;overflow-y: hidden;position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding-right: 0;}
.layer_popup2 .layer_outer {left: 50%;top: 50%;  max-width: 600px; width: 100%; position: relative; transform: translate(-50%,-50%);}
.layer_popup2 .layer_cont {padding: 32px 24px;border-radius: 24px;background:#fff;position: relative;}
.layer_popup2 .layer_cont .tit_txt {color: #222; font-size: 24px; text-align:left; margin-bottom:24px; font-weight: 700;}
.layer_popup2 .layer_cont .btn_center { margin:0 auto; display:block; }

.layer_popup2 .layer_outer .bottom_btnwrap{padding: 32px 24px;border-radius: 24px;background:#fff;position: relative; top: -1px; border-top: 2px dashed #E7E7E7;}
.layer_popup2 .layer_outer .bottom_btnwrap p{color: #898989; font-size: 14px; text-align: center;}

.layer_popup2 .couponimg_wrap{max-width: 552px; width: 100%;}
.layer_popup2 .couponimg_wrap img{width: 100%; margin: 0 auto; display: block;}
.layer_popup2 .btn_download {display:block;width:100%;height:46px;line-height:46px;color:#fff;font-size: 20px;text-align:center;border-radius:8px;margin: 8px auto 0;background:#F0386C;}

.layer_popup2 .btn_close_bottom {display:block;width:140px;height:45px;line-height:45px;color:#fff;font-size:14px;text-align:center;border-radius:45px;margin: 40px auto 0;background:#333;}
.layer_popup2 .btn_close { position:absolute; right: 30px; top: 30px; display:block; width: 24px; height: 24px; text-indent:-999px; font-size:0; transition : all 0.3s ease; }
.layer_popup2 .btn_close.type2 { right:28px; top:28px; width: 32px; height: 32px; }
.layer_popup2 .btn_close:before,
.layer_popup2 .btn_close:after { content:''; display:block; position:absolute; left:0; top:50%; width:100%; height: 2px; border-radius:2px; background:#333; }
.layer_popup2 .btn_close:before { transform:rotate(45deg); }
.layer_popup2 .btn_close:after { transform:rotate(-45deg); }
.layer_popup2 .btn_close:hover { transform:rotate(90deg) }
.layer_popup2 .btn_close:hover { transform:rotate(90deg) }

/* 팝업 오픈 */
.popup-open {overflow:hidden;}
.popup-open .layer_popup2 {overflow-x: hidden;overflow-y: auto;}
.popup-open .layer_popup2.on .layer_cont { animation: showPopup 0.3s ease-out; }

/** 가이드 팝업*/
.layer_guide_popup {z-index:200000;display:none;overflow-x:hidden;position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding-right: 0;}
.layer_guide_popup .layer_outer {top: 53px;margin: 0 auto;max-width: 720px; width: 100%; position: relative;}
.layer_guide_popup .layer_cont {padding: 28px;background:linear-gradient(#F0386C, #751DC6);;position: relative;}
.layer_guide_popup .layer_cont .guide_header{display: flex;justify-content: space-between;align-items: center;gap: 12px;}
.layer_guide_popup .layer_cont .guide_header .logo{width: 123px;height: 71px;}
.layer_guide_popup .layer_cont .guide_header .txt{flex: 1;height: 71px;display: flex;align-items: flex-end;;font-size: 40px;font-weight: 700;text-align: left;color: #FFFFFF}
.layer_guide_popup .layer_cont .guide_header .qr{width: 87px;height: 87px;}
.layer_guide_popup .layer_cont .guide_products{margin: 8px 0;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item{padding: 20px; background-color: #FFFFFF;display: flex;gap: 30px;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_list li:not(:first-child){margin-top:5px;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .img_wrap{width: 180px;height: 180px;background-size: cover;background-position: center;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap{display: flex;flex-direction: column;justify-content: space-between;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .company_info{display: flex;gap: 8px;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .company_info .category{font-size: 14px;line-height: 16px;font-weight: 700;color: #FFFFFF;padding: 2px 6px;background-color: #F0386C}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .company_info .company_name{font-size: 14px;line-height: 16px;font-weight: 700;color: #F0386C;padding: 2px 6px;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .product_name{margin-top: 10px;font-size: 22px;font-weight: 500;line-height: 28px;color: #1A1A1A;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap dl{display: flex; flex-wrap: wrap; color: #666666;font-weight: 500;line-height: 24px;font-size: 16px;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap dl dt {position: relative;margin-right: 4px;padding-left: 12px;color: #666666;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap dl dt::before {content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background-color: #666666;top: 10px;transform: translateY(-50%);left: 0;}
.layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap dl dt::after {content: ":";margin-left: 4px;color: #666666;}

.layer_guide_popup .layer_cont .guide_options{}
.layer_guide_popup .layer_cont .guide_options .info_wrap{display: flex;justify-content: space-between;}
.layer_guide_popup .layer_cont .guide_options .info_wrap .txt{font-size: 16px;font-weight: 600;color: #FFFFFF;line-height: 24px;}
.layer_guide_popup .layer_cont .guide_options .info_wrap .date{font-size: 16px;font-weight: 600;color: #FFFFFF;line-height: 24px;}
.layer_guide_popup .layer_cont .guide_options .button_wrap{display: flex;justify-content: space-between;margin-top: 24px;gap: 8px;}
.layer_guide_popup .layer_cont .guide_options .button_wrap button{width: 100%;height: 100%;padding: 20px;font-size: 20px;line-height: 24px;font-weight: 600;color: #FFFFFF;background-color: #000000;}
.layer_guide_popup .layer_cont .guide_options .info{margin-top: 8px;font-size: 16px;line-height: 24px;color: #FFF71A;text-align: center;font-weight: 400;}
.layer_guide_popup .layer_cont .guide_options .info span{font-weight: 600;}

.layer_guide_popup .layer_cont .tit_txt {color: #222; font-size: 24px; text-align:left; margin-bottom:24px; font-weight: 700;}
.layer_guide_popup .layer_cont .btn_center { margin:0 auto; display:block; }
@keyframes showPopup {
    0% { transform: translateY(100px); opacity:0;}
    50% { opacity:1;}
    100% { transform: translateY(0);}
}

.layer_popup .btn_close_bottom {display:block;width:140px;height:45px;line-height:45px;color:#fff;font-size:14px;text-align:center;border-radius:45px;margin: 40px auto 0;background:#333;}
.layer_popup .btn_close { position:absolute; right: 30px; top: 30px; display:block; width: 30px; height: 30px; text-indent:-999px; font-size:0; transition : all 0.3s ease; }
.layer_popup .btn_close.type2 { right:28px; top:28px; width: 32px; height: 32px; }
.layer_popup .btn_close:before,
.layer_popup .btn_close:after { content:''; display:block; position:absolute; left:0; top:50%; width:100%; height: 2px; border-radius:2px; background:#333; }
.layer_popup .btn_close:before { transform:rotate(45deg); }
.layer_popup .btn_close:after { transform:rotate(-45deg); }
.layer_popup .btn_close:hover { transform:rotate(90deg) }
.layer_popup .btn_close:hover { transform:rotate(90deg) }

.layer_popup.scroll .layer_cont {top:0; padding: 60px 50px;}
.layer_popup.scroll .scroll_box {padding:20px 30px;background-color:#f7f8f9;font-size:14px;line-height:26px;overflow-y:auto;border:1px solid #dcdcdc;}

@media(max-width:960px){
    .layer_popup .layer_outer {width: auto;padding:0 16px; left: 0;top: 66px;margin: 0 0;}
    .layer_popup .btn_close {top: 16px;right: 16px;}

    .popup-open .layer_popup2 {padding-bottom: 300px;}

    .layer_guide_popup .layer_outer {top:16px;max-width: 328px;margin-bottom: 176px;}
    .layer_guide_popup .layer_cont {padding: 24px 10px 8px;}
    .layer_guide_popup .layer_cont .guide_header .logo {width: 72px;height: 42px;}
    .layer_guide_popup .layer_cont .guide_header .txt {height: 42px;font-size: 23px;font-weight: 700;}
    .layer_guide_popup .layer_cont .guide_products {margin: 24px 0 8px;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item {gap: 12px;padding: 16px;flex-direction: column;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .guide_prod_mobile_wrap{display: flex; gap: 12px;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .img_wrap {width: 76px;height: 76px;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .guide_prod_mobile_wrap .txt_wrap .company_info{display: flex !important;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .guide_prod_mobile_wrap .txt_wrap .company_info .company_name {flex: 1;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .company_info .category {font-size: 12px;line-height: 16px;padding: 1px 5px; height: 100%;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .product_name {margin-top: 6px;font-size: 18px;line-height: 25px;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap dl {font-size: 14px;line-height: 21px;}
    .layer_guide_popup .layer_cont .guide_products .guide_prod_item .txt_wrap .txt_footer{padding-top: 12px;border-top: 1px solid #E5E5E5;}
    .layer_guide_popup .layer_cont .guide_options .info_wrap {display: flex;flex-direction: column;align-items: center;}
    .layer_guide_popup .layer_cont .guide_options .info_wrap .txt {font-size: 14px;line-height: 21px;}
    .layer_guide_popup .layer_cont .guide_options .info_wrap .date {font-size: 14px;line-height: 21px;}
    .layer_guide_popup .layer_cont .guide_options .button_wrap {margin-top: 12px;}
    .layer_guide_popup .layer_cont .guide_options .button_wrap button {font-size: 16px;line-height: 21px;padding: 15px 0;}
    .layer_guide_popup .layer_cont .guide_options .info {margin-top: 6px;font-size: 14px;line-height: 21px;}
}

/* LOADER */
.loader-overlay {position: fixed;width: 100%;height: 100%;z-index:99999;top: 0;left:0;display:none;}
.loader {height: 4px;width: 100%;position: relative;overflow: hidden;/*background-color: #fff;*/}
.loader:before {display: block;position: absolute;content: "";left: -200px;width: 200px;height: 2px;background-color: #F0386C;animation: loading 1s linear infinite;}
@keyframes loading {from {left: -200px;width: 30%;}50% {width: 30%;}70% {width: 70%;}80% {left: 50%;}95% {left: 120%;}to {left: 100%;}}

._hidden {display:none !important;}
.hidden {display:none !important;}
/* =========================================== [e] 공통요소(실제사용) ==================================================*/



/*----- video popup ------*/
.video_popup.layer_popup .layer_outer {width:1120px;margin-left: -560px;}
.video_popup.layer_popup .layer_cont {background:none; padding:40px 0;}
.video_popup.layer_popup .layer_cont .vid_wrap {width:100%; height:0; padding-top:56.25%; position:relative;}
.video_popup.layer_popup .layer_cont .vid_wrap video,
.video_popup.layer_popup .layer_cont .vid_wrap iframe {width:100%;height: 100%;position:absolute;top:-2px;left:-2px;border:2px solid #fff;background:#000; box-sizing: content-box;}

.video_popup.layer_popup .btn_close {top:0; right:-2px;}
.video_popup.layer_popup .btn_close:before, .video_popup.layer_popup .btn_close:after {background:#fff;}
.layer_popup.video_popup {padding-bottom:0; overflow:hidden;}

@media(min-width:768px) and (max-width:1280px) {
    /* popup */
    .video_popup.layer_popup .layer_outer {width:87.5000vw;margin-left: -43.7500vw;}
    .video_popup.layer_popup .layer_cont {padding:3.1250vw 0;}
    .video_popup.layer_popup .layer_cont .vid_wrap video,
    .video_popup.layer_popup .layer_cont .vid_wrap iframe {top:-0.1563vw;left:-0.1563vw;border:0.1563vw solid #fff;}

    /* button */
    .video_popup.layer_popup .btn_close {width: 2.3438vw; height: 2.3438vw; top:0; right:-0.1563vw;}
    .video_popup.layer_popup .btn_close:before,
    .video_popup.layer_popup .btn_close:after {height: 0.1563vw;}

}

@media(max-width:767px) {
    .video_popup.layer_popup .layer_outer {top:25vh;}
    .video_popup.layer_popup .layer_cont {padding:9.444vw 0;}
    .video_popup.layer_popup .layer_cont .vid_wrap video,
    .video_popup.layer_popup .layer_cont .vid_wrap iframe {top:-0.2777vw;left:-0.2777vw;border:0.2777vw solid #fff;}

    /* button */
    .video_popup.layer_popup .btn_close {width: 6.666vw;height: 6.666vw;top:0;right:-0.2777vw;}
    .video_popup.layer_popup .btn_close:before,
    .video_popup.layer_popup .btn_close:after {height: 0.5128vw;}
}