/* 01 메인 */
.main_wrap .container {padding-top: 0;}
.main_section { position: relative; width: 100%; border-radius: 6.25rem 6.25rem 0 0; padding-top: 5rem; margin-top: -5rem; scroll-margin-top: 0rem;}
.m_titbox {position: relative;}
.m_txt1 {font-family: var(--second-family);font-weight: 800;font-size: 5rem;line-height: 140%;letter-spacing: -0.01em;color: var(--brand-primary); margin-bottom: 1rem;}
.m_txt2 {font:var(--28_title_sb);letter-spacing: -0.02em;color: var(--basic-black);padding-left: 1.5rem;}
.m_txt3 {font:var(--18_headline_r);line-height: 160%;color: var(--basic-darkgray); padding-left: 1.5rem;}
.m_more {font: var(--18_headline_sb);  line-height: 133%; text-transform: uppercase; color: var(--brand-primary); font-family: var(--second-family); display: flex; align-items: center; gap: 1.25rem; transition: var(--transition); }
.m_more:hover {gap: 2.5rem;}
.m_more .arrow {background: url(../img/ic_more.png) no-repeat center/contain; width: 3rem; aspect-ratio: 1/1;}
.m_more.white {color: var(--basic-white);}
.m_more.white .arrow {background-image: url(../img/ic_more_w.png);}

.main_nav { position: sticky; width: fit-content;  bottom: 4.375rem;  height: 4.25rem; margin: -8.625rem auto 4.375rem; justify-content: center;  backdrop-filter: blur(0.438rem); box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.2);  background: rgba(255, 255, 255, 0.4); border-radius: 1.25rem; padding: 0.75rem 1rem; display: flex; align-items: center; gap: 0.875rem; z-index: 10;}
.main_nav > li {position: relative;}
.main_nav > li .link { height: 2.75rem;  font: var(--16_body_normal_m);  letter-spacing: 0.01em;  text-align: center;  color: var(--basic-black);  transition: var(--transition);  padding: 0 1.5rem; border-radius: 0.875rem;  display: flex;  align-items: center;   justify-content: center; cursor: pointer;}
.main_nav > li .link:hover {color: var(--basic-white); background: var(--brand-hover);}

.ms1 { height: calc(100vh + 5rem); background: url(../img/ms1_bg.jpg) no-repeat center / cover; border-radius: 0; margin: 0;}
.ms1 .balloon {  position: absolute; top: -3rem; left: 10.4%; width: 35%;  max-width: 41.125rem; animation: float 4s ease-in-out infinite;}
@keyframes float {
  0% { transform: translateY(0);}
  50% { transform: translateY(2rem);}
  100% { transform: translateY(0);}
}
.ms1 > .inner {width: 100%; height: 100%; z-index: 10; pointer-events: none;}
.ms1 .contbox {  position: relative;  width: 100%;  height: calc(100% - 8.75rem - 5rem);  padding: 6.25rem 0 2.5rem 50%;  display: flex;  flex-direction: column; align-items: flex-start; justify-content: space-between;}
.ms1 .contbox .txtbox {display: flex; flex-direction: column; align-items: flex-start; gap:1.875rem; opacity: 0;}
.ms1 .contbox .txtbox .sub { font: var(--18_headline_b);  font-family: var(--second-family);  line-height: 150%;  letter-spacing: 0.2em;  text-transform: capitalize;  color: var(--basic-white); }
.ms1 .contbox .txtbox .tit {  font: var(--56_display_r);  font-weight: 200;  letter-spacing: -0.03em;  color: var(--basic-white);}
.ms1 .contbox .txtbox .tit .bold {font-weight: 600;}
.ms1 .contbox .txtbox .desc {  font: var(--22_heading_r);  line-height: 160%;  letter-spacing: -0.02em; color: var(--basic-white);  margin-top: 2.5rem;}
.ms1 .contbox .scroll { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; margin-left: -0.688rem;}
.ms1 .contbox .scroll .txt {  font: var(--15_body_normal_sb);  letter-spacing: 0.24em;  color: var(--basic-white);  writing-mode: sideways-lr;}
.ms1 .contbox .scroll .ani { position: relative;  width: 1.25rem;  height: 3.125rem;  border: 2px solid var(--basic-white); border-radius: 10rem;}
.ms1 .contbox .scroll .ani .dot {  position: absolute;  left: 50%;   top: 0.25rem;  transform: translateX(-50%);  width: 0.75rem;  aspect-ratio: 1 / 1;  background: var(--basic-white);  border-radius: 50%;  transition: var(--transition); animation: scrollAni 1.6s ease-in-out infinite;}
@keyframes scrollAni {
  0% { top: 0.25rem;}
  50% { top: calc(100% - 0.25rem - 0.75rem);}
  100% { top: 0.25rem;}
}
.ms1 .contbox .scroll .arrow {display: none;}

.ms1 .ms1_swiper { position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;}
.ms1 .ms1_swiper .item { display: flex;  align-items: center;  justify-content: center;  overflow: hidden;}
.ms1 .ms1_swiper .item .img { width: 100%; height: 100%; object-fit: cover;transform: scale(1.3);  transition: all 5s ease-in-out; background: no-repeat center/cover;}
/* .ms1 .ms1_swiper .item1 .img {background-image: url(../img/ms1_slide1.jpg);}
.ms1 .ms1_swiper .item2 .img {background-image: url(../img/ms1_slide2.jpg);}
.ms1 .ms1_swiper .item3 .img {background-image: url(../img/ms1_slide3.jpg);} */
.ms1 .ms1_swiper .item0 .img {background-image: url(../img/ms1_new_slide0.jpg); transform: scale(1);}
.ms1 .ms1_swiper .item1 .img {background-image: url(../img/ms1_new_slide1.jpg);}
.ms1 .ms1_swiper .item2 .img {background-image: url(../img/ms1_new_slide2.jpg);}
.ms1 .ms1_swiper .item3 .img {background-image: url(../img/ms1_new_slide3.jpg);}
.ms1 .ms1_swiper .item:not(.item0).swiper-slide-active .img { transform: scale(1);}
.ms1 .ms1_swiper .item .inner { position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); height: 100%; padding-top: 5rem;}
.ms1 .ms1_swiper .item .inner .contbox .txtbox {opacity: 1;}
.ms1 .ms1_swiper .item1 .inner .contbox,
.ms1 .ms1_swiper .item3 .inner .contbox {padding-left: 0;}

