@charset "UTF-8";


/*.float_wrap .btn_float .img_download_banner {display:none;}*/ /* 우측플로팅배너 숨김 */

/* [S] 섹션 숨김 */
.main .sec_shop {display:none;}
.main .ai_search {margin-bottom:50px !important;}
.main .menu_travel {display:none;}
@media (max-width: 960px) {
 .main .ai_search {margin-bottom:30px !important;}
}
/* [E] 섹션 숨김 */


.skip_menu {z-index:999999; position:fixed; left:0; top:-999px; display:flex; align-items: center; justify-content: center; width:100%; height:30px; color:#fff; font-size:13px; background-color: #333;}
.skip_menu:focus {top:0;}

/* float pc */
.fixed_wrap { opacity: 0; transition: opacity 0.3s; }
.fixed_wrap.show { opacity: 1; }
.fixed_wrap { position: absolute; top: auto; bottom: 240px; right: 30px; z-index: 1007; }
.fixed_wrap.fixed { position: fixed; bottom: 32px; top: auto; }
.fixed_wrap button { display: block; width: 46px; height: 46px; background-size: contain; border-radius: 50%; transition: all 0.3s; }
.fixed_wrap .btn_float_open { display: block; background-color: #f0386c; background-image: url('../img/ico_open.html'); margin-bottom: 10px; background-size: 18px 18px; background-repeat: no-repeat; background-position: 50%; }
.fixed_wrap .btn_float_open.show { background-color: #333; transform: rotate(45deg); }
.fixed_wrap .btn_top { background-color: rgba(0, 0, 0, 0.5); background-image: url('../img/ico_top.html'); background-repeat: no-repeat; background-position: 50%; background-size: 50%; }
.fixed_wrap .btn_top:hover { background-color: rgba(0, 0, 0, 1); }
.float_wrap {position: fixed; width: 88px; bottom: 175px; right: 25px; transition: transform 0.3s; z-index: 1006; }
.float_wrap .btn_float { position: relative; width: 100%; }
.float_wrap .btn_float+.btn_float { display:none; margin-top: 4px; }
.float_wrap .btn_float a { display: block; width: 100%; height: 100%; height: 150px; font-size:0; border: 1px solid #1a1a1a; position: relative; background-size: cover; -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); }
.float_wrap.float_slider .swiper-slide { opacity: 0 !important; }
.float_wrap.float_slider .swiper-slide-active { opacity: 1 !important; }

.float_wrap .btn_float .img_download_banner {margin-bottom:5px;}
.float_wrap .btn_float .img_download_banner a {height:auto;}
.float_wrap .btn_float .img_download_banner img {width:100%;}

/* section banner */
/*.main footer .sec_banner .banner_slider { display:block; } */
.sec_banner { margin: 80px 0}
.sec_banner .sec_inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.sec_banner .sec_inner .banner { display: block; width: 1200px; height: 200px; border-radius: 24px; background-size: cover; background-position: center; }
.kgs .sec_banner .sec_inner .banner { margin-top: 0; }
.banner_slider { overflow: hidden; margin-top: 0; position: relative; width: 100%; max-width: 1200px; margin: 78px auto 90px; padding: 0 40px; }
.banner_slider .swiper-slide { display: inline-block; width: auto; }
.banner_slider .swiper-slide.swiper-slide-prev { opacity: 0; }
.banner_slider .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide { opacity: 0; }
.banner_slider .swiper-slide a { margin: 0 20px; overflow: hidden; display: block; height: 64px; float: left; }
.banner_slider .swiper-slide a img { height: 64px; }
.banner_slider .swiper-button-prev,
.banner_slider .swiper-button-next { width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; top: calc(50% - 12px); margin: 0; z-index: 10; position: absolute; }
.banner_slider .swiper-button-prev { background-image: url('../img/common/ico_arrow_prev_bk.html'); left: 0; }
.banner_slider .swiper-button-next { background-image: url('../img/common/ico_arrow_next_bk.html'); right: 0; }
.banner_slider .swiper-button-prev::after,
.banner_slider .swiper-button-next::after { font-size: 0; }
/* banner fix */
.banner_slider .swiper-wrapper .swiper-slide:nth-child(1) { padding-left: 132px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(3) { padding-right: 132px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(4) { padding-left: 145px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(6) { padding-right: 145px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(7) { padding-left: 208px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(9) { padding-right: 208px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(10) { padding-left: 93px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(12) { padding-right: 93px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(13) { padding-left: 98px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(15) { padding-right: 98px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(16) { padding-left: 196px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(18) { padding-right: 196px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(19) { padding-left: 261px; }
.banner_slider .swiper-wrapper .swiper-slide:nth-child(21) { padding-right: 261px; }

@media(min-width:768px) and (max-width:1280px){
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(1) { padding-left: 10.3125vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(3) { padding-right: 10.3125vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(4) { padding-left: 11.3281vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(6) { padding-right: 11.3281vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(7) { padding-left: 16.2500vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(9) { padding-right: 16.2500vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(10) { padding-left: 7.2656vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(12) { padding-right: 7.2656vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(13) { padding-left: 7.6563vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(15) { padding-right: 7.6563vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(16) { padding-left: 15.3125vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(18) { padding-right: 15.3125vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(19) { padding-left: 20.3906vw; }
 .banner_slider .swiper-wrapper .swiper-slide:nth-child(21) { padding-right: 20.3906vw; }
}


/* [e] footer */


@media(min-width:1441px){
 .fixed_wrap .btn_float_open { display: none; }

 /* 캘린더 페이지 플로팅 */
 .calendar .fixed_wrap~.float_wrap { /* top:200px; */}

 /* 팝업 열었을 때 플로팅 */
 .popup-open .fixed_wrap~.float_wrap { right: 16px; }
 }

@media(min-width:768px) { /* IE fix */

 /* 팝업 오픈 했을 때 fix 요소 스크롤 패딩*/
 .popup-open .header { padding-right: 17px; }

 .popup-open .calendar .sort_area { padding-right: 17px; }


 /* pc만 */
 #wrap.headFix header { position: fixed; left: 0; top: 0; width: 100%; margin-top: 0; }

 #wrap.headFix header .head_top { display: none; }

 #wrap.headFix header .head_bottom .small_search { display: block; }

 .banner_slider .swiper-slide { width: auto !important; /* background: green; */}
 }

@media(min-width:768px) and (max-width:1440px) {
 /*모바일 + 작은 화면 */
 /* .fixed_wrap { right:10px; } */
 .fixed_wrap button { margin: 0 20px 0 0; }

 .fixed_wrap~.float_wrap { width: 90px; position: absolute; top: auto; display: flex; flex-direction: column; }

 .fixed_wrap~.float_wrap { opacity: 0; }

 /* .fixed_wrap.show~.float_wrap { opacity:1; } */

 .fixed_wrap~.float_wrap.hide { /* transform:none; */}

 .fixed_wrap~.float_wrap .btn_float a { display: block; width: 90px; height: 150px; position: relative; border-radius: 16px; pointer-events: none; }

 .fixed_wrap~.float_wrap { bottom: 506px; right: 10px; height: 304px; transition: height 0.3s; justify-content: flex-end; opacity: 0; pointer-events: none; transition: opacity 0.3s; }

 .fixed_wrap~.float_wrap.show { opacity: 1; }

 .fixed_wrap~.float_wrap.show .btn_float a { pointer-events: auto; }

 .fixed_wrap.fixed~.float_wrap { position: fixed; bottom: 12.1875vw; justify-content: flex-end; }

 .fixed_wrap.fixed~.float_wrap.show { }
}

header .head_top .search_box .btn_search_open { display: none; }




@media(max-width:1280px){
 .float_wrap.float_slider .swiper-slide { display: flex; flex-direction: column; justify-content: flex-end; }

 .fixed_wrap.fixed~.float_wrap { opacity: 0; }

 .fixed_wrap.fixed~.float_wrap a { pointer-events: none; }

 .fixed_wrap.fixed.show~.float_wrap.show { opacity: 1; }

 .fixed_wrap.fixed.show~.float_wrap.show a { pointer-events: auto; }

 .sec_banner .sec_inner .banner { width: 93.7500vw; height: 15.6250vw; border-radius: 1.8750vw; }
 }

@media(max-width:767px) {
 /* 모바일만 */
 .visible_mo { display: block; }

 .visible_pc { display: none; }

 /*#wrap { padding-top:118px; } */
 #container { min-height: 0; }

 /* section banner */
 .sec_banner { margin: 0; }

 .main .sec_inner { margin: 0; }

 .sec_banner .sec_inner { width: 100%; }

 .sec_banner .sec_inner .banner { width: 100%; height: 27.7778vw; border-radius: 0; }

 .banner_slider { width: 640px; padding: 0; margin: 64px auto; }

 .banner_slider .swiper-slide { display: flex; width: 100%; justify-content: center; }

 .banner_slider .swiper-slide a { height: 72px; margin: 0 14px; }

 .banner_slider .swiper-slide a img { height: 72px; }

 .banner_slider .swiper-button-prev,
 .banner_slider .swiper-button-next { width: 26px; height: 42px; top: calc(50% - 21px); }


 /*floating*/
 .fixed_wrap { position: fixed; right: 10px; bottom: 40px; bottom: 40px; top: auto; }

 .fixed_wrap.fixed { bottom: 40px; }

 .fixed_wrap~.float_wrap { display: flex; flex-direction: column; justify-content: flex-end; }

 .fixed_wrap~.float_wrap { width: 100%; height: 0; overflow: hidden; transition: height 0.3s; bottom: 204px; position: fixed; }

 .fixed_wrap~.float_wrap.show { height: 448px; }

 .fixed_wrap .btn_float_open { margin-bottom: 12px; }

 .fixed_wrap~.float_wrap { width: 132px; bottom: 214px; right: 10px; top: auto; }

 .fixed_wrap~.float_wrap .btn_float a { width: 100%; height: 220px; border-radius: 16px; }

 .fixed_wrap~.float_wrap .btn_float+.btn_float { margin-top: 8px; }

}

@media(min-width:768px) and (max-width:1280px){
 .sec_banner .sec_inner { max-width: 93.7500vw; width: 100%; margin: 0; }

 .main .sec_kv .main_slider .swiper-slide .txt_wrap { padding: 24px 20px; }

}

/*[s] mobile vw */
@media(max-width:767px){
 #wrap { padding-top: 10px; }

 /* section banner */
 .sec_banner .sec_inner { width: 100%; margin: 0; }

 .banner_slider { width: 88.8889vw; padding: 0; margin: 8.8889vw auto; }

 .banner_slider .swiper-slide { width: 100%; }

 .banner_slider .swiper-slide a { height: 10vw; margin: 0 1.9444vw; }

 .banner_slider .swiper-slide a img { height: 10.0000vw; }

 .banner_slider .swiper-button-prev,
 .banner_slider .swiper-button-next { top: calc(50% - 2.9167vw); }

 /*floating*/
 .fixed_wrap { bottom: 5.5556vw; top: auto; }

 .fixed_wrap.fixed { bottom: 5.5556vw; }

 .fixed_wrap~.float_wrap { flex-direction: column; }

 .fixed_wrap~.float_wrap { width: 100%; height: 0; transition: height 0.3s; bottom: 28.3333vw; }

 .fixed_wrap~.float_wrap.show { height: 62.2222vw; height: 95vw; /* background: green; */}

 .fixed_wrap .btn_float_open { margin-bottom: 1.6667vw; }

 .fixed_wrap~.float_wrap { width: 18.3333vw; bottom: 29.7222vw; right: 1.3889vw; top: auto; }

 .fixed_wrap~.float_wrap .btn_float a { width: 100%; height: 30.5556vw; border-radius: 2.2222vw; }

 .fixed_wrap~.float_wrap .btn_float+.btn_float { margin-top: 1.1111vw; }

 .banner_slider .swiper-wrapper .swiper-slide { padding: 0 !important; }
 }

/*[e] mobile vw */






/*----- 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; }


@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; }
 }

.main #container { padding-top: 100px; }

/* [S] 2509 신규작업 */
.dimmed { z-index: 9999; content: ''; display: none; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background-color: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
header { z-index: 99999; position: fixed; left: 0; width: 100%; top: 0; background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
header .logo { display: block; width: 103px; position: absolute; top: 20px; left: 40px; }
header .logo img { width: 100%; }
header .header-top { display: flex; position: relative; z-index: 2; max-width: 1920px; height: 100px; margin: 0 auto; align-items: center; justify-content: center; padding: 0 150px; }
header .header-top .util-menu { position: absolute; right: 40px; top: 22px; display: flex; align-items: center}
header .header-top .util-menu .button-search { width: 56px; height: 56px; font-size: 0; border-radius: 100%; margin-right: 8px; background: #1a1a1a url('../../img/common/Icon_Search.png') center center / 24px auto no-repeat}
header .header-top .util-menu .button-search:hover { background-color: #F0386C; }
header .header-top .search-wrap { display: none; position: fixed; left: 0; right: 0; top: 100px; border-top: 1px solid #e5e5e5; }
header .header-top .search-wrap .search-wrap-inner { padding: 20px; background-color: #fff; }
header .header-top .search-box { position: relative; display: flex; width: 560px; border-bottom: 3px solid #1a1a1a; margin: 0 auto; }
header .header-top .search-box input { width: 100%; height: 60px; font-size: 22px; line-height: 36px; padding: 0 18px; outline: none; color: #1a1a1a; }
header .header-top .search-box .btn-search { width: 60px; height: 60px; vertical-align: middle; margin-left: 16px; }
header .header-top .search_pop { width: 560px; margin: 28px auto 0; }
header .header-top .search_pop .search_pop_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
header .header-top .search_pop .search_pop_header .pop_close { display: none; background: url(../img/ico_close_m.html)no-repeat; width: 18px; height: 18px; }
header .header-top .search_pop .search_pop_header p { color: #4d4d4d; font-size: 16px; font-weight: 600; }
header .header-top .search_pop .search_tag_wrap { display: flex; flex-wrap: wrap; gap: 10px; }
header .header-top .search_pop .search_tag_wrap .search_tag { padding: 9px 16px; background: #f5f5f5; border-radius: 4px; font-size: 16px; }
header .header-top .search_pop .search_tag_wrap .search_tag:hover { background-color: #F0386C; color: #fff; }
header .header-top .search_pop.open { display: block; }


/* lang select */
header .header-top .select_box_lang.lang { font-size: 0; }
header .header-top .select_box_lang.lang .select { cursor: pointer; width: 56px; height: 56px; font-size: 0; border-radius: 100%; background: #1a1a1a url('../../img/common/Icon_Language.png') center center / 24px auto no-repeat}
header .header-top .select_box_lang.lang .select:hover { background-color: #F0386C; }
/*header .header-top .select_box_lang.lang::before { content:''; display: inline-block; width: 24px; height: 24px; margin-left:5px; background: url(../img/icon_lang.png); vertical-align: middle; } */
/*header .header-top .select_box_lang.lang::after { content:''; display:block; width:4px; height:1px; background-color:#333333; position:absolute; top:13px; left:59px; } */
header .header-top .select_box_lang.lang .box { display: inline-block; position: relative; width: auto; }
/*header .header-top .select_box_lang.lang .box .select { position: relative; border-radius:5px; padding: 0 17px 0 35px; box-sizing: border-box; cursor: pointer; } */
header .header-top .select_box_lang.lang .box .select.disabled { color: #bababa; }
header .header-top .select_box_lang.lang .box .select::before { content: '언어'; display: inline-block; position: absolute; left: 0; }
header .header-top .select_box_lang.lang .box .select:after { content: ''; display: none; width: 18px; height: 18px; margin-left: 5px; background: url(../img/ico_arrow_top_bk.html); vertical-align: middle; }
header .header-top .select_box_lang.lang .box .list { display: none; position: absolute; top: calc(100% + 12px); left: 50%; width: 88px; margin-left: -44px; padding: 16px 0 16px 16px; background: #1a1a1a; }
header .header-top .select_box_lang.lang .box .list::before { content: ''; display: block; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #1a1a1a; z-index: 1; }
/*header .header-top .select_box_lang.lang .box .list::after { content:''; display: inline-block; width: 0; height: 0; position:absolute; top:13px; right: 14px; border-style: solid; border-width: 0 4.5px 6px 4.5px; border-color: transparent transparent #333333 transparent; } */
header .header-top .select_box_lang.lang .box .list>li a { display: block; box-sizing: border-box; width: 100%; height: 24px; line-height: 15px; font-family: 'NotoSansR'; font-size: 14px; color: #666666; cursor: pointer; padding-bottom: 4px; margin-bottom: 10px; padding-right: 16px; box-sizing: border-box; }
header .header-top .select_box_lang.lang .box .list>li:last-child a { margin-bottom: 0; }
header .header-top .select_box_lang.lang .box .list>li:hover a,
header .header-top .select_box_lang.lang .box .list>li.selected a { color: #fff; font-weight: 700; border-bottom: 2px solid #F0386C; }
header .header-top .btn-search { width: 60px; height: 60px; background: url('../../img/common/Icon_Search_black.png') no-repeat center; background-size: 30px auto; font-size: 0; }
header .header-top .btn-search.active { background: url('../images/icon_close.html') no-repeat center; }
header .header-top .smart-store { font-size: 16px; color: #016a8d; padding-right: 15px; margin-left: 50px; background: url('../images/icon_arrow_smartstore.html') no-repeat center right; }
header .header-bottom nav .depth-1 { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; max-width: 1200px; margin: 0 auto; }
header .header-bottom nav .depth-1 a { font-size: 18px; transition: all 0.2s ease; }
header .header-bottom nav .depth-1>li { height: 100%; }
header .header-bottom nav .depth-1>li:hover>a { color: #1a1a1a; text-shadow: 0.5px 0 0 currentColor; }
header .header-bottom nav .depth-1>li.on>a { color: #1a1a1a; text-shadow: 0.5px 0 0 currentColor; }
header .header-bottom nav .depth-1>li .depth-2 a:hover { color: #F0386C;}
header .header-bottom nav .depth-1>li:last-of-type>a::after { display: none; }
header .header-bottom nav .depth-1>li { display: flex; align-items: center; justify-content: center; line-height: 26px; margin: 0 25px; }
/* [E] 2509 신규작업 */


header .header-bottom nav .depth-1 .depth-2-wrap { display:none; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; height: 0; overflow: hidden; top: 100%; width: 100%; margin: 0 auto;
 align-items: center; justify-content: space-evenly; width: 100%; background-color: #fff; transition: height 0.1s; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.10); border-radius: 0px 0px 20px 20px; }

header .header-bottom nav .depth-1 .depth-2-wrap .depth-2 { display: flex; align-items: center; justify-content: space-evenly; padding: 16px 0; max-width: 1200px; margin: 0 auto; }
header .header-bottom nav .depth-1 .depth-all { display: none; padding: 8px 0; background-color: #fff; position: absolute; width: 100%; margin: 0 auto; left: 0; border-radius: 0px 0px 20px 20px; border-top: 1px solid #F1F1F1; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.10); }

header .header-bottom nav .depth-1 .depth-all.open { display: block; top: 62px; z-index: 1; }
header .header-bottom nav .depth-1 .btn_all { background: url('../img/icon_all.html')no-repeat; background-size: 100%; width: 24px; height: 24px; }
header .header-bottom nav .depth-1 .btn_all.open { background: url('../img/ico_close.html')no-repeat; }
header .header-bottom nav .depth-1 .depth-all .all-wrap { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; gap: 80px; }
header .header-bottom nav .depth-1 .depth-all ul li { margin: 8px 0; text-align: center; min-width: 150px; }
header .header-bottom nav .depth-1 .depth-all ul li a { line-height: 24px; font-size: 16px; color: #999999;}

header .header-search { display: none; position: absolute; left: 0; top: 100%; transform: translateY(calc(-100% - 90px)); width: 100%; padding-bottom: 50px; background-color: #fff; z-index: 1; text-align: center; transition: transform 0.3s; }
header .header-search.active { transform: translateY(0); }
header .header-search form { max-width: 588px; margin: 40px auto 0; display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #191919; }
header .header-search form input { font-size: 24px; width: 100%; background-color: transparent; }
header .header-search form input::placeholder { color: #b1b1b1; font-size: 24px; }
header .header-search form .del-all { font-size: 0; min-width: 21px; max-width: 21px; height: 21px; background: url('../images/icon_circle_del.html') no-repeat center; background-size: contain; margin-left: 16px; display: none; }
header .header-search form .del-all.active { display: block; }
header .header-search form .btn-search { font-size: 0; min-width: 25px; max-width: 25px; height: 25px; margin-left: 16px; background: url('../img/ico_search.html') no-repeat center; background-size: contain; }
header .header-search>div { max-width: 588px; margin: 40px auto 0; }
header .header-search>div .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
header .header-search>div .title p { font-size: 16px; font-weight: 500; }
header .header-search>div .title button { color: #888; text-decoration: underline; font-size: 14px; }
header .header-search>div.search-data-1 ul { display: flex; flex-wrap: wrap; }
header .header-search>div.search-data-1 ul li { margin-right: 10px; margin-bottom: 10px; }
header .header-search>div.search-data-1 ul li a { background-color: #e2e0d9; font-size: 16px; display: block; padding: 0px 12px; line-height: 35px; }
header .header-search>div.search-data-2 { display: none; }
header .header-search>div.search-data-2 ul { display: flex; flex-wrap: wrap; }
header .header-search>div.search-data-2 ul li { margin-right: 10px; margin-bottom: 10px; position: relative; }
header .header-search>div.search-data-2 ul li a { border: 1px solid #dbdbdb; font-size: 16px; display: block; padding: 0 40px 0 12px; line-height: 33px; }
header .header-search>div.search-data-2 ul li .del { position: absolute; width: 15px; height: 19px; right: 12px; top: 50%; transform: translateY(-50%); background: url('../images/icon_del_gray.html') no-repeat center; }
header .header-search .search-none { font-size: 16px; color: #888; display: none; text-align: left; }
header .header-search .search-none.active { display: block; }

/* [S] 2509 신규작업 */
/* footer */
footer { background: #282828; position: relative; padding-bottom: 40px}
footer>.footer_inner { padding: 0 40px; }
footer .footer_inner { position: relative; width: 100%; max-width: 1280px; color: #999; margin: 0 auto; }
footer .footet_top { background-color: #F3F3F3; }
footer .footet_top .footer_inner { height: 86px; display: flex; justify-content: space-between; align-items: center; }
footer .footet_top .link { display: flex; }
footer .footet_top .link a { color: #999; display: block; font-size: 18px; margin-right: 40px; }
footer .footet_top .hotline { display: flex; justify-content: flex-end; align-items: center; }
footer .footet_top .hotline .title { font-size: 14px; color: #919191; display: block; }
footer .footet_top .hotline .num { display: block; margin-left: 18px; padding-bottom: 10px; color: #ec547f; font-size: 32px; font-weight: 700; }
footer .footer_mid .footer_inner { display: flex; justify-content: space-between; align-items: flex-end; padding: 42px 0 0; }
footer .footer_mid .office_info { font-size: 0; }
footer .footer_mid .office_info .title { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 12px; }
footer .footer_mid .office_info .title .btn_faq { display: inline-block; color: #fff; margin-left: 20px; padding-left: 20px; border-left: 1px solid #666; }
footer .footer_mid .office_info .title .btn_faq svg { margin-left: 8px; }
footer .footer_mid .office_info dl { font-size: 14px; color: #ddd; line-height: 24px; overflow: hidden; }
footer .footer_mid .office_info dl { display: inline-block; }
footer .footer_mid .office_info dl:nth-child(4) { display: block; }
footer .footer_mid .office_info dl dt,
footer .footer_mid .office_info dl dd { float: left; position: relative; color:#fff; margin-right: 22px; }
footer .footer_mid .office_info dl dd a {color:#fff;}
footer .footer_mid .office_info dl dt { padding-left: 10px; margin-right: 3px; }
footer .footer_mid .office_info dl dt::before { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: 10px; left: 0; background-color: #878787; border-radius: 4px; }
footer .sns_area { position: absolute; right: 40px; top: 30px; display: flex; gap: 16px}
footer .sns_area a { width: 46px; height: 46px; position: relative; }
footer .sns_area a img { width: 100%; transition: opacity 0.3s; }
footer .sns_area a img.on { position: absolute; top: 0; left: 0; opacity: 0; }
footer .sns_area a:hover img.on { opacity: 1; }
footer .footer_bottom .footer_inner { display: flex; justify-content: space-between; padding-top: 36px; }
footer .footer_bottom .link_wrap { display: flex; justify-content: flex-start; align-items: center; margin-top: 0; }
footer .footer_bottom .link_wrap .link_title { font-size: 14px; color: #878787; display: flex; align-items: center; }
footer .footer_bottom .link_wrap .link_title::after { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #878787; margin: 0 10px; }
footer .footer_bottom .link_wrap a { display: block; display: flex; align-items: center; overflow: hidden; }
footer .footer_bottom .link_wrap .logo { display: flex; justify-content: flex-start; align-items: center; }
footer .footer_bottom .link_wrap .logo li { padding-right: 25px; }
footer .footer_bottom .link_wrap.family a { width: 188px; }
footer .float_right_bottom { z-index: 999999; position: fixed; right: 25px; bottom: 25px; }
footer .float_right_bottom .guide_book { width: 88px; border: 1px solid #1a1a1a; margin-bottom: 5px; background-color: #fff; }
footer .float_right_bottom .guide_book .box_list { padding: 12px; }
footer .float_right_bottom .guide_book .box_list .box { overflow: hidden; width: 64px; height: 64px; border: 1px dashed rgba(0, 0, 0, 0.30); margin-top: 4px; background: #F5F5F5; }
footer .float_right_bottom .guide_book .box_list .box .img { position: relative; width: 100%; height: 100%; }
footer .float_right_bottom .guide_book .box_list .box .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
footer .float_right_bottom .guide_book .box_list .box .img .btn_del { position: absolute; right: 2px; bottom: 2px; display: block; width: 16px; height: 16px; font-size: 0; background: rgba(255, 255, 255, 0.8) url('../../img/common/icon_x.png') no-repeat center; background-size: 10px auto; }
footer .float_right_bottom .guide_book .btn_make_guidebook { width: 100%; color: #fff; font-size: 14px; font-weight: 700; line-height: 18px; text-align: center; padding: 6px; background-color: #1a1a1a; }
footer .float_right_bottom .top_area { width: 88px; border: 1px solid #1a1a1a; background-color: #fff; }
footer .float_right_bottom .top_area .hotline { color: #1a1a1a; font-size: 14px; font-weight: 500; line-height: 16px; text-align: center; padding: 15px; }
footer .float_right_bottom .top_area .hotline .point { color: #F0386C; font-weight: 800; }
footer .float_right_bottom .top_area .hotline .tel { font-size: 26px; font-weight: 800; line-height: 24px; margin-top: 6px; }
footer .float_right_bottom .top_area .btn_top { width: 100%; height: 34px; font-size: 0; border-top: 1px solid #1a1a1a; background: url('../../img/common/btn_top.png') center no-repeat; }
/* [e] footer */

header .head_top .search_box .btn_search_open { display: none; }


/* header는 1280px 구간도 있음 */
.btn-gnb-mobile { display: none}

@media(max-width:1280px) {
  /* [S] 토글 GNB용 */
  .dimmed_m_gnb { z-index: 9999; content: ''; display: none; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background-color: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  body.m_open_gnb .dimmed_m_gnb { display: block; }
  body.m_open_gnb .header-top {background-color: #fff;}
  /* [E] 토글 GNB용 */

  header .btn-gnb-mobile { position: relative; display: block; width: 36px; height: 100px; font-size: 0; }
  header .btn-gnb-mobile::before,
  header .btn-gnb-mobile::after { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 2px; background-color: #1a1a1a; }
  header .btn-gnb-mobile::before { transform: translateY(-4px); }
  header .btn-gnb-mobile::after { transform: translateY(4px); }
  header .btn-gnb-mobile.on::before { transform: translateY(0) rotate(30deg); }
  header .btn-gnb-mobile.on::after { transform: translateY(0) rotate(-30deg); }
  header .header-bottom { display: none; }
  header .header-bottom.mobile_show { display: block; }
  header .header-bottom { position: fixed; left: 0; top: 100px; width: 100%; padding: 0 40px 40px; background-color: #fff; }
  header .header-bottom nav {padding-bottom:20px;}
  header .header-bottom nav .depth-1 { flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
  header .header-bottom nav .depth-1>li { flex: 1; margin: 0}
  header .header-bottom nav .depth-1 a { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 16px; font-weight: 600; padding: 0 15px; background-color: #000; background-size: cover; background-repeat: no-repeat; background-position: center}
  header .header-bottom nav .depth-1>li.on>a {color:#fff;}
  header .header-bottom nav .depth-1>li:hover>a { color: #fff; text-shadow: 0.5px 0 0 currentColor; }
  header .header-bottom nav .depth-1>li:nth-child(1) a { background-image: url('../../static/img/bg_menu1.png')}
  header .header-bottom nav .depth-1>li:nth-child(2) a { background-image: url('../../static/img/bg_menu2.png')}
  header .header-bottom nav .depth-1>li:nth-child(3) a { background-image: url('../../static/img/bg_menu3.png')}
  header .header-bottom nav .depth-1>li:nth-child(4) a { background-image: url('../../static/img/bg_menu4.png')}
  header .header-bottom nav .depth-1>li:nth-child(5) a { background-image: url('../../static/img/bg_menu5.png')}
  header .header-bottom nav .depth-1>li.menu_welcome a { background-image: url('../../static/img/bg_menu7.html')}
  header .header-bottom nav .depth-1>li.menu_event a { background-image: url('../../static/img/bg_menu6.png')}
}


@media(max-width:959px) {
  header .logo { top: 12px; left: 16px; width: 72px; }
  body.m_open_gnb {overflow:hidden; height:100vh}
  header .header-top { height: 66px; padding: 0 16px; }
  header .header-top .util-menu { top: 13px; right: 16px; }
  header .header-top .util-menu .button-search { width: 40px; height: 40px; }
  header .header-top .select_box_lang.lang .select { width: 40px; height: 40px; }
  header .header-top .search-wrap { top: 66px; }
  header .header-top .search-box { width: 100%; }
  header .header-top .search_pop { width: 100%}
  header .header-top .search-box input { font-size: 18px; padding: 0; }
  header .header-top .search_pop { margin-top: 24px; }
  header .header-top .search_pop .search_pop_header p { font-size: 14px; margin-bottom: 8px; }
  header .header-top .search_pop .search_tag_wrap { gap: 6px}
  header .header-top .select_box_lang.lang .box .list { left: auto; right: 0}
  header .header-top .select_box_lang.lang .box .list::before { left: auto; right: 8px; }
  header .header-bottom {overflow:auto; top: 66px; height:calc(100vh - 66px); padding: 0 20px 40px}
  header .header-bottom nav .depth-1 { flex-wrap: wrap; gap: 8px}
  header .header-bottom nav .depth-1>li { flex: auto; width: calc(50% - 4px); }
  footer>.footer_inner { padding: 0 20px; }
  footer .footer_mid .footer_inner { padding-top: 30px; }
  footer .footer_mid .office_info .title { font-size: 16px; line-height: 21px; }
  footer .footer_mid .office_info dl { display: flex; font-size: 13px; line-height: 16px; margin-bottom: 6px; }
  footer .footer_mid .office_info dl dt { flex-shrink: 0; }
  footer .footer_mid .office_info dl dt::before { top: 6px}
  footer .footer_bottom .footer_inner { padding-top: 20px; }
  footer .footer_bottom .link_wrap .logo li { padding-right: 15px; }
  footer .footer_bottom .link_wrap .logo li img { height: 20px; }
  footer .sns_area { position: relative; right: auto; top: auto; margin-top: 20px; gap: 5px}
  footer .float_right_bottom { right: 10px; bottom: 10px; }
  footer .float_right_bottom .guide_book { width: 68px; }
  footer .float_right_bottom .guide_book .box_list { padding: 2px 6px 6px}
  footer .float_right_bottom .guide_book .box_list .box { width: 56px; height: 56px; }
  footer .float_right_bottom .guide_book .btn_make_guidebook { font-size: 12px; }
  footer .float_right_bottom .top_area { width: 68px}
  footer .float_right_bottom .top_area .hotline { font-size: 12px; padding: 8px 5px; }
  footer .float_right_bottom .top_area .hotline .tel { font-size: 21px; margin-top: 0; }

  .float_wrap {width: 68px; bottom: 139px; right: 10px; }
  .float_wrap .btn_float a {height:110px;}
}

/* [E] 2509 신규작업 */


/* gnb_siderbar */
.gnb_sidebar { display: none; position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: #fff; transition: left .5s; z-index: 99; }
.gnb_sidebar.active { left: 0; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head { position: relative; background: #fff; padding: 26px 20px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .gnb_logo { position: absolute; top: 38%; left: 20px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .gnb_logo>a { display: block; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .gnb_logo>a>img { width: 70px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .sidebar_btn_box { display: block; float: right; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .sidebar_btn_box .sidebar_ico { display: block; float: left; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_head .sidebar_btn_box .sidebar_ico.sidebar_close { width: 25px; height: 24px; background: url('../img/ico_close_m-2.html') no-repeat 50% 50%; background-size: contain; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body { height: calc(100vh - 120px); overflow-y: auto; padding-bottom: 60px; box-sizing: border-box; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box { }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox { position: relative; padding: 16px 20px; padding-right: 0; border-bottom: 8px solid #F3F3F3; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox .util_user { font-size: 14px; line-height: 22px; font-weight: 500; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox .Language_wrap { display: flex; gap: 0 8px; overflow-y: scroll; margin-top: 10px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox .Language_wrap a { padding: 4px 12px; background-color: #FAFAFA; border: 1px solid #F1F1F1; border-radius: 999px; font-size: 14px; color: #A6A6A6; word-break: keep-all; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox .Language_wrap a.on { background-color: #F0386C; color: #fff; border: 0; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_util_box .sidebar_util_txtbox .util_user .util_login:before { position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 1px; background: #151515; }

.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .sidebar_title { font-size: 17px; padding: 0 20px; margin-bottom: 20px; font-weight: bold; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area { padding: 20px 0; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth2_box { }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth2_box .depth2_txt { font-size: 16px; font-weight: 500; display: block; padding: 15px 20px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth3_box { background-color: #FAFAFA; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth3_box { height: auto; overflow: hidden; transition: all 0.3s linear; }
/*.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .on > .depth3_box { height: auto; }*/
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth3_box .depth3_txt { color: #797979; font-size: 14px; padding: 8px 40px; }
.gnb_sidebar .gnb_sidebar_wrap .gnb_body .sidebar_category_box .gnb_area .depth3_box .depth3_txt.on a { color: #F0386C; }

.no_scroll { overflow: hidden; }

@media(max-width:1280px){
 .row { padding: 10px 20px; }

 section { margin: 0; }

 /* m_header */
 .gnb_sidebar { display: block; }
 .m_header .m_header_wrap { position: relative; }
 .m_header .m_header_wrap .m_btn_gnb { float: left; width: 20px; height: auto; margin: 9px 0; }


 .m_header .m_header_wrap .m_btn_gnb img { width: 100%; }
 .m_header .m_header_wrap .m_header_logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70px; }
 .m_header .m_header_wrap .m_header_logo>a { display: block; }
 .m_header .m_header_wrap .m_header_logo>a>img { width: 100%; }
 .m_header .m_header_wrap .m_sub_header_title { position: absolute; top: 50%; left: 53px; transform: translateY(-50%); font-size: 21px; letter-spacing: 0; font-weight: bold; }
 /* 2020-12-14 추가 시작 */
 .m_header .m_header_wrap>.m_header_user { float: right; }
 .m_header .m_header_wrap>.m_header_user .m_header_ico.m_ico_cart { background: url(../images/ico_m_cart.html) no-repeat 50% 50%; margin-right: 26px; background-size: contain; }
 .m_header_user .m_header_ico.m_ico_search { background: url('../img/ico_search-2.html') no-repeat 50% 50%; width: 24px; height: 24px; display: block; float: right; margin: 9px 0; }
 .m_header .m_header_wrap>.m_search_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; padding: 16px 20px 24px 20px; background: #fff; box-sizing: border-box; z-index: 2; }
 .m_header .m_header_wrap>.m_header_user .m_header_ico.m_ico_search.m_ico_close { background: url(../images/ico_m_close.html) no-repeat 50% 50%; background-size: 19px auto; }
 .m_header .m_header_wrap>.m_search_wrap .m_search_box { position: relative; }
 .m_header .m_header_wrap>.m_search_wrap .m_search_box .m_search { display: block; width: 100%; max-width: 256px; box-sizing: border-box; height: 34px; line-height: 34px; padding: 6px 16px; border: 1px solid #F1F1F1; background: #fff; font-size: 14px; border-radius: 999px; background-color: #F7F7F7; }
 .m_header .m_header_wrap>.m_search_wrap .m_search_box .m_btn_search { position: absolute; top: 50%; right: 44px; transform: translateX(50%)translateY(-50%); display: block; width: 24px; height: 24px; background: url(../img/ico_search.html) no-repeat; }
 .m_header .m_header_wrap>.m_search_wrap .m_search_box .m_ico_close { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); display: block; width: 24px; height: 24px; background: url(../img/ico_close.html) no-repeat; }
 .m_header .m_header_wrap>.m_search_wrap .searchtag_wrap { margin-top: 28px; }
 .m_header .m_header_wrap>.m_search_wrap .searchtag_wrap .tag_title { font-size: 14px; font-weight: 500; }
 .m_header .m_header_wrap>.m_search_wrap .searchtag_wrap .contents { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
 .m_header .m_header_wrap>.m_search_wrap .searchtag_wrap .contents .searchtag { padding: 4px 12px; border: 1px solid #F1F1F1; background-color: #FAFAFA; font-size: 14px; color: #A6A6A6; display: block; border-radius: 999px; }
 .m_header .m_header_wrap>.m_search_wrap .searchtag_wrap .contents .searchtag.on { background-color: #F0386C; color: #fff; }
 .m_header .m_slidetab_wrap { margin-top: 30px; overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */}
 .m_header .m_slidetab_wrap::-webkit-scrollbar { display: none !important; }
 .m_header .m_slidetab_wrap .m_slidetab .m_slideItme { display: inline-block; width: auto !important; margin-right: 26px; }
 .m_header .m_slidetab_wrap .m_slidetab .m_slideItme:last-child { margin-right: 0 !important; }
 .m_header .m_slidetab_wrap .m_slidetab .m_slideItme>a { display: inline-block; line-height: 53px; box-sizing: border-box; font-size: 18px; box-sizing: border-box; border-bottom: 5px solid #fff; }
 .m_header .m_slidetab_wrap .m_slidetab .m_slideItme.active>a { color: #2bcc9a; font-weight: bold; border-color: #2bcc9a; }
 .m_header .m_slidetab_wrap .m_slidetab .m_slideItme.active>a:focus { outline: none; }
}


/* note editor section */
.detail_area .detail_cont .detail_inner { position: relative; width: 100%; max-width: 900px; }
.detail_area .detail_cont .detail_inner img { max-width: 100%; border: 0; margin: 0; padding: 0; margin-top: -3px; }
.detail_area .detail_cont .detail_inner .note-video-clip { width: 100%; height: 55vw; max-width: 996px; max-height: 560px; }

/* benefit detail */
.benefit_detail .detail_area .detail_cont .detail_inner img {width:100%;}

@media (min-width: 768px) and (max-width: 1280px){
 .detail_area .detail_cont .detail_inner .note-video-clip { height: 52.7343vw}
}