:root {
    --max-width-sm: 1200px;
    --max-width: 1400px;
    --max-width-lg: 1600px;
}

body {min-width: var(--max-width);}

.inner {max-width: var(--max-width);margin:0 auto;}
.m0 {margin: 0 !important;}
.my0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.mx0 {margin-left: 0 !important;margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mt0 {margin-top: 0 !important;}
span.orange {color: var(--color-orange-500);}

.pdt-lg {padding-top: 112px;}
.pdt-md {padding-top: 70px;}
.pdb-lg {padding-bottom: 112px;}

.mt120 {margin-top:120px;}
.mt100 {margin-top:100px;}
.mt60 {margin-top:60px;}
.mt50 {margin-top:50px;}
.mt40 {margin-top:40px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mt0 {margin-top:0;}

.bdb {border-bottom: 1px solid var(--border-line-color);}
.bdt {border-top: 1px solid var(--border-line-color);}

header .event_bar {display:none; width: 100%;position: relative;height:50px;background: linear-gradient(90deg, #FF0072 0%, #4B02CA 100%);}
header .event_bar.show {display: block;}
/* header .event_bar .event_bar_img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height:100%;object-fit: cover;} */
/* header .event_bar .event_bar_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: var(--max-width);margin: 0 auto;display: flex;justify-content: end;gap:10px;z-index: 10;align-items: center;} */
header .event_bar .event_bar_cont {max-width: var(--max-width);display: flex;justify-content: space-between;margin: 0 auto;align-items: center;height:50px;}
header .event_bar .event_tit {display: flex;gap:10px;align-items: center;}
header .event_bar .event_tit .name {font-size: var(--text-20);font-weight: 700;color: var(--color-white);}
header .event_bar .event_tit .date {font-weight: 500;color: var(--color-white);}
header .event_bar .event_bar_btn a {display: inline-block;}
header .event_bar .event_bar_btn a.event_bar_link {display: inline-block;padding: 8px 16px;border: 1px solid var(--color-white);color: var(--color-white);border-radius: 50px;font-size: var(--text-15);font-weight: 500;}
header .event_bar .event_bar_btn a.event_bar_close img {width: 24px;height: 24px;}




/* 탑메뉴 신규 */
/* ───────── EVENT BAR V2 ───────── */
.event_bar_v2 { width: 100%; background: #E8601C; height: 78px; display: flex; align-items: center; }
.event_bar_v2__cont { width: 100%; max-width: 1390px; margin: 0 auto; display: flex; align-items: center; height: 100%; padding-right: 40px; }

.event_bar_v2__tit { display: flex; flex-direction: column; gap: 7px; padding-right: 20px; border-right: 1px solid rgba(255,255,255,0.35); flex-shrink: 0; width: 238px; }
.event_bar_v2__tit .event_bar_v2__name { font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -0.25px; line-height: 1; white-space: nowrap; }
.event_bar_v2__tit .event_bar_v2__date { font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.88); letter-spacing: 0.9px; line-height: 1; white-space: nowrap; }

.event_bar_v2__cont .event_bar_v2__desc { flex: 1; padding-left: 38px;  font-size: 18px; font-weight: 500; color: #fff; white-space: nowrap; letter-spacing: 0px; word-spacing: 1px; }
.event_bar_v2__cont .event_bar_v2__desc .event_bar_v2__big { font-size: 25px; font-weight: 700; color: #FFF176; letter-spacing: -0.25px; }
.event_bar_v2__cont .event_bar_v2__desc .event_bar_v2__highlight { font-weight: 700; color: #FFF176; letter-spacing: 0.2px; }

.event_bar_v2__right { display: flex; align-items: center; gap: 26px; flex-shrink: 0; }
.event_bar_v2__right .event_bar_v2__thumb { width: 172px; height: 78px; flex-shrink: 0; clip-path: polygon(16px 0%, 100% 0%, calc(100% - 16px) 100%, 0% 100%); }
.event_bar_v2__right .event_bar_v2__thumb img { width: 100%; height: 100%; object-fit: cover; display: block;  }
.event_bar_v2__right .event_bar_v2__link { display: inline-flex; align-items: center; padding: 9px 24px; border: 1.5px solid #fff; border-radius: 50px; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; letter-spacing: 0.2px; transition: background 0.15s; }
.event_bar_v2__right .event_bar_v2__close { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; cursor: pointer; opacity: 0.7; background: none; border: none; flex-shrink: 0; transition: opacity 0.15s; }
.event_bar_v2__right .event_bar_v2__close:hover { opacity: 1; }






header .top_menu {border-bottom: 1px solid var(--border-line-color, #E2E8F0);background: var(--bg-gray-50, #F9FAFB);margin:0 0 24px;}
header .top_menu ul {max-width: var(--max-width);margin: 0 auto;padding: 12px 0;display: flex;justify-content: end;gap: 16px;align-items: center;}
header .top_menu ul li a {font-size: var(--text-14);font-weight: 500;color: var(--color-slate-500);}

header .gnb .logo {display: flex;justify-content: space-between;align-items: center;max-width: var(--max-width);margin: 0 auto;}
header .gnb .logo .banner {width: 330px;height:100px;}
header .gnb .menu {border-bottom: 1px solid var(--border-line-color);}
header .gnb .menu > div {display: flex;align-items: center;height: 92px;max-width: var(--max-width);margin: 0 auto;}
header .gnb .menu .allmenu {white-space: nowrap;}
header .gnb .menu nav {position: relative; display: flex;align-items: center;justify-content: space-between;width:-webkit-fill-available;height:100%;}
header .gnb .menu nav ul {display: flex;justify-content: center;align-items: center;gap:30px;}
header .gnb .menu nav a {font-size: var(--text-16);font-weight: 700;}
header .gnb .menu nav ul.menu_1depth {gap:0;padding: 0 20px;height:100%;}
header .gnb .menu nav ul.menu_1depth li {width: 90px;display: flex;text-align: center;height:100%;align-items: center;justify-content: center;}
header .gnb .menu nav ul.menu_1depth li:hover > a {padding: 8px 10px;background: var(--color-primary-600);color: #fff;border-radius: 50px;}
header .gnb .menu .menu_2depth {display: flex;justify-content: space-between;position: absolute;top: 36px;left: 0;width: 100%;background: var(--color-white);transition: all 0.3s;z-index: 100;padding: 20px 22px;max-height:0;opacity:0;overflow:hidden;transform:translateY(30px);transition:max-height .35s ease,opacity .25s ease,transform .35s ease;pointer-events:none;}
header .gnb .menu .menu_2depth.show{opacity:1;transform:translateY(36px);pointer-events:auto;}
header .gnb .menu .menu_2depth > div {display: flex;}
header .gnb .menu .menu_2depth ul {display: block;}
header .gnb .menu .menu_2depth ul li {margin:0 0 12px;text-align: center;}
header .gnb .menu .menu_2depth ul li a {font-size: var(--text-15);font-weight: 400;line-height:30px;width: 90px;display: block;}
header .gnb .menu .menu_2depth ul li a:hover {color: var(--color-primary-600);}
header .gnb .menu .menu_2depth .header_banner {position: relative;display: flex;align-items: flex-end;width: 405px;height: 240px;padding: 10px;}
header .gnb .menu .menu_2depth .header_banner > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;border-radius: 10px;}
header .gnb .menu .menu_2depth .header_banner .header_banner_btn {display: flex;justify-content: space-between;align-items: center;gap: 10px;width: 100%;}

header .allmenu_wrap {display:none; position: fixed;top:0;left:0;width:100%;height:100vh;background: var(--color-white);z-index: 9999;overflow-y: scroll;}
header .allmenu_wrap.show {display: block;}
header .allmenu_wrap h3 {font-weight: 700;}
header .allmenu_header {max-width: var(--max-width);margin: 0 auto;padding: 25px 0;display: flex;justify-content: space-between;}
header .allmenu_content {border-top: 1px solid var(--border-line-color);}
header .allmenu_content > div {border-bottom: 1px solid var(--border-line-color);}
header .allmenu_content .menu_box {max-width: var(--max-width);margin: 0 auto;padding: 40px 0;display: flex;}
header .allmenu_content .menu_box > ul {display: flex;}
header .allmenu_content .menu_box h3 {min-width:170px;}
header .allmenu_content .menu_box > ul {width: calc( 100% - 170px);}
header .allmenu_content .menu_box > ul > li {width: calc( 100% / 9 );white-space: nowrap;}
header .allmenu_content .menu_box > ul > li.center {text-align: center;}
header .allmenu_content .menu_box > ul > li > a {font-weight: 700;margin:0 0 20px;display: block;}
header .allmenu_content .menu_box > ul > li:hover {color: var(--color-primary-600);}
header .allmenu_content .menu_box > ul > li > ul > li a { display:block;margin:16px 0 0;color: var(--color-slate-700);}
header .allmenu_content .menu_box > ul > li > ul > li a:hover {color: var(--color-primary-600);}

.header_search .gnb .logo {align-items: flex-start;}
.header_search .search_wrap {height:60px;background: var(--color-white);}
.header_search .search_wrap .search_input {width: 540px;position: relative;padding:6px 20px 6px 40px;border-radius: 10px;background: var(--bg-gray-100);}
.header_search .search_wrap .search_input input {width: 100%;height:44px;padding: 0 20px;border: none;font-size: var(--text-16);border-radius: 10px;outline: none;background: transparent;}
.header_search .search_wrap .search_input button {width: 24px;height: 24px;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.header_search .search_wrap .tag {margin:10px 0 0;display: flex; gap:10px;}
.header_search .search_wrap .tag a {padding: 8px 10px;border-radius: 40px;background: var(--bg-gray-100);display: block;font-size: var(--text-14);color: var(--color-slate-700);}
.header_search .popular_wrap {position: relative;}
.header_search .popular_hot {display: flex;gap:10px;align-items: center;cursor: pointer;}
.header_search .popular_hot div {display: flex;gap:6px;align-items: center;height:56px;}
.header_search .popular_hot div span.label {border-radius: 20px;background: linear-gradient(0deg, #BD06FF -32.5%, #EC4B00 100%);font-size: var(--text-12);color: var(--color-white);padding: 4px 6px;}
.header_search .popular_hot h5 {color: var(--color-slate-500);font-weight: 500;}
.header_search .popular_hot div p {color: var(--color-primary-600);font-weight: 700;width:160px;;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header_search .popular_hot .open {transform:rotate(180deg);}
.header_search .popular_list {display: flex;flex-direction: column; position: absolute;top: 48px;left: 0;width: 100%;background: var(--color-white);border-radius: 10px;padding: 24px;border: 1px solid var(--border-line-color, #E2E8F0);box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);z-index: 1000;gap:20px;}
.header_search .popular_list a {display: flex;gap:10px;font-weight: 500;color: var(--color-slate-700);}
.header_search .popular_list li.active a {color: var(--color-primary-600);}
.header_search .popular_list a span {display: block;min-width:20px;font-weight: 700;}
.popular_hot p{position:relative;overflow:hidden;display:block;line-height:1.2;height:1.2em}
.popular_hot p .hot_txt{position:absolute;left:0;top:0;width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:transform,opacity;transform:translate3d(0,0,0);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .45s cubic-bezier(.22,.61,.36,1)}.popular_hot p .hot_txt.is-a{transform:translate3d(0,0,0);opacity:1;z-index:1}.popular_hot p .hot_txt.is-b{transform:translate3d(0,100%,0);opacity:0;z-index:0}
.popular_hot p .hot_txt.is-a{transform:translate3d(0,0,0);opacity:1}
.popular_hot p .hot_txt.is-b{transform:translate3d(0,100%,0);opacity:0}
.header_search .popular_list {display:none;}
.header_search .popular_list.open {display:flex;}
.header_search .search_recommend {position: relative;margin: 8px 0 0;z-index: 1000;}

.mainvisual {width: 100%;height: 776px;position: relative;}
.mainvisual .mainvisual_swiper {width: 100%;height: 100%;}
.mainvisual .mainvisual_slide {position: absolute;top: 0;left: 0;position: relative;height:100%;}
.mainvisual img {width:100%;height:100%;object-fit: cover;}

.title.between {display: flex;justify-content: space-between;align-items: flex-end;}
.title {margin:0 0 40px;max-width: var(--max-width);margin:0 auto 40px;}
.title h2 {font-size: var(--text-48);font-weight: 800;margin:0 0 16px;}
.title div.desc {margin:40px 0 0;}
.title p {font-size: var(--text-20);font-weight: 500;color: var(--color-slate-700);margin:0 0 10px;}
.title p.orange {color: var(--color-orange-500);font-weight: 700;}

.sec_event .event_slider {width: 100%;overflow: hidden;}
.sec_event .event_slider ul li {position: relative;}
.sec_event .event_slider ul li a {width: 100%;aspect-ratio:453/580;padding: 10px;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-end;}
.sec_event .event_slider ul li .label {margin:10px;background: var(--color-primary-600);padding: 4px 10px;border-radius: 20px;color: var(--color-white);font-size: var(--text-14);font-weight: 500;}
.sec_event .event_slider ul li .img_box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;border-radius: 10px;}
.sec_event .event_slider ul li .text_box {width: 100%;border-radius: 10px;background: var(--color-white);padding: 20px;display: flex;gap:12px;}
.sec_event .event_slider ul li .text_box h3 {font-size: var(--text-20);font-weight: 700;margin:0 0 8px;}
.sec_event .event_slider ul li .text_box p {font-size: var(--text-14);font-weight: 500;line-height: 150%;}

.sec_area .inner {display: flex;gap:20px;}
.sec_area .left_banner {width: 455px;height:100%;flex:1;overflow: hidden;border-radius: 10px;}
.sec_area .left_banner .swiper-slide {padding: 60px 40px;height:940px;position: relative;}
.sec_area .left_banner .swiper-slide h5 {font-size: var(--text-28);font-weight: 800;margin:0 0 12px;color: var(--color-white);}
.sec_area .left_banner .swiper-slide h3 {font-size: var(--text-40);font-weight: 800;color: var(--color-white);}
.sec_area .left_banner img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.sec_area .area_list {flex:2;}
.sec_area .area_list ul {display: flex;flex-wrap: wrap;gap:20px;}
.sec_area .area_list ul li {position: relative;width: 100%;height:172px;padding: 10px;display: flex;align-items: flex-end;width: calc(50% - 10px);}
.sec_area .area_list ul li.contentmall {align-items: flex-start;justify-content: start;}
.sec_area .area_list ul li.contentmall a {width: 100%; height:100%;}
.sec_area .area_list ul li.contentmall .text_box {height:100%;display: block;}
.sec_area .area_list ul li.contentmall .text_box p {padding: 0 10px;color: var(--color-white);font-size: var(--text-14);font-weight: 500;margin:6px 0 0;}
.sec_area .area_list ul li .img_box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.sec_area .area_list ul li .img_box img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.sec_area .area_list ul li .text_box {display: flex;justify-content: space-between;align-items: center;width: 100%;overflow: hidden;}
.sec_area .area_list ul li .text_box h3 {color: var(--color-white);font-size: var(--text-20);font-weight: 700;padding: 10px;}
.sec_area .area_list ul li .text_box .btn {margin:0 0 -110px;transition: all 0.3s;}
.sec_area .area_list ul li:hover .text_box .btn {display: block;margin:0;}

.sec_story .story_wrap {display: flex;gap:20px;}
.sec_story .story_wrap .banner {width: 455px;overflow: hidden;border-radius: 10px;position: relative;padding: 78px 52px;display: flex;flex-direction: column; justify-content: space-between;background: url('../images/stroy_banner_bg.png') no-repeat right center/cover;}
.sec_story .story_wrap .banner p {font-size: var(--text-18);font-weight: 500;color: var(--color-slate-200);margin:0 0 24px}
.sec_story .story_wrap .banner h3 {font-size: var(--text-28);font-weight: 700;color: var(--color-slate-200);margin:0 0 12px}
.sec_story .story_wrap .banner h4 {font-family: 'Aggravo';font-size: var(--text-30);font-weight: 500;color: var(--color-white);}
.sec_story .story_wrap .banner h4 span {font-size: var(--text-60);font-weight: 700;color: var(--color-white);display: inline-block;}
.sec_story .story_wrap .banner .label {display: flex;gap:20px;align-items: flex-end;}
/* .sec_story .story_wrap .banner > img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: -1;} */
.sec_story .story_wrap .review_card {width: calc( 100% - 455px ); /* display: flex; gap:20px; */}

.sec_info .info_resort_box {display: none;}
.sec_info .info_resort_box.active {display: block;}
.sec_info .info_slider {overflow: hidden;}
.sec_info .info_slider .info_slide_controls {display: flex;justify-content: space-between;}
.sec_info .info_slider .info_slide_controls_right {display: flex;gap:20px;}
.sec_info .info_slider .swiper-wrapper {margin:20px 0 0;}
.sec_info .info_slider li.swiper-slide {position: relative;aspect-ratio: 335/580;display: flex;padding: 10px;border-radius: 10px;overflow: hidden;align-items: flex-end;}
.sec_info .info_slider li.swiper-slide > img {width: 100%;position: absolute;z-index: -1;height:100%;object-fit: cover;top: 0;left: 0;}

.sec_service ul {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sec_service ul li a {display: block;padding: 20px;border: 1px solid var(--border-line-color);border-radius: 10px;}
.sec_service ul li a .service_title {display: flex;align-items: center;gap:10px;margin:0 0 10px;}
.sec_service ul li a .service_title h3 {font-size: var(--text-20);font-weight: 700;}
.sec_service ul li a p {font-weight: 500;line-height: 140%;color: var(--color-slate-700);}
.sec_service .banner {position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 20px;margin:20px 0 0;}
.sec_service .banner > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.sec_service .banner p {color: var(--color-white);font-size: var(--text-26);font-weight: 700;}

.sec_contact .contact_wrap {width: 100%;height:750px;background: url('../images/contact_bg.jpg') no-repeat  left center/cover;border-radius: 10px;overflow: hidden;padding: 20px;display: flex;justify-content: flex-end;align-items: flex-start;}
.sec_contact .contact_wrap .contact_box {width: 420px;background: rgba(15, 23, 43, 0.60);border-radius: 10px;padding: 30px;display: flex;flex-direction: column;color: var(--color-white);}
.sec_contact .contact_wrap .contact_box div.middle {padding: 24px 0;margin: 24px 0;border-top: 1px solid var(--color-white);border-bottom: 1px solid var(--color-white);}
.sec_contact .contact_wrap .contact_box h5 {font-size: var(--text-20);font-weight: 700;margin:0 0 10px;}
.sec_contact .contact_wrap .contact_box p {line-height: 150%;font-weight: 500;}
.sec_contact .contact_wrap .contact_box .call {margin:10px 0 20px;}
.sec_contact .contact_wrap .contact_box .call h6 {margin:0 0 10px;}
.sec_contact .contact_wrap .contact_box .head {margin:0 0 20px;}
.sec_contact .contact_wrap .contact_box .btn {margin:10px 0;}

.sec_partner {display: flex;gap:40px;padding:40px 0 0;}
.sec_partner h2 {font-size: var(--text-30);font-weight: 700;white-space: nowrap;}
.sec_partner .partner_slider {overflow-x: hidden;width: calc( 100% - 238px );}
.sec_partner ul {display: flex;gap:10px;align-items: center;}
.sec_partner ul li {width: fit-content; display: flex;align-items: center;justify-content: center;border-radius: 10px;height:72px;}
.sec_partner ul li img {height:72px;}

aside {position: fixed;bottom:20px;right:20px;width: 120px;max-height:95vh;overflow-y: scroll; background: var(--color-white);border: 1px solid var(--border-line-color);padding: 8px;border-radius: 10px; display: flex;flex-direction: column;gap:10px;z-index: 1000;}
aside{overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}
aside::-webkit-scrollbar{display:none;}
aside > div {margin:0 0 4px;}
aside h4 {font-size: var(--text-14);font-weight: 700;text-align: center;margin:0 0 4px;}
aside p {font-size: var(--text-12);color: var(--color-slate-700);text-align: center;margin:10px 0 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
aside .new ul li {margin:0 0 4px;}
aside .new ul li a {border-radius: 5px;border: 1px solid var(--border-line-color);padding: 10px;display: block;background: var(--color-slate-50);}
aside .new ul li .thumb {height:47px}
aside .new ul li .thumb img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
aside .call {padding: 10px;border-radius: 5px;background: var(--color-slate-50);text-align: center;}
aside .call .number {padding: 10px 0;border-top: 1px solid var(--border-line-color);border-bottom: 1px solid var(--border-line-color);}
aside .sns div {display: flex;justify-content: space-between;}
aside .btn._sm {border-radius: 5px;}

.topbtn {position: fixed;bottom:20px;right:20px;z-index: 10;border-radius: 10px;}
.topbtn button {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 80px;height:80px;background: var(--color-slate-100);border-radius: 20px;}

.floting_btm {position: fixed;bottom:20px;left:50%;transform: translateX(-50%);width: fit-content;z-index: 999;}
.search_recommend {display: block; max-width:540px; background: var(--color-white);border-radius: 10px;margin:0 0 8px;border: 1px solid var(---border-line-color, #E2E8F0);}
.recommend_wrap {display: none;}
.search_recommend_header.show, .search_recommend_floting.show {display: block;}
.search_recommend h3 {font-weight: 500;}
.search_recommend .search_header {padding: 15px 24px;display: flex;justify-content: space-between;border-bottom: 1px solid var(--border-line-color);}
.search_recommend .recommend_cont {padding: 24px;}
.search_recommend .recommend_list {display: flex;gap:10px;margin:0 0 20px;}
.search_recommend .recommend_list div {width: 280px;height:232px;overflow: hidden;}
.search_recommend .recommend_list div img {width:100%;height:100%;object-fit: cover;border-radius: 10px;}
.search_recommend .recommend_list ul {width: calc( 100% - 280px );}
.search_recommend .recommend_list ul li {margin:0 0 8px;}
.search_recommend .recommend_list ul li a {display: block; line-height: 40px;padding: 0 12px;font-size: var(--text-16);border-radius: 5px;}
.search_recommend .recommend_list ul li.active a {background: var(--color-primary-50);color: var(--color-primary-600);font-weight: 500;}
.search_recommend .recommend_list ul li a span {color: var(--color-slate-400);min-width: 14px;font-weight: 500;}
.search_recommend .recommend_tag {padding: 20px 0;border-bottom: 1px solid var(--border-line-color);margin:0 0 20px;}
.search_recommend .recommend_tag .tag_box {display: flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;}
.search_recommend .recommend_tag .tag_box a {padding: 8px 10px;border-radius: 50px;background: var(--color-slate-100);font-size: var(--text-14);}
.search_recommend .recommend_recent .recent_box {margin:12px 0 0;display: flex;gap:10px;flex-wrap:wrap;}
.search_recommend .recommend_recent .recent_box div {display: flex;gap:4px; background: var(--color-primary-600);color: var(--color-white);padding: 8px 10px;border-radius: 5px;}
.floting_search {height:60px;background: var(--color-white);border: 1px solid var(--border-line-color);padding: 8px;border-radius: 10px; display: flex;gap:4px;z-index: 1000;}
.floting_search .search_input {width: 430px;position: relative;padding:0 0 0 40px}
.floting_search .search_input input {width: 100%;height:44px;padding: 0 20px;border: none;font-size: var(--text-16);border-radius: 10px;outline: none;}
.floting_search .search_input button {width: 24px;height: 24px;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}

footer {margin:160px 0 0;background: var(--color-slate-900);color: rgba(255, 255, 255, 0.80);}
footer > div {border-bottom: 1px solid #314158;}
footer > div > div {max-width: var(--max-width);margin: 0 auto;}
footer .sitemap div {display: flex;justify-content: space-between;}
footer .sitemap ul {display:flex;gap:40px;}
footer .sitemap ul li a {display: block; padding: 20px 0;}
footer .address > div {display: flex;justify-content: space-between;padding: 40px 0;align-items: start;}
footer .address p {font-size: var(--text-15);color: rgba(255, 255, 255, 0.80);margin:0 0 10px;}
footer .address p b {color: var(--color-white);font-weight: 700;font-size: var(--text-15);}
footer .address h4 {color: var(--color-white);font-weight: 700;font-size: var(--text-15);margin:0 0 17px;}
footer .address .call h4 {margin:0 0 4px;}
footer .address .call p {font-size: var(--text-24);font-weight: 700;margin:0 0 20px;}
footer .address .sns {display: flex;gap:10px;}
footer .copy {padding: 10px 0;text-align: center;line-height: 140%;font-size: var(--text-14);}

#content {max-width: var(--max-width);margin:0 auto;padding: 60px 0 0;}
#content.full {width: 100%;padding: 0;max-width:none;}
#content._lg {max-width: var(--max-width-lg);margin:0 auto;padding: 0;}
.mt_big {margin:40px 0 0;}

iframe {border: none;}

.flt-container {width: 1400px;margin: 0 auto;}

.subvisual {height:300px;background: url('../images/subvisual.jpg') no-repeat center center/cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.subvisual_none {height:40px;}
.subvisual .subtxt {width: var(--max-width);margin: 0 auto;color: var(--color-white);}
.subvisual .subtxt.banner_wrap {display: flex;justify-content: space-between;align-items: center;}
.subvisual .subtxt h2 {font-size: var(--text-50);font-weight: 900;line-height: 160%;}
.subvisual .subtxt p {font-size: var(--text-20);font-weight: 600;line-height: 160%;}

.subvisual.review {height:550px;background: url('../images/subvisual_review.jpg') no-repeat center center/cover;}
.subvisual.review .banner {width: 531px;display: flex;flex-direction: column;gap:30px;}
.subvisual.review h4 {font-size: var(--text-40);font-weight: 900;line-height: 140%;color: var(--color-white);padding: 30px 0;border-top: 1px solid var(--border-line-color);margin:30px 0 0;}
.subvisual.review h4 span {color: #659dee;}
.subvisual.review .subtxt_btn{display: flex;gap:10px;}

.leftmenu_cont {display: flex; gap: 20px;}
.leftmenu {width: 340px;position: sticky;top:20px;left: 0;height:fit-content}
.leftmenu > div {border: 1px solid var(--border-line-color);border-radius: 10px;padding: 20px;margin:0 0 10px;}
.leftmenu h3 {font-size: var(--text-20);font-weight: 700;margin:0 0 20px;text-align: center;}
.leftmenu ul li {margin:0 0 8px;}
.leftmenu ul li a {display: block;padding: 12px;font-weight: 700;border-radius: 5px;}
.leftmenu ul li.active > a {background: var(--color-primary-50);color: var(--color-primary-600);}
.leftmenu .leftmenu_icon ul li a {display: flex;justify-content: space-between;}
.leftmenu .leftmenu_icon ul li a div {display: flex;gap:6px;align-items: center;}
.leftmenu .leftmenu_banner {border: none;border-radius: 10px;overflow: hidden;padding: 0;}
.leftmenu .leftmenu_banner a {display: block;width: 100%;height: 100%;}
.leftmenu .leftmenu_banner a img {width: 100%;height: 100%;object-fit: cover;}
.leftmenu .leftmenu_sns {display: flex;align-items: center;justify-content: space-between;padding: 20px 36px;}
.leftmenu .leftmenu_sns p {font-weight: 700;}
.leftmenu .leftmenu_sns .sns {display: flex;gap:6px;}

.leftmenu ul li.leftmenu_1depth {margin:0 0 8px;}
.leftmenu ul li.leftmenu_1depth:last-child {margin:0;}
.leftmenu ul li.leftmenu_1depth a {display: flex;align-items: center;justify-content: space-between;}
.leftmenu ul li.leftmenu_1depth a > div {display: flex;gap:6px;align-items: center;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth {display: none; margin:4px 0 0;}
.leftmenu ul li.leftmenu_1depth.active ul.leftmenu_2depth {display: block;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li {margin:0;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a {font-size: var(--text-15);font-weight: 400;color: var(--color-slate-700);padding: 10px 12px;height:44px;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a span.arrow_2depth {display: none;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a:hover {color: var(--color-primary-600);font-weight: 700;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a:hover > span.arrow_2depth {display: block;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a.active {color: var(--color-primary-600);font-weight: 700;}
.leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a.active > span.arrow_2depth {display: block;}

.leftmenu + div {width: calc( 100% - 360px );}

.board_top {display: flex;justify-content: space-between;margin:0 0 20px;align-items: center;}
.board_top h4 {font-size: var(--text-24);font-weight: 700;height:60px;display: flex;align-items: center;}
.board.basic .board_table {width: 100%;}
.board.basic .board_table {border-top: 1px solid var(--border-line-color);}
.board.basic .board_table tr {border-bottom: 1px solid var(--border-line-color);}
.board.basic .board_table tr th {padding: 23px 0;font-size: var(--text-18);font-weight: 700;}
.board.basic .board_table tr td {padding: 23px 8px;text-align: center;color: var(--color-slate-500);font-size: var(--text-18);}
.board.basic .board_table tr td.board_tit {text-align: left;font-weight: 500;color: var(--color-slate-900);}
.board.basic .board_table tr td.board_tit a {display: flex;gap:12px;align-items: center;}
.board.basic .board_table tr.top td.board_tit {font-weight: 700;}
.board.basic .board_table tr .adm_only {display: none;}
.board.basic .admin .board_table tr .adm_only {display: table-cell;width: 120px;}
.board.basic .board_table tr td .label {display: inline-block;width: 70px;line-height: 34px;border-radius: 5px;color: #fff;margin:0 auto;font-size: var(--text-15);}
.board.basic .board_table tr td .label._sm {line-height: 28px;padding: 0 8px;width: auto;;font-size: var(--text-14);margin: 0;}
.board.basic .board_table tr td .label.event {background: var(--color-pink-500);}
.board.basic .board_table tr td .label.notice {background: var(--color-slate-900);}
.board.basic .board_table tr td .label.new {background: var(--color-primary-600);}
.board.basic .board_table tr td .label.success {background: var(--color-teal-600);}
.board.basic .board_table tr td .label.progress {background: var(--color-slate-400);}
.board.basic .board_table tr td .label.contract {background: var(--color-primary-600);}
.board.basic .board_table tr td .label.praise {background: var(--color-teal-600);}

.board.basic .board_view .board_view_tit h3 {font-size: var(--text-30);font-weight: 700;text-align: center;}
.board.basic .board_view .board_view_tit .board_view_info {text-align: right;margin:20px 0 0;display: flex;justify-content: flex-end;align-items: center;gap:10px;}
.board.basic .board_view .board_view_tit .board_view_info .star img {width: 20px;}
.board.basic .board_view .board_view_tit .board_view_info p {display: inline-block;font-size: var(--text-14);font-weight: 500;padding: 4px 6px;background: var(--color-slate-100);color: var(--color-slate-700);border-radius: 5px;}
.board.basic .board_view .board_view_tit .board_view_info .star {display: flex; align-items: center;}
.board.basic .board_view .board_view_tit .board_view_info .star p {font-size: var(--text-16);font-weight: 700;background: none;padding: 0;margin:0 0 0 4px;}
.board.basic .board_view .board_view_tit .board_view_info p.label {color: var(--color-white);}
.board.basic .board_view .board_view_tit .board_view_info p.label.contract {background: var(--color-primary-600);}
.board.basic .board_view .board_view_tit .board_view_info p.label.praise {background: var(--color-teal-600);}
.board.basic .board_view .board_view_tit .board_view_info p.label.best {background: var(--color-primary-600);}
.board.basic .board_view .board_view_cont {padding: 40px;border: 1px solid var(--border-line-color);border-radius: 10px;margin:20px 0 0;color: var(--color-slate-700);line-height: 160%;}
.board.basic .board_view .board_view_cont._center {text-align: center;}
.board.basic .board_view .board_view_cont * {margin:0 0 40px;}
.board.basic .board_view .board_view_cont *:last-child {margin:0;}
.board.basic .board_view .board_view_cont img {display: block; margin:0 auto 40px !important; width:fit-content;}
.board.basic .board_view .view_banner {width: 100%;margin:40px 0 0;height:260px;border-radius: 10px;overflow: hidden;}
.board.basic .board_view .view_banner img {width: 100%;height: 100%;object-fit: cover;}

.board.table .board_table_view {width: 100%;margin:0 0 20px;}
.board.table .board_table_view thead tr th {background: var(--color-primary-500);color: #fff;padding: 11px 10px;text-align: left;font-size: var(--text-18);font-weight: 700;}
.board.table .board_table_view tbody tr {border-bottom: 1px solid var(--border-line-color);}
.board.table .board_table_view tbody tr th {background: var(--color-slate-100);font-weight: 700;font-size: var(--text-18);padding: 24px;width: 200px;}
.board.table .board_table_view tbody tr th, .board_view .board_table_view tbody tr td {border-left: 1px solid var(--border-line-color);}
.board.table .board_table_view tbody tr th:first-child {border-left: none;}
.board.table .board_table_view tbody tr td {font-size: var(--text-18);padding: 20px;line-height: 160%;font-weight: 500;color: var(--color-slate-700);width: auto;}

.board.gallery .board_list ul li .cont h4 {font-size: var(--text-18);font-weight: 700;line-height: 140%;}
.board.gallery .board_list ul li .cont h5 {font-weight: 700;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board.gallery .board_list ul li .cont p {margin:14px 0 0;color: var(--color-slate-700,);text-align:justify; line-height: 140%;font-size: var(--text-15);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.board.gallery .board_list ul li .cont .info_box {display:flex;justify-content: space-between;align-self: center;}
.board.gallery .board_list ul li .cont p.info {display: inline-block;font-size: var(--text-14);font-weight: 500;padding: 4px 6px;background: var(--color-slate-100);color: var(--color-slate-700);}
.board.gallery .board_list ul li .cont p.info.name {background: none;font-weight: 400;}
.board.gallery .board_list ul li .thumb img {width: 100%;height: 100%;object-fit: cover;}

.board.gallery._list .board_list ul li {margin:0 0 30px;}
.board.gallery._list .board_list ul li a {display: flex;width: 100%;height: 100%;gap:13px;}
.board.gallery._list .board_list ul li .thumb {width: 320px;height:180px;border-radius: 10px;overflow: hidden;}
.board.gallery._list .board_list ul li .thumb + .cont {width: calc(100% - 333px);height: 100%;}
.board.gallery._list .board_list ul li .cont h4 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.board.gallery._list .board_list.resort_list ul li {display: flex;width: 100%;height: 100%;gap:13px;}
.board.gallery._list .board_list.resort_list ul li a {width: fit-content;margin:14px 0 0 auto;}

.board.gallery._card .board_list ul {display: flex;flex-wrap: wrap;gap: 20px;}
.board.gallery._card .board_list ul li {width: calc(( 100% - 40px ) /3 );}
.board.gallery._card .board_list ul li a .thumb {width: 100%;height:208px;border-radius: 10px 10px 0 0;overflow: hidden;}
.board.gallery._card .board_list ul li .cont {padding: 20px;background: var(--bg-gray-50);}
.board.gallery._card .board_list ul li a .cont h4 {color: var(--color-slate-700); display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} 
.board.gallery._card .board_list ul li a .cont p {-webkit-line-clamp:2;}

.board.gallery._card._list-4 .board_list ul li {width: calc(( 100% - 60px ) /4 );}

.btn_wrap {margin:40px 0 0;display: flex;justify-content: center;width: 100%;}
.btn_wrap a {min-width: 130px;}
.btn_wrap.between {margin:40px 0 0;display: flex;justify-content: space-between;width: 100%;}
.btn_wrap.between .btn_md a {min-width: 140px;}
.btn_wrap.between .btn_sm {display:flex;gap:10px;}
.btn_wrap.between .btn_sm a {min-width: 120px;}

.borad_write {display: flex;flex-wrap:wrap;gap:40px;margin:60px 0 0;}
.borad_write .input {width: calc(50% - 20px);}
.borad_write .input._full {width: 100%;}
.borad_write .input p {font-size: var(--text-20);margin:0 0 10px;font-weight: 700;}
.borad_write .input .email input, .borad_write .input .email select {width: 48%;}
.borad_write .input .email span {color: var(--color-slate-400);}
.borad_write select {min-width:auto;width:140px;}
.borad_write select._md {width:200px;}
.borad_write select.area_select {width: -webkit-fill-available;}
.borad_write input[type=text] {min-width:auto;}
.borad_write .write_desc {display: flex;gap:10px;align-items: center;}
.borad_write .write_desc p.orange {font-size: var(--text-16);font-weight: 700;color: var(--color-orange-500);}
.borad_write .write_desc p.red {font-size: var(--text-14);font-weight: 500;color: var(--color-rose-600);}
.borad_write .destination_field {display: flex;gap:10px;width: fit-content;}
.borad_write .destination_field input {min-width:520px}
.borad_write .flex .fill {width: -webkit-fill-available;}
.borad_write .btn_wrap {margin:0;}

.borad_write .agree .agree_box {border: 1px solid var(--border-line-color);padding: 40px;height: 200px;overflow-y: scroll;border-radius: 10px;margin:20px 0 0;}
.borad_write .agree .agree_box p {color: var(--color-slate-500);font-size: var(--text-18);line-height: 160%;margin:0 0 20px;}
.borad_write .agree .agree_box table {border: 1px solid var(--border-line-color);width: 100%;margin:20px 0;}
.borad_write .agree .agree_box table th, .borad_write .agree .agree_box table td {padding: 12px;border-bottom: 1px solid var(--border-line-color);text-align: center;border-left: 1px solid var(--border-line-color);}
.borad_write .agree .agree_box table th:first-child, .borad_write .agree .agree_box table td:first-child {border-left: none;}
.borad_write .agree .agree_box table td {color: var(--color-slate-500);}

/* 모달용 */
.borad_write._sm {gap:20px;}
.borad_write._sm .input p {font-size: var(--text-16);}
.borad_write._sm .input input[type=text], .borad_write._sm .input input[type=password], .borad_write._sm .input input[type=email] {font-size: var(--text-16);}
.borad_write._sm .input select {font-size: var(--text-16);}
.borad_write._sm .input textarea {font-size: var(--text-16);height:150px;}
.borad_write._sm .agree .agree_box {height:120px;padding: 20px;}
.borad_write._sm .grade {display: flex;gap:10px;align-items: center;}
.borad_write._sm .checkbox_text input[type=checkbox] + label {font-size: var(--text-16);}
.borad_write._sm .agree .agree_box p {font-size: var(--text-14);}

.costmer .banner {display: flex;padding: 30px;margin:0 0 20px;background: var(--color-slate-50);border-radius: 10px;align-items: center;gap:20px;}
.costmer .banner h5 {font-size: var(--text-24);font-weight: 800;margin:0 0 10px;}
.costmer .banner p {font-size: var(--text-18);font-weight: 500;line-height: 140%;}

.costmer.insurance .item {display: grid;grid-template-columns: 1fr 1fr;}
.costmer.insurance .item img {width: 100%;}

.costmer .inq_banner {display: flex;padding: 30px;margin:0 0 40px;background: var(--color-slate-50);border-radius: 10px;align-items: center;}
.costmer .inq_banner p {font-weight: 500;line-height: 140%;color: var(--color-slate-700);}

.contact .contact_box {display: none; margin:20px 0 0;position: relative;flex-direction: column;height:398px;align-items: flex-end;padding: 10px;gap:20px;}
.contact .contact_box .map {height:398px;position: relative;}
.contact .contact_box.active {display: flex;}
.contact .contact_box > img {position: absolute;top:0;left:0;z-index: -1;width: 100%;height:100%;object-fit: cover;border-radius: 10px;}
.contact .contact_box .call {padding: 30px;background: var(--color-slate-100);border-radius: 10px;display: flex;flex-direction: column;gap:20px;}
.contact .contact_box .call h5 {font-weight: 700;color: var(--color-slate-700);margin:0 0 4px;}
.contact .contact_box .call p {font-size: var(--text-20);font-weight: 700;color: var(--color-slate-700);}

.faq .faq_list li {padding: 20px;border-bottom: 1px solid var(--border-line-color);color: var(--color-slate-500);}
.faq .faq_list li .question {display: flex;justify-content: space-between;align-items: center;font-weight: 500;cursor: pointer;}
.faq .faq_list li .question div {display: flex;gap:20px;align-items: center;}
.faq .faq_list li .num {display: flex;align-items: center;justify-content: center; width: 28px;height: 28px;font-weight: 700;color: var(--color-white);border-radius: 50%;}
.faq .faq_list li .num {background: var(--color-slate-500);}
.faq .faq_list li .answer {display: none;gap:20px;align-items: center;margin:20px 0 0;font-weight: 500;}
.faq .faq_list li .answer .num {background: var(--color-primary-500);}
.faq .faq_list li .answer p {width:90%;  word-break: keep-all;}

.faq .faq_list li.active {color: var(--color-slate-900);}
.faq .faq_list li.active .question {font-weight: 700;}
.faq .faq_list li.active .answer {display: flex;}
.faq .faq_list li.active .question .num {background: var(--color-slate-900);}
.faq .faq_list li.active .arrow img {transform: rotate(180deg);}

.grade_write {display: flex;gap:10px;}
.grade_write h5 {font-size: var(--text-18);font-weight: 500;}
.grade_write .grade_val {font-size: var(--text-24);font-weight: 700;color: var(--color-slate-700);width: 40px;text-align: center;}
.grade_write .grade_detail {display: flex;align-items: center;}
.grade_write .star_box {display: flex;}
.grade_write .star_box input {display: none;}
.grade_write .star_box label {cursor: pointer;}

.grade_write .grade_total {width: 300px;padding: 20px;border: 1px solid var(--border-line-color);border-radius: 10px;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:20px;}
.grade_write .grade_list {width: 468px;padding: 10px;border-radius: 10px;background: var(--color-slate-100);display: flex;flex-direction: column;gap:10px;}
.grade_write .grade_list .grade {display: flex;justify-content: space-between;align-items: center;padding:0 20px;border: 1px solid var(--border-line-color);border-radius: 10px;height:60px;background: var(--color-white);}

.review_view_btm {display: flex;gap:20px;margin:40px 0 0;}
.review_view_btm .product {width: calc( 100% - 460px );}
.review_view_btm .banner {width: 440px;height: 248px;border-radius: 10px;overflow: hidden;}
.review_view_btm .banner img {width: 100%;height: 100%;object-fit: cover;}

.review .review_best {display: flex;gap:20px;padding:100px 0 160px;}
.review .review_slider .review_card.swiper-wrapper {gap:0; }
.review .review_slider {overflow:hidden;width: calc( 100% - 461px );}
.review .review_slider .slide_controls {justify-content: space-between;align-items: flex-end;margin:0 0 40px;}
.review .review_slider .slide_controls .slide_navigation {align-items: center;}
.review .review_slider .slide_controls .slide_navigation p {font-size: var(--text-20);font-weight: 700;color: var(--color-slate-700);}
.review .review_best_right {width: 463px;display: flex;flex-direction: column;gap:10px;}
.review .review_best_right .right_banner {height: 133px;border-radius: 10px;overflow: hidden;background: var(--color-slate-100);}
.review .review_best_right .right_banner a > img {width:1000%;height:100%;object-fit: cover;}
.review .review_best_right .right_box {position:relative;border-radius:10px;border:1px solid var(--border-line-color);display:flex;gap:13px;padding:24px;}
.review .review_best_right .right_box a.right_box_link {position:absolute;inset:0;z-index:1;}
.review .review_best_right .right_box .cont .right_box_more {display:block;margin-top:15px;font-size:var(--text-14);color:var(--color-slate-500);position:relative;z-index:2;}
.review .review_best_right .right_box .thumb {width: 200px;height:172px;border-radius: 5px;overflow: hidden;}
.review .review_best_right .right_box .thumb img {width: 100%;height: 100%;object-fit: cover;}
.review .review_best_right .right_box .cont {width: calc( 100% - 213px );}
.review .review_best_right .right_box .cont h5 {font-size: var(--text-18);font-weight: 700;margin:0 0 14px;line-height: 140%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.review .review_best_right .right_box .cont p {font-size: var(--text-15);line-height: 140%;color: var(--color-slate-700);display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;align-self: stretch;overflow:hidden;}

.review .review_wrap{display: flex;gap:20px;}
.review .review_wrap .review_left {width: 339px;position:sticky;height:870px;top:20px;left:0;}
.review .review_wrap .review_left .review_best_tab {width: 100%;margin:0 0 10px;}
.review .review_wrap .review_left .review_best_tab li {flex:1;height:60px;display: flex;align-items: center;justify-content: center;padding: 0;font-size: var(--text-20);font-weight: 700;}
.review .review_wrap .review_left .review_best_tab li.active {background: var(--color-slate-900);}
.review .review_wrap .review_left .input {margin:0 0 10px;}
.review .review_wrap .review_left .input input {height:60px;width: 100%;min-width:auto;}
.review .review_wrap .review_left_banner a {position: relative;height:323px;display: flex;flex-direction: column;justify-content: flex-end;padding: 10px;}
.review .review_wrap .review_left_banner a > img {position: absolute;top:0;left:0;z-index: -1;width: 100%;height:100%;object-fit: cover;border-radius: 10px;}
.review .review_wrap .review_left_banner a .txt {padding: 20px;border-radius: 10px;background: rgba(15, 23, 43, 0.70);}
.review .review_wrap .review_left_banner a .txt p {font-size: var(--text-24);color: var(--color-white);font-weight: 700;margin:0 0 20px;}
.review .review_wrap .review_left_banner a .txt p:last-child {margin: 0;}
.review .review_wrap .review_right {width: calc( 100% - 339px );}

.btn-travel-report {width:100%; height:60px; display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin-top:12px; background-color:var(--color-white); border:1px solid var(--border-line-color); border-radius:8px; color:var(--color-slate-700); font-size:var(--text-18); font-weight:600; text-decoration:none; transition:all .2s;}

.review_best_box {display: none;}
.review_best_box.active {display: block;}
.review_area_card_box {display: none;}
.review_area_card_box.active {display: block;}
.review_area_list_box {display: none;}
.review_area_list_box.active {display: block;}

.review .tab_wrap {display: flex;justify-content: space-between;align-self: center;margin:0 0 20px;}
.review .review_box .card_only {display: block;}
.review .review_box .list_only {display: none;}

.review_view {display: flex;gap:20px;}
.review_view .board_view_cont {width:calc( 100% - 429px );}
.review_view .review_resort {width: 409px;margin:20px 0 0;position: sticky;top:20px;right:0;height: fit-content;}
.review_view .review_resort .thumb {aspect-ratio: 1/1;height:auto;;}
.review_view .grade_chart {padding: 20px;border-radius: 10px;border: 1px solid var(--border-line-color);margin:10px 0 0;}
.review_view .grade_chart .chart {background: var(--color-slate-100, #F1F5F9);border-radius: 10px;}
.review_view .grade_chart h3 {font-size: var(--text-20);font-weight: 700;margin:0 0 20px;text-align: center;}
.review_view .grade_chart .star {display:flex;align-items: center;justify-content: center;margin:20px 0 0;}
.review_view .grade_chart .star p {font-size: var(--text-20);font-weight: 700;color: var(--color-slate-700);margin:0 0 0 4px;}
.review_view .grade_chart .star img {width: 28px;}

.review_resort .banner {width: 100%;min-height:120px;background:var(--color-slate-100);border-radius: 10px;overflow: hidden;margin:20px 0 0;}
.review_resort .banner img {width: 100%;height: 100%;object-fit: cover;}

.view_comment {margin:40px 0 0;}
.view_comment .comment_tit {display: flex;align-self: center;justify-content: space-between;margin:0 0 40px;padding: 0 0 20px;}
.view_comment .comment_tit h4 { font-size: var(--text-24);font-weight: 700;line-height: 44px;}

.modal_video {aspect-ratio: 16/9;margin:20px 0 0;border-radius: 10px;overflow: hidden;}

.product_detail .detail_top {display: flex;gap:10px;position: relative;margin:0 0 40px;border-radius: 10px;overflow: hidden;}
.product_detail .detail_top .thumb {width: 615px;height:500px;display: flex;align-items: flex-end;position: relative;padding: 10px;}
.product_detail .detail_top .thumb img {width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;z-index: -1;}
.product_detail .detail_top .thumb .thumb_txt {width: 100%;background: rgba(15, 23, 43, 0.70);border-radius: 10px;overflow: hidden;padding: 20px;}
.product_detail .detail_top .thumb .thumb_txt h5 {font-size: var(--text-20);font-weight: 700;margin:0 0 10px;color: var(--color-white);}
.product_detail .detail_top .thumb .thumb_txt p {font-size: var(--text-16);line-height: 160%;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;align-self: stretch;overflow:hidden;color: var(--color-white);}
.product_detail .detail_top .thumb .thumb_txt .info_btn {display: flex;gap:10px;margin:20px 0 0;}
.product_detail .detail_top .thumb_gallery {display:grid;width: calc( 100% - 615px );gap:10px; grid-template-rows: repeat(2, minmax(0, 1fr));grid-template-columns: repeat(3, minmax(0, 1fr));}
.product_detail .detail_top .thumb_gallery span {width: 100%;height:245px;}
.product_detail .detail_top .thumb_gallery span img {width: 100%;height: 100%;object-fit: cover;}
.product_detail.resort_detail .thumb {height:380px;}
.product_detail.resort_detail .thumb .thumb_txt p {margin:4px 0 0;}
.product_detail.resort_detail .detail_top .info {width: calc( 100% - 615px );padding:30px;background: var(--color-slate-50);background: var(--color-slate-50);}
.product_detail.resort_detail .detail_top .info h5 {font-size: var(--text-24);font-weight: 700;margin:0 0 10px;}
.product_detail.resort_detail .detail_top .info p {line-height: 140%;font-weight: 500;color: var(--color-slate-700);}
.product_detail .detail_tit {padding: 20px 30px;background: var(--color-slate-50);border-radius: 10px;display: flex;justify-content: space-between;align-items: center;margin:0 0 20px;}
.product_detail .detail_tit h3 {font-size: var(--text-30);font-weight: 700;}
.product_detail .detail_tit a {display: flex;align-items: center;font-weight: 500;min-width: 300px;}
.product_detail .detail_tit .info {display: flex;gap:20px;min-width: 300px;justify-content: flex-end;}
.product_detail .detail_tit .info div {display: flex;gap:2px;align-items: center;}
.product_detail .detail_tit .info div.info_icon {gap:4px;}
.product_detail .detail_tit .info p {font-size: var(--text-14);font-weight: 500;padding: 4px 6px;background: var(--color-slate-100);color: var(--color-slate-700);}
.product_detail .resort_view iframe {width: 100%;height:auto;}
.product_detail .resort_view_img img {width: 100%;}
.product_detail .detail_review_list {display: flex;gap:20px;}
.product_detail .detail_review_list .grade_chart {width: 409px;height:462px;margin: 0;}
.product_detail .detail_review_list .grade_chart .chart {height:320px;}
.product_detail .detail_review_list .grade_chart .chart canvas {margin:0 auto;}
/* 차트 사용시 해제 */
/* .product_detail .detail_review_list .review_card {width: calc( 100% - 429px );} */
.product_detail .detail_ai .ai_banner {display: flex;align-items: center;gap:10px;padding: 20px 30px; margin: 0 0 20px;border-radius: 10px;background: linear-gradient(90deg, #14B6A5 0%, #3255BF 19.71%, #1C89BB 71.63%, #4E3191 100%);}
.product_detail .detail_ai .ai_banner .label {border-radius: 45px;border: 1px solid var(--color-white, #FFF);background: rgba(255, 255, 255, 0.30);display: flex;height: 51 px;padding: 7px 20px;align-items: center;gap: 10px;color: var(--color-white);font-size: var(--text-20);font-weight: 700;}
.product_detail .detail_ai .ai_banner h4 {font-size: var(--text-24);font-weight: 700;color: var(--color-white);}
.product_detail .detail_ai .ai_banner p {border-radius: 40px;padding: 8px 10px;color: var(--color-white);border: 1px solid var(--color-white, #FFF);display: flex;justify-content: center;align-items: center;font-weight: 700;}
.product_detail .detail_comment .title {padding:0 0 20px;}

.modal_swiper.main_swiper .swiper-slide {height:calc( 100vh - 162px );}
.modal_swiper.thumb_swiper {overflow:hidden;margin:15px 0 0;}
.modal_swiper.thumb_swiper .swiper-slide {height:97px;}
.modal_swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;object-position: center; }

.schecule_view_tit {display: flex;justify-content: space-between;align-items: center;}
.schecule_view_tit h3 {font-size: var(--text-24);font-weight: 700;}

.product_visual {height:530px;position: relative;}
.product_visual > img {width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;z-index: -1;}
.product_visual .visual_txt {max-width: var(--max-width);margin:0 auto;display: flex;justify-content: space-between;color: var(--color-white);height:100%;align-items: center;}
.product_visual .visual_txt .tit {margin:40px 0 0;height:100%;}
.product_visual .visual_txt .tit h3 {font-size: var(--text-60);font-weight: 900;}
.product_visual .visual_txt .tit h4 {font-size: var(--text-90);font-weight: 900;margin:0 0 10px;}
.product_visual .visual_txt h4 a {background: linear-gradient(180deg, rgba(15, 23, 43, 0.50) 0%, rgba(15, 23, 43, 0.05) 100%);}
.product_visual .visual_txt .box {width: 500px;height:fit-content;padding: 30px; background: linear-gradient(180deg, rgba(15, 23, 43, 0.50) 0%, rgba(15, 23, 43, 0.05) 100%);border-radius: 10px;}
.product_visual .visual_txt .box h5 {font-size: var(--text-48);font-weight: 800;word-break: keep-all;}
.product_visual .visual_txt .box h6 {font-size: var(--text-24);font-weight: 400;margin:0 0 4px;word-break: keep-all;}
.product_visual .visual_txt .box p {font-size: var(--text-18);font-weight: 500;line-height: 160%;}
.product_visual .visual_txt .box .key {background: rgba(15, 23, 43, 0.70);border-radius: 10px;padding: 20px;margin:10px 0 0;}
.product_visual .visual_txt .box .chip {display: flex; width: fit-content; background: var(--color-white);padding: 4px;border-radius: 10px;align-items: center;gap:5px;color: var(--color-slate-700);margin:0 0 10px;}

.product_wrap .product_area_top {margin:0 0 20px;}
.product_wrap .product_area_list .product._list{display:none;}
.product_wrap .product_area_list.is-list .product._card{display:none;}
.product_wrap .product_area_list.is-list .product._list{display:block;}
.product_wrap .product_best .resort_slider_wrap {display: flex;gap:20px;align-items: flex-end;}
.product_wrap .product_best .slide_btn {padding: 20px;border: 1px solid var(--border-line-color);width: 339px;border-radius: 10px;}
.product_wrap .product_best .slide_btn button {height:44px;display:flex;padding:0 12px;gap:6px;border-radius: 5px;width: 100%;align-items: center;margin: 0 0 8px;}
.product_wrap .product_best .slide_btn button:last-child {margin: 0;}
.product_wrap .product_best .slide_btn button span.num {width: 30px;height:30px;display: flex;justify-content: center;align-items: center;background: var(--bg-gray-100);border-radius: 50px;color: var(--color-slate-500);}
.product_wrap .product_best .slide_btn button.active {background: var(--color-primary-50);color: var(--color-primary-600);font-weight: 500;}
.product_wrap .product_best .slide_btn button.active span.num {background: var(--color-primary-600);color: #fff;}
.product_wrap .product_best .resort_slider {overflow: hidden;width: calc( 100% - 359px );}
.product_wrap .product_best .resort_slider li {height:346px;position: relative;border-radius: 10px;overflow: hidden;padding: 10px;display: flex;align-items: flex-end;}
.product_wrap .product_best .resort_slider li > img {position: absolute;top:0;left:0;z-index: -1;width: 100%;height: 100%;object-fit: cover;}
.product_wrap .leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth {max-height:220px;overflow-y: auto;}
.product_wrap .leftmenu ul li.leftmenu_1depth ul.leftmenu_2depth li a {padding:10px 24px;}
.product_wrap .product_best .resort_slider li .card_no{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-bottom-left-radius:18px;font-weight:900;font-size:var(--text-40);color: var(--color-slate-400); }
.product_wrap .product_best .resort_slider li.swiper-slide-active .card_no{color: var(--color-slate-900);}

.product_wrap .product_review_slider {overflow: hidden;}
.product_wrap .product_review_slider.card_slider .slide_controls {margin: 0;}
.product_wrap .product_review .review_card {gap:0;}

.search .search_tit {padding: 30px;background: var(--color-slate-50);text-align: center;font-size: var(--text-30);font-weight: 700;}
.search .search_tit span {color: var(--color-primary-600);}
.search .title {margin:0 0 20px;}
.search .title h2 {font-size: var(--text-24);}
.search .search_grid {display: flex;gap:20px;}
.search .search_on {color: var(--color-primary-600) !important;font-weight: 700;}
.search .search_on_bg {background: var(--color-primary-500) !important;color: var(--color-white) !important;}
.search .search_grid > :first-child {width: calc( 100% - 445px );}
.search .search_right {position: sticky;top:10px;right:0;width: 425px;height:fit-content;}
.search .search_right .banner {position: relative;display: flex;align-items: flex-end;width: 405px;height: 240px;padding: 10px;}
.search .search_right .banner > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;border-radius: 10px;}
.search .search_right .banner .search_product_banner_btn {display: flex;justify-content: space-between;align-items: center;gap: 10px;width: 100%;}
.search .search_right .banner_btn {display: flex;gap:10px;margin:10px 0 0;}

.search .search_ranking {padding: 24px;border: 1px solid var(--border-line-color);border-radius: 10px;;}
.search .search_ranking .ranking_tit {padding: 20px 0;background: var(--color-slate-100);text-align: center;border-radius: 10px;}
.search .search_ranking .ranking_tit p {color: var(--color-slate-700);}
.search .search_ranking .ranking_tit h5 {font-size: var(--text-20);font-weight: 700;color: var(--color-slate-700);margin:4px 0 0;}
.search .search_ranking ul li {color: var(--color-slate-700);font-weight: 500;margin:20px 0 0;display: flex;gap:10px;}
.search .search_ranking ul li span {width: 20px;font-weight: 700;}

.search .tour_list {display: grid;grid-template-columns: repeat(3, 1fr);gap:30px 20px;}
.search .tour_list .thumb {width: 100%;height:172px;border-radius: 10px;overflow: hidden;}
.search .tour_list .thumb img {width: 100%;height: 100%;object-fit: cover;}
.search .tour_list h5 {font-size: var(--text-18);font-weight: 700;margin:14px 0 0;}

.search .faq {border: 1px solid var(--border-line-color);border-radius: 10px;padding: 20px;}
.search .faq a._nav {margin:20px 0 0;}
.search .faq .faq_tit {display: flex;align-items: center;justify-content: space-between;background: var(--color-slate-100);border-radius: 10px;padding: 20px;margin:0 0 20px;}
.search .faq .faq_tit h4 {font-size: var(--text-20);font-weight: 700;}
.search .faq_list li {border-bottom: none;padding: 0;margin:0 0 8px;}
.search .faq_list li .question {padding: 12px;border-radius: 5px;}
.search .faq_list li .answer {margin:4px 0 0; padding: 12px;border-radius: 5px;background: var(--color-slate-50);max-height:200px;overflow-y: auto;}
.search .faq_list li .answer p {color: var(--color-slate-500);line-height: 140%;font-size: var(--text-15);}
.search .faq_list li.active .question {background: var(--color-primary-50);}
.search .faq_list li.active .question h5 {color: var(--color-primary-600);}
.search .faq_list li .question h5 {font-weight: 700;color: var(--color-slate-900);}
.search .search_none {text-align: center;padding: 30px;background: var(--color-slate-50);}
.search .search_none p {margin:10px 0 0;font-size: var(--text-24);font-weight: 700;}

.event_visual {height:670px;overflow: hidden;}
.event_visual .swiper-slide > img {width:100%;height:100%;object-fit: cover;}
.event .event_product_list {display: grid; grid-template-columns: repeat(4, 1fr);gap:20px;}
.event .event_product_list li {position: relative;border-radius: 10px;overflow: hidden;aspect-ratio: 335 / 476; }
.event .event_product_list li img {position: absolute;top:0;left:0;z-index: -1;width: 100%;height: 100%;object-fit: cover;}
.event .event_product_list li a::after {content:"";display: block;width: 100%;height: 100%; background: linear-gradient(180deg, rgba(102, 102, 102, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);position: absolute;top:0;left:0;z-index: -1;}
.event .event_product_list li a {display: block;padding: 10px;width: 100%;height:100%;display: flex;flex-direction: column;justify-content: flex-end;}
.event .event_product_list li .txt {border-radius: 10px;background: rgba(15, 23, 43, 0.70);padding: 20px;border-radius: 10px;}
.event .event_product_list li .txt h3 {font-size: var(--text-30);font-weight: 700;color: var(--color-white);margin:0 0 20px;}
.event .event_product_list li .txt p {font-weight: 700;color: var(--color-white);margin:4px 0 0;}

.event .event_month_list {display: grid; grid-template-columns: repeat(4, 1fr);gap:20px;}
.event .event_month_list li {width: 100%;height: 596px;border-radius: 10px;overflow: hidden;}
.event .event_month_list li img {width: 100%;height: 100%;object-fit: cover;}

.resort_visual {height:776px;background: url('../images/resort_visual.jpg') no-repeat center center #165580;padding: 20px 0;}
.resort_visual .visual {display: flex;justify-content: space-between;flex-direction: column;height:100%;}
.resort_visual .visual_txt {padding: 30px; border-radius: 10px;background: rgba(15, 23, 43, 0.70);width: fit-content;}
.resort_visual .visual_txt h4 {font-size: var(--text-30);font-weight: 700;color: var(--color-white);margin:0 0 20px;}
.resort_visual .visual_txt p {font-size: var(--text-18);font-weight: 700;color: var(--color-white);line-height: 140%;}
.resort_visual .tab {width: 100%;gap:0;border-radius: 10px;overflow: hidden;}
.resort_visual .tab li {width: calc( 100% / 13 );padding: 0;height:60px;border-radius: 0;background:  var(--color-slate-100);font-size: var(--text-18);font-weight: 500;color: var(--color-slate-700);}
.resort_visual .tab li a {display:flex;width: 100%;height:100%;align-items: center;justify-content: center;}
.resort_visual .tab li.active { background: var(--color-primary-600); border: 1px solid var(--color-primary-600); color: var(--color-white);}
.resort_visual .tab li:hover { background: var(--color-primary-600); border: 1px solid var(--color-primary-600); color: var(--color-white);}

.resort_view iframe{aspect-ratio: 16/9;}
.resort_view .detail_none {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    padding: 60px 40px;
    background: #F1F5F9;
    border-radius: 10px;
}
.resort_view .detail_none p {
    margin: 10px 0 0;
    font-size: var(--text-24);
    font-weight: 700;
}


.about_visual {height:776px;background: url('../images/about_bg.jpg') no-repeat center center/cover;position: relative;display: flex;align-items: center;justify-content: center;}
.about_visual::before {content:"";position: absolute;top:0;left:0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 7.86%, rgba(0, 0, 0, 0.60) 103.35%);}
.about_visual .visual_txt {text-align: center;color: var(--color-white);position: relative;z-index: 1;}
.about_visual .visual_txt h3 {font-size: var(--text-50);font-weight: 900;line-height: 160%;margin:0 0 60px;}
.about_visual .visual_txt p {font-size: var(--text-20);font-weight: 600;line-height: 160%;margin:20px 0 0;}

.about .title {text-align: center;}
.about > div {padding-top:160px;}

.about .about_vision .vision_wrap {display: flex;gap:20px;flex-wrap:wrap;}
.about .about_vision .vision_wrap .vision_box {position: relative;width: 325px;height:400px;padding: 20px;border-radius: 10px;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;color: var(--color-white);}
.about .about_vision .vision_wrap .vision_box.full {width: 100%;height:424px;justify-content: flex-start;padding: 40px 30px;}
.about .about_vision .vision_wrap .vision_box.lg {width: 365px;justify-content: flex-start;text-align: left;padding: 40px 30px;}
.about .about_vision .vision_wrap .vision_box img {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: -1;width:100%;height:100%;object-fit: cover;}
.about .about_vision .vision_wrap .vision_box h5 {font-size: var(--text-26);font-weight: 700;margin:0 0 10px;}
.about .about_vision .vision_wrap .vision_box h4 {font-size: var(--text-36);font-weight: 800;}
.about .about_vision .vision_wrap .vision_box p {font-weight: 700;line-height: 160%;}

.about .about_brand {display: flex;gap:10px;}
.about .about_brand .brand_box {border-radius: 10px;padding: 30px;color: var(--color-white);overflow: hidden;}
.about .about_brand .brand_box.dark {color: var(--color-slate-700);}
.about .about_brand .brand_box h3 {font-size: var(--text-40);font-weight: 900;}
.about .about_brand .brand_box h4 {font-size: var(--text-30);font-weight: 900;}
.about .about_brand .brand_box h5 {font-size: var(--text-24);font-weight: 700;}
.about .about_brand .brand_box h5 span {font-size: var(--text-54);font-weight: 900;}
.about .about_brand .brand_box h6 {font-size: var(--text-20);font-weight: 700;}
.about .about_brand .brand_box p {font-size: var(--text-18);font-weight: 700;line-height: 140%;}
.about .about_brand .brand_box h5.primary {color: var(--color-primary-700);}
.about .about_brand .brand_img {height:500px;width: 304px;background: url('../images/about_brand_bg.jpg') no-repeat center center/cover;display: flex;flex-direction: column;justify-content: space-between;}
.about .about_brand .full {width: 100%;}
.about .about_brand .mid {width: 595px;}
.about .about_brand .end {width: 481px;}
.about .about_brand .flex {display: flex;gap:10px;}
.about .about_brand .brand_people {width: 100%;height: 172px;background: var(--color-primary-600);display: flex;justify-content: space-between;align-items: center;margin:0 0 10px;}
.about .about_brand .brand_review {width: 281px;height: 318px;background: var(--color-teal-600);display: flex;flex-direction: column; justify-content: space-between;}
.about .about_brand .brand_review a {display: block;width: 100%;height: 100%;}
.about .about_brand .brand_review .btn {background: rgba(15, 23, 43, 0.20);border:none;color: var(--color-white);margin:10px 0 0;}
.about .about_brand .brand_member {width: calc( 100% - 291px );height: 318px;background: var(--color-slate-100);display: flex;flex-direction: column; justify-content: space-between;}
.about .about_brand .brand_member a {border: none;margin:10px 0 0;}
.about .about_brand .brand_award {width: 244px;height: 274px;background: var(--color-slate-700);display: flex;flex-direction: column; justify-content: space-between;align-items: center;text-align: center;padding: 30px 20px;}
.about .about_brand .brand_award h5 {font-size: var(--text-18);line-height: 140%;}
.about .about_brand .brand_award img {max-width:108px;}
.about .about_brand .brand_benefit {width: calc( 100% - 226px );height: 274px;background: linear-gradient(180deg, #432DD7 0%, #671871 100%);display: flex;flex-direction: column; justify-content: space-between;align-items: center;text-align: center;}
.about .about_brand .brand_benefit a {background: rgba(255, 255, 255, 0.20);border:none;color: var(--color-white);}
.about .about_brand .brand_insurance {background: var(--color-slate-100);height:216px;display: flex;flex-direction: column; justify-content: space-between;margin:10px 0 0;}
.about .about_brand .brand_insurance .flex {justify-content: space-between;align-items: center;}

.about .award_mark {display:flex;justify-content: space-between;padding: 0 30px;margin:0 0 40px;}
.about .award_mark div {text-align: center;}
.about .award_mark div p {margin:11px 0 4px;font-size: var(--text-18);font-weight: 700;color: var(--color-slate-700);}
.about .award_mark div h5 {font-size: var(--text-18);font-weight: 700;color: var(--color-teal-600);}
.about .award_cont {display: flex;gap:10px;}
.about .award_cont .img {width: 60%;height: 500px;border-radius: 10px;}
.about .award_cont .img img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.about .award_cont .cont {width: calc( 40% - 10px );height:500px;display: flex;flex-direction: column;justify-content: space-between;}
.about .award_cont .cont .award_tit {display: flex;gap:10px;font-size: var(--text-24);font-weight: 700;align-items: center;color: var(--color-slate-700);}
.about .award_cont .cont .txt {height: calc( 100% - 87px );background: var(--color-slate-100);border-radius: 10px;padding: 30px;}
.about .award_cont .cont .txt p {margin:20px 0 0;font-size: var(--text-18);font-weight: 700;line-height: 160%;word-break: keep-all;}
.about .award_cont .gallery {width: 100%;display: flex;gap:10px;}
.about .award_cont .gallery img {width:calc(( 100% - 30px ) /4 );border-radius: 10px;}

.tab_slide{display:flex;align-items:center;gap:18px;width:100%}
.tab_view{flex:1;overflow:hidden}
.tab_view>ul[class$="_tab"]{display:flex;will-change:transform;transition:transform .35s ease;transform:translateX(var(--tx,0px))}
.tab_view>ul[class$="_tab"]>li{flex:0 0 var(--tabw);display:flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}
.tab_arrow{width:34px;height:34px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;opacity:.9}
.tab_arrow:disabled{opacity:.25;cursor:default}

.about .about_history .history_tab_wrap {display: flex;justify-content: space-between;border-top: 2px solid var(--color-slate-700); border-bottom: 1px solid var(--border-button-color);padding: 30px 0;}
.about .about_history .history_tab_wrap .history_tab_box {overflow: hidden;width: calc( 100% - 216px );}
.about .about_history .history_tab_wrap .history_tab {width: calc( 100% + 216px );display: grid; grid-template-columns: repeat(7, 1fr);align-items: center;}
.about .about_history .history_tab_wrap .history_tab li {font-size: var(--text-40);font-weight: 800;text-align: center;color: var(--color-slate-400);}
.about .about_history .history_tab_wrap .history_tab li.active {color: var(--color-primary-600);}
.about .about_history .history_box {padding: 40px;gap:40px;border-bottom: 2px solid var(--color-slate-700);}
.about .about_history .history_box > div {flex:1;}
.about .about_history .history_box .month {display: flex;gap:10px;margin:0 0 40px;}
.about .about_history .history_box .month h4 {font-size: var(--text-24);font-weight: 700;color: var(--color-slate-500);width: 80px;}
.about .about_history .history_box .month .cont {width: calc( 100% - 80px );}
.about .about_history .history_box .month p {position: relative; font-size: var(--text-20);font-weight: 700;color: var(--color-slate-500);margin:0 0 14px;padding: 0 0 0 18px;}
.about .about_history .history_box .month p::before {content:"\2022";position: absolute;top:0;left:0;display: block;line-height: 24px;}
.about .about_history .history_box {display: none;}
.about .about_history .history_box.active {display: flex;}

.about .about_story ul {display: flex;gap:20px;}
.about .about_story ul li {flex:1;}
.about .about_story ul li .thumb {height:282px;}
.about .about_story ul li .thumb img {border-radius: 10px 10px 0 0;width:100%;height:100%;object-fit: cover;}
.about .about_story ul li .cont {padding:30px;background: var(--bg-gray-100);}
.about .about_story ul li .cont h5 {font-size: var(--text-20);height:56px;font-weight: 700;color: var(--color-slate-700);margin:10px 0 0;line-height: 140%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;border-radius: 0 0 10px 10px;}
.about .about_story ul li .cont h6 {font-weight: 700;color: var(--color-slate-700);line-height: 140%;}


.about_company .contact_box {height:auto;}
.about_company .contact_box .map {height:398px;position: relative;width: 100%;display: flex;flex-direction: column;height:398px;align-items: flex-end;padding: 10px;gap:20px;}
.about_company .contact_box .map img {position: absolute;top:0;left:0;z-index: -1;width: 100%;height:100%;object-fit: cover;border-radius: 10px;}
.about_company .contact_box .company_img {width: 100%;}
.about_company .contact_box .company_img img {width: 100%;}

.about_slogan ~ footer {margin: 0;}
.about_slogan {padding: 80px 0;text-align: center;margin: 180px 0 0;background: var(--color-slate-50);}
.about_slogan p {font-size: var(--text-20);font-weight: 500;line-height: 200%;}
.about_slogan img {margin:80px 0 0;}



@media screen and (min-width: 2560px) {
    .mainvisual {height:calc( 100vh - 331px );}
}

@media screen and (max-width: 1540px) {
    :root {
        --max-width: 1200px;
    }
    
    header .gnb .menu > div {gap:0;}
    header .gnb .menu .allmenu {width: auto;}
    header .gnb .menu .allmenu span {display: none;}
    header .gnb .menu nav ul {gap:16px;}
    .leftmenu {width: 248px;min-width: 248px;}
    .leftmenu + div {width: calc(100% - 248px);}
    
    .product_detail .leftmenu_banner {display: none;}
    .search .search_grid > :first-child {width: calc( 100% - 320px );}
    .search .search_right {width: 320px;}
    .search .search_right .banner {width:320px;height:190px;}
    .header_search .search_wrap .search_input {width: 390px;}
    header .event_bar .event_bar_cont > img {width: 58%;}

    .review_view .board_view_cont {width:calc( 100% - 340px );}
    .review_view .review_resort {width: 320px;}
}