.ms1 .ms1_controls{display: none; margin-top: 2.4rem;}
.ms1 .ms1_controls .prev_btn, 
.ms1 .ms1_controls .next_btn { position: relative; left: unset;  right: unset;    top: unset;  height: unset;  aspect-ratio: 1 / 1; width: 2rem; margin: 0;}
.ms1 .ms1_controls .prev_btn { background-image: url(../img/ico_slider_prev.png);}
.ms1 .ms1_controls .next_btn { background-image: url(../img/ico_slider_next.png);}
.ms1 .ms1_controls .paging { position: relative;  left: unset;  right: unset;   bottom: unset;  width: auto; gap: 1.6rem;  padding: 0 1rem;}
.ms1 .ms1_controls .paging .swiper-pagination-bullet { opacity: 1;   width: 0.9rem;  height: 0.9rem;  background: var(--basic-white);}
.ms1 .ms1_controls .paging .swiper-pagination-bullet::before { content: "";position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px;  border: 3px solid #fff;  border-radius: 100%;  opacity: 0;  transition: var(--transition);}
.ms1 .ms1_controls .paging .swiper-pagination-bullet.swiper-pagination-bullet-active {background: transparent;}
.ms1 .ms1_controls .paging .swiper-pagination-bullet.swiper-pagination-bullet-active::before {  opacity: 1;}
.ms1 .ms1_controls .play_btn { background: url(../img/ico_slider_pause.png) no-repeat center / contain; aspect-ratio: 12 / 20;  transition: var(--transition);  cursor: pointer;  width: 0.75rem;}
.ms1 .ms1_controls .play_btn.on {background-image: url(../img/ico_slider_play.png);}


.ms2 { background: var(--basic-white);  padding: 10rem 0 12.5rem;}
.ms2 > .inner {display: flex; align-items: flex-end; gap: 3.75rem;}
.ms2 .contbox { flex: 1; display: flex; flex-direction: column; gap: 6.25rem;}
.ms2 .contbox .m_titbox {position: relative;}
.ms2 .contbox .m_titbox .m_txt2 {margin-bottom: 3.125rem;}
.ms2 .contbox .m_titbox .partner {position: absolute; right: 0; bottom: 0; display: flex; align-items: center; gap: 1.5rem;}
.ms2 .contbox .m_titbox .partner .link {width: 10rem; display: flex; align-items: center; justify-content: center; transition: var(--transition);}
.ms2 .contbox .m_titbox .partner .link:hover {opacity: 0.5;}
.ms2 .contbox .corebox {display: flex; flex-wrap: wrap; gap: 1.5rem;}
.ms2 .contbox .corebox .item {width: calc((100% - 1.5rem)/2); box-shadow: 0.25rem 0.25rem 0.75rem 0 rgba(43, 100, 179, 0.2); background: var(--basic-bg2); padding: 3.125rem 2rem; border-radius: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.ms2 .contbox .corebox .item .txtbox {flex: 1; display: flex; flex-direction: column; gap: 0.75rem;}
.ms2 .contbox .corebox .item .txtbox .tit {font:var(--24_title_sb);letter-spacing: -0.02em;color: var(--brand-primary);}
.ms2 .contbox .corebox .item .txtbox .desc {font:var(--18_headline_r); color: var(--basic-middlegray); word-break: keep-all;}
.ms2 .contbox .corebox .item .iconbox {display: flex; align-items: center; justify-content: center; width: 5rem; transition: var(--transition);}
.ms2 .contbox .corebox .item:hover .iconbox {transform: scale(1.1);}
.ms2 .banner {width: 23.75rem; align-self: stretch; border-radius: 3.125rem; box-shadow: var(--box-shadow); /*background: url(../img/ms2_ban.jpg) no-repeat center/cover; */ display: flex; align-items: flex-end; padding: 3.375rem; overflow: hidden;}
.ms2 .banner .ms2_video { position: absolute;  left: 0;  top: 0;   width: 100%;  height: 100%;  object-fit: cover;}
.ms2 .banner .m_more {position: relative;}

.ms3 {background: var(--basic-pointbg); padding-bottom: 17.5rem; overflow: hidden;}
.ms3 .contbox { display: flex;  flex-direction: column; gap: 6.25rem;}
.ms3 .contbox .m_titbox { display: flex; align-items: center; gap: 3.75rem;}
.ms3 .contbox .m_titbox .txtbox {display: flex; flex-direction: column; gap: 0.625rem;}
.ms3 .contbox .m_titbox .txtbox * {padding-left: 0;}
.ms3 .contbox .m_titbox .txtbox .ms3_titrow {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.25rem; flex-wrap: wrap; width: 100%;}
.ms3 .contbox .m_titbox .txtbox .ms3_titrow .m_txt2 {margin: 0;}
.ms3 .contbox .m_titbox .txtbox .ms3_titrow .ms3_more {flex-shrink: 0;}
.ms3 .contbox .ms3_swiper { width: 100%; overflow: visible;}
.ms3 .contbox .ms3_swiper .swiper-slide {width: 20rem;}
.ms3 .contbox .ms3_swiper .swiper-slide-active.effect {transition: all 0.4s ease-out}
.ms3 .contbox .ms3_swiper .swiper-slide-active.hover { width: 50rem;}
.ms3 .contbox .ms3_swiper .item { position: relative;  width: 100%; height: 31.25rem;  border-radius: 1.5rem;  box-shadow: var(--box-shadow); transition: var(--transition);  overflow: hidden;}
.ms3 .contbox .ms3_swiper .item .imgbox { width: 100%;  height: 100%;  display: flex;  align-items: center; justify-content: center;}
.ms3 .contbox .ms3_swiper .item .imgbox .img { width: 100%;  height: 100%;   object-fit: cover;}
.ms3 .contbox .ms3_swiper .item .txtbox {  position: absolute;  left: 0;  bottom: 0;  width: 50rem;  display: flex; align-items: center;  justify-content: space-between;  background: linear-gradient(to top, rgba(6, 21, 43, 0.9), transparent);  padding: 6.25rem 1.875rem 1.875rem;}
.ms3 .contbox .ms3_swiper .item .txtbox .leftbox { flex: 1; display: flex;  flex-direction: column; gap: 0.625rem;}
.ms3 .contbox .ms3_swiper .item .txtbox .leftbox .tit { font: var(--28_title_m);  letter-spacing: -0.02em; color: var(--basic-white);}
.ms3 .contbox .ms3_swiper .item .txtbox .leftbox .desc { font: var(--18_headline_r);  color: var(--basic-white); font-weight: 300;}
.ms3 .contbox .ms3_swiper .prev_btn,
.ms3 .contbox .ms3_swiper .next_btn { top: 50%; width: 3.75rem;  margin: 0;  transform: translateY(-50%);}
.ms3 .contbox .ms3_swiper .prev_btn { left: 2.5rem;}
.ms3 .contbox .ms3_swiper .next_btn { right: 7.25rem;}

.ms4 {  background: url(../img/ms4_bg.jpg) no-repeat top center / cover;  padding: 7.875rem 0 7.5rem;}
.ms4 .top_icon {  background: url(../img/ms4_top.png) no-repeat center / contain;   position: absolute;  left: 50%;  top: calc(-5.313rem + 1px);  transform: translateX(-50%);  height: 5.313rem;  aspect-ratio: 1 / 0.3148;  display: flex;  align-items: center;  justify-content: center;}
.ms4 .top_icon .icon { position: absolute;  left: 50%;  top: 2.313rem;  transform: translateX(-50%);  width: 5.875rem;  aspect-ratio: 1 / 1;  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1);  background: var(--brand-primary);  border-radius: 50%; display: flex;  align-items: center;  justify-content: center;  font-size: 2.5rem;  color: var(--basic-white);}
.ms4 .m_titbox .m_txt1 {  color: var(--basic-white); line-height: 70%; margin-bottom: 0; padding-left: 4rem;}
.ms4 .weather_box {  border: 1px solid rgba(255, 255, 255, 0.5);   border-radius: 4rem;  padding: 4rem;  width: 100%;  backdrop-filter: blur(0.75rem);  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);  background: rgba(255, 255, 255, 0.1);  display: flex;  gap: 2.5rem;}
.ms4 .weather_box > .leftbox {  width: 50%;  display: flex;  flex-direction: column;  gap: 2.5rem;}
.ms4 .weather_box > .leftbox .topbox { display: flex; gap: 2.5rem;}
.ms4 .weather_box > .leftbox .topbox .topitem1 {  width: calc((100% - 2.5rem)/2);  border-radius: 1.5rem;  padding: 2rem;  background: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column;  gap: 1rem}
.ms4 .weather_box > .leftbox .topbox .topitem1 .top {  display: flex; align-items: center;  justify-content: space-between; gap: 1rem;  min-height: 7.5rem;}
.ms4 .weather_box > .leftbox .topbox .topitem1 .top .txtbox {  display: flex;  flex-direction: column;  gap: 0.25rem;}
.ms4 .weather_box > .leftbox .topbox .topitem1 .top .txtbox .temper { font: var(--40_display_sb);  letter-spacing: -0.03em;  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .topbox .topitem1 .top .txtbox .state {  font: var(--24_title_r);  letter-spacing: -0.02em;  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .topbox .topitem1 .top .iconbox { width: 7.5rem; display: flex;  align-items: center; justify-content: center;}
.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom {  display: flex;  flex-direction: column;  gap: 0.25rem;}
.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom .location {  font: var(--24_title_sb);  letter-spacing: -0.02em;  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom .date { font: var(--18_headline_r);  font-weight: 300;  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .topbox .topitem2 { width: calc((100% - 2.5rem)/2);  border-radius: 1.5rem;  padding: 2rem;  background: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; justify-content: space-between;}
.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem { display: flex;  align-items: center;  justify-content: space-between; font: var(--20_heading_r);  letter-spacing: -0.01em;  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem .desc { display: flex;  align-items: center;  gap: 0.25rem;}
.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem .desc .icon { width: 1.25rem;}
.ms4 .weather_box > .leftbox .bottombox { border-radius: 1.5rem;  padding: 2rem;   background: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; gap: 1.25rem;}
.ms4 .weather_box > .leftbox .bottombox .graphbox { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.5);  padding-bottom: 1.5rem;}
.ms4 .weather_box > .leftbox .bottombox .graphbox canvas { width: 100% !important;  height: auto !important;  aspect-ratio: 1 / 0.30425;}
.ms4 .weather_box > .leftbox .bottombox .weekbox { display: flex; gap: 0.75rem;  padding-top: 0.25rem;}
.ms4 .weather_box > .leftbox .bottombox .weekbox > .item {  width: calc((100% - 0.75rem * 6) / 7);  display: flex;  flex-direction: column;  align-items: center;  gap: 0.125rem;   padding: 0.625rem 0; border-radius: 1rem;}
.ms4 .weather_box > .leftbox .bottombox .weekbox > .item.on {background: rgba(0, 54, 129, 0.2);}
.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .day { font: var(--18_headline_m);  color: var(--basic-white);}
.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .icon { width: 4rem;  display: flex;  align-items: center;  justify-content: center;}
.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .temper { font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-white);}

.ms4 .weather_box > .rightbox {  width: 50%;  border-radius: 1.875rem;  padding: 0 2.5rem;  background: rgba(255, 255, 255, 0.1);  display: flex;  flex-direction: column;   justify-content: center;  gap: 2.5rem;}
.ms4 .weather_box > .rightbox .txtwrap {position: relative;}
.ms4 .weather_box > .rightbox .txtwrap .txtbox {display: none; align-items: flex-end;  gap: 1rem;  padding-bottom: 1.5rem;}
.ms4 .weather_box > .rightbox .txtwrap.state1 .txtbox.state1 {display: flex;}
.ms4 .weather_box > .rightbox .txtwrap.state2 .txtbox.state2 {display: flex;}
.ms4 .weather_box > .rightbox .txtwrap.state3 .txtbox.state3 {display: flex;}
.ms4 .weather_box > .rightbox .txtwrap .txtbox .title {  font: var(--36_title_sb);  letter-spacing: -0.03em;  color: var(--basic-white);}
.ms4 .weather_box > .rightbox .txtwrap .txtbox .icon {width: 3.75rem;}
.ms4 .weather_box > .rightbox .cont_list {  display: flex;  flex-direction: column;  gap: 2.5rem;}
.ms4 .weather_box > .rightbox .cont_box { display: flex; flex-direction: column;   gap: 1rem;}
.ms4 .weather_box > .rightbox .cont_box > .title {  font: var(--20_heading_sb);  letter-spacing: -0.01em;  color: var(--basic-white);}
.ms4 .weather_box > .rightbox .cont_box > .box {  border-radius: 1rem;  padding: 1.5rem 2.5rem;  background: rgba(0, 54, 129, 0.2);}
.ms4 .weather_box > .rightbox .cont_box1 > .box { display: flex;  flex-direction: column;  gap: 0.875rem;}
.ms4 .weather_box > .rightbox .cont_box1 > .box .item { display: flex;  align-items: center;  gap: 1rem;  font: var(--16_body_normal_r);  letter-spacing: 0.01em;   color: var(--basic-white); font-weight: 300;}
.ms4 .weather_box > .rightbox .cont_box1 > .box .item .icon { font-size: 1.25rem;}
.ms4 .weather_box > .rightbox .cont_box1 > .box .item .tit { font-weight: 600;}
.ms4 .weather_box > .rightbox .cont_box1 > .box .item .desc {flex: 1;}
.ms4 .weather_box > .rightbox .cont_box2 > .box { display: flex;  align-items: flex-start;  gap: 0.875rem;}
.ms4 .weather_box > .rightbox .cont_box2 > .box .item {  flex: 1;  display: flex;  flex-direction: column;  align-items: center;  gap: 0.625rem;  font: var(--14_label_normal_r); letter-spacing: 0.01em; text-align: center; color: var(--basic-white);}
.ms4 .weather_box > .rightbox .cont_box2 > .box .item .icon { font-size: 2rem;}
.ms4 .weather_box > .rightbox .m_more {margin-left: auto;}

.ms5 {background: var(--basic-bg); padding: 7.5rem 0 12.5rem;}
.ms5 > .inner { display: flex;  flex-direction: row-reverse; align-items: flex-end;  gap: 3.75rem;}
.ms5 .contbox {  flex: 1;  padding: 3.75rem 0;  display: flex;  flex-direction: column;  gap: 6.25rem;}
.ms5 .contbox .linkbox { display: flex; flex-direction: column; gap: 1rem;}
.ms5 .contbox .linkbox .item { display: flex;  align-items: center;  justify-content: space-between;  gap: 1rem; padding: 0.75rem 1.5rem;}
.ms5 .contbox .linkbox .item .txtbox {  display: flex;  align-items: center;  gap: 1rem;}
.ms5 .contbox .linkbox .item .txtbox .tit { font: var(--28_title_sb);  letter-spacing: -0.02em; color: var(--basic-black); width: 18.75rem;}
.ms5 .contbox .linkbox .item .txtbox .desc {font:var(--18_headline_r);color: var(--basic-darkgray);}
.ms5 .contbox .linkbox .item .iconbox {display: flex; align-items: center; justify-content: center; width: 3rem;}
.ms5 .contbox .linkbox .bar {width: 100%; height: 1px; background: var(--basic-border);}
.ms5 .banner { width: 24%; align-self: stretch;  max-width: 23.75rem;  background: url(../img/ms5_ban.jpg) no-repeat center / cover;  box-shadow: 0.25rem 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2); border-radius: 3.125rem;}



/* 서브 공통 */
.sub_section {position: relative; width: 100%;}
.sub_section.ver2 { margin-top: 6.25rem;}
.sub_section:last-child {margin-bottom: 15rem;}
.sub_topbanner {padding: 2.5rem 2.5rem 7.5rem; display: flex; align-items: center; justify-content: center;}
.sub_topbanner .banner {  position: relative;  width: 100%; max-width: 1600px;  height: 18.75rem;   background: no-repeat center / cover;  border-radius: 1.5rem; display: flex;   flex-direction: column;  align-items: center;  justify-content: center;  gap: 1.25rem;}
.sub_topbanner .banner .sub {  font: var(--18_headline_sb);  color: var(--basic-white);}
.sub_topbanner .banner .tit { font: var(--56_display_sb);  letter-spacing: -0.03em;  color: var(--basic-white);}

.sub_titbox {position: relative; display: flex; align-items: flex-start; flex-direction: column; gap: 1.25rem;}
.sub_titbox.ver2 { gap: 0.625rem;}
.s_tit.flexible { display: flex; align-items: center;  gap: 0.625rem;}
.s_txt1 {font:var(--16_body_normal_sb);letter-spacing: 0.01em;color: var(--brand-primary);}
.s_txt2 {font:var(--32_title_sb);letter-spacing: -0.03em;color: var(--basic-black);}
.s_txt3 {font:var(--40_display_b); font-family: var(--second-family); font-weight: 800;color: var(--basic-black);}
.s_tit { font: var(--28_title_sb);letter-spacing: -0.02em;color: var(--basic-black);}
.s_tit.flexible { gap: 0.625rem;}
.s_tit.flexible .icon { width: 2rem;}
.s_desc { font: var(--18_headline_r); color: var(--basic-darkgray);} 

.board_titbox {display: flex; align-items: flex-end; gap: 1.5rem; margin-bottom: 3.75rem;}
.board_titbox .tit {font:var(--40_display_sb);letter-spacing: -0.03em;color: var(--basic-black);}
.board_titbox .desc {font:var(--18_headline_sb); color: var(--brand-primary); text-transform: uppercase;}

.mob_inner .board_titbox {gap: 1rem; margin-bottom: 2.5rem;}
.mob_inner .board_titbox .tit {font: var(--32_title_sb);}
.mob_inner .board_titbox .desc {font:var(--16_body_normal_sb);}



/* 02 회사소개  */
.company_wrap .sub_topbanner .banner {background-image: url(../img/com_topbanner.jpg);}

.com_sec1 {margin-bottom: 10rem;}
.com_sec1 .contbox { display: flex; align-items: flex-start;}
.com_sec1 .contbox .leftbox { width: 32%;  max-width: 25rem;}
.com_sec1 .contbox .rightbox {flex: 1; display: flex; flex-direction: column; gap: 2.5rem;}
.com_sec1 .contbox .rightbox .ceo_txt {font:var(--18_headline_r);color: var(--basic-darkgray);}
.com_sec1 .contbox .rightbox .ceo_txt .point {font-weight: 600;color: var(--brand-primary);}
.com_sec1 .contbox .rightbox .ceo_name {display: flex; flex-direction: column; gap: 0.625rem; font:var(--20_heading_sb);letter-spacing: -0.01em;color: var(--basic-black);}
.com_sec1 .decotxt {  position: absolute;  right: var(--margin-left);  bottom: -10.625rem;  font-family: var(--second-family);  font-style: italic;  font-weight: 800;   font-size: 8rem;  line-height: 120%;  letter-spacing: -0.02em;  text-align: right;  color: var(--brand-secondary);  opacity: 0.4;}

.com_sec2 {margin-bottom: 10rem;}
.com_sec2 .sub_titbox {margin-bottom: 0.75rem;}
.com_sec2 .com_swiper1 {width: calc(100% + 1.5rem); margin: -0.75rem; padding: 0.75rem;}
.com_sec2 .com_swiper1 .item { width: calc((100% - 40px * 3) / 4); padding-top: 1.75rem;}
.com_sec2 .com_swiper1 .item .box { position: relative;  width: 100%;  min-height: 16.5rem;  box-shadow: 0.25rem 0.25rem 0.75rem 0 rgba(43, 100, 179, 0.2);  background: var(--basic-bg2);  border-radius: 1.5rem;  padding: 2rem;  display: flex;  flex-direction: column;  justify-content: space-between;}
.com_sec2 .com_swiper1 .item .box .number { font-family: var(--font4);  font-weight: 400;   font-size: 4rem;  line-height: 100%;  color: var(--brand-primary);  position: absolute;  right: 0.75rem;  top: -1.75rem; transition: var(--transition);}
.com_sec2 .com_swiper1 .item .box .top .desc { font: var(--16_body_normal_r);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.com_sec2 .com_swiper1 .item .box .bottom {  display: flex;  flex-direction: column;  gap: 0.25rem;}
.com_sec2 .com_swiper1 .item .box .bottom .tit {font:var(--24_title_sb);letter-spacing: -0.02em;color: var(--brand-primary);}
.com_sec2 .com_swiper1 .item .box .bottom .sub {font:var(--14_label_normal_r);letter-spacing: 0.01em; color: var(--basic-middlegray);}

.com_sec3 {margin-bottom: 6.25rem; padding-top: 6.25rem; margin-top: -6.25rem;}
.com_sec3 .sub_titbox {margin-bottom: 2.5rem;}
.com_sec3 .com_swiper2 {width: 100%;}
.com_sec3 .com_swiper2 .item { width: calc((100% - 40px * 2) / 3);  display: flex;  flex-direction: column;  gap: 2rem;}
.com_sec3 .com_swiper2 .item .imgbox {  display: flex;   align-items: center;  justify-content: center;  border-radius: 1.5rem;  overflow: hidden;}
.com_sec3 .com_swiper2 .item .imgbox .img {width: 100%; height: 100%; object-fit: cover;}
.com_sec3 .com_swiper2 .item .txtbox { display: flex;  flex-direction: column;  align-items: flex-start;  gap: 1.25rem;}
.com_sec3 .com_swiper2 .item .txtbox .type {  font: var(--16_body_normal_m);  letter-spacing: 0.01em;  color: var(--basic-white);  border-radius: 10rem;   padding: 0.375rem 1.25rem;  background: var(--brand-primary);}
.com_sec3 .com_swiper2 .item .txtbox .tit { display: flex;  align-items: center;  gap: 1rem;}
.com_sec3 .com_swiper2 .item .txtbox .tit .name {  font: var(--32_title_sb);   letter-spacing: -0.03em;  color: var(--basic-black);}
.com_sec3 .com_swiper2 .item .txtbox .tit .eng {  font: var(--18_headline_m);   font-family: var(--second-family);  color: var(--brand-secondary);}
.com_sec3 .com_swiper2 .item .txtbox .desc {  font: var(--14_label_normal_r);   line-height: 160%;  letter-spacing: 0.01em;  color: var(--basic-darkgray);}

.com_sec4 {margin-bottom: 6.25rem;}
.com_sec4 .contbox {  display: flex;  gap: 1.5rem;}
.com_sec4 .contbox .leftbox { width: 57%; max-width: 56.25rem; display: flex;   flex-direction: column; gap: 1.5rem; padding-top: 1.75rem;}
.com_sec4 .contbox .leftbox .top { display: flex; align-items: flex-end;  justify-content: space-between; gap: 1.5rem;  padding: 1.25rem 1.5rem;}
.com_sec4 .contbox .leftbox .top .certificate { border-radius: 0.625rem;  border: 1px solid var(--basic-pale); box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);  display: flex;  align-items: center; justify-content: center; width: 12.5rem;}
.com_sec4 .contbox .leftbox .top .sub_titbox { flex: 1; align-items: flex-end; text-align: right;}
.com_sec4 .contbox .leftbox .top .sub_titbox .s_txt2 {  font-size: 2.5rem;  font-weight: 300; word-break: keep-all;}
.com_sec4 .contbox .leftbox .top .sub_titbox .s_txt2 .bold {font-weight: 600;} 
.com_sec4 .contbox .leftbox .bottom { display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 20rem;  border-radius: 1.5rem;    overflow: hidden;}
.com_sec4 .contbox .leftbox .bottom .img{width: 100%; height: 100%; object-fit: cover;}  
.com_sec4 .contbox .rightbox { flex: 1; display: flex; gap: 1.5rem;}
.com_sec4 .contbox .rightbox .item {  width: 50%; display: flex; flex-direction: column;  gap: 1.5rem;}
.com_sec4 .contbox .rightbox .item .imgbox { display: flex;  align-items: center;  justify-content: center;  border-radius: 1.5rem;  overflow: hidden;}
.com_sec4 .contbox .rightbox .item .imgbox.ver1 { height: 56.74%;}
.com_sec4 .contbox .rightbox .item .imgbox.ver2 { flex: 1;}
.com_sec4 .contbox .rightbox .item .imgbox .img{width: 100%; height: 100%; object-fit: cover;}  

.com_sec5 { padding-top: 6.25rem; margin-top: -6.25rem;}
.com_sec5 .sub_titbox {margin-bottom: 2.5rem;}
.com_sec5 .map_box {display: flex; flex-direction: column; gap: 2.5rem;}
.com_sec5 .map_box .txtbox {display: flex; flex-direction: column; gap: 1rem;}
.com_sec5 .map_box .txtbox .add {font:var(--24_title_sb);letter-spacing: -0.02em;color: var(--basic-black);}
.com_sec5 .map_box .txtbox .infobox {display: flex; align-items: center; gap: 2.5rem;}
.com_sec5 .map_box .txtbox .infobox .item {display: flex; align-items: center; gap: 0.625rem;}
.com_sec5 .map_box .txtbox .infobox .item .icon {font-size: 1.5rem; color: var(--brand-primary);}
.com_sec5 .map_box .txtbox .infobox .item .txt {font:var(--16_body_normal_r);letter-spacing: 0.01em; color: var(--basic-middlegray);}
.com_sec5 .map_box .txtbox .infobox .bar {width: 1px; height: 1.5rem; background: var(--basic-border);}
.com_sec5 .map_box .map {width: 100%; height: 25rem; border-radius: 1rem; overflow: hidden;}



/* 03 열기구체험  */
.flights_wrap .sub_topbanner .banner {background-image: url(../img/fli_topbanner.jpg);}

.fli_sec .txtbox {display: flex; align-items: flex-start; gap: 1.5rem; margin-bottom: 5rem;}
.fli_sec .txtbox .leftbox {flex: 1;}
.fli_sec .txtbox .rightbox { width: 60%; max-width: 41.25rem;}
.fli_sec .txtbox .rightbox .fli_tit {font:var(--24_title_sb);letter-spacing: -0.02em;color: var(--brand-primary); margin-bottom: 0.75rem;}
.fli_sec .txtbox .rightbox .fli_desc {font:var(--16_body_normal_r);line-height: 180%;color: var(--basic-darkgray);}
.fli_sec .txtbox .rightbox .bottom {display: flex; flex-direction: column; gap: 0.25rem; margin-top: 1.5rem;}
.fli_sec .txtbox .rightbox .bottom .fli_sub {font:var(--16_body_normal_sb);letter-spacing: 0.01em;color: var(--basic-black);}
.fli_sec .txtbox .rightbox .bottom .stepbox {display: flex; align-items: center; gap: 0.625rem;}
.fli_sec .txtbox .rightbox .bottom .stepbox .txt {font:var(--14_label_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.fli_sec .txtbox .rightbox .bottom .stepbox .arrow {background: url(../img/ic_steparrow.png) no-repeat center/contain; width: 1rem; aspect-ratio: 1/1;}
.fli_sec .slidebox {display: flex; flex-direction: column; gap: 10px;}
.fli_sec .slidebox .flight_swiper {width: 100%;  border-radius: 1rem;}
.fli_sec .slidebox .flight_swiper .item {width: 100%; display: flex; align-items: center; justify-content: center;}
.fli_sec .slidebox .flight_swiper .item .img {width: 100%; height: 100%; object-fit: cover;}  
.fli_sec .slidebox .flight_swiper .prev_btn,
.fli_sec .slidebox .flight_swiper .next_btn {top: 50%; transform: translateY(-50%); margin: 0;}
.fli_sec .slidebox .flight_swiper .prev_btn {left: 2.5rem;}
.fli_sec .slidebox .flight_swiper .next_btn {right: 2.5rem;}
.fli_sec .slidebox .flight_thumbox {width: 100%;  border-radius: 1rem;}
.fli_sec .slidebox .flight_thumbox .item {width: calc((100% - 10px*3)/4); display: flex; align-items: center; justify-content: center; border-radius: 1rem; overflow: hidden; cursor: pointer;}
.fli_sec .slidebox .flight_thumbox .item .img {width: 100%; height: 100%; object-fit: cover;}  



/* 04 예약하기 */
.reservation_wrap .sub_topbanner {padding-bottom: 2.5rem;}
.reservation_wrap .sub_topbanner .banner {background-image: url(../img/res_topbanner.jpg);}

/* 예약상품 */
.pr_sec.list .pr_filter { width: 20rem;}
.pr_sec.list .pr_filter .ft_top { padding: 1.5rem 1.5rem 0;}
.pr_sec.list .pr_filter .ft_top .ft_tit {  font: var(--20_heading_sb);  letter-spacing: -0.01em;  color: var(--basic-black);  display: flex;  align-items: center;  gap: 0.5rem;  padding-bottom: 1rem;  border-bottom: 1px solid var(--basic-border);}
.pr_sec.list .pr_filter .ft_top .ft_tit .count {  width: 1.25rem;  aspect-ratio: 1 / 1;   display: flex;  align-items: center;  justify-content: center;   background: var(--brand-primary);  font: var(--12_caption_r);  line-height: 100%;   letter-spacing: 0.03em;  color: var(--basic-white);  border-radius: 50%;}
.pr_sec.list .pr_filter .ft_list {  padding: 1.5rem;  display: flex;  flex-direction: column;  gap: 1.5rem; overflow:auto;}
.pr_sec.list .pr_filter .ft_list::-webkit-scrollbar {display: none;}
.pr_sec.list .pr_filter .ft_list .item {display: flex; flex-direction: column; gap: 0.875rem;}
.pr_sec.list .pr_filter .ft_list .item .tit {font:var(--16_body_read_sb);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.pr_sec.list .pr_filter .ft_list .item > .input_box .input_text {height: 2.75rem; font:var(--14_label_normal_r)}
.pr_sec.list .pr_filter .ft_bottom { padding: 0 1.5rem 1.438rem;}
.pr_sec.list .pr_filter .ft_bottom .btnbox {border-top: 1px solid var(--basic-border);
padding-top: 1.5rem;  display: flex; align-items: center; gap: 0.75rem;}
.pr_sec.list .pr_filter .ft_bottom .button {flex: 1; height: 3rem; padding: 0; font: var(--16_body_normal_sb);}
.pr_sec.list .pr_filter .ft_bottom .button.icon_ver {flex: unset; width: 3rem;}
.pr_sec.list .cont_area { width: calc(100% - 20rem - 2.5rem);  display: flex;  flex-direction: column;  gap: 0.625rem;}

.pr_list_filter { border: 1px solid var(--basic-border);  border-radius: 0.75rem;  background: var(--basic-white); padding: 1rem; display: flex; gap: 1rem; margin-bottom: 1rem;}
.pr_list_filter .ft_item {flex: 1;  padding: 0.75rem 1.25rem;  border-radius: 0.625rem;  background: var(--basic-bg2); cursor: pointer;}
.pr_list_filter .ft_item .tit { font: var(--16_body_normal_m); letter-spacing: 0.01em;  color: var(--basic-middlegray);}
.pr_list_filter .ft_item .desc {  font: var(--22_heading_sb);  letter-spacing: -0.02em;   color: var(--basic-black);}
.pr_list_filter .ft_btn {  width: 12.5rem;  height: auto;  gap: 0.5rem;   font: var(--22_heading_m);  letter-spacing: -0.02em;  border-radius: 0.625rem;  padding: 0;}
.pr_list_filter .ft_btn .icon{width: 1.5rem;}

.pr_list_top {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.pr_list_top .leftbox, .pr_list_top .rightbox {display: flex; align-items: center; gap: 1rem;}
.pr_list_top .leftbox .total {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.pr_list_top .leftbox .total .num {font-weight: 600;color: var(--brand-primary);}
.pr_list_top .rightbox {justify-content: flex-end;}
.pr_list_top .rightbox .select_box {width: 6.875rem;  }
.pr_list_top .rightbox .select_box .sort_select{font:var(--14_label_normal_r); height: 2.25rem;}

.prd_listbox {display: flex; gap: 1.5rem; flex-wrap: wrap; padding-top: 0.5rem;}
.prd_listbox .item { width: calc((100% - 1.5rem * 2) / 3);  display: flex;   flex-direction: column;  border: 1px solid var(--basic-border);  border-radius: 0.75rem;  background: var(--basic-white);     overflow: hidden;}
.prd_listbox .item .imgbox{position: relative; display: flex; width: 100%; aspect-ratio:  1 / 0.6667; overflow: hidden;}
.prd_listbox .item .imgbox .img{width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.prd_listbox .item .imgbox:hover .img {transform: scale(1.1);}
.prd_listbox .item .imgbox .top {  position: absolute;  left: 1.25rem;   bottom: 1rem;   display: flex;  align-items: center;  gap: 0.25rem;  background: var(--brand-gradient2);  border-radius: 0.375rem; padding: 0.25rem 0.75rem;  font: var(--16_body_normal_sb);   letter-spacing: 0.01em;  text-transform: uppercase;  color: var(--basic-white);}
.prd_listbox .item .txtbox { display: flex;  flex-direction: column; gap: 0.5rem;  padding: 1.25rem 1rem 1.5rem;}
.prd_listbox .item .txtbox .titbox {display: flex; flex-direction: column; align-items: flex-start; gap: 0.125rem;}
.prd_listbox .item .txtbox .titbox .tit {  position: relative;  max-width: 100%;  font: var(--20_heading_sb); letter-spacing: -0.01em;  color: var(--basic-black);   white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.prd_listbox .item .txtbox .titbox .desc { width: 100%;  font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.prd_listbox .item .txtbox .pricebox{display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem 0.5rem;}
.prd_listbox .item .txtbox .pricebox .price{font: var(--18_headline_m);color: var(--basic-darkgray);}
.prd_listbox .item .txtbox .pricebox .ori {font: var(--16_body_normal_m);letter-spacing: 0.01em;text-decoration: line-through;color: var(--basic-lightgray);}
.prd_listbox .item .txtbox .bottombox {position: relative; display: flex; align-items: flex-end; gap: 0.5rem;}
.prd_listbox .item .txtbox .bottombox > .leftbox {flex: 1; display: flex; flex-direction: column; gap: 0.5rem;}
.prd_listbox .item .txtbox .bottombox .detailbox {display: flex; align-items: center; gap: 1rem;}
.prd_listbox .item .txtbox .bottombox .detailbox .de_item {display: flex; align-items: center; gap: 0.25rem; font:var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);}
.prd_listbox .item .txtbox .bottombox .detailbox .de_item .icon {width: 1.125rem;}
.prd_listbox .item .txtbox .bottombox .schedule_btn { height: 2rem;  padding: 0.375rem 0.75rem;  font: var(--14_label_normal_sb);}
.prd_listbox .no_item {width: 100%;}
.prd_listbox .no_item .no_post {padding: 10rem 0; border-bottom: 1px solid var(--basic-border);border-top: 1px solid var(--basic-border);}

.pr_sec.list .pagination {margin-top: 2.5rem;}


/* 출발일정 popup */
#schedule_popup .modal_box {width: 62.5rem;}
#schedule_popup .prd_datebox { position: relative;  border-top: 1px solid var(--basic-border);  border-bottom: 1px solid var(--basic-border); padding: 1.875rem;  display: flex;  gap: 2.5rem;}
#schedule_popup .prd_datebox .prd_calender { display: flex;flex-direction: column; gap: 1.25rem;}
#schedule_popup .prd_datebox .prd_calender .cal_state{display: flex; align-items: center; justify-content: space-between; padding: 0 0.5rem;}
#schedule_popup .prd_datebox .prd_calender .cal_state .item{font: var(--var(--13_label_r)); letter-spacing: 0.03em; color: var(--basic-black); display: flex; align-items: center; gap: 0.375rem;}
#schedule_popup .prd_datebox .prd_calender .cal_state .item .dot{width: 0.75rem; aspect-ratio: 1/1; border-radius: 50%;}
#schedule_popup .prd_datebox .prd_calender .cal_state .item.state1 .dot{background: var(--state-success);}
#schedule_popup .prd_datebox .prd_calender .cal_state .item.state2 .dot{background: var(--state-warning);}
#schedule_popup .prd_datebox .prd_calender .cal_state .item.state3 .dot{background: var(--state-error);}
#schedule_popup .prd_datebox .prd_calender .cal_state .item.state4 .dot{background: var(--basic-border);}
#schedule_popup .prd_datebox .prd_tbl { flex: 1; display: flex; flex-direction: column;}
#schedule_popup .prd_datebox .prd_tbl .tbl_top {display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.75rem;}
#schedule_popup .prd_datebox .prd_tbl .tbl_top .data_btn {  font: var(--14_label_normal_m);  letter-spacing: 0.01em;  color:var(--basic-darkgray);   display: flex;  align-items: center;  gap: 0.313rem;}
#schedule_popup .prd_datebox .prd_tbl .tbl_top .data_btn .icon {width: 1rem;}
#schedule_popup .prd_datebox .prd_tbl .tbl_box .tbl .tbl_btn {  font: var(--12_caption_sb); letter-spacing: 0.03em; padding: 0.25rem 0.75rem;  border-radius: 6.25rem;}
#schedule_popup .prd_datebox .prd_tbl .tbl_box .tbl .tbl_btn.disabled{background: var(--basic-lightgray);}
#schedule_popup .prd_datebox .prd_tbl .tbl_bottom { flex: 1; display: flex; justify-content: center; align-items: flex-end;}
#schedule_popup .prd_datebox .prd_tbl .tbl_bottom .view_more {  font: var(--14_label_normal_m);  letter-spacing: 0.01em;  color: var(--basic-black);  gap: 0.25rem;  padding: 0.5rem 1.25rem;  border-radius: 6.25rem;  width: auto;}
#schedule_popup .prd_datebox .prd_tbl .tbl_bottom .view_more .arrow { width: 1rem;}


/* 비행일정 선택 popup */
#flightDate_popup .modal_box {width: 44.25rem;}


/* 인원수 popup */
#personnel_popup .modal_box {width: 20rem; min-width: unset;}
#personnel_popup .modal_box .input_box {gap: 1rem;}
#personnel_popup .modal_box .input_item .label_text {flex: 1;}


/* 예약상세 */
.pr_sec.view {margin-top: 2.5rem;}
.pr_sec.view .view_gallery { display: flex;  gap: 0.625rem; margin-bottom: 2.5rem;}
.pr_sec.view .view_gallery .gallbox {width: 50%;}
.pr_sec.view .view_gallery .gallitem {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 1rem; overflow: hidden;}
.pr_sec.view .view_gallery .gallitem .img {width: 100%; height: 100%; object-fit: cover;}
.pr_sec.view .layout { position: relative; display: flex; align-items: flex-start;gap: 2.5rem;}
.pr_sec.view .view_gallery .gallbox.box1 .gallitem {height: 100%;}
.pr_sec.view .view_gallery .gallbox.box2 {display: flex; flex-wrap: wrap; gap: 0.625rem;}
.pr_sec.view .view_gallery .gallbox.box2 .gallitem {width: calc((100% - 0.625rem)/2); aspect-ratio: 1/0.6667;}
.pr_sec.view .view_gallery .gallview_btn { background: rgba(0, 0, 0, 0.7);  display: flex;  align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; font: var(--14_label_normal_m);  letter-spacing: 0.01em;  color: var(--basic-white);  border-radius: 0.625rem;  position: absolute; left: 1rem; bottom: 1rem;}
.pr_sec.view .view_gallery .gallview_btn .icon {width: 1.25rem;}
.pr_sec.view .cont_area { position: relative;}
.pr_sec.view .view_top {display: flex; flex-direction: column; gap: 1.875rem; margin-bottom: 5rem;}
.pr_sec.view .view_top .titbox { display: flex;  flex-direction: column;}
.pr_sec.view .view_top .titbox .tit { font: var(--32_title_sb);  letter-spacing: -0.03em;  color: var(--basic-black);  margin-bottom: 0.5rem;}
.pr_sec.view .view_top .titbox .desc { font: var(--16_body_normal_r);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.pr_sec.view .view_top .titbox .badgebox { margin-top: 0.75rem;}
.pr_sec.view .view_top .titbox .detailbox {display: flex; align-items: center; gap: 1rem; margin-top: 0.75rem;}
.pr_sec.view .view_top .titbox .detailbox .de_item {display: flex; align-items: center; gap: 0.25rem;}
.pr_sec.view .view_top .titbox .detailbox .de_item .icon {width: 1.25rem;}
.pr_sec.view .view_top .titbox .detailbox .de_item .txt {font:var(--15_body_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.pr_sec.view .view_top .titbox .detailbox .de_item .txt .bold {font-weight: 600;}
.pr_sec.view .view_top .titbox .detailbox .sns_box {display: none;}
.pr_sec.view .view_top .infobox {position: relative; display: flex; flex-wrap: wrap; gap: 0.625rem; border-top: 1px solid var(--basic-border); padding-top: 1.25rem;}
.pr_sec.view .view_top .infobox .infoitem {width: calc((100% - 0.625rem)/2); font:var(--16_body_normal_r);letter-spacing: 0.01em;color: var(--basic-black); display: flex; align-items: flex-start; gap: 0.625rem; }
.pr_sec.view .view_top .infobox .infoitem.full {width: 100%;}
.pr_sec.view .view_top .infobox .infoitem .tit {position: relative; width: 5.625rem; padding-left: 1.375rem; color: var(--basic-middlegray); font-weight: 500;}
.pr_sec.view .view_top .infobox .infoitem .tit::before {content: ""; background: url(../img/ic_view_check.png) no-repeat center/contain; width: 1rem; aspect-ratio: 1/1;  position: absolute; left: 0; top: 0.125rem;}
.pr_sec.view .view_top .infobox .infoitem.grade .tit::before {background-image: url(../img/ic_view_grade.png);}
.pr_sec.view .view_top .infobox .infoitem.map .tit::before {background-image: url(../img/ic_view_map.png);}
.pr_sec.view .view_top .infobox .infoitem .desc {flex: 1;}
.pr_sec.view .view_top .keybox {margin-top: 1rem; background: var(--basic-bg2); padding: 1.5rem; border-radius: 1rem; display: flex; flex-direction: column; gap: 0.5rem;} 
.pr_sec.view .view_top .keybox .tit {display: flex; align-items: center; gap: 0.25rem; font:var(--18_headline_sb); color: var(--basic-black);} 
.pr_sec.view .view_top .keybox .tit .icon {width: 1.25rem;} 
.pr_sec.view .view_top .keybox .desc {font:var(--16_body_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray); } 
.pr_sec.view .view_content {position: relative; display: flex; flex-direction: column; gap: 1.875rem;}
.pr_sec.view .tab_navbox {position: sticky; top: 5.5rem; z-index: 30;}
.pr_sec.view .tab_navbox .tab_navbox .tab_nav {  height: 4rem;}
.pr_sec.view .view_contbox {display: flex; flex-direction: column; gap: 5rem;}
.pr_sec.view .vc_sec { position: relative; padding-top: 11.75rem; margin-top: -11.75rem;}
.pr_sec.view .vc_box {position: relative;}
.pr_sec.view .vc_titbox {margin-bottom: 1.25rem;}
.pr_sec.view .vc_titbox .vc_title {font: var(--20_heading_sb);letter-spacing: -0.01em;color: var(--basic-black);}
.pr_sec.view .vc_contbox {position: relative;}

.pr_sec.view .vc_sec_option {z-index: 5;}
.pr_sec.view .vc_sec_option .vc_box1 {display: flex; flex-direction: column; gap: 1.875rem;}
.pr_sec.view .vc_sec_option .weather_box {  position: relative;  width: 100%;   padding: 1rem 2rem;  border-radius: 1rem;  overflow: hidden;  display: flex;   align-items: center;  justify-content: space-between; background: linear-gradient(90deg, rgba(43, 100, 179, 0.04) 0%, rgba(10, 21, 164, 0.08) 25%, rgba(47, 32, 172, 0.08) 39.9%, rgba(84, 43, 179, 0.08) 54.81%, rgba(255, 157, 75, 0.2) 100%);}
.pr_sec.view .vc_sec_option .weather_box .datebox { display: flex;  flex-direction: column;}
.pr_sec.view .vc_sec_option .weather_box .datebox .desc { font: var(--16_body_normal_r);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.pr_sec.view .vc_sec_option .weather_box .datebox .tit { font: var(--24_title_m);  letter-spacing: -0.02em; color: var(--basic-black);}
.pr_sec.view .vc_sec_option .weather_box .weekbox { width: 37.5rem; margin: 0;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item {position: relative; width: calc((100% - 0.625rem * 6) / 7);  display: flex;  flex-direction: column;  align-items: center;  gap: 0.125rem;  padding: 0.625rem 0;  border-radius: 0.75rem;  box-shadow: 0 0 1.25rem 0 rgba(255, 157, 75, 0.1); background: var(--basic-white);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item::before { content: "";   position: absolute;  left: 2px;  top: 2px;  width: calc(100% - 4px);  height: calc(100% - 4px); background: var(--basic-white);  border-radius: 0.625rem; opacity: 0; pointer-events: none;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item * {z-index: 2;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item.on {  background: var(--brand-gradient1);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item.on::before {opacity: 1;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .day { font: var(--12_caption_sb);  letter-spacing: 0.03em; color: var(--basic-black);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .day.blue {color: var(--state-info);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .day.red {color: var(--state-error);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .icon {  width: 2.5rem;   display: flex;  align-items: center;  justify-content: center;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .rain {  font: var(--12_caption_sb);  letter-spacing: 0.03em;  color: var(--basic-middlegray);   margin-bottom: 0.125rem;}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .wind {display: flex; align-items: center; gap: 0.25rem; font:var(--11_caption_m);letter-spacing: 0.03em;color: var(--brand-primary);}
.pr_sec.view .vc_sec_option .weather_box .weekbox .item .wind .icon {background: url(../img/ic_wind2.png) no-repeat center/contain; width: 0.875rem; aspect-ratio: 1/1;}
.pr_sec.view .vc_sec_option .calender.ver2 {width: 100%;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head { background: var(--basic-bg2);  padding: 0.75rem; border-radius: 10rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_date { gap: 1.25rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_date .date_select {  background: url(../img/date_select.png) no-repeat right center / 1rem;  font: var(--20_heading_sb); color: var(--basic-darkgray);  padding-right: 1.5rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_btn { width: 1.875rem;  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2); background-size: 1.125rem;   background-position-x: 40%; background-color: var(--basic-white);  border-radius: 50%; opacity: 1; pointer-events: all;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_btn.prev {  background-position-x: 40%;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_btn.next { background-position-x: 60%;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_day {gap: 1.875rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_day .day { height: 3rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date {gap: 1.875rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date .date { height: 3rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date .date.selected {   color: var(--brand-hover); background: var(--basic-pointbg); border: 1px solid var(--brand-hover);  border-radius: 0.5rem;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date .date::after {display: none;}
.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date .date:not(.hide) .price {opacity: 1;}
.pr_sec.view .vc_sec_option .radio_wrap { border-top: 1px solid var(--basic-border); padding-top: 1.875rem; gap: 0.625rem;}
.pr_sec.view .vc_sec_option .radio_wrap .radio_box { position: relative; width: calc((100% - 0.625rem)/2); }
.pr_sec.view .vc_sec_option .radio_wrap .radio_box .input_radio {position: absolute; left: 1.875rem; width: 1.25rem; height: 1.25rem;}
.pr_sec.view .vc_sec_option .radio_wrap .radio_box .label_radio {width: 100%; border: 1px solid var(--basic-border);  border-radius: 0.5rem;  padding: 1.25rem 1.875rem 1.25rem 3.75rem; transition: var(--transition); word-break: keep-all;}
.pr_sec.view .vc_sec_option .radio_wrap .radio_box .input_radio:checked + .label_radio {border-color: var(--brand-primary); color: var(--brand-primary);}

.pr_sec.view .vc_sec_detail {z-index: 4; display: flex; flex-direction: column; gap: 3.75rem;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox {display: flex; flex-direction: column; gap: 2.5rem;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .imgbox {position: relative; border-radius: 1rem 1rem 0 0; overflow: hidden; height: 31.25rem; display: flex;flex-direction: column;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox.show .imgbox {height: unset; border-radius: 1rem;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .imgbox::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 8.375rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox.show .imgbox::after {display: none;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .view_morebox {display: flex; justify-content: center;}
.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox.show .view_morebox .view_more .arrow {transform: rotate(180deg);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox {display: flex; flex-direction: column; gap: 0.75rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item { display: flex;  align-items: flex-start;  gap: 0.75rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .stepbox {  align-self: stretch;  display: flex;  flex-direction: column;  align-items: center;  gap: 0.75rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .stepbox .dot {  margin: 0.5rem 0.375rem;  width: 0.5rem;  aspect-ratio: 1 / 1;  background: var(--brand-primary); border-radius: 50%;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .stepbox .line {  flex: 1;  width: 1px;  background: var(--basic-border);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox { flex: 1;  display: flex;  flex-direction: column;  gap: 0.5rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .title {  font: var(--16_body_normal_sb);  letter-spacing: 0.01em;  color: var(--basic-black);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info {   display: flex;  align-items: center; gap: 0.625rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt {display: flex; align-items: center; gap: 0.25rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt .icon {width: 1rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt .txt {font:var(--15_body_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt a.txt {text-decoration: underline;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .bar {width: 1px; height: 0.75rem; background: var(--basic-border);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox {display: flex; flex-direction: column; gap: 0.375rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .desc {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray); display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox.show .desc { -webkit-line-clamp: unset;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .descmore {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray); display: flex; align-items: center; gap: 0.25rem;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .descmore .icon {background: url(../img/ic_min_more.png) no-repeat center/contain; width: 0.875rem; aspect-ratio: 1/1;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox.show .descmore .icon {transform: rotate(180deg);}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .imgbox {width: 6.25rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; overflow: hidden;}
.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .imgbox .img {  width: 100%;  height: 100%;  object-fit: cover;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox { display: flex;  flex-direction: column;  gap: 1.875rem;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item { display: flex;  flex-direction: column;  gap: 1rem;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox { display: flex; align-items: center; gap: 0.375rem;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox .icon { width: 1.25rem;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox .tit { font: var(--16_body_normal_sb);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .descbox {border-radius: 1rem; padding: 1rem 1.25rem; background: var(--basic-bg2); overflow: hidden; display: flex; flex-direction: column; gap: 0.25rem;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .descbox.ver2 {flex-direction: row;flex-wrap: wrap;}
.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .descbox.ver2 .dot_txt {width: calc((100% - 0.25rem*4)/5);}

.pr_sec.view .vc_sec_policy {z-index: 3; display: flex; flex-direction: column; gap: 5rem;}
.pr_sec.view .vc_sec_policy .vc_contbox {display: flex; flex-direction: column; gap: 0.25rem;}

.pr_sec.view .vc_sec_map {z-index: 2;}
.pr_sec.view .vc_sec_map .vc_contbox {display: flex; flex-direction: column; gap: 1.5rem;}
.pr_sec.view .vc_sec_map .vc_contbox .mapbox {width: 100%; aspect-ratio: 1/0.5; border-radius: 1rem; overflow: hidden;}
.pr_sec.view .vc_sec_map .vc_contbox .mapbox .map {width: 100%; height: 100%;}
.pr_sec.view .vc_sec_map .vc_contbox .infobox {display: flex; flex-direction: column; gap: 0.5rem;}
.pr_sec.view .vc_sec_map .vc_contbox .infobox .item {display: flex; align-items: center; gap: 0.5rem;}
.pr_sec.view .vc_sec_map .vc_contbox .infobox .item .icon {width: 1.125rem;}
.pr_sec.view .vc_sec_map .vc_contbox .infobox .item .txt {font:var(--16_body_normal_r);letter-spacing: 0.01em;color: var(--basic-black); flex: 1;}

.pr_sec.view .vc_sec_review {z-index: 1; display: flex; flex-direction: column; gap: 5rem;}
.pr_sec.view .vc_sec_review .vc_box1 .vc_titbox {display: flex; align-items: center; justify-content: space-between;}
.pr_sec.view .vc_sec_review .vc_box1 .vc_titbox .rv_write_btn { font: var(--14_label_normal_m); letter-spacing: 0.01em;  width: auto;  height: auto;   padding: 0.375rem 1.25rem;  border-radius: 0.375rem;}
.pr_sec.view .vc_sec_review .vc_box1 .vc_contbox {display: flex; flex-direction: column; gap: 2rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top {display: flex;  align-items: center; gap: 0.625rem; padding: 2rem 0; border-radius: 1rem; background: var(--basic-bg2);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item {display: flex; flex-direction:column; align-items: center; justify-content: center; flex: 1; gap: 0.625rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_tit{font: var(--18_headline_m); color: var(--basic-black);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_txt{font: var(--24_title_m);letter-spacing: -0.02em;color: var(--basic-darkgray);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_txt .bold {font-weight: 600; color: var(--basic-black);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont1{display: flex; align-items: center; gap: 0.625rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont1 .star{background: url(../img/ic_star_on.png) no-repeat center/contain; width: 1.125rem; aspect-ratio: 1/1;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont1 .rate{display: flex; align-items: center; gap: 0.125rem; }
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 {display: flex; gap: 0.625rem; justify-content: center;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap{display: flex; flex-direction: column; align-items: center; gap: 0.125rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap .barbox{position: relative; background: var(--basic-border); width: 0.5rem; height: 3.75rem; border-radius: 6.25rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap .barbox .bar{position: absolute; left: 0; bottom: 0; width: 100%; background: var(--brand-primary);  border-radius: 6.25rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap .txt{font: var(--13_label_r); letter-spacing: 0.02em;color: var(--basic-black);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .line {width: 1px; height: 3.125rem; background: var(--basic-border);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item{position: relative; width: 6.25rem; aspect-ratio: 1/1; border-radius: 0.25rem; overflow: hidden; cursor: pointer;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item .img{width: 100%; height: 100%; object-fit: cover;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item .hover {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; font:var(--14_label_normal_sb);letter-spacing: 0.01em;color: var(--basic-white); text-align: center; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; transition: var(--transition); width: 100%; height: 100%;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item .hover .icon{background: url(../img/ic_rv_plus_w.png) no-repeat center / contain; width: 1.125rem; aspect-ratio: 1/1;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item:hover .hover {opacity: 1;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list {display: flex; flex-direction: column;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox{border-bottom: 1px solid var(--basic-border); padding-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; } 
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .leftbox .total{font: var(--14_label_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);} 
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .leftbox .total .num{font-weight: 600; color: var(--basic-black);} 
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox {display: flex; align-items: center; justify-content: flex-end; gap: 1.25rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox .switch_box .label_switch {font:var(--14_label_normal_r)}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox .select_box {width: 6.875rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox .select_box .sort_select { font: Var(--14_label_normal_r); height: 2.25rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox {display: flex; flex-direction: column;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card{border-bottom: 1px solid var(--basic-border); padding: 1.5rem 0; display: flex; flex-direction: column; gap: 1.875rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont { display: flex;  flex-direction: column; gap: 1rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox { display: flex;  flex-direction: column; gap: 0.5rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .rate {display: flex; align-items: center; gap: 0.125rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .rate .star{background: url(../img/ic_star_off.png) no-repeat center/contain; width: 0.875rem;  aspect-ratio: 1 / 1;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .rate .star.on
{ background-image: url(../img/ic_star_on.png);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .name{font: var(--14_label_normal_r); letter-spacing: 0.01em;  color: var(--basic-darkgray); display: flex; align-items: center; gap: 0.5rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .name .tit{color: var(--basic-black); font-weight: 500;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content {display: flex;  flex-direction: column; gap: 1rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox{display: flex; flex-direction: column; align-items: flex-start; gap: 0.375rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .text {width: 100%; font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);  display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox.show .text {-webkit-line-clamp: unset}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .review_more{font: var(--14_label_normal_sb); letter-spacing: 0.01em; color: var(--basic-darkgray); display: flex; align-items: center; gap: 0.25rem;} 
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .review_more .icon {background: url(../img/ic_min_more2.png) no-repeat center/contain; width: 0.875rem; aspect-ratio: 1/1;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox.show .review_more .icon {transform: rotate(180deg);}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .imgbox{display: flex; flex-wrap: wrap; gap: 0.625rem;}
.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .imgbox .img{width: calc((100% - 0.625rem*10)/11); aspect-ratio: 1/1; object-fit: cover; border-radius: 0.25rem;}
.pr_sec.view .vc_sec_review .vc_box1 .pagination {margin-top: 0.5rem;}
.pr_sec.view .vc_sec_review .vc_box2 .prd_slidebox {display: block;}
.pr_sec.view .vc_sec_review .vc_box2 .prd_swiper .item { width: calc((100% - 20px * 2) / 3);}
.pr_sec.view .pr_result {padding: 2rem;}
.pr_sec.view .pr_result .mob_side_box {display: none;}
.pr_sec.view .pr_result .side_box { display: flex; flex-direction: column; gap: 1.25rem;}
.pr_sec.view .pr_result .sns_box {display: flex; align-items: center; gap: 1rem; padding-bottom: 1rem; }
.pr_sec.view .pr_result .sns_box .sns_btn {background: no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1;}
.pr_sec.view .pr_result .sns_box .share_btn {background-image: url(../img/ic_share.png);}
.pr_sec.view .pr_result .sns_box .wish_btn {background-image: url(../img/ic_heart.png); transition: var(--transition);}
.pr_sec.view .pr_result .sns_box .wish_btn.on {background-image: url(../img/ic_heart_on.png);}
.pr_sec.view .pr_result .sns_box .map_btn {background-image: url(../img/ic_map.png);}
.pr_sec.view .pr_result .quantity_box { display: flex; flex-direction: column;  gap: 0.75rem;  padding-bottom: 1.25rem;  border-bottom: 1px solid var(--basic-border);}
.pr_sec.view .pr_result .quantity_box > .item { display: flex; align-items: center;  justify-content: space-between; gap: 0.625rem;}
.pr_sec.view .pr_result .quantity_box > .item .txtbox {  flex: 1;  display: flex;   flex-direction: column;  gap: 0.125rem;}
.pr_sec.view .pr_result .quantity_box > .item .txtbox .tit {  display: flex;  align-items: center;  gap: 0.25rem;  font: var(--14_label_normal_m);  letter-spacing: 0.01em;   color: var(--basic-black);}
.pr_sec.view .pr_result .quantity_box > .item .txtbox .tit .small{font-weight: 400; color: var(--basic-darkgray);}
.pr_sec.view .pr_result .quantity_box > .item .txtbox .price {  font: var(--16_body_normal_sb);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.pr_sec.view .pr_result .info_box { display: flex;  flex-direction: column;  gap: 0.75rem;}
.pr_sec.view .pr_result .info_box.mob_view {display: none;}
.pr_sec.view .pr_result .info_box > .item { font: var(--15_body_normal_r);   letter-spacing: 0.01em;  color: var(--basic-darkgray);  display: flex;  align-items: center;  justify-content: space-between;}
.pr_sec.view .pr_result .info_box > .item .tit { font-weight: 500; width: 3.75rem;color: var(--basic-black);}
.pr_sec.view .pr_result .info_box > .item .desc { flex: 1;  text-align: right;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.pr_sec.view .pr_result .info_box .total { display: flex; align-items: center;  justify-content: space-between;  border-top: 1px solid var(--basic-border);  padding-top: 1rem;  margin-top: 0.5rem;}
.pr_sec.view .pr_result .info_box .total .tit {  font: var(--18_headline_m);  color: var(--basic-black);}
.pr_sec.view .pr_result .info_box .total .price {  font: var(--24_title_sb);  letter-spacing: -0.02em;  text-align: right;  color: var(--basic-black);}
.pr_sec.view .pr_result .info_box.ver2 {gap: 0;}
.pr_sec.view .pr_result .info_box.ver2 .point {font:var(--18_headline_m);text-align: right;
color: var(--brand-primary);}
.pr_sec.view .pr_result .info_box.ver2 .total {  border-top: 0;  padding-top: 0;  margin-top: 0;}
.pr_sec.view .pr_result .btnbox { display: flex;  flex-direction: column;  gap: 0.75rem;}
.pr_sec.view .pr_result .btnbox .button {width: 100%; padding: 0;  height: 2.75rem;  font: var(--16_body_normal_m);}
.pr_sec.view .pr_result .btnbox .button.opt_btn,
.pr_sec.view .pr_result .btnbox .button.reserve_btn2 {display: none;}


/* 리뷰작성 popup */
#rv_write_popup .modal_box {width: 37.5rem; width: 36.25rem;}
#rv_write_popup .rate_box { display: flex; flex-direction: column;  gap: 1.875rem;}
#rv_write_popup .rate_box .top { background: var(--basic-bg2); padding: 1.25rem 0;  border-radius: 0.75rem; display: flex;  flex-direction: column; align-items: center;   gap: 0.25rem;}
#rv_write_popup .rate_box .top .title { font: var(--18_headline_sb); color: var(--basic-darkgray);}
#rv_write_popup .rate_box .top .rating_box .rating .label_star { width: 2rem;}
#rv_write_popup .input_box textarea.input_text { height: 6.25rem;}
#rv_write_popup .file_box{display: flex; gap: 0.75rem;}
#rv_write_popup .file_box .label_file { flex: 1;  background: var(--basic-bg2);  display: flex;  align-items: center;  gap: 0.5rem;  padding: 0 0.75rem;  height: 2.75rem;   border-radius: 0.625rem;  overflow: hidden; cursor: pointer;}
#rv_write_popup .file_box .label_file .icon{background: url(../img/ic_clip.png) no-repeat center/contain; width: 1rem; aspect-ratio: 1/1;}
#rv_write_popup .file_box .label_file .name{ flex: 1; font: var(--14_label_normal_r); letter-spacing: 0.01em; color: var(--basic-middlegray); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#rv_write_popup .file_box .label_file .delete {  background: url(../img/ic_delete.png) no-repeat center / contain;  width: 1rem;  aspect-ratio: 1 / 1;  cursor: pointer;   display: none;}
#rv_write_popup .file_box.attached .label_file .name {color: var(--basic-darkgray);}
#rv_write_popup .file_box.attached .label_file .delete {display: block;}
#rv_write_popup .file_box .input_file{display: none;}
#rv_write_popup .file_box .btnbox{display: flex; gap: 0.75rem;} 
#rv_write_popup .file_box .btnbox .button { padding: 0 0.875rem; height: unset;  font: var(--16_body_normal_m);}


/* 공유하기 popup */
#share_popup .modal_box {min-width: unset;}
#share_popup .sns_box { display: flex;  align-items: center; justify-content: center; gap: 2rem;  padding: 1rem 0;}
#share_popup .sns_box .item { position: relative;}
#share_popup .sns_box .item .link { display: flex; flex-direction: column;  align-items: center;  gap: 0.313rem;}
#share_popup .sns_box .item .link .icon {width: 2.5rem;}
#share_popup .sns_box .item .link .txt { font: var(--14_label_normal_r); letter-spacing: 0.01em;  color: var(--basic-darkgray);}


/* 예약결제 */
.reservation_wrap.ver2 .sub_topbanner {padding-bottom: 5rem;}

.re_sec .layout { position: relative; display: flex; align-items: flex-start; gap: 2.5rem;}
.re_sec .cont_area { position: relative; width: calc(100% - 22.5rem - 2.5rem); display: flex; flex-direction: column; gap: 3.125rem;} 
.re_sec .re_sec {position: relative; width: 100%; border-bottom: 1px solid var(--basic-border); padding-bottom: 3.125rem;}
.re_sec .re_sec:last-child {border-bottom: 0; padding-bottom: 0;}
.re_sec .re_sec .re_titbox {margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between;}
.re_sec .re_sec .re_titbox .re_tit {font:var(--18_headline_sb);color: var(--basic-black); display: flex; align-items: center; gap: 0.5rem;}
.re_sec .re_sec .re_titbox .re_tit .point {font:var(--12_caption_m);letter-spacing: 0.03em;color: var(--brand-hover);}
.re_sec .re_sec .re_titbox .check_box .label_check {font:var(--14_label_normal_r)}
.re_sec .re_sec .re_contbox {position: relative; width: 100%;}

.re_sec .re_sec_detail .prd_tit {font:var(--28_title_sb);letter-spacing: -0.02em;color: var(--basic-black); margin-bottom: 0.5rem;}
.re_sec .re_sec_detail .prd_info {display: flex; flex-direction: column; gap: 1rem;}
.re_sec .re_sec_detail .prd_info .titbox {display: flex; align-items: center; justify-content: space-between;}
.re_sec .re_sec_detail .prd_info .titbox .date {font:var(--16_body_normal_sb);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.re_sec .re_sec_detail .prd_info .titbox .more_btn {font:var(--14_label_normal_sb);letter-spacing: 0.01em;color: var(--brand-hover); display: flex; align-items: center; gap: 0.125rem;}
.re_sec .re_sec_detail .prd_info .titbox .more_btn .arrow {background: url(../img/ic_more_point.png) no-repeat center/contain; width: 1rem; aspect-ratio: 1/1;}
.re_sec .re_sec_detail .prd_info.hide .titbox .more_btn .arrow {transform: rotate(180deg);}
.re_sec .re_sec_detail .prd_info .contbox {border-top: 1px solid var(--basic-border);
padding-top: 1rem; display: flex; align-items: flex-start; gap: 1rem; }
.re_sec .re_sec_detail .prd_info.hide .contbox {display: none;}
.re_sec .re_sec_detail .prd_info .contbox .contitem {width: 50%; display: flex; flex-direction: column; gap: 0.5rem;}
.re_sec .re_sec_detail .prd_info .contbox .contitem .tit {font:var(--13_label_sb);letter-spacing: 0.02em;color: var(--basic-darkgray);}
.re_sec .re_sec_detail .prd_info .contbox .contitem .descbox {display: flex; flex-direction: column; gap: 0.125rem;}
.re_sec .re_sec_detail .prd_opt {  margin-top: 1.5rem;  border-radius: 0.75rem;  padding: 1.25rem;  background: var(--basic-bg2);   display: flex; flex-direction: column;  gap: 0.875rem;  overflow: hidden;}
.re_sec .re_sec_detail .prd_opt .titbox { display: flex;  align-items: center;  justify-content: space-between;}
.re_sec .re_sec_detail .prd_opt .titbox .tit {  font: var(--16_body_normal_sb); color: var(--brand-primary);}
.re_sec .re_sec_detail .prd_opt .titbox .price {font:var(--16_body_normal_sb); letter-spacing: 0.01em; text-align: right; color: var(--basic-black);} 
.re_sec .re_sec_detail .prd_opt .contbox {display: flex; gap:0.375rem;} 
.re_sec .re_sec_detail .prd_opt .contbox .contitem {  width: 33.33%;   border: 1px solid var(--basic-border); border-radius: 0.75rem;  padding: 0.75rem 1rem;   background: var(--basic-white);  display: flex;  flex-direction: column; gap: 0.5rem;}
.re_sec .re_sec_detail .prd_opt .contbox .contitem .top { display: flex;  align-items: center;  justify-content: space-between; font:var(--14_label_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray); color: var(--basic-black);}
.re_sec .re_sec_detail .prd_opt .contbox .contitem .top .txt {flex: 1;} 
.re_sec .re_sec_detail .prd_opt .contbox .contitem .bottom .price {font:var(--16_body_normal_r);letter-spacing: 0.01em;} 
.re_sec .re_sec_detail .prd_opt .contbox .contitem .bottom .price .num {font:var(--17_headline_sb); letter-spacing: 0;} 

.re_sec .re_sec_info {display: flex; flex-direction: column; gap: 2.5rem;}
.re_sec .re_sec_info .form_box .radio_box .label_radio,
.re_sec .re_sec_info .form_box .input_box .input_text,
.re_sec .re_sec_info .form_box .select_box .select {font: var(--14_label_normal_r);}
.re_sec .re_sec_info .form_box .input_box .label_text {font: var(--14_label_normal_m);}
.re_sec .re_sec_info .tbl thead tr th { font: var(--14_label_normal_sb); padding: 0.625rem 0.313rem;}
.re_sec .re_sec_info .tbl tbody tr td { font: var(--14_label_normal_r);  height: 3.75rem;  padding: 0.625rem;}
.re_sec .re_sec_info .tbl tbody tr td .input_box .input_text {font: var(--14_label_normal_r); height: 2.25rem; padding: 0 0.75rem;} 
.re_sec .re_sec_info .tbl tbody tr td .input_box .input_text.input_weight {text-align: right;}
.re_sec .re_sec_info .tbl tbody tr td .select_box .select {font: var(--14_label_normal_r); height: 2.25rem; padding-left: 0.75rem; padding-right: 2.25rem;}
.re_sec .re_sec_info .tbl tbody tr td .icon_btn {width: 1.5rem;}
.re_sec .re_sec_info .tbl tbody tr td .icon_btn .icon {width: 100%;}
.re_sec .re_sec_info .vhc_listbox { position: relative;}
.re_sec .re_sec_info .vhc_list .item {width: calc((100% - 1.875rem * 2) / 3); display: flex; flex-direction: column;  gap: 0.75rem;}
.re_sec .re_sec_info .vhc_list .item .titbox { display: flex;  align-items: baseline;  gap: 0.375rem; font: var(--16_body_read_r); letter-spacing: 0.01em; color: var(--basic-darkgray);}
.re_sec .re_sec_info .vhc_list .item .titbox .tit { font-weight:600; color: var(--basic-black);}
.re_sec .re_sec_info .vhc_list .item .imgbox { position: relative; display: flex; align-items: center; justify-content: center;  background: var(--basic-bg2); border-radius: 0.75rem;  overflow: hidden;  height: 8.125rem;}
.re_sec .re_sec_info .vhc_list .item .imgbox .img{width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.re_sec .re_sec_info .vhc_list .item .txtbox {  padding-bottom: 1rem;  border-bottom: 1px solid var(--basic-border); display: flex;  flex-direction: column;}
.re_sec .re_sec_info .vhc_list .item .txtbox .infobox {display: flex; flex-direction: column; gap: 0.5rem;}
.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem {   display: flex; align-items: center; justify-content: space-between;  font: var(--15_body_normal_r); letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem .tit{width: 7.5rem; font-weight: 600;}
.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem .desc{flex: 1; text-align: right;}
.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem .select_box .select {height: unset; font:var(--15_body_normal_r); border: none; padding-right: 1.5rem; background-position-x: right;}
.re_sec .re_sec_info .vhc_list .item .pricebox { display: flex;  align-items: center;  justify-content: flex-end; }
.re_sec .re_sec_info .vhc_list .item .pricebox .price { font: var(--16_body_normal_r);  letter-spacing: 0.01em;  color: var(--basic-black);}
.re_sec .re_sec_info .vhc_list .item .pricebox .price .num {font-weight: 500;}
.re_sec .re_sec_info .vhc_listbox .prev_btn, 
.re_sec .re_sec_info .vhc_listbox .next_btn { opacity: 1;  top: 5.25rem;  margin: 0;}
.re_sec .re_sec_info .vhc_listbox .prev_btn.swiper-button-disabled,
.re_sec .re_sec_info .vhc_listbox .next_btn.swiper-button-disabled{opacity: 0;}
.re_sec .re_sec_info .re_controls {display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.5rem;}
.re_sec .re_sec_info .re_controls .input_box {flex-direction: row; align-items: center; gap: 1.25rem;}
.re_sec .re_sec_info .re_controls .input_box .label_text {display: flex; flex-direction: column; gap: 0.25rem;}
.re_sec .re_sec_info .re_controls .input_box .label_text .txt {font-weight: 600;}
.re_sec .re_sec_info .re_controls .input_box .label_text .small {font:var(--14_label_normal_r)}

.re_sec .re_sec_pay .paybox { display: flex; flex-wrap: wrap; gap: 0.5rem;}
.re_sec .re_sec_pay .paybox .payitem {position: relative;  width: calc((100% - 0.5rem * 4) / 5); height: 3.125rem; border: 1px solid var(--basic-border);  border-radius: 0.5rem; background: var(--basic-white); font:var(--16_body_normal_m); letter-spacing: 0.01em; color:var(--basic-middlegray); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition);}
.re_sec .re_sec_pay .paybox .payitem.on{ border-color: var(--brand-primary); font-weight: 600; color: var(--brand-primary);}
.re_sec .re_sec_pay .paybox .payitem .badge {font:var(--10_caption_sb) ;color: var(--basic-white); padding: 0.188rem 0.5rem; border-radius: 6.25rem; position: absolute; right: 0 ; top: -0.75rem;  background: var(--brand-primary);}
.re_sec .re_sec_pay .paybanner {display: flex; flex-direction: column; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid var(--basic-border); margin-top: 1.25rem;} 
.re_sec .re_sec_pay .paybanner .banner {border-radius: 0.75rem; padding: 0.75rem 1rem; display: flex; align-items: center; gap: 0.5rem; background: #f2f4f6;}
.re_sec .re_sec_pay .paybanner .banner .icon {width: 1.5rem;}
.re_sec .re_sec_pay .paybanner .banner .txt {flex: 1; font:var(--15_body_normal_sb); letter-spacing: 0.01em; color: #4e5968;}
.re_sec .re_sec_pay .paybanner .banner .btn {font:var(--10_caption_sb); font-weight: 700; color: var(--basic-white); padding: 0.188rem 0.5rem; border-radius: 0.375rem; background: var(--basic-black);}
.re_sec .re_sec_pay .paybanner .banner.typeA {background: linear-gradient(90deg, #f9f0fc 0%, #e8f3ff 100%); background: linear-gradient(90deg, #f9f0fc 0%, #e8f3ff 100%);}
.re_sec .re_sec_pay .paybanner .banner.typeA .color {background: linear-gradient(90deg, #a035c8 0%, #3182f6 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.re_sec .re_sec_pay .paybanner .banner.typeA .btn {background: #3182f6;}
.re_sec .re_sec_pay .paybanner .descbox {display: flex; flex-direction: column; gap: 0.25rem;}
.re_sec .re_sec_pay .paybanner .descbox .desc {font:var(--13_label_r); letter-spacing: 0.02em; color: var(--basic-middlegray);}
.re_sec .re_sec_pay .paybanner .descbox .desc .bold {font-weight: 600;}
.re_sec .re_sec_pay .paybanner .descbox .more_btn {font:var(--13_label_r);letter-spacing: 0.02em; color: var(--basic-middlegray); display: flex; align-items: center; gap: 0.125rem;}
.re_sec .re_sec_pay .paybanner .descbox .more_btn .arrow {background: url(../img/ic_min_more.png) no-repeat center/contain; width: 0.875rem; aspect-ratio: 1/1;}

.re_sec .side_area { padding: 1.25rem;}
.re_sec .side_area .mob_side_box {display: none;}
.re_sec .side_area .side_box { display: flex; flex-direction: column;  gap: 1.5rem;}
.re_sec .side_area .side_box .titbox .tit { font: var(--20_heading_sb);  letter-spacing: -0.01em;   color: var(--basic-black);}
.re_sec .side_area .side_box .info_box {display: flex; flex-direction: column; gap: 0.5rem;}
.re_sec .side_area .side_box .info_box .item {font:var(--15_body_normal_r);letter-spacing: 0.01em;
color: var(--basic-darkgray);  display: flex;  align-items: center;  justify-content: space-between;}
.re_sec .side_area .side_box .info_box .item .tit {width: 4.5rem; font-weight: 500; color: var(--basic-black);}
.re_sec .side_area .side_box .info_box .item .desc {text-align: right; flex: 1;}
.re_sec .side_area .side_box .info_box .item .desc .point{color: var(--brand-third);}
.re_sec .side_area .side_box .info_box .total {padding: 0.75rem 1.25rem; margin: 0.5rem -1.25rem 0; color: var(--brand-primary); background: rgba(16, 55, 112,0.04);}
.re_sec .side_area .side_box .info_box .total .tit {font:var(--14_label_normal_m); width: 5.625rem; color: var(--brand-primary);}
.re_sec .side_area .side_box .info_box .total .desc {font:var(--20_heading_sb); letter-spacing: -0.01em;}
.re_sec .side_area .side_box .term_box {display: flex; flex-direction: column; gap: 1rem; padding-bottom: 1rem; border-radius: 0.75rem; padding: 1rem 1rem 2rem; background: var(--basic-bg2);}
.re_sec .side_area .side_box .term_box .check_box {gap: 0.5rem;}
.re_sec .side_area .side_box .term_box .check_box.allCheck {padding-bottom: 1rem; border-bottom: 1px solid var(--basic-border);}
.re_sec .side_area .side_box .term_box .check_box.allCheck .label_check {font-weight: 600; color: var(--basic-black);}
.re_sec .side_area .side_box .term_box .check_box .input_check {width: 1.125rem; height: 1.125rem; border-radius: 0.25rem;}
.re_sec .side_area .side_box .term_box .check_box .label_check {position: relative; font:var(--14_label_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray); flex: 1;}
.re_sec .side_area .side_box .term_box .check_box .more_btn {content: ""; width: 1rem; aspect-ratio: 1/1; background: url(../img/ic_term_arrow.png) no-repeat center/contain;}
.re_sec .side_area .side_box .term_box .check_box .label_check .bold {color: var(--basic-black);}
.re_sec .side_area .side_box .btnbox .pay_btn {padding: 0; font:var(--16_body_normal_sb); letter-spacing: 0.01em; width: 100%;}


/* 예약완료 */
.re_sec.complete .inner {max-width: 560px;}
.re_sec.complete .sub_titbox {margin-bottom: 2.5rem;}
.re_sec.complete .infobox {border: 1px solid var(--basic-border); border-radius: 1rem; padding: 2rem; background: var(--basic-white); display: flex; flex-direction: column; gap: 1rem;}
.re_sec.complete .infobox .title {font:var(--18_headline_sb);color: var(--basic-black);border-bottom: 1px solid var(--basic-border); padding-bottom: 1rem;}
.re_sec.complete .infobox .descbox {display: flex;flex-direction: column;gap: 0.625rem;}
.re_sec.complete .infobox .descitem {display: flex; align-items: center; justify-content: space-between; gap: 1rem; font:var(--15_body_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.re_sec.complete .infobox .descitem .tit {width: 6.25rem; color: var(--basic-middlegray);}
.re_sec.complete .infobox .descitem .desc {text-align: right; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.re_sec.complete .infobox .descitem.total .desc {font-weight: 600; color: var(--brand-primary);}



/* 05 커뮤니티 */
.cs_wrap .sub_topbanner {padding-bottom: 5rem;}
.cs_wrap .sub_topbanner .banner {background-image: url(../img/cs_topbanner.jpg);}

.cs_sec .cs_list .tbl_cont {display: flex; flex-direction: column;}
.cs_sec .cs_list .tbl_cont .tbl_top { display: flex; align-items: center;  justify-content: space-between; margin-bottom: 1.5rem;}
.cs_sec .cs_list .tbl_cont .tbl_top .total {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.cs_sec .cs_list .tbl_cont .tbl_top .total .bold {font-weight: 600; color: var(--brand-primary);}
.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search{display: flex; justify-content: center; gap: 0.625rem;}
.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .select_box .select { font: var(--14_label_normal_r);}
.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_box .input_text { width: 17.5rem; font: var(--14_label_normal_r);}
.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_btn { width: 2.5rem;  padding: 0.563rem;  display: flex; align-items: center;  justify-content: center;}

.cs_sec .cs_list .tbl_cont .tbl_box {position: relative;}
.cs_sec .cs_list .tbl_cont .tbl_box .tbl thead tr th {padding: 1rem 0.625rem; font:var(--16_body_normal_sb)}
.cs_sec .cs_list .tbl_cont .tbl_box .tbl tbody tr td { font: var(--16_body_normal_r);  height: 3.5rem; padding: 0.875rem 0.625rem;}
.cs_sec .cs_list .tbl_cont .tbl_box .tbl tbody tr td .no_post { padding: 8.75rem 0; gap: 1rem; } 
.cs_sec .cs_list .tbl_cont .tbl_box .tbl tbody tr td .no_post .icon {width: 3.125rem;}
.cs_sec .cs_list .tbl_cont .tbl_bottom { display: flex;  align-items: center;   justify-content: space-between;  margin-top: 3.75rem;}
.cs_sec .cs_list .tbl_cont .tbl_bottom .btnbox {display: flex; gap: 1.25rem;}
.cs_sec .cs_list .tbl_cont .tbl_bottom .btnbox .button {  height: 2.5rem;  padding: 0 1.25rem; font: var(--16_body_normal_r); border-radius: 0.5rem;}

.cs_sec .cs_list .gall_box { display: flex; flex-wrap: wrap; gap: 1.5rem 1.25rem;}
.cs_sec .cs_list .gall_box > .item{width: calc((100% - 1.25rem*3)/4);}
.cs_sec .cs_list .gall_box > .item .link{display: flex; flex-direction: column; gap: 1rem; width: 100%;}
.cs_sec .cs_list .gall_box > .item .imgbox{position: relative; width: 100%; aspect-ratio: 1 / 0.90789; overflow: hidden; border-radius: 0.75rem; display: flex;}
.cs_sec .cs_list .gall_box > .item .imgbox .img{width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.cs_sec .cs_list .gall_box > .item:hover .imgbox .img {transform: scale(1.1);}
.cs_sec .cs_list .gall_box > .item .txtbox{display: flex; flex-direction: column; gap: 0.25rem;}
.cs_sec .cs_list .gall_box > .item .txtbox .tit{font: var(--16_body_normal_sb); letter-spacing: 0.01em;color: var(--basic-darkgray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cs_sec .cs_list .gall_box > .item .txtbox .desc{font: var(--15_body_normal_r);letter-spacing: 0.01em; color: var(--basic-middlegray);}
.cs_sec .cs_list .gall_box.ver2 > .item {width: calc((100% - 1.25rem)/2);}
.cs_sec .cs_list .gall_box.ver2 > .item .imgbox { height: unset; aspect-ratio: 1/0.32184;}
.cs_sec .cs_list .gall_box.ver2 > .item .imgbox .event_end {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); opacity: 0; pointer-events: none;}
.cs_sec .cs_list .gall_box.ver2 > .item.end .imgbox .event_end {opacity: 1;}
.cs_sec .cs_list .gall_box.ver2 > .item .imgbox .event_end .txt {font:var(--18_headline_sb);color: var(--basic-white);}


/* 문의하기 */
.cs_sec.contact .contbox {  display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 2.5rem;}
.cs_sec.contact .contbox .leftbox { position: sticky; top: 6.25rem; width: 25rem; display: flex; flex-direction: column;  gap: 10rem;}
.cs_sec.contact .contbox .leftbox .board_titbox { flex-direction: column; align-items: flex-start; gap: 0;  margin-bottom: 0;}
.cs_sec.contact .contbox .leftbox .board_titbox .desc { margin-bottom: 1.5rem;}
.cs_sec.contact .contbox .leftbox .board_titbox .tit { font: var(--36_title_sb); margin-bottom: 0.625rem;}
.cs_sec.contact .contbox .leftbox .board_titbox .sub { font: var(--16_body_normal_r);   line-height: 150%;  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
.cs_sec.contact .contbox .leftbox .infobox { display: flex; flex-direction: column;  gap: 0.75rem;}
.cs_sec.contact .contbox .leftbox .infobox .item { display: flex;  align-items: center;  gap: 0.5rem;}
.cs_sec.contact .contbox .leftbox .infobox .item .icon {  font-size: 1.5rem;  color: var(--brand-primary);}
.cs_sec.contact .contbox .leftbox .infobox .item .txt { font: var(--18_headline_r);   color: var(--basic-darkgray);}
.cs_sec.contact .contbox .rightbox {max-width: 45rem; display: flex; flex-direction: column; gap: 2.5rem;}
.cs_sec.contact .contbox .rightbox .tab_wrap {display: flex; flex-direction: column;   gap: 2.5rem;}
.cs_sec.contact .contbox .rightbox .tab_navbox .tab_nav { flex: 1;  font: var(--16_body_normal_r);}
.cs_sec.contact .contbox .rightbox .tab_navbox .tab_nav.on {font-weight: 600;}
.cs_sec.contact .contbox .rightbox .tab_navbox .tab_nav .link { padding: 1rem;}
.cs_sec.contact .contbox .rightbox .form_box { border-radius: 0.75rem;  background: var(--basic-bg2); padding: 2.5rem 3.75rem; gap: 1.5rem;}
.cs_sec.contact .contbox .rightbox .form_box .form_item .label_text {font-weight: 600;}
.cs_sec.contact .contbox .rightbox .form_box .form_item .input_text { height: 2.75rem;}
.cs_sec.contact .contbox .rightbox .form_box .form_item textarea.input_text {  height: 10rem;}
.cs_sec.contact .contbox .rightbox .termwrap {display: flex; flex-direction: column; gap: 0.75rem;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem { display: flex; flex-direction: column; gap: 1.875rem;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li { display: flex; flex-direction: column;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li .acc_tit { display: flex;  align-items: center; justify-content: space-between; gap: 1.25rem; font:var(--20_heading_sb);letter-spacing: -0.01em;color: var(--basic-black);}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li .acc_tit .arrow {background: url(../img/acc_arrow2.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; transition: var(--transition); cursor: pointer;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li.show .acc_tit .arrow { transform: rotate(180deg);}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion .acc_cont {display: none;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion .acc_cont > li { border: 1px solid var(--basic-border);  border-radius: 0.75rem; padding: 0 1.25rem; margin-top: 0.75rem;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion .acc_cont .term_area { max-height: 11.875rem;  overflow: auto; padding: 1.25rem 1.25rem 1.25rem 0;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion .acc_cont .term_area::-webkit-scrollbar-track {margin: 1.25rem 0;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox {display: flex;align-items: center;justify-content: space-between; padding: 0 1.25rem;}
.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox .txt {font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);}
.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox .label_check{font: var(--16_body_normal_r);}
.cs_sec.contact .contbox .rightbox .btnbox {display: flex; justify-content: center; margin-top: 1.25rem;}
.cs_sec.contact .contbox .rightbox .btnbox .button { padding: 0;  width: 8.75rem;}


/* 파트너사 게시판 */
.cs_sec .board_toplogo {width: 10rem; margin-bottom: 0.625rem;}
.cs_sec .cs_banner {  display: flex; width: 100%;  height: 25rem;  background: no-repeat center / cover; margin-bottom: 3.75rem;}


/* 게시판 글 상세*/
.cs_sec .cs_view .titbox { display: flex;  flex-direction: column;  gap: 0.625rem;   margin-bottom: 1.5rem;}
.cs_sec .cs_view .titbox .tit { font: var(--20_heading_sb); letter-spacing: -0.01em;  color: var(--basic-black);}
.cs_sec .cs_view .titbox .info{font: var(--16_body_normal_r); letter-spacing: 0.01em;
color: var(--basic-darkgray); display: flex; align-items: center; gap: 0.625rem;}
.cs_sec .cs_view .titbox .info .badge { font: var(--16_body_normal_m);  border-radius: 10rem; padding: 0.25rem 0.625rem; margin-right: 0.25rem;}
.cs_sec .cs_view .titbox .info .bar{width: 1px; height: 0.875rem; background: var(--basic-border);}
.cs_sec .cs_view .contbox {font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray); min-height: 37.5rem;padding: 1.875rem 0; border-bottom: 1px solid var(--basic-border); border-top : 1px solid var(--basic-border);}
.cs_sec .cs_view .button_box { margin-top: 3.75rem; justify-content: center;}


/* 게시판 글 작성*/
.cs_sec .cs_write .form_box {border-top: 1px solid var(--basic-border); gap: 0;}
.cs_sec .cs_write .form_item {width: 100%; padding: 1.25rem; flex-direction: row;border-bottom: 1px solid var(--basic-pale);}
.cs_sec .cs_write .form_item.align_center {align-items: center;}
.cs_sec .cs_write .input_box .label_text {width: 6.25rem;}
.cs_sec .cs_write .input_box .input_flex{flex: 1;}
.cs_sec .cs_write .input_box .input_text{flex: 1; height: 2.75rem;}
.cs_sec .cs_write .input_box .input_btn{ height: 2.75rem;}
.cs_sec .cs_write .input_box .check_box .label_check {font:var(--14_label_normal_r)}
.cs_sec .cs_write .input_box .select_box .select {height: 2.75rem;}
.cs_sec .cs_write .input_box .select_box{width: 10rem;}
.cs_sec .cs_write .input_box textarea.input_text{height: 25rem;}
.cs_sec .cs_write .input_box_file{flex: 1;}
.cs_sec .cs_write .input_box_file .input_name {border: 1px solid var(--basic-border); border-radius: 0.625rem; padding: 0 1rem; background: var(--basic-white); flex: 1; height: 2.75rem; font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-lightgray);  display: flex; align-items: center; cursor: pointer;}
.cs_sec .cs_write .input_box_file .input_name .txt {flex: 1; text-align: left;}
.cs_sec .cs_write .input_box_file .input_name .delete {  background: url(../img/ic_delete.png) no-repeat center / contain;  width: 1rem;  aspect-ratio: 1 / 1;  cursor: pointer;  display: none;}
.cs_sec .cs_write .input_box_file .input_file {display: none;}
.cs_sec .cs_write .input_box_file.attached .input_name {color: var(--basic-darkgray);}
.cs_sec .cs_write .input_box_file.attached .input_name .delete {display: block;}
.cs_sec .cs_write .button_box { margin-top: 0; padding-top: 3.75rem; border-top: 1px solid var(--basic-border); justify-content: center;}



/* 06 계정 */
.ac_sec .sub_titbox .s_tit {font:var(--32_title_sb)}
.ac_sec .ac_box .sub_titbox .s_tit {font:var(--28_title_sb)}

.ac_sec.login > .inner {max-width: 600px;}
.ac_sec.login .sub_titbox {text-align: center; margin-bottom: 2.5rem;}
.ac_sec .sub_titbox .s_tit {width: 100%;}
.ac_sec.login .tab_navbox { margin-bottom: 2.5rem;}
.ac_sec.login .tab_navbox .tab_nav {flex: 1;}
.ac_sec.login .tab_navbox .tab_nav .link {  padding: 1rem 0;}
.ac_sec.login .login_box { display: flex; flex-direction: column;  gap: 3.125rem;}
.ac_sec.login .login_box .login_form {display: flex; flex-direction: column; gap: 1.875rem;}
.ac_sec.login .login_box .login_form .input_wrap {display: flex; flex-direction: column; gap: 1rem;}
.ac_sec.login .login_box .login_form .input_wrap .input_box .input_text {height: 3.125rem;}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom { display: flex; align-items: center;  justify-content: space-between;}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom .check_box .label_check { font: var(--14_label_normal_m);}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box { display: flex;  align-items: center; gap: 0.625rem;}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box .link {  font: var(--14_label_normal_m); letter-spacing: 0.01em;  color: var(--basic-darkgray); transition: var(--transition);}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box .link:hover {color: var(--brand-primary);}
.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box .bar {  width: 1px;  height: 0.625rem;  background: var(--basic-border);}
.ac_sec.login .login_box .login_form .btn_box {display: flex; flex-direction: column; gap: 0.625rem;}
.ac_sec.login .login_box .login_form .btn_box .button {padding: 0; width: 100%; height: 4rem;}
.ac_sec.login .login_box .login_sns { display: flex; justify-content: center;  gap: 2rem;} 
.ac_sec.login .login_box .login_sns .sns_btn {display: flex; flex-direction: column; align-items: center; gap: 0.313rem; font:var(--14_label_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray); text-align: center;}   
.ac_sec.login .login_box .login_sns .sns_btn .icon{width: 3.125rem;} 
.ac_sec.login .login_box .login_notice {border: 1px solid var(--basic-border);border-radius: 0.625rem ;padding: 1.875rem 1.5rem; background: var(--basic-white);} 
.ac_sec.login .login_box .login_notice .txt {font:var(--15_body_normal_r);letter-spacing: 0.01em;color: var(--basic-middlegray);} 
.ac_sec.login .login_box .login_notice .txt .bold {font-weight: 500;color: var(--basic-black);} 


.ac_sec.join .sub_titbox {margin-bottom: 2.5rem;}
.ac_sec.join .step_box {  display: flex;  align-items: center;  gap: 3.125rem;  margin-bottom: 3.75rem;}
.ac_sec.join .step_box .item {display: flex; flex-direction: column; gap: 0.25rem;} 
.ac_sec.join .step_box .item .tit{font: var(--16_body_normal_m);letter-spacing: 0.01em;
color: var(--basic-lightgray);} 
.ac_sec.join .step_box .item .desc{font: var(--22_heading_sb);letter-spacing: -0.02em;
color: var(--basic-lightgray);} 
.ac_sec.join .step_box .item.on .tit{color: var(--brand-primary); font-weight: 600;} 
.ac_sec.join .step_box .item.on .desc{color: var(--basic-black);} 
.ac_sec.join .step_box .arrow {background: url(../img/join_arrow.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1;} 


.ac_sec.join .join_term { position: relative;  border: 1px solid var(--basic-border);   border-radius: 1rem;  background: var(--basic-white);  display: flex;  flex-direction: column;  gap: 1.5rem; padding: 2.5rem;}
.ac_sec.join .join_term .termwrap {display: flex; flex-direction: column; gap: 1.875rem;}
.ac_sec.join .join_term .termwrap .termitem { display: flex; flex-direction: column; gap: 1.875rem;}
.ac_sec.join .join_term .termwrap .termitem.accordion > li { display: flex; flex-direction: column;}
.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit { display: flex;  align-items: center; justify-content: space-between; gap: 1.25rem;}
.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit .check_box {flex: 1;}
.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit .check_box .label_check { font: var(--18_headline_sb);}
.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit .arrow {background: url(../img/acc_arrow2.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; transition: var(--transition); cursor: pointer;}
.ac_sec.join .join_term .termwrap .termitem.accordion > li.show .acc_tit .arrow { transform: rotate(180deg);}
.ac_sec.join .join_term .termwrap .termitem.accordion .acc_cont {display: none;}
.ac_sec.join .join_term .termwrap .termitem.accordion .acc_cont > li { border: 1px solid var(--basic-border);  border-radius: 0.75rem; padding: 0 1.25rem; margin-top: 0.75rem;}
.ac_sec.join .join_term .termwrap .termitem.accordion .acc_cont .term_area { max-height: 11.875rem;  overflow: auto; padding: 1.25rem 1.25rem 1.25rem 0;}
.ac_sec.join .join_term .termwrap .termitem.accordion .acc_cont .term_area::-webkit-scrollbar-track {margin: 1.25rem 0;}
.ac_sec.join .join_term .termwrap .termitem .all_chekbox .label_check{color: var(--basic-black);  font: var(--18_headline_sb);}

.ac_sec.join .join_form {display: flex; flex-direction: column; gap: 0.75rem;}
.ac_sec.join .join_form .required_txt {display: flex; align-items: center; gap: 0.375rem; font:var(--16_body_normal_sb);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.ac_sec.join .join_form .required_txt::after {content: "*"; color: var(--brand-primary);}
.ac_sec.join .join_form .formwrap { padding: 2.5rem;  border: 1px solid var(--basic-border);  border-radius: 16px;  background: var(--basic-white);}
.ac_sec.join .join_form .form_box {gap: 1.375rem 1.5rem;}
.ac_sec.join .join_form .input_box .input_text,
.ac_sec.join .join_form .input_box .input_btn,
.ac_sec.join .join_form .select_box .select,
.ac_sec.join .join_form .radio_wrap {height: 2.75rem;}
.ac_sec.join .join_form .input_box .input_btn {padding: 0 1.25rem;}

.ac_sec .join_layout {  border-bottom: 1px solid var(--basic-border);  border-top: 1px solid var(--basic-border);  padding: 3.75rem 0 6.25rem;}
.ac_sec .ac_box {max-width: 600px; margin: 0 auto;}
.ac_sec .ac_box .sub_titbox {gap: 1.5rem;}
.ac_sec .ac_box .form_box {flex-wrap: nowrap; flex-direction: column; gap: 1rem;}
.ac_sec .ac_box .form_box .input_box .input_text {height: 3.125rem;}
.ac_sec .ac_box .form_box .sch_box {display: flex; align-items: center; gap: 1rem;}
.ac_sec .ac_box .form_box .sch_box .txt {font:var(--14_label_normal_r); letter-spacing: 0.01em; color: var(--basic-middlegray);}
.ac_sec .ac_box .form_box .sch_box .link {font:var(--14_label_normal_sb); letter-spacing: 0.01em; text-decoration: underline; color: var(--basic-black);}
.ac_sec .ac_box .infobox { border: 1px solid var(--basic-border);  border-radius: 1rem;  padding: 2rem;  display: flex;  flex-direction: column; gap: 1rem;}
.ac_sec .ac_box .infobox .item{font: var(--16_body_normal_m); letter-spacing: 0.01em; color: var(--basic-darkgray); display: flex; align-items: flex-start; gap: 0.625rem;}
.ac_sec .ac_box .infobox .item .tit{width: 6.25rem;color: var(--basic-middlegray); }
.ac_sec .ac_box .infobox .item .desc{flex: 1; text-align: right; font-weight: 600;}

.ac_sec.search > .inner {max-width: 67.5rem;}
.ac_sec.search .s_titbox {margin-bottom: 3.75rem;}
.ac_sec.search .search_box { border-top: 2px solid var(--basic-black);  border-bottom: 1px solid var(--basic-border); padding: 3.75rem 2.5rem; display: flex;gap: 2.5rem;}
.ac_sec.search .search_item {width: 50%; display: flex; flex-direction: column; gap: 1.875rem;} 
.ac_sec.search .search_item .title{font: var(--18_headline_sb); color: var(--basic-darkgray);} 
.ac_sec.search .search_item .input_wrap{display: flex; flex-direction: column; align-items: center; gap: 0.75rem;} 
.ac_sec.search .search_item .input_wrap .input_box{width: 100%; min-height: 9.75rem;} 
.ac_sec.search .search_item .input_wrap .confirm_btn { padding: 0 2.5rem;}
.ac_sec.search .search_line {width: 1px; background: #d9d9d9;} 

.ac_sec .ac_box .form_box .input_box .input_text.mx408 { width: calc(100% - 8.875rem - 0.625rem);}
.ac_sec .ac_box .form_box .input_box .input_btn { height: unset;  align-self: stretch;  border-radius: 0.5rem; padding: 0; min-width: 8.875rem;}
.ac_sec .ac_box .form_box .input_box .input_btn.send { background: var(--basic-lightgray); border-color: var(--basic-lightgray);}
.ac_sec .ac_box .form_box .input_box .input_status.point { color: var(--brand-primary);}
.ac_sec .ac_box .form_box .add_input_box {margin-top: 1.5rem;} 

.ac_sec .ac_box .form_box .pwd_input_box {margin: 1.5rem 0 1.25rem;} 
.ac_sec .ac_box .form_box .pwd_input_box .radio_wrap {  border-radius: 0.5rem;   padding: 1.5rem;  background: var(--basic-bg2);}

.ac_sec .ac_box .sub_titbox .s_desc .point { font-weight: 600;  color: var(--brand-primary);}
.ac_sec .ac_box .infobox.column_ver .item { flex-direction: column; align-items: unset; gap: 0;}
.ac_sec .ac_box .infobox.column_ver .item .tit { width: 100%; color: var(--basic-darkgray);  font-weight: 600;}
.ac_sec .ac_box .infobox.column_ver .item .desc { flex: unset;  text-align: left;  font-weight: 400; word-break: keep-all;}



/* 07 마이페이지 */
.mypage_wrap .sub_topbanner {padding-bottom: 2.5rem;}
.mypage_wrap .sub_topbanner .banner {background-image: url(../img/my_topbanner.jpg);}
.my_sec:last-child {margin: 0;}
.my_sec .mob_inner {background: var(--basic-white); padding:1.25rem 1.25rem 7.5rem;}

.my_sec .my_form .infobox {display: flex; flex-direction: column; gap: 1.5rem;}
.my_sec .my_form .infoitem {display: flex; flex-direction: column; gap: 1rem;}
.my_sec .my_form .infoitem .titbox { display: flex;  align-items: flex-end;  justify-content: space-between;}
.my_sec .my_form .infoitem .title {font: var(--18_headline_sb); color: var(--basic-darkgray);}
.my_sec .my_form .infoitem .titbox .link {font:var(--13_label_r);letter-spacing: 0.02em;color: var(--basic-middlegray);}
.my_sec .my_form .infoitem .listbox { display: flex; flex-wrap: wrap; border: 1px solid var(--basic-border); border-radius: 0.75rem; padding: 0.625rem 0; background: var(--basic-white); } 
.my_sec .my_form .infoitem .listbox .item {width: 50%; border-bottom: 1px solid var(--basic-pale); padding: 0.875rem 1.25rem; font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray); display: flex; align-items: flex-start; gap: 0.625rem;}
.my_sec .my_form .infoitem .listbox .item:last-child {border-bottom: 0;}
.my_sec .my_form .infoitem .listbox .item.full {width: 100%;}
.my_sec .my_form .infoitem .listbox .item.align_center {align-items: center;}
.my_sec .my_form .infoitem .listbox .item .tit {width: 5rem; font-weight: 600;}
.my_sec .my_form.ver2 .infoitem .listbox .item .tit {width: 6.25rem;}
.my_sec .my_form .infoitem .listbox .item .desc {flex: 1;}
.my_sec .my_form .infoitem .listbox .item .desc.mx288 {max-width: 18rem;}
.my_sec .my_form .infoitem .listbox .item .desc .bold {font-weight: 600; color: var(--brand-primary);}
.my_sec .my_form .infoitem .listbox .item .desc .input_box .input_text,
.my_sec .my_form .infoitem .listbox .item .desc .input_box .input_btn,
.my_sec .my_form .infoitem .listbox .item .desc .select_box .select,
.my_sec .my_form .infoitem .listbox .item .desc .radio_box .label_radio {font:var(--14_label_normal_r);}
.my_sec .my_form .infoitem .listbox .item .desc .select_box.sns_box {width: 10rem;}
.my_sec .my_form .terms_check { gap: 0.625rem 1.875rem;}
.my_sec .my_form .terms_check .check_box .label_check { font:var(--14_label_normal_m); color: var(--basic-middlegray);}

.my_sec .my_withdraw .withdraw_box {border-bottom: 1px solid var(--basic-border);
border-top: 1px solid var(--basic-border); padding: 2.5rem 2.5rem 3.125rem;background: var(--basic-white); display: flex; flex-direction: column; gap: 1.5rem;}
.my_sec .my_withdraw .withdraw_box .sub_titbox {gap: 0.75rem; margin-bottom: 0;}
.my_sec .my_withdraw .withdraw_box .sub_titbox .s_tit {font: var(--24_title_sb);}
.my_sec .my_withdraw .withdraw_box .sub_titbox .s_desc {  font: var(--16_body_normal_r); letter-spacing: 0.01em; color: var(--basic-darkgray);}
.my_sec .my_withdraw .withdraw_box .form_box {flex-wrap: nowrap; flex-direction: column; gap: 1rem;}
.my_sec .my_withdraw .withdraw_box .form_box .input_box {flex-direction: row; align-items: center;}
.my_sec .my_withdraw .withdraw_box .form_box .input_box .label_text {width: 5rem; font:var(--14_label_normal_sb)}
.my_sec .my_withdraw .withdraw_box .form_box .input_box .input_text {font:var(--14_label_normal_r); flex: 1;}

.my_sec .my_reserve .contbox { display: flex; flex-direction: column;  gap: 1.875rem;}
.my_sec .my_reserve .contbox .item {border: 1px solid var(--basic-border);border-radius: 0.75rem;padding: 1.25rem; background: var(--basic-white); display: flex; flex-direction: column; gap: 0.75rem;}
.my_sec .my_reserve .contbox .item .topbox {display: flex; align-items: center; justify-content: space-between;}
.my_sec .my_reserve .contbox .item .topbox .leftbox {width: 50%; display: flex; align-items: center; gap: 0.625rem;}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state {display: flex; align-items: center; gap: 0.625rem; font:var(--14_label_normal_m);letter-spacing: 0.01em;color: var(--basic-middlegray);}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge {  font: var(--14_label_normal_m); letter-spacing: 0.01em;  border-radius: 0.375rem;  padding: 0.25rem 0.625rem;}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge.type_wait{background: rgba(255, 157, 75, 0.2); color: var(--brand-third); border-color: var(--brand-third);}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge.type_cancel{background: var(--state-error); color: var(--basic-white); border-color: var(--state-error);}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge.type_complete{background: rgba(14, 193, 116, 0.1); color: var(--state-success); border-color: var(--state-success);}
.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge.type_complete2{background: rgba(76, 136, 251, 0.1); color: var(--state-info); border-color: var(--state-info);}
.my_sec .my_reserve .contbox .item .topbox .rightbox {width: 50%; display: flex; align-items: center; justify-content: flex-end; gap: 0.625rem;}
.my_sec .my_reserve .contbox .item .topbox .rightbox .date {font:var(--14_label_normal_m);letter-spacing: 0.01em;color: var(--basic-darkgray);}
.my_sec .my_reserve .contbox .item .prdbox {display: flex; align-items: center;}
.my_sec .my_reserve .contbox .item .prdbox .imgbox {width: 16.688rem; aspect-ratio: 1/0.6666; border-radius: 0.75rem; overflow: hidden; box-shadow: var(--box-shadow);}
.my_sec .my_reserve .contbox .item .prdbox .imgbox .link {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.my_sec .my_reserve .contbox .item .prdbox .imgbox .img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.my_sec .my_reserve .contbox .item .prdbox .imgbox:hover .img {transform: scale(1.1);}
.my_sec .my_reserve .contbox .item .prdbox .txtbox {flex: 1; display: flex; flex-direction: column; gap: 0.75rem; padding: 0.875rem 1rem;}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .title {font:var(--18_headline_sb); color: var(--basic-black);}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .descbox {display: flex; flex-direction: column; gap: 0.5rem;}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-darkgray); display: flex; align-items: center; justify-content: space-between;}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem .desc {text-align: right;}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem.total {margin-top: 0.25rem; padding-top: 0.625rem; border-top: 1px solid var(--basic-border); font:var(--16_body_normal_sb);letter-spacing: 0.01em;color: var(--basic-black);}
.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem.total .desc {color: var(--brand-primary);}
.my_sec .my_reserve .contbox .item .btnbox {display: flex; gap: 0.75rem;}
.my_sec .my_reserve .contbox .item .btnbox .button {flex: 1; height: 2.5rem; padding: 0; font: var(--14_label_normal_m); border-radius: 0.5rem;}
.my_sec .my_reserve .contbox .no_item {border-bottom: 1px solid var(--basic-border);
border-top: 1px solid var(--basic-border);}
.my_sec .pagination {margin-top: 2.5rem;}



/* 08 인증현황  */
.certification_wrap .sub_topbanner .banner {background-image: url(../img/cer_topbanner.jpg);}

.cert_sec {margin-bottom: 15rem;}
.cert_sec .sub_titbox {margin-bottom: 2.5rem;}
.cert_sec .contbox { display: flex; flex-wrap: wrap;  gap: 2.5rem;}
.cert_sec .contbox .item {  width: calc((100% - 2.5rem * 3) / 4);  border: 1px solid #e6e6e6; border-radius: 1.5rem; background: var(--basic-white); overflow: hidden; cursor: pointer;}
.cert_sec .contbox .item .imgbox { position: relative;  background: var(--basic-pale);  padding: 1.875rem 1.5rem;  display: flex; align-items: center;  justify-content: center;}
.cert_sec .contbox .item .imgbox::after { content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: linear-gradient(138deg, #6b9cdf 0%, #255dac 50%, #103770 100%); transition: all 0.5s ease-in-out; opacity: 0;}
.cert_sec .contbox .item .imgbox .img { max-width: 11.5rem; box-shadow: 0 0 1.25rem 0 rgba(43, 100, 179, 0.2);}
.cert_sec .contbox .item .imgbox .more_btn {background: url(../img/cer_more_icon.png) no-repeat center/contain; width: 3.125rem; aspect-ratio: 1/1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s ease-in-out; opacity: 0;}
.cert_sec .contbox .item:hover .imgbox::after {opacity: 0.1;}
.cert_sec .contbox .item:hover .imgbox .more_btn {opacity: 1;}
.cert_sec .contbox .item .txtbox { border-top: 1px solid #e6e6e6;  padding: 1.125rem 1.5rem 1.25rem;  background: var(--basic-white);  display: flex;   flex-direction: column;  gap: 0.25rem;}
.cert_sec .contbox .item .txtbox .date { font: var(--14_label_normal_r);  letter-spacing: 0.01em; color: var(--basic-middlegray);}
.cert_sec .contbox .item .txtbox .tit { font: var(--20_heading_sb);  letter-spacing: -0.01em;  color: var(--brand-primary);}


/* 인증서 확대보기모달 */
#certificate_popup .modal_box { width: unset;}
#certificate_popup .photo_box { display: flex; align-items: center; justify-content: center; padding: 2rem;}
#certificate_popup .photo_box .img { max-width: 26.875rem;  box-shadow: 0 0 1.25rem 0 rgba(43, 100, 179, 0.2);}

.topitem2 .infoitem .desc .wind_ms,
.topitem2 .infoitem .desc .wind_dir { margin-left: 6px; }

/* 260525 inquiries.php(내 1:1 문의) 인라인 스타일 이관 — .qna_wrap 스코프로 격리 */
.qna_wrap .qna_list { border-top: 2px solid #222; }
.qna_wrap .qna_item { border-bottom: 1px solid #e5e5e5; }
.qna_wrap .qna_head { display: flex; align-items: center; gap: 16px; padding: 18px 16px; cursor: pointer; transition: background-color .2s; }
.qna_wrap .qna_head:hover { background-color: #fafafa; }
.qna_wrap .qna_head .status { flex-shrink: 0; min-width: 76px; padding: 4px 10px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 4px; }
.qna_wrap .qna_head .status.pending { background: #f0f0f0; color: #777; }
.qna_wrap .qna_head .status.answered { background: #e8f4fd; color: #2680c2; }
.qna_wrap .qna_head .title { flex: 1; font-size: 15px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qna_wrap .qna_head .title .lock { color: #999; margin-right: 4px; }
.qna_wrap .qna_head .date { flex-shrink: 0; font-size: 13px; color: #999; }
.qna_wrap .qna_head .arrow { flex-shrink: 0; width: 16px; height: 16px; background: url('/img/ic_arrow_down.png') no-repeat center / contain; transition: transform .3s; }
.qna_wrap .qna_item.on .qna_head { background-color: #fafafa; }
.qna_wrap .qna_item.on .qna_head .arrow { transform: rotate(180deg); }

.qna_wrap .qna_body { display: none; padding: 24px 16px; background: #f8f9fa; border-top: 1px solid #e5e5e5; }
.qna_wrap .qna_body .qbox,
.qna_wrap .qna_body .abox { padding: 18px 20px; background: #fff; border-radius: 6px; margin-bottom: 12px; }
.qna_wrap .qna_body .qbox .label,
.qna_wrap .qna_body .abox .label { display: inline-block; font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.qna_wrap .qna_body .qbox .label { color: #2680c2; }
.qna_wrap .qna_body .abox { background: #fffbef; }
.qna_wrap .qna_body .abox .label { color: #d97706; }
.qna_wrap .qna_body .qbox .content,
.qna_wrap .qna_body .abox .content { font-size: 14px; line-height: 1.7; color: #333; white-space: pre-wrap; word-break: break-word; }
.qna_wrap .qna_body .meta { margin-top: 8px; font-size: 12px; color: #999; }
.qna_wrap .qna_empty { padding: 80px 16px; text-align: center; color: #999; font-size: 15px; }
.qna_wrap .qna_empty .btn { display: inline-block; margin-top: 16px; padding: 10px 24px; background: #222; color: #fff; border-radius: 4px; font-size: 14px; }

/* qna_wrap 전용 pagination (다른 페이지의 .pagination과 충돌 회피) */
.qna_wrap .pagination { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }
.qna_wrap .pagination a,
.qna_wrap .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #555; text-decoration: none; }
.qna_wrap .pagination a:hover { background: #f5f5f5; }
.qna_wrap .pagination .on { background: #222; color: #fff; border-color: #222; }
.qna_wrap .pagination .disabled { color: #ccc; cursor: not-allowed; }

/* 상단 액션 영역 */
.qna_wrap .qna_topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.qna_wrap .qna_topbar .total { font-size: 14px; color: #666; }
.qna_wrap .qna_topbar .total b { color: #222; }
.qna_wrap .qna_topbar .write_btn { padding: 10px 20px; background: #222; color: #fff; border-radius: 4px; font-size: 14px; }