:root {
    --max-width: 720px;
    --px-20: 20px;
}

html {background: #f2f2f2;}
body {max-width: var(--max-width);margin: 0 auto;} 

.inner {padding: 0 var(--px-20);}
.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);}
p.red {font-size: var(--text-14);font-weight: 500;color: var(--color-rose-600);}

.pdy0 {padding: 0 !important;}
.pdt0 {padding-top: 0 !important;}
.pdt-lg {padding-top: 56px !important;}/*  80 > 56 */
.pdt-md {padding-top: 42px !important;} /*  60 > 42 */
.pdt-sm {padding-top: 28px !important;} /*  40 > 28 */
.pdb-lg {padding-bottom: 56px !important;}

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

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

/* header .gnb {position: fixed;width: 100%;max-width: calc( var(--max-width) + 2px) ;z-index: 999;top:0;left:50%;transform: translateX(-50%);background: var(--color-white);} */
header{position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:var(--max-width);z-index:1000;transition:transform .3s ease;background: #fff;width: 100%;}
header._no_header_space{position:absolute;}
header.hide{transform:translateY(-100%) translateX(-50%);}
body{padding-top:126px;}
body.no_header_space{padding-top:0 !important;}

header .gnb .logo {display: flex;justify-content: space-between;align-items: center;max-width: var(--max-width);margin: 0 auto;padding: 12px 20px;}
header .gnb .logo h1 img {width: 97px;}
header .gnb .allmenu {white-space: nowrap;width: 24px;height: 24px;}
header .gnb .menu {border-bottom: 1px solid var(--border-line-color);}
header .topmenu {display: flex;border-bottom: 1px solid var(--border-line-color);}
header .topmenu li {flex: 1;}
header .topmenu li a {display: block;width: 100%;height: 100%;padding: 12px 0;text-align: center;font-size: var(--text-14);font-weight: 700;border-top: 1px solid var(--border-line-color);border-right: 1px solid var(--border-line-color);color: var(--color-slate-700);}
header .topmenu li:last-child a {border-right: none;}
header .topmenu li a img {display: block;margin: 0 auto 4px;}

.menu_link_wrap{overflow:hidden;display: flex;max-width: var(--max-width);margin: 0 auto;padding: 0 0 0 20px;}
.menu_link{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;}
.menu_link::-webkit-scrollbar{display:none;}
.menu_link>li{flex:0 0 auto;}
.menu_link.is-dragging{cursor:grabbing;user-select:none;}
.menu_link {display: flex;}
.menu_link li {display: block; padding: 16px;border-bottom: 2px solid var(--color-slate-200);font-weight: 700;color: var(--color-slate-400);}
.menu_link li.active {color: var(--color-primary-900);border-bottom: 2px solid var(--color-slate-900);}

header .allmenu_wrap {display:none; position: fixed;top:0;left:0;width:100%;height:100dvh;background: var(--color-white);z-index: 9999;}
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: 12px 20px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border-line-color);}
header .allmenu_header h3 {padding: 0 16px;}
header .allmenu_content {max-width: var(--max-width);padding: 0 20px 100px;margin: 0 auto;overflow:auto;max-height:calc(100vh - 70px);scroll-behavior:smooth;}
header .allmenu_content > div {border-bottom: 1px solid var(--border-line-color);}
header .allmenu_content .menu_box {padding: 32px 0;}
header .allmenu_content .menu_box h3 {min-width:170px;}
header .allmenu_content .menu_box > ul > li.center {text-align: center;}
header .allmenu_content .menu_box > ul > li > a {font-weight: 700;display: block;padding: 16px;}
header .allmenu_content .menu_box > ul > li:hover {color: var(--color-primary-600);}
header .allmenu_content .menu_box > ul > li > ul {display: none;margin:0 0 16px;}
header .allmenu_content .menu_box > ul > li.open > ul {display: block;}
header .allmenu_content .menu_box > ul > li > ul > li a { display:block;margin:4px 0 0;color: var(--color-slate-700);font-size: var(--text-14);padding: 6px 16px;}
header .allmenu_content .menu_box > ul > li > ul > li:first-child a {margin: 0;}
header .allmenu_content .menu_box > ul > li > ul > li a:hover {color: var(--color-primary-600);}
header .allmenu_content .menu_box > ul > li:has(.sub_menu) > a {background: url('../images/icon/icon_arrow_bottom.svg') right center no-repeat;background-size:20px;}
header .allmenu_content .menu_box > ul > li:has(.sub_menu).open > a {background: url('../images/icon/icon_arrow_top.svg') right center no-repeat;background-size:20px;}


.allmenu_header {max-width: var(--max-width);margin: 0 auto;padding: 12px 20px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border-line-color);}
.product_menu_wrap {display:none; position: fixed;top:125px;left:0;width:100%;height:calc( 100dvh - 125px );background: var(--color-white);z-index: 9999;overflow-y: auto;}
.product_menu_wrap.show {display: block;}
.product_menu_content {max-width: var(--max-width);margin: 0 auto;}
.product_menu li {padding: 16px 20px;}
.product_menu li div {display: flex;gap:16px;flex-wrap: wrap;}
.product_menu li h3 {font-weight: 700;line-height: 18px;padding: 0 0 0 22px;background: url('../images/icon/icon_map.svg') left center no-repeat;margin: 0 0 20px;;}
.product_menu li a.btn._nav {width: calc( (100% - 16px) /2 );color: var(--color-slate-700);font-weight: 500;}
.product_menu li a.btn._nav:hover {background: var(--color-primary-600);color: var(--color-white);}

header .detail_header {display: flex;justify-content: space-between;padding: 20px;position: absolute;top: 0;left: 50%;transform: translateX(-50%); width: 100%;z-index: 99;max-width: var(--max-width);margin: 0 auto;}
header .detail_header h1 {font-size: var(--text-18);font-weight: 700;color: var(--color-white);}
header .detail_header img {width: 24px;}

header .search_header {display: flex;padding: 8px 20px;width: 100%;align-items: center;gap:10px;}
header .search_header img {width: 24px;}
header .search_header .input {width: calc( 100% - 24px );}
header .search_header .input input {background: var(--bg-gray-50);}

header .review_header {display: flex;justify-content: space-between;padding: 20px;width: 100%;z-index: 99;max-width: var(--max-width);margin: 0 auto;align-items: center;}
header .review_header h1 {font-weight: 700;color: var(--color-slate-500);text-align: center;word-break: keep-all;}
header .review_header h1 span {color: var(--color-primary-600);}
header .review_header img {width: 24px;}
.view_header {display: flex;gap:4px;padding: 20px;border-bottom: 1px solid var(--border-line-color);margin:0 0 20px;}
.view_header h1 {font-size: var(--text-24);font-weight: 600;}

.mainvisual {width: 100%;position: relative; aspect-ratio: 4/5;}
.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;}

/* .marquee{overflow:hidden;white-space:nowrap;padding:10px 0;border-bottom: 1px solid var(--border-line-color);} */
.marquee{overflow:hidden;white-space:nowrap;padding: 4px;border: 8px solid  var(--border-line-color);}
.marquee_track{display:flex;width:max-content;will-change:transform;}
.marquee_box{display:flex;gap:48px;width:max-content;margin:0 32px 0 0;font-weight: 600;font-size: 0.85rem;}
.marquee_box a{display:flex;gap:16px;align-items:center;width:max-content;}
.marquee_box a div{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:40px;background:var(--bg-gray-100);font-size: 0.78rem;}
.marquee_box a div img {width: 14px;}



.title.between {display: flex;justify-content: space-between;align-items: flex-end;}
.title {margin:0 0 28px;}
.title h2 {font-size: var(--text-28);font-weight: 800;margin:0 0 10px;word-break: keep-all;}
.title div.desc {margin:24px 0 0;}
.title p {font-weight: 500;color: var(--color-slate-700);word-break: keep-all;}
.title p.orange {color: var(--color-orange-500);font-weight: 700;}

.px20 {padding-left: var(--px-20) !important;padding-right: var(--px-20) !important;}
.pl20 {padding-left: var(--px-20) !important;}

.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: 280/420; 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: 16px;}
.sec_event .event_slider ul li .text_box span img {width: 20px;margin:0 0 8px;}
.sec_event .event_slider ul li .text_box h3 {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 .area_list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap:4px;}
.sec_area .area_list ul li {width: 100%;aspect-ratio: 1/1;}
.sec_area .area_list ul li a {display: block;width: 100%;height: 100%;position: relative;padding: 10px;display: flex;align-items: center;justify-content: center;}
.sec_area .area_list ul li .img_box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.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 h3 {color: var(--color-white);font-size: var(--text-18);font-weight: 700;z-index: 1;}

.sec_story .story_flex {display: flex;gap:8px;padding: 0 0 0 var(--px-20);}
.sec_story .story_wrap .banner {width: 152px;overflow: hidden;border-radius: 10px;position: relative;padding: 20px 10px;display: flex;flex-direction: column; justify-content: space-between;padding: 26px 10px;background: var(--color-slate-100);}
.sec_story .story_wrap .banner div p {color: var(--color-slate-500);font-size: var(--text-14);font-weight: 700;margin: 4px 0 6px;}
.sec_story .story_wrap .banner div h4 {font-family: "Aggravo"; font-size: var(--text-22);font-weight: 700;}
.sec_story .story_wrap .banner > img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.sec_story .story_wrap .btn {z-index: 1;}
.sec_story .stroy_swiper {width: calc( 100% - 160px );}
.sec_story .review_card {gap:0;}
.sec_story .review_card li .star img {width: 16px;}
/* .sec_story .review_card li .text_box .text {-webkit-line-clamp:1;} */

.info_slider_wrap {overflow: hidden;}
.sec_info .info_resort_tab{display:flex;margin:0 0 24px;padding: 0 20px; flex-wrap:nowrap; gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;cursor:grab;}
.sec_info .info_resort_tab::-webkit-scrollbar{display:none;}
.sec_info .info_resort_tab>li{flex:0 0 auto;}
.sec_info .info_resort_tab.is-dragging{cursor:grabbing;user-select:none;}.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_resort_box {display: none;}
.sec_info .info_resort_box.active {display: block;}

.sec_service ul {display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.sec_service ul li a {display: block; padding: 10px;border: 1px solid var(--border-line-color);border-radius: 10px;aspect-ratio: 1/1;}
.sec_service ul li a .service_title {display: flex;flex-direction: column; align-items: center;}
.sec_service ul li a .service_title h3 {font-weight: 700;margin: 8px 0 0;text-align: center;word-break: keep-all;min-height: 38px;display: flex;align-items: center;}
.sec_service .banner {position: relative;width: 100%;padding: 20px;margin:20px 0 0;height: 82px;overflow:hidden;border-radius: 10px;;}
.sec_service .banner > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sec_service .banner > div {z-index: 1;display: flex;align-items: center;gap:20px;position: relative;}
.sec_service .banner > div > div {font-size: var(--text-12);font-weight: 500;border-radius: 50px;padding: 8px 10px;}
.sec_service .banner p {color: var(--color-white);font-size: var(--text-18);font-weight: 700;}

@media (max-width:375px){
.sec_service .banner p{
  font-size:15px;
}
}

.sec_contact .contact_wrap {width: 100%;}
.sec_contact .contact_wrap > img {border-radius: 10px;}
.sec_contact .contact_wrap .contact_box {margin:20px 0 0; background: var(--color-slate-50);border-radius: 10px;padding: 20px;display: flex;flex-direction: column;}
.sec_contact .contact_wrap .contact_box h5 {font-size: var(--text-18);font-weight: 700;margin:0 0 10px;}
.sec_contact .contact_wrap .contact_box h6 {margin:10px 0 0;}
.sec_contact .contact_wrap .contact_box p.contact_tit {color: var(--color-slate-400);font-weight: 700;}
.sec_contact .contact_wrap .contact_box p {line-height: 150%;font-weight: 500;}
.sec_contact .contact_wrap .contact_box .head {margin:0 0 20px;border-bottom: 1px dashed var(--color-slate-500);padding:0 0 10px;}
.sec_contact .contact_wrap .contact_box .btn {margin:10px 0;}
.sec_contact .contact_wrap .contact_box .call_box {margin: 0 0 16px;}
.sec_contact .contact_wrap .contact_box .call_box p {font-size: var(--text-14);color: var(--color-slate-500);}

/* .sec_partner h2 {font-size: var(--text-24);font-weight: 700;white-space: nowrap;margin: 0 0 28px;} */
.sec_partner .partner_slider {overflow-x: hidden;}
.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;}

.topbtn {position: fixed;bottom:104px;right:10px;z-index: 10;border-radius: 10px;}
.topbtn button {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 52px;height:52px;background: var(--color-primary-100);border-radius: 50px;}
.topbtn a.review_btn {width: 52px;height:88px;display: flex;flex-direction: column;gap:4px;background: var(--color-primary-600);color: var(--color-white);font-size: var(--text-14);font-weight: 500;word-break: keep-all;align-items: center;justify-content: center;border-radius: 50px;margin:0 0 8px;}

.navigation {position: fixed;bottom: 0;left:50%;transform: translateX(-50%); width: 100%;z-index: 99;max-width: calc( var(--max-width) + 2px );margin: 0 auto;background: var(--color-slate-50);transition:transform .3s ease}
.navigation.hide{transform:translate(-50%, 120%)}
.navigation ul {display: flex;justify-content: space-between;align-items: center;padding: 20px 20px 24px;gap:8px;}
.navigation ul li {flex:1;}
.navigation ul li a {display: flex;flex-direction: column;align-items: center;justify-content: center;gap:4px;}
.navigation ul li a p {font-size: var(--text-12);font-weight: 500;color: var(--color-slate-400);}
.detail_navi {background: var(--color-white);padding: 12px 20px;display: flex;gap:10px;border-top: 1px solid var(--border-line-color);}
.detail_navi a._md {position: relative;display: flex;align-items: center;justify-content: center;gap:4px;padding: 0;width: 56px;height: 56px;}
.detail_navi a._md._full {width: calc( 100% - 132px );font-size: var(--text-16);}
.detail_navi a p {position: absolute;top:-30px; font-size: var(--text-12);font-weight: 500;color: var(--color-primary-700);background: var(--color-primary-100);border-radius: 50px;padding: 3px 5px;white-space: nowrap;}
.detail_navi a p::after {content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary-100)}
.resort_navi a._md._full {width: calc( 100% - 66px );font-size: var(--text-16);}

.search_recommend {background: var(--color-white);border-radius: 10px;margin:0 0 8px;}
.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;flex-direction: column; gap:10px;margin:0 0 20px;}
.search_recommend .recommend_list div {overflow: hidden;aspect-ratio: 354/148;}
.search_recommend .recommend_list div img {width:100%;height:100%;object-fit: cover;border-radius: 10px;}
.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;}

footer {margin:40px 0 0;background: var(--color-slate-900);color: rgba(255, 255, 255, 0.80);}
footer > div {border-bottom: 1px solid #314158;}
footer .sitemap {padding: 16px 24px;}
footer .sitemap ul {display:flex;justify-content: space-between;}
footer .sitemap ul li a {display: block; font-size: var(--text-14);font-weight: 500;}
footer .address {padding: 32px 20px;}
footer .address img {width: 113px;margin:0 0 20px;}
footer .address p {font-size: var(--text-14);color: rgba(255, 255, 255, 0.80);margin:0 0 6px;}
footer .address p b {color: var(--color-white);font-weight: 600;font-size: var(--text-12);display: inline-block;margin: 0 4px 0 0;;}
footer .address h4 {color: var(--color-white);font-weight: 700;font-size: var(--text-15);margin:0 0 17px;}
footer .sitemap_btm{padding:24px 0 20px;overflow-x: hidden;border-bottom: none;}
/* footer .sitemap_btm ul{display:flex;gap:8px;padding: 0 20px; white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;cursor:grab;} */
footer .sitemap_btm ul{display:flex;gap:8px;padding: 0 20px;flex-wrap:wrap;}
footer .sitemap_btm ul li:last-child {padding: 0 20px 0 0;}
footer .sitemap_btm ul::-webkit-scrollbar{display:none;}
footer .sitemap_btm ul>li{font-size: var(--text-14);width: calc( (100% - 20px) /2 );}
footer .sitemap_btm ul a{-webkit-user-drag:none;user-select:none;}
footer .sitemap_btm ul.is-dragging{cursor:grabbing;user-select:none;}
footer .sns {display: flex;gap:10px;align-items: center;justify-content: center; padding: 0 0 24px;}
footer .copy {padding: 10px 20px;text-align: center;line-height: 140%;font-size: var(--text-12);}

#content {max-width: var(--max-width);margin:0 auto;padding: 48px 0 80px;}
#content.full {width: 100%;padding: 0 0 80px;max-width:none;}
#content._lg {max-width: var(--max-width-lg);margin:0 auto;padding: 0;}
#content.detail_content {padding: 0 0 120px;}
.mt_big {margin:32px 0 0;}

iframe {border: none;}

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

.subvisual {height:190px;background: url('../images/subvisual.jpg') no-repeat center center/cover;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.subvisual .subtxt {color: var(--color-white);padding: 0 30px;}
.subvisual .subtxt h2 {font-size: var(--text-32);font-weight: 900;line-height: 130%;}
.subvisual .subtxt p {font-size: var(--text-16);font-weight: 600;line-height: 160%;margin-top: 8px;}

.subvisual.full .subtxt {width: 100%;}

.subvisual .subtxt.banner_wrap {height: auto;}
.subvisual.review {height: auto;background: linear-gradient(0deg, #002D68 0%, #2E2F3C 100%);padding: 48px 0;}
.subvisual.review.event {padding-bottom: 140px;}
.subvisual.review .subtxt_cont {border-bottom: 1px solid var(--border-line-color);padding:0 0 30px;margin:0 0 30px;}
.subvisual.review .banner {display: flex;flex-direction: column;gap:12px;margin: 0 0 30px;}
.subvisual.review h4 {font-weight: 600;line-height: 140%;color: var(--color-white);font-size: var(--text-18);}
.subvisual.review h4.subtxt_title {font-size: var(--text-28);font-weight: 900;margin:0 0 30px;}
.subvisual.review h4 span {color: #659dee;font-size: var(--text-28);font-weight: 900;}
.subvisual.review p {margin:4px 0 30px;}
.subvisual.review .subtxt_btn{display: flex;flex-direction: column; gap:10px;}
.subvisual.review .subtxt_btn a.event {color: var(--color-slate-900 );}


.leftmenu {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.closed .leftmenu_1depth:not(.active){display:none;}
.leftmenu_sns {display: flex;align-items: center;justify-content: space-between;padding: 20px;border: 1px solid var(--border-line-color);margin:52px 0 0;border-radius: 10px;}
.leftmenu_sns p {font-weight: 700;}
.leftmenu_sns .sns {display: flex;gap:6px;}

.leftmenu_icon ul {padding: 20px 0; border: 1px solid var(--border-line-color);margin:68px 0 0;border-radius: 10px;}
.leftmenu_icon ul li {margin:0 0 8px;}
.leftmenu_icon ul li a {display: block;padding: 12px 20px;font-weight: 700;border-radius: 5px;display: flex;justify-content: space-between;}
.leftmenu_icon ul li a div {display: flex;gap:6px;align-items: center;}

.btm_icon {padding:20px;border-top: 4px solid var(--border-line-color);margin:68px 0 0;}
.btm_icon ul li {margin:0 0 8px;}
.btm_icon ul li a {display: block;padding: 12px;font-weight: 700;border-radius: 5px;display: flex;justify-content: space-between;}
.btm_icon ul li a div {display: flex;gap:6px;align-items: center;}

.leftmenu ul li.leftmenu_1depth {margin:8px 0;}
.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 {margin: 0;}
.leftmenu ul li.leftmenu_1depth.active ul.leftmenu_2depth {display: block;}
.leftmenu ul li.leftmenu_1depth.active a > img {transform:rotate(180deg);}
.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;}

.board_top { margin:0 0 32px;}
.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.fixed {table-layout: fixed}
.board.basic .board_table {border-top: 1px solid var(--border-line-color);}
.board.basic .board_table tr td {padding: 20px 0;border-bottom: 1px solid var(--border-line-color);}
.board.basic .board_table tr td:nth-child(2) {text-align: right;}
.board.basic .board_table tr td a {display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.board.basic .board_table tr.top td {font-weight: 700;}
.board.basic .board_table.board_event {margin: 32px 0;}
.board.basic .board_table.board_event a {display: flex;gap:10px;align-items: center;padding:16px 0; border-bottom: 1px solid var(--border-line-color);}
.board.basic .board_table.board_event p {font-weight: 700;}
.board.basic .board_table .label {display: inline-block;width: 60px;line-height: 28px;border-radius: 5px;color: #fff;font-size: var(--text-14);text-align: center;margin:0 6px 0 0;}
.board.basic .board_table .label._sm {line-height: 28px;padding: 0 4px;width: auto;;font-size: var(--text-14);margin: 0;}
.board.basic .board_table .label.event {background: var(--color-pink-500);}
.board.basic .board_table .label.notice {background: var(--color-slate-900);}
.board.basic .board_table .label.new {background: var(--color-primary-600);}
.board.basic .board_table .label.success {background: var(--color-teal-600);}
.board.basic .board_table .label.progress {background: var(--color-slate-400);}
.board.basic .board_table .label.contract {background: var(--color-primary-600);}
.board.basic .board_table .label.praise {background: var(--color-teal-600);}

.board.basic .board_table tr .adm_only {display: none;}
.admin .board.basic .board_table tr .adm_only {display: block;}

.board.basic .board_table ul li {border-bottom: 1px solid var(--border-line-color);}
.board.basic .board_table ul li a {display: block; padding: 20px 0;}
.board.basic .board_table ul li a .board_table_top {display: flex;justify-content: space-between;align-items: center;margin:0 0 12px;}
.board.basic .board_table ul li a .board_table_top h5 {font-size: var(--text-18);font-weight: 600;}
.board.basic .board_table ul li a .board_table_top div {display: flex;gap:10px;align-items: center;}
.board.basic .board_table ul li a .info {display: flex;align-items: center;}
.board.basic .board_table ul li a .info p {border-left: 1px solid var(--border-line-color);padding: 0 14px;color: var(--color-slate-500);}
.board.basic .board_table ul li a .info p:first-child {border-left: none;padding-left: 0;}

.board.basic .board_table.simple ul li a {display: flex;justify-content: space-between;}
.board.basic .board_table.simple .info p {color: var(--color-slate-500);padding: 0 8px;border-right: 1px solid var(--border-line-color);line-height: 1;font-size: var(--text-14);}
.board.basic .board_table.simple .info p:last-child {padding-right: 0;border-right: none;}

.board.basic .board_view .board_view_tit h3 {font-size: var(--text-20);font-weight: 700;}
.board.basic .board_view .board_view_tit._center {text-align: center;}
.board.basic .board_view .board_view_tit .board_view_info {text-align: right;margin:12px 0 0;display: flex;justify-content: flex-end;align-items: center;gap:10px;flex-wrap:wrap;}
.board.basic .board_view .board_view_tit .board_view_info .star img {width: 16px;}
.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-14);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: 30px 0;border-top: 1px solid var(--border-line-color);border-bottom: 1px solid var(--border-line-color);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 32px;}
.board.basic .board_view .board_view_cont *:last-child {margin:0;}
.board.basic .board_view .board_view_cont img {display: block;margin:0 auto 30px !important; width:fit-content;}
.board.basic .board_view .view_banner {width: 100%;margin:32px 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;padding: 20px 16px;width: 120px;}
.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 {padding: 20px 16px;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:10px 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:first-child {padding-top:0;}
.board.gallery._list .board_list ul li {padding: 30px 0;border-bottom: 1px solid var(--border-line-color);}
.board.gallery._list .board_list ul li a {display: flex;flex-direction: column; width: 100%;height: 100%;gap:13px;}
.board.gallery._list .board_list ul li .thumb {border-radius: 10px;overflow: hidden;aspect-ratio: 362/180;}
.board.gallery._list .board_list ul li .thumb + .cont {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:14px;border-bottom: none;padding: 12px 0;}
.board.gallery._list .board_list.resort_list ul li:first-child {padding-top: 0;}
.board.gallery._list .board_list.resort_list ul li a {display: flex; gap:14px;flex-direction: row;width: 100%;align-items: center;}
.board.gallery._list .board_list.resort_list ul li a .thumb {aspect-ratio: 1/1;width: 110px;}
.board.gallery._list .board_list.resort_list ul li .cont {width: calc( 100% - 124px );}

.board.gallery._card .board_list ul {display: flex;flex-direction: column; gap: 20px;}
.board.gallery._card .board_list ul li a .thumb {width: 100%;aspect-ratio: 362/226;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 );}

.board.gallery._card._left ul li a {display: flex;height: 130px;border-radius: 10px;overflow: hidden;}
.board.gallery._card._left ul li a .thumb {width: 40%;height: 100%;border-radius: 0;}
.board.gallery._card._left ul li .cont {width: 60%;padding: 10px;display: flex;flex-direction: column;justify-content: space-between;}

.btn_wrap {margin:24px 0 0;display: flex;justify-content: center;width: 100%;gap:10px;}
.btn_wrap.full {flex-direction: column;}
.btn_wrap a {min-width: 130px;}
.btn_wrap.between {margin:32px 0 0;display: flex;justify-content: space-between;width: 100%;gap:10px;}
.btn_wrap.between div {width: 50%;}
.btn_wrap.between div a {width: 100%;}
.btn_wrap.right {display: flex;justify-content: flex-end;margin: 10px 0 0;}

.news {margin:28px 0 0;}
.board_write {display: flex;flex-wrap:wrap;gap:32px;margin:32px 0 0;}
.board_write .input {width: 100%;}
.board_write .input._full {width: 100%;}
.board_write .input p {margin:0 0 10px;font-weight: 700;}
.board_write .input .email input, .board_write .input .email select {width: 44.6%;}
.board_write .input .email span {color: var(--color-slate-400);}
.board_write select {min-width:auto;width:140px;}
.board_write select._md {width:200px; height:52px;}
.board_write button._md {height:52px;}
.board_write select.area_select {width: -webkit-fill-available;}
.board_write input[type=text] {min-width:auto;}
.board_write .write_desc {display: flex;flex-direction: column; gap:6px;}
.board_write .write_desc p.orange {font-size: var(--text-16);font-weight: 700;color: var(--color-orange-500);margin: 0;}
.board_write .destination_field {display: flex;gap:10px;width: fit-content;width: 100%;flex-wrap:wrap;}
.board_write .destination_field select {width: calc( 100% - 98px );}
.board_write .flex .fill {width: -webkit-fill-available;}
.board_write .btn_wrap {margin:0;}
.board_write .textarea_box {border: 1px solid var(--border-line-color);border-radius: 10px;overflow: hidden;}
.board_write .textarea_box textarea {border: none;}
.board_write .textarea_box .textarea_btn {display: flex;align-items: center;gap:0;}
.board_write .textarea_box .textarea_btn a {border: none;border-top: 1px solid var(--border-line-color);flex:1;border-radius: 0;}
.board_write .textarea_box .textarea_btn a:first-child {border-right: 1px solid var(--border-line-color);}

.board_write .agree .agree_box {border: 1px solid var(--border-line-color);padding: 20px;height: 200px;overflow-y: scroll;border-radius: 10px;margin:20px 0 0;}
.board_write .agree .agree_box p {color: var(--color-slate-500);font-size: var(--text-14);line-height: 160%;margin:0 0 20px;}
.board_write .agree .agree_box table {border: 1px solid var(--border-line-color);width: 100%;margin:20px 0;}
.board_write .agree .agree_box table th, .board_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);font-size: var(--text-14);}
.board_write .agree .agree_box table th:first-child, .board_write .agree .agree_box table td:first-child {border-left: none;}
.board_write .agree .agree_box table td {color: var(--color-slate-500);}

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

.board_write .table_sm {width: 100%;border-top: 1px solid var(--border-line-color);border-left: 1px solid var(--border-line-color);}
.board_write .table_sm th {padding: 7px 10px;background: var(--bg-gray-50);color: var(--color-slate-700);font-size: var(--text-13);box-shadow:inset -1px 0 0 var(--border-line-color),inset 0 -1px 0 var(--border-line-color);font-weight: 700;text-align: left;}
.board_write .table_sm td {padding: 7px 10px;font-size: var(--text-13);box-shadow:inset -1px 0 0 var(--border-line-color),inset 0 -1px 0 var(--border-line-color);}



.customer {margin:28px 0 0;}
.customer .banner {display: flex;flex-direction: column; padding: 30px;margin:0 0 20px;background: var(--color-slate-50);border-radius: 10px;align-items: flex-end;gap:20px;}
.customer .banner div {width: 100%;}
.customer .banner h5 {font-size: var(--text-24);font-weight: 800;margin:0 0 10px;}
.customer .banner p {font-weight: 500;line-height: 140%;word-break: keep-all;}

.customer.insurance .insurance_swiper {overflow: hidden;}
.customer.insurance .board_top {margin:0 0 10px;}
.customer.insurance .item img {width: 100%;}
.customer.insurance .slide_navigation {display: flex;justify-content: space-between;align-items: center;margin:20px 0 0;text-align: center;color: var(--color-slate-700);}

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

.customer.contact .board_top h4 {height: auto;}
.customer.contact .img {margin:0 0 24px;border-radius: 10px;overflow: hidden;aspect-ratio: 361/272;}
.customer.contact .img img {width: 100%;height: 100%;object-fit: cover;}

.contact .contact_box {display: none; margin:20px 0 0;position: relative;flex-direction: column;align-items: flex-end;gap:20px;}
.contact .contact_box span {display: block; aspect-ratio: 360/200;cursor: pointer;}
.contact .contact_box .map {height:398px;position: relative;}
.contact .contact_box .map img {cursor: pointer;}
.contact .contact_box.active {display: flex;}
.contact .contact_box span img {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:26px;width: 100%;}
.contact .contact_box .call h5 {font-weight: 700;color: var(--color-slate-700);margin:0 0 4px;font-size: var(--text-14);}
.contact .contact_box .call p {font-size: var(--text-18);font-weight: 700;color: var(--color-slate-700);}

.faq .faq_list {padding:0 6px;}
.faq .faq_list li {padding: 20px 0;border-bottom: 1px solid var(--border-line-color);color: var(--color-slate-500);}
.faq .faq_list li p {width: calc( 100% - 28px );}
.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:first-child {display: flex;gap:20px;align-items: center;width: calc( 100% - 28px );}
.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 {color: var(--color-slate-700);}

.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);}

.contract_banner a {margin:42px 0;}

.grade_write {display: flex;flex-direction: column; gap:10px;}
.grade_write h5 {font-weight: 500;}
.grade_write .grade_val {font-size: var(--text-20);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 img {width: 32px;}
.grade_write .star_box input {display: none;}
.grade_write .star_box label {cursor: pointer;}

.grade_write .grade_total {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 {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 {margin:32px 0 0;}

.review .review_slider .review_card.swiper-wrapper {gap:0;}
.review .review_slider {overflow:hidden;}
.review .review_slider .slide_controls {margin:0 0 26px;width: 100%;display: block;}
.review .review_slider .slide_controls .slide_navigation {width: 100%;justify-content: space-between;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_slider .review_card > li {display: flex;flex-wrap: wrap;gap:10px;}
.review .review_slider .review_card > li a {width: calc(( 100% - 10px ) /2 );height: fit-content;}
.review .review_slider .review_card > li a:first-child {width: 100%;}
.review .resort_search {margin: 0 0 24px;}

.review .review_wrap .review_best_box .tab_wrap{overflow:hidden;}
.review .review_wrap .review_best_box .review_area_card_tab{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;cursor:grab;flex-wrap:nowrap}
.review .review_wrap .review_best_box .review_area_card_tab::-webkit-scrollbar{display:none;}
.review .review_wrap .review_best_box .review_area_card_tab li{flex:0 0 auto;}
.review .review_wrap .review_best_box .review_area_card_tab.dragging{cursor:grabbing;}
.review .review_wrap .review_best_box .review_area_list_tab{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;cursor:grab;flex-wrap:nowrap}
.review .review_wrap .review_best_box .review_area_list_tab::-webkit-scrollbar{display:none;}
.review .review_wrap .review_best_box .review_area_list_tab li{flex:0 0 auto;}
.review .review_wrap .review_best_box .review_area_list_tab.dragging{cursor:grabbing;}

.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 .review_resort {margin:20px 0 0;}
.review_view .grade_chart {padding: 20px;border-radius: 10px;border: 1px solid var(--border-line-color);margin:10px 0 0;width: 100%;height: fit-content;}
.review_view .grade_chart .chart {background: var(--color-slate-100, #F1F5F9);border-radius: 10px;}
.review_view .grade_chart .chart canvas {margin:0 auto;}
.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_view .review_swiper {margin:28px 0 0;}

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

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

.detail_sticky_title{position:fixed;top:0;left:50%;transform:translateX(-50%);max-width: var(--max-width);width: 100%; z-index:1001;display:none;background:#fff;padding:14px 20px;}
.detail_sticky_title.is-show{display:block}

.menu_link_wrap.detail_tab.is-fixed{position:fixed;left:0;right:0;z-index:1090}
.menu_link_wrap.detail_tab.is-fixed{position:fixed;left:0;right:0;z-index:1000;background: var(--color-white);}

.detail_tab {overflow:hidden;display: flex;max-width: var(--max-width);margin: 0 auto;width: 100%;}
.detail_tab ul{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;padding: 0 20px;}
.detail_tab ul::-webkit-scrollbar{display:none;}
.detail_tab ul>li{flex:0 0 auto;}
.detail_tab ul.is-dragging{cursor:grabbing;user-select:none;}
.detail_tab ul {display: flex;width: 100%;}
.detail_tab ul li {display: block; padding: 16px;border-bottom: 2px solid var(--color-slate-200);font-weight: 700;color: var(--color-slate-400);min-width: 20%;text-align: center;}
.detail_tab._list-3 ul li {min-width: 33.33%;}
.detail_tab ul li.active {color: var(--color-primary-900);border-bottom: 2px solid var(--color-slate-900);}

.product_detail .detail_title {display: flex;margin:0 0 10px;justify-content: space-between;}
.product_detail .detail_title a, .product_detail .detail_title button {display: none;}
.detail_title_fixed.is-show{display:flex;}

.detail_title.is-fixed{position:fixed;top:0;left:50%;transform:translateX(-50%);max-width: var(--max-width);width: 100%;right:0;z-index:1100;justify-content: space-between;align-items: center;padding: 12px 20px;background: var(--color-white);border-bottom: 1px solid var(--border-line-color);}
.detail_title.is-fixed h5{font-size: var(--text-16) !important;}
.detail_tab.is-fixed{position:fixed;left:0;right:0;z-index:1090;background: var(--color-white);}
.detail_title a,.detail_title button{display:none}.detail_title.is-fixed a,.detail_title.is-fixed button{display:flex}

.product_detail .detail_swiper {overflow: hidden;}
.product_detail .detail_swiper.img_slider .slide_controls {left:auto;right:16px;transform:translateX(0);}
.product_detail .detail_swiper.img_slider .slide_navigation {padding: 6px 10px;margin: 0 0 12px;}
.product_detail .detail_swiper.img_slider .slide-pagination {padding: 0;border: none;}
.product_detail .detail_top {position: relative;}
.product_detail .detail_top .thumb li {width: 100%;position: relative;aspect-ratio: 1/1;}
.product_detail .detail_top .thumb li::before {content:"";display:block;position: absolute; width: 100%;height:100%;top:0;left:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 16.35%, rgba(0, 0, 0, 0.00) 100%);z-index: 1;}
.product_detail .detail_top .thumb img {width: 100%;height: 100%;object-fit: cover;}
.product_detail .detail_top .thumb_txt {width: 100%;background: var(--color-white);overflow: hidden;padding: 32px 20px;border-radius: 20px 20px 0 0;margin-top: -20px;position: relative;z-index: 10;border-bottom: 4px solid var(--border-line-color);margin: 0 0 14px;}
.product_detail .detail_top .thumb_txt h5 {font-size: var(--text-24);font-weight: 700;}
.product_detail .detail_top .thumb_txt p {font-size: var(--text-16);line-height: 160%;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;align-self: stretch;overflow:hidden;}
.product_detail .detail_top .thumb_txt .info {display:flex;gap:4px;align-items:center;margin:20px 0 0;}
.product_detail .detail_top .thumb_txt .info div {display:flex;gap:2px;align-items:center}
.product_detail .detail_top .thumb_txt .info p {font-size: var(--text-14);font-weight: 700;color: var(--color-slate-700);line-height: 20px;padding: 0 4px;background: var(--color-slate-100);}
.product_detail .detail_top .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 .leftmenu {padding: 24px 20px;}
.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 {margin:28px 0 0;} */
.product_detail .resort_view iframe {width: 100%;height:90vh;}
.product_detail .resort_view_img img {width: 100%;}
.product_detail .detail_review_list .grade_chart {width: 100%;height:fit-content;margin: 0;}
.product_detail .detail_review_list .grade_chart .chart canvas {margin:0 auto;}
.product_detail .detail_ai .ai_banner {display: flex;flex-direction: column;align-items: flex-start; gap:8px;padding: 20px; 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-14);font-weight: 700;}
.product_detail .detail_ai .ai_banner .label img {width: 14px;}
.product_detail .detail_ai .ai_banner h4 {font-size: var(--text-20);font-weight: 700;color: var(--color-white);}
.product_detail .detail_ai .ai_banner .tag {display: flex;flex-wrap:wrap;}
.product_detail .detail_ai .ai_banner .tag p {padding: 0 6px;color: var(--color-white);border-left: 1px solid var(--color-white, #FFF);font-weight: 700;}
.product_detail .detail_ai .ai_banner .tag p:first-child {padding-left: 0;border: none;}
.product_detail .detail_comment .title {padding:0 0 20px;}

.product_detail.resort_detail .benefit_txt {padding: 20px;border-radius: 10px;background: var(--color-primary-50);margin: 20px 0 0;}
.product_detail.resort_detail .benefit_txt h5 {font-size: var(--text-18);font-weight: 700;color: var(--color-primary-700);margin:0 0 10px;}
.product_detail.resort_detail .resort_info h5 {font-size: var(--text-18);font-weight: 700;margin:0 0 10px;}
.product_detail.resort_detail .benefit_txt p {font-weight: 500;color: var(--color-primary-700);line-height: 140%;margin:4px 0 0;}
.product_detail.resort_detail .detail_top .thumb {height:400px;}
.product_detail.resort_detail .detail_top .thumb_txt {margin:-20px 0 20px;}
.product_detail.resort_detail .detail_top .thumb::before {content:"";display:block;position: absolute; width: 100%;height:100%;top:0;left:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 16.35%, rgba(0, 0, 0, 0.00) 100%);z-index: 1;}

.modal_cont.img_view {padding: 0;}
.modal_cont.img_view img {margin:0 0 10px;max-width:100%;}

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

.product_visual {height:auto;position: relative;height:650px;}
.product_visual > img {width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;z-index: 0;}
.product_visual .visual_txt {color: var(--color-white);position: relative; z-index: 1;height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.product_visual .visual_txt .tit {padding:54px 34px 0;height:100%;}
.product_visual .visual_txt .tit h3 {font-size: var(--text-44);font-weight: 900;}
.product_visual .visual_txt .tit h4 {font-size: var(--text-64);font-weight: 900;margin:0 0 4px;}
.product_visual .visual_txt .box {height:fit-content;padding: 30px 24px; border-radius: 10px;background: linear-gradient(180deg, rgba(15, 23, 43, 0.50) 0%, rgba(15, 23, 43, 0.05) 100%);}
.product_visual .visual_txt .box h5 {font-size: var(--text-28);font-weight: 800;}
.product_visual .visual_txt .box h6 {font-size: var(--text-18);font-weight: 400;margin:0 0 4px;}
.product_visual .visual_txt .box p {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:16px 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;font-size: var(--text-14);;}
.product_visual .visual_txt .btn {background: rgba(49, 65, 88, 0.90);}
.product_visual .visual_txt .btn img {width: 30px;height: 30px;}

.product_wrap .leftmenu {margin:0 0 20px;}
.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_resort_tab {margin:0 0 20px;}
.product_wrap .product_best .slide_controls {display: flex;align-items: flex-end;justify-content: space-between;}
.product_wrap .product_best .resort_slider {overflow: hidden;}
.product_wrap .product_best .resort_slider .swiper-wrapper {padding:0 20px;}
.product_wrap .product_best .resort_slider li {aspect-ratio: 9/10; 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-32);color: var(--color-slate-400); }
.product_wrap .product_best .resort_slider li.swiper-slide-active .card_no{color: var(--color-slate-900);}
.product_review {overflow: hidden;}
.product_wrap .product_banner {border-radius: 10px;overflow: hidden;}
.product_wrap .product_banner a {width: 100%;height: 100%;display: block;}
.product_wrap .product_banner a img {width: 100%;height: 100%;object-fit: cover;}
.product_wrap .product_review {padding: 0 20px;}
.product_wrap .product_review .slide_controls {display: flex;align-items: flex-end;justify-content: flex-end;}

.search .title {margin:0 0 20px;}
.search .title h2 {font-size: var(--text-24);}
.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_right .banner {position: relative;display: flex;align-items: flex-end;padding: 10px;aspect-ratio: 362/205;margin:16px 0 0;}
.search .search_right .banner > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;border-radius: 10px;}
.search .search_right .banner .search_product_banner_btn {display: flex;justify-content: space-between;align-items: center;gap: 10px;width: 100%;position: relative;z-index: 1;}
.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_swiper {overflow: hidden;}
.search .tour_list .thumb {width: 100%;;border-radius: 10px;overflow: hidden;aspect-ratio: 305/170;}
.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 .search_content_wrap.board.gallery._list .board_list ul li {border-bottom: none;}
.search .content_swiper {overflow: hidden;}
.search .board.gallery._list .board_list ul li {padding: 0;}

.search .faq {border: 1px solid var(--border-line-color);border-radius: 10px;overflow: hidden;}
.search .faq a._nav {margin:20px 0 0;padding: 20px;border-radius: 0;border:none;border-top: 1px solid var(--border-line-color);height:auto;}
.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: 20px;background: var(--color-slate-50);}
.search .search_none p {margin:10px 0 0;font-size: var(--text-16);font-weight: 700;}

.event_visual .img_slider  {height:530px;overflow: hidden;}
.event_visual .swiper-slide > img {width:100%;height:100%;object-fit: cover;}
.event .event_product_list {display: grid; grid-template-columns: repeat(2, 1fr);gap:10px;}
.event .event_product_list li {position: relative;border-radius: 10px;overflow: hidden;aspect-ratio: 176 / 250; }
.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: 10px;border-radius: 10px;position: relative;z-index: 1;}
.event .event_product_list li .txt h3 {font-size: var(--text-16);font-weight: 700;color: var(--color-white);margin:0 0 10px;}
.event .event_product_list li .txt p {font-weight: 700;color: var(--color-white);margin:4px 0 0;font-size: var(--text-12);}

.event .event_month_list li {width: 100%;aspect-ratio: 362 / 180;border-radius: 10px;overflow: hidden;margin: 0 0 10px;}
.event .event_month_list li img {width: 100%;height: 100%;object-fit: cover;}

.resort_visual {background: url('../images/resort_visual.jpg') no-repeat top center #0D334D;padding: 60px 0 30px;}
.resort_visual .visual {display: flex;justify-content: space-between;flex-direction: column;height:100%;}
.resort_visual .visual_txt {padding: 0 10px; width: fit-content;}
.resort_visual .visual_txt h4 {font-size: var(--text-24);font-weight: 700;color: var(--color-white);margin:0 0 20px;word-break: keep-all;}
.resort_visual .visual_txt p {font-weight: 700;color: var(--color-white);line-height: 140%;}
.resort_visual .tab {width: 100%;gap:0;border-radius: 10px;overflow: hidden;margin:42px 0 0;}
.resort_visual .tab li {width: calc( 100% / 3 );padding: 0;height:54px;border-radius: 0;background:  var(--color-slate-100);font-weight: 500;color: var(--color-slate-700);cursor:default;}
.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.tab_item:hover { background: var(--color-primary-600); border: 1px solid var(--color-primary-600); color: var(--color-white);cursor:pointer;}

.resort_view {margin:28px 0 0;}
.resort_view iframe{aspect-ratio: 16/9;}
.resort_view .detail_none {text-align: center;padding: 30px;background: var(--color-slate-50);}
.resort_view .detail_none p {margin:10px 0 0;font-size: var(--text-18);font-weight: 700;}


.about_visual {height:fit-content;background: url('../images/about_bg.jpg') no-repeat center center/cover;position: relative;display: flex;align-items: center;justify-content: center;padding: 80px 20px;}
.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;word-break: keep-all;}
.about_visual .visual_txt h3 {font-size: var(--text-32);font-weight: 900;line-height: 130%;}
.about_visual .visual_txt p {font-size: var(--text-18);font-weight: 600;line-height: 160%;margin:20px 0 0;}

.about .title {text-align: center;}

.about .about_vision .vision_wrap {display: flex;gap:20px;flex-wrap:wrap;}
.about .about_vision .vision_wrap .vision_box {position: relative;padding: 20px;border-radius: 10px;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;color: var(--color-white);overflow: hidden;}
.about .about_vision .vision_wrap .vision_box.full {width: 100%;justify-content: flex-start;padding: 20px;aspect-ratio: 362/228;}
.about .about_vision .vision_wrap .vision_box.full.lg {aspect-ratio: 362/262;}
.about .about_vision .vision_wrap .vision_box img {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 0;width:100%;height:100%;object-fit: cover;}
.about .about_vision .vision_wrap .vision_box div {position: relative;z-index: 1;}
.about .about_vision .vision_wrap .vision_box h5 {font-size: var(--text-18);font-weight: 700;margin:0 0 10px;}
.about .about_vision .vision_wrap .vision_box h4 {font-size: var(--text-28);font-weight: 800;}
.about .about_vision .vision_wrap .vision_box p {font-weight: 700;line-height: 160%;}
.about .about_vision .vision_wrap .vision_grid {display: flex;gap:10px;width: 100%;}
.about .about_vision .vision_wrap .vision_grid .single {width: calc( 100% - 120px );}
.about .about_vision .vision_wrap .vision_grid .double {display: flex;gap:10px;flex-direction: column;width: 110px;}
.about .about_vision .vision_wrap .vision_grid .double .vision_box {aspect-ratio: 1/1;}

.about {}
.about .about_swiper {overflow: hidden;}
.about .about_brand .brand_box {border-radius: 10px;padding: 30px;color: var(--color-white);overflow: hidden;height:318px;display: flex;flex-direction: column; justify-content: space-between;}
.about .about_brand .brand_box.dark {color: var(--color-slate-700);}
.about .about_brand .brand_box h3 {font-size: var(--text-32);font-weight: 900;}
.about .about_brand .brand_box h4 {font-size: var(--text-22);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-40);font-weight: 900;}
.about .about_brand .brand_box h6 {font-size: var(--text-20);font-weight: 700;}
.about .about_brand .brand_box p {font-weight: 700;line-height: 140%;}
.about .about_brand .brand_box h5.primary {color: var(--color-primary-700);}
.about .about_brand .brand_img {background: url('../images/about_brand_bg.jpg') no-repeat center center/cover;}
.about .about_brand .brand_people {background: var(--color-primary-600);margin:0 0 10px;}
.about .about_brand .brand_review {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 );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 {background: var(--color-slate-700);display: flex;flex-direction: column; justify-content: space-between;align-items: center;text-align: center;}
.about .about_brand .brand_award img {max-width:108px;}
.about .about_brand .brand_benefit {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);display: flex;flex-direction: column; justify-content: space-between;}
.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 32px;}
.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; flex-direction: column;}
.about .award_cont .award_swiper {overflow: hidden;padding: 0 0 0 10px;}
.about .award_cont .img {border-radius: 10px;aspect-ratio: 345/204;}
.about .award_cont .img img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.about .award_cont .cont {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 {background: var(--color-slate-100);border-radius: 10px;padding: 24px;}
.about .award_cont .cont .txt p {margin:20px 0 0;font-weight: 500;line-height: 160%;word-break: keep-all;}
.about .award_cont .cont .txt p:first-child {margin:0;}

.tab_slide{display:flex;align-items:center;gap:18px;width:100%}
.tab_view{flex:1;min-width:0;overflow:hidden}
.tab_view>ul[class$="_tab"]{display:flex;width:max-content;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:24px;height:24px;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 {position:sticky;top:0;left:0;right:0;background: var(--color-white);z-index: 10; 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;}
.about .about_history .history_tab_wrap .history_tab {display: grid; grid-template-columns: repeat(7, 1fr);align-items: center;gap:10px;}
.about .about_history .history_tab_wrap .history_tab li {font-size: var(--text-20);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: 30px 20px;gap:20px;border-bottom: 2px solid var(--color-slate-700);flex-direction: column;}
.about .about_history .history_box .month {display: flex;gap:10px;margin:0 0 32px;flex-direction: column;}
.about .about_history .history_box .month:last-child {margin:0;}
.about .about_history .history_box .month h4 {font-size: var(--text-20);font-weight: 700;color: var(--color-slate-500);width: 80px;}
.about .about_history .history_box .month p {position: relative; 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 li .thumb {aspect-ratio: 280/174;}
.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:20px;background: var(--bg-gray-100);border-radius: 0 0 10px 10px;}
.about .about_story ul li .cont h5 {font-size: var(--text-18);height:76px; font-weight: 700;color: var(--color-slate-700);margin:4px 0 0;line-height: 140%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.about .about_story ul li .cont h6 {font-weight: 700;color: var(--color-slate-700);line-height: 140%;font-size: var(--text-14);}


.about_company .contact_box {height:auto;}
.about_company .contact_box .map {width: 100%;display: flex;flex-direction: column;align-items: flex-end;gap:20px;}
.about_company .contact_box .map img {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 {text-align: center;}
.about_slogan div {padding: 40px 30px;word-break: keep-all;background: var(--color-slate-50);}
.about_slogan div p {margin:0 0 20px;line-height: 160%;color: var(--color-slate-700);font-weight: 500;}



/* 480 이상 */
@media (min-width: 480px) {
    .sec_service ul li a {aspect-ratio: auto;}
    footer .sitemap_btm ul {justify-content: space-between;}
}

/* 380 이하 */
@media (max-width: 380px) {
    .grade_write .grade_list .grade {flex-direction: column;padding: 12px;height:auto;gap:6px;}
}