:root {
	--font-family: 'Pretendard', sans-serif;
	--third-family: "YeogiOttaeJalnanGothic", sans-serif;
	--font3: "Mona Sans", sans-serif;
	--font4: "Roboto", sans-serif;
	--font7: "GMarketSans", sans-serif;
	
	--basic-black: #212121;
	--basic-darkgray: #333333;
	--basic-middlegray: #454545;
	--basic-gray: #979797;
	--basic-lightgray: #D9D9D9;
	--basic-pale: #F9F9F9;
	--basic-white: #FCFCFC;
	--basic-border: #e9e9e9;

	--typeA-dark: #0F3233;
	--typeA-main: #398A8F;
	--typeA-sub1: #41655F;
	--typeA-sub2: #80AAA5;
	--typeA-bg1: #E2EFED;
	--typeA-bg2: #EBFAF7;
	--typeA-bg3: #F6F9F8;
	--typeA-point: #50b0b6;

	--typeB-dark: #0F2033;
	--typeB-main: #4B70D7;
	--typeB-sub1: #415465;
	--typeB-sub2: #8096AA;
	--typeB-bg1: #EBEFFA;
	--typeB-bg2: #F0F4FF;
	--typeB-bg3: #F8FAFF;
	--typeB-point: #4b70d7;

	--typeC-dark: #330F10;
	--typeC-main: #BA3434;
	--typeC-sub1: #654142;
	--typeC-sub2: #AA8081;
	--typeC-bg1: #FAEBEB;
	--typeC-bg2: #FCF3F3;
	--typeC-bg3: #FFFBFB;
	--typeC-point: #f9736d;

	--typeD-dark: #663A00;
	--typeD-main: #FF9B18;
	--typeD-sub1: #FFD746;

    --transition: all 0.4s ease;

	--gap : 1rem;
}

*{ margin: 0; padding: 0; outline: none; box-sizing: border-box;}
body {margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none; }
html::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; overflow: unset;}
html, body {font: 400 16px/1.3 'Pretendard', sans-serif;  color: #000000; width: 100%; position: relative;}
ul, li {list-style: none;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
button { font-family: inherit; border: none; background-color: transparent; outline: 0;  cursor: pointer; }
input,textarea,button,select {font-family: inherit;}
b, strong {font-weight: 700;}

body.hidden { overflow: hidden;}
body.hidden2 { overflow: hidden;}
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.4); z-index: 1003;  transition: var(--transition); opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}
body.modal_open::before { opacity: 1;  pointer-events: auto;}
  
.pc {display: block;}
.tablet {display: none !important;}
.mobile { display: none !important;}
.wrapper {overflow: unset;}
.container { width: 90%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}

[data-aos=fade-up] {transform: translate3d(0,3.125rem,0)}
[data-aos=fade-down] {transform: translate3d(0,-3.125rem,0)}
[data-aos=fade-right] {transform: translate3d(-3.125rem,0,0)}
[data-aos=fade-left] {transform: translate3d(3.125rem,0,0)}


  
/*header*/
.header {position: relative;}
.header .top_banner { position: relative;  width: 100%;  height: 3rem;  background: linear-gradient(90deg, var(--typeA-main) 0%, var(--typeA-dark) 100%); display: flex;  align-items: center;  justify-content: center; transition: var(--transition); display: none;}
.header .top_banner.hide {margin-top: -3rem;}
.header .top_banner .container {position: relative;}
.header .top_banner .txtbox { display: flex;  align-items: center; justify-content: center;  gap: 0.5rem;  font-size: 0.938rem;  font-weight: 500;  line-height: 133%;  letter-spacing: -0.04em;  color: #fff;}
.header .top_banner .txtbox .bold {font-weight: 700;}
.header .top_banner .txtbox .color { color: #79fff8;}
.header .top_banner .txtbox .icon { width: 1.75rem; min-width: unset;}
.header .top_banner .close_btn {background: url(../img/common/topbanner_close.svg) no-repeat center / contain;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);   width: 1.5rem;  aspect-ratio: 1 / 1;}
.header .h_bottom {position: relative; width: 100%; background: #fff;}
.header .h_bottom::before { content: ""; position: absolute;  left: 0;  top: 4.375rem;   width: 100%;  height: 0;  background: #fff;  transition: var(--transition);}
.header .h_bottom::after { content: ""; position: absolute;  left: 0;  top: 4.375rem;   width: 100%;  height: 1px;  background: var(--basic-border);}
.header .h_inner { position: relative; height: 4.375rem; display: flex; align-items: center;  justify-content: space-between; gap: 2.5rem;}
.header .h_inner .h_logo {width: 4.625rem;}
.header .h_inner .h_logo a {width: 100%; display: flex; align-items: center; justify-content: center;}
.header .h_inner .back_btn {display: none;}
.header .h_inner .home_btn {display: none;}
.header .h_inner .h_nav { display: flex; align-items: flex-start; gap: 1.75rem;}
.header .h_inner .h_nav:not(.h_side) {flex: 1;}
.header .h_inner .h_nav > li > .link {height: 4.375rem;  position: relative; font-weight: 500; font-size: 1rem;  line-height: 100%; color: var(--basic-black); transition: var(--transition); display: flex; align-items: center;  gap: 0.125rem;}
.header .h_inner .h_nav > li > .link::before {content: "";  position: absolute;   left: 0;  top: 0;  width: 100%;  height: 6rem;}
.header .h_inner .h_nav > li > .link::after { content: ""; position: absolute; left: 50%;  bottom: 0;  transform: translateX(-50%);  width: 100%;  height: 3px;   background: var(--typeA-main);  transition: var(--transition);  opacity: 0;}
.header .h_inner .h_nav > li.menu_li > .link::after {width: calc(100% - 1.25rem); left: calc(50% - 0.625rem);}
.header .h_inner .h_nav > li > .link.point { font-weight: 500; color: var(--typeA-main);}
.header .h_inner .h_nav > li > .link.point::after {content: "";}
.header .h_inner .h_nav > li > .link .icon1 {width: 1rem; margin-right: 0.125rem;}
.header .h_inner .h_nav > li > .link .icon2 {width: 1.25rem;}
.header .h_inner .h_nav > li > .link .iconbox { position: relative;  display: flex;   align-items: center;  justify-content: center;  width: 1.25rem;  aspect-ratio: 1 / 1;    margin-right: 0.125rem;}
.header .h_inner .h_nav > li > .link .iconbox .before, 
.header .h_inner .h_nav > li > .link .iconbox .after { position: absolute;  left: 50%;   top: 50%;  transform: translate(-50%, -50%);  transition: var(--transition); width: 100%;}
.header .h_inner .h_nav > li > .link .iconbox .after { opacity: 0;}
.header .h_inner .h_nav > li > .link .arrow {background: url(../img/common/header_arrow.svg) no-repeat center/contain; width: 1.25rem; aspect-ratio: 1/1; transition: var(--transition);}
.header .h_inner .h_nav .h_nav_ul { position: absolute; left: 0;  top: 4.375rem;   width: 100%;  height: 5.313rem;  display: flex;  align-items: center;  gap: 2.5rem;  transition: var(--transition); opacity: 0; pointer-events: none;}
.header .h_inner .h_nav .h_nav_ul > li > .link { font-weight: 500; font-size: 0.938rem;  line-height: 100%;  color: var(--basic-middlegray);}
.header .h_inner .h_nav .h_nav_ul > li > .link.on {font-weight: 600;color: var(--typeA-main);}
.header .h_bottom.hover::before { height: 5.313rem;}
.header .h_inner .h_nav > li.on > .link { font-weight: 600;color: var(--typeA-main);}
.header .h_inner .h_nav > li.on > .link::after {opacity: 1;}
.header .h_inner .h_nav > li.on > .link .iconbox .before {opacity: 0;}
.header .h_inner .h_nav > li.on > .link .iconbox .after {opacity: 1;}
.header .h_inner .h_nav > li.on .h_nav_ul {opacity: 1; pointer-events: all;}
.header .h_inner .h_nav .h_nav_ul > li.on > .link { font-weight: 600;  color: var(--typeA-main);}

.header .h_inner .h_nav > li.active > .link { font-weight: 600;color: var(--typeA-main);}
.header .h_inner .h_nav > li.active > .link::after {opacity: 1;}
.header .h_inner .h_nav > li.active > .link .iconbox .before {opacity: 0;}
.header .h_inner .h_nav > li.active > .link .iconbox .after {opacity: 1;}

.header .h_inner .h_side {gap: 1.25rem;}
.header .h_inner .h_side .h_nav_ul {justify-content: flex-end;}


  
/* nav box */
.navbox {position: fixed; top: 0; left: 100%; width: 100%; height: 100%; box-sizing: border-box;   background-color: #fff; overflow-y: scroll;  overflow-x: hidden; -ms-overflow-style: none; z-index: 1003; display: flex; flex-direction: column; transition: all 0.6s ease; opacity: 0; pointer-events: none; }
.navbox.open { opacity: 1; left:0; pointer-events: all;}
.navbox::-webkit-scrollbar {display: none;}
.navbox .headbox { position: relative;  padding: 1.2rem 1.6rem;  display: flex;   flex-direction: column;  gap: 1.2rem;  background: #fff; border-bottom: 1px solid var(--basic-border);}
.navbox .headbox .menu_close {background: url(../img/common/menu_close.svg) no-repeat center / contain; width: 3.2rem; aspect-ratio: 1 / 1;}
.navbox .titbox { padding: 2.4rem 1.6rem 0.8rem;}
.navbox .titbox .tit {font-weight: 600;font-size: 1.4rem;color: #c1c1c1;}
.navbox .menuwrap {width: 100%;  flex: 1;  border-bottom: 1px solid var(--basic-border);  padding: 0 1.6rem 4.4rem;  overflow: auto;  display: flex;  flex-direction: column;   gap: 3rem;}
.navbox .menuwrap::-webkit-scrollbar {display: none;}
.navbox .menubox {width: 100%;}
.navbox .menubox > li { display: flex; flex-direction: column; width: 100%;}
.navbox .menubox > li .acc_tit {cursor: pointer;}
.navbox .menubox > li .acc_tit, .navbox .menubox > li .title {  font-size: 1.7rem;  line-height: 1.3; font-weight: 600;  color: var(--basic-middlegray); padding: 1.2rem 0;  flex-direction: row;  justify-content: unset;}
.navbox .menubox > li .acc_tit { display: flex;  align-items: center;  justify-content: space-between;  gap: 0.8rem; border-radius: 0.6rem; transition: var(--transition);}
.navbox .menubox > li.special .acc_tit { color: var(--typeA-main);}
.navbox .menubox > li .acc_tit .tit{flex: 1;}
.navbox .menubox > li .acc_tit .arrow{background: url(../img/common/acc_arrow.svg) no-repeat center/contain; width: 2.4rem; aspect-ratio: 1/1; transition: var(--transition);}
.navbox .menubox > li.show .acc_tit { background: var(--basic-pale); padding: 1.4rem;}
.navbox .menubox > li.show .acc_tit .arrow {transform: rotate(180deg);}
.navbox .menubox > li.special.show .acc_tit {  background: var(--typeA-bg3); color: var(--typeA-dark);}
.navbox .menubox > li .acc_cont { display: none;}
.navbox .menubox > li .acc_cont > li { position: relative; width: 100%; padding: 1rem 0; font-weight: 500;  font-size: 1.6rem; color: var(--basic-middlegray); padding-left: 2.4rem;}
.navbox .menubox > li .acc_cont > li::before { content: ""; background: url(../img/common/nav_subicon1.svg) no-repeat center / contain; width: 0.8rem; height: 0.9rem; position: absolute; left: 1.2rem; top: 1rem;}
.navbox .menubox > li.special .acc_cont > li {color: var(--typeA-main);}
.navbox .menubox > li.special .acc_cont > li::before {background-image: url(../img/common/nav_subicon2.svg);  }
.navbox .menubox > li .acc_cont > li:nth-child(1) {margin-top: 1rem;}
.navbox .menubox > li .acc_cont > li:last-child {margin-bottom: 1.4rem;}

.navbox .menubox.side_ver { border-radius: 1.6rem; padding: 1.3rem 1.6rem; background: var(--basic-pale);}
.navbox .menubox.side_ver > li .acc_tit { font-weight: 500; opacity: 0.5; padding: 1.1rem 0;}
.navbox .menubox.side_ver > li .acc_tit .iconbox { width: 2rem;  display: flex;   align-items: center;  justify-content: center;  transition: var(--transition); }
.navbox .menubox.side_ver > li .acc_tit .txt { flex: 1;  transition: var(--transition);}
.navbox .menubox.side_ver > li.show .acc_tit {padding: 1.2rem; background: #f3f3f3;  opacity: 1;}
.navbox .menubox.side_ver > li .acc_cont > li:nth-child(1) {margin-top: 1.2rem;}
.navbox .menubox.side_ver > li .acc_cont > li:last-child {margin-bottom: 2.4rem;}


/* footer */
.footer { position: relative; width: 100%; padding: 3.5rem 0 5rem; border-top: 1px solid var(--basic-border); background: #fff;}
.footer .f_inner {position: relative;}
.footer .f_logo { width: 5.875rem;  margin-bottom: 2.5rem;}
.footer .f_logo > a {display: flex; align-items: center; justify-content: center; width: 100%;}
.footer .f_logo > a img { width: 100%;}
.footer .f_navbox { display: flex; flex-direction: column; gap: 1.5rem;}
.footer .f_navbox .f_nav { display: flex;  align-items: center;  gap: 1.5rem;    font-weight: 500;  font-size: 0.875rem;  line-height: 100%;  color: var(--basic-middlegray);}
.footer .f_navbox .f_nav > li .link {display: block;}
.footer .f_contact { position: absolute;  top: 4.5rem;  right: 0;  display: flex;  align-items: flex-start;  gap: 5.5rem;}
.footer .f_contact .item { display: flex;  flex-direction: column;  gap: 2rem;}
.footer .f_contact .item .f_tit { font-weight: 700;  font-size: 1.063rem;  line-height: 100%; color: var(--basic-black);}
.footer .f_contact .item .descbox { display: flex;  flex-direction: column;  gap: 1.5rem;}
.footer .f_contact .item .descbox .desc { font-weight: 500;  font-size: 0.875rem;  line-height: 100%;  letter-spacing: -0.03em; color: var(--basic-middlegray);  display: inline-block;}
.footer .f_contact .item .descbox .desc.ver2 { line-height: 160%; color: var(--basic-gray);}
.footer .f_contbox {display: flex; align-items: flex-end; justify-content: space-between; margin-top: 3.5rem;}
.footer .f_contbox .leftbox {display: flex; flex-direction: column; gap: 1.5rem;}
.footer .f_contbox .leftbox .infotxt {font-weight: 500;font-size: 0.875rem;line-height: 160%;color: var(--basic-gray);}
.footer .f_contbox .leftbox .infotxt .divider.pc {display: inline;}
.footer .f_contbox .leftbox .copyright {font-weight: 400;font-size: 0.875rem;color: #c2c2c2;}
.footer .f_contbox .rightbox .snsbox {display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; padding-bottom: 0.5rem;}
.footer .f_contbox .rightbox .snsbox  .snslink {display: flex; align-items: center; justify-content: center; width: 2rem;}
.footer .f_contbox .rightbox .snsbox  .snslink img {width: 100%;}


/* banner modal */
.banner_modal.cm_modal { background: rgba(0, 0, 0, 0.45);}
.banner_modal.cm_modal .cm_modal_inner { width: 33.75rem; max-width: 92%; max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); align-items: stretch; overflow: visible;}
.banner_modal.cm_modal .top_btns { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; padding-bottom: 0.75rem; flex-shrink: 0;}
.banner_modal.cm_modal .top_btns .today_btn { display: flex; align-items: center; gap: 0.3rem; font-weight: 500; font-size: 0.875rem; line-height: 100%; letter-spacing: -0.03em; color: #fff;}
.banner_modal.cm_modal .top_btns .today_btn .icon { width: 1rem;}
.banner_modal.cm_modal .top_btns .cm_modal_close { margin: 0; width: 1.75rem;}
.banner_modal.cm_modal .cm_modal_box { width: 100%; max-height: calc(100vh - 5.5rem); max-height: calc(100dvh - 5.5rem); padding: 0 1.2rem 1rem; border-radius: 1.5rem; background: #161616; overflow: hidden; gap: 0.6rem; min-height: 0;}
.banner_modal.cm_modal .popup_head { display: flex; align-items: baseline; gap: 6px; padding: 30px 0 0.35rem; flex-shrink: 0;}
.banner_modal.cm_modal .popup_tit { font-weight: 700; font-size: 20px; line-height: 1; letter-spacing: -0.03em; color: #fff;}
.banner_modal.cm_modal .popup_date { font-weight: 500; font-size: 14px; line-height: 1; letter-spacing: -0.02em; color: #8d8d8d;}
.banner_modal.cm_modal .popup_list { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: 12px; overflow: hidden;}
.banner_modal.cm_modal .popup_card { position: relative; display: block; flex: 0 0 auto; color: inherit;}
.banner_modal.cm_modal .popup_card .card_media { position: relative; display: block; width: 100%; aspect-ratio: 480 / 152; border-radius: 1rem; overflow: hidden; background: #e9eef2;}
.banner_modal.cm_modal .popup_card .bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.banner_modal.cm_modal .popup_card .fg { position: absolute; z-index: 2; object-fit: cover; pointer-events: none;}
.banner_modal.cm_modal .popup_card .card_media::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.62) 32%, rgba(255, 255, 255, 0.16) 58%, rgba(255, 255, 255, 0) 76%);}
.banner_modal.cm_modal .popup_card .txt { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; width: 72%; display: flex; flex-direction: column; justify-content: center; gap: 0; padding: 0.5rem 0.4rem 0.5rem 1.5rem; pointer-events: none;}
.banner_modal.cm_modal .popup_card .when { font-family: Pretendard, sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: -0.03em; color: #666666; margin-bottom: 6px;}
.banner_modal.cm_modal .popup_card .name { font-family: Pretendard, sans-serif; font-weight: 500; font-size: 26px; line-height: 135%; letter-spacing: -0.02em; color: #111;}
.banner_modal.cm_modal .popup_card .desc { font-family: Pretendard, sans-serif; font-weight: 700; font-size: 26px; line-height: 135%; letter-spacing: -0.02em; color: #111;}
.banner_modal.cm_modal .popup_card .flag { width: calc(0.92em * 34 / 21); height: 0.92em; margin-left: 0.22em; border-radius: 3px; object-fit: cover; object-position: center; display: inline-block; vertical-align: -0.06em;}
.banner_modal.cm_modal .card_my .flag { object-position: left center;}
.banner_modal.cm_modal .card_my .fg { left: calc(331 / 480 * 100%); top: calc(11 / 152 * 100%); width: calc(116 / 480 * 100%); height: calc(201 / 152 * 100%); object-position: center top; transform: scaleX(-1);}
.banner_modal.cm_modal .card_art .fg { left: calc(321 / 480 * 100%); right: auto; bottom: 0; top: auto; width: calc(96 / 480 * 100%); height: auto; object-fit: contain; object-position: left bottom; transform: translateY(18%);}
.banner_modal.cm_modal .card_nus .fg { left: calc(331 / 480 * 100%); right: auto; top: 8%; width: 21%; height: auto; object-fit: contain; object-position: top center;}
.banner_modal.cm_modal .card_sim .fg { left: calc(331 / 480 * 100%); right: auto; bottom: 0; top: auto; width: calc(87 / 480 * 100%); height: auto; object-fit: contain; object-position: center bottom;}
.banner_modal.cm_modal .cs_modal_btnbox { display: none;}



/* sticky sidemenu */
.sticky_sidemenu {position: fixed; right: calc(var(--margin-right) - 0.75rem - 4.5rem - 5.313rem); top: 50%; transform: translateY(-50%); z-index: 30; display: flex; flex-direction: column; align-items: center; transition: all 0.8s ease-out; transform: translate3d(0, calc(-50% + 3.125rem), 0); opacity: 0;}
.sticky_sidemenu.show {transform: translate3d(0, -50%, 0); opacity: 1;}
.sticky_sidemenu .top_btn { display: flex; align-items: center; justify-content: center; gap: 0.125rem;  padding: 0.5rem 0.938rem; background: #212121;  border-radius: 0.5rem 0.5rem 0 0; cursor: pointer;}
.sticky_sidemenu .top_btn .arrow {background: url(../img/common/top_arrow.png) no-repeat center/contain; width: 0.625rem; aspect-ratio: 1/1;}
.sticky_sidemenu .top_btn .txt {font-weight: 500;font-size: 0.688rem;line-height: 100%;color: var(--basic-white);}
.sticky_sidemenu .menuwrap { padding: 0.75rem 0.5rem 1.5rem; display: flex;  flex-direction: column;  gap: 1.5rem;  box-shadow: 0 0 0.313rem 0 rgba(0, 0, 0, 0.2);   background: #fff;  border-radius: 0.75rem;}
.sticky_sidemenu .menulist {display: flex; flex-direction: column;}
.sticky_sidemenu .menulist .item {width: 100%;}
.sticky_sidemenu .menulist .item > .link {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 0.75rem 0.625rem; border-radius: 0.625rem; transition: var(--transition);}
.sticky_sidemenu .menulist .item:hover > .link {background: #f5f5f5;}
.sticky_sidemenu .menulist .item .icon {width: 1.25rem;}
.sticky_sidemenu .menulist .item .txt {font-weight: 500;font-size: 0.875rem;line-height: 100%;color: var(--basic-black);}
.sticky_sidemenu .menulist .item.kakao > .link {gap: 0.375rem;}
.sticky_sidemenu .menulist .item.kakao .icon {width: 1.5rem;}
.sticky_sidemenu .menulist .line {background: var(--basic-border); width: calc(100% - 1.25rem); height: 1px; margin: 0.75rem auto 0;}
.sticky_sidemenu .menusns {display: flex; flex-direction: column;}
.sticky_sidemenu .menusns > li .acc_tit {display: flex; align-items: center; justify-content: center; gap: 0.375rem; font-weight: 500;font-size: 0.938rem;line-height: 100%;color: #777; cursor: pointer;}
.sticky_sidemenu .menusns > li .acc_tit .arrow {background: url(../img/common/sticky_sns_arrow.png) no-repeat center/contain; width: 0.5rem; aspect-ratio: 8/6; transition: var(--transition);}
.sticky_sidemenu .menusns > li.show .acc_tit .arrow {transform: rotate(180deg);}
.sticky_sidemenu .menusns > li .acc_cont {display: none;}
.sticky_sidemenu .menusns > li .acc_cont .snslist {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding-top: 1rem;}
.sticky_sidemenu .menusns > li .acc_cont .snslist .link {display: flex; align-items: center; justify-content: center; width: 2rem;}
.sticky_sidemenu .menusns > li .acc_cont .snslist .link .icon {width: 100%;}


/* navibar */
.navibar{display: none;}


/* select2 */
.select2-container .selection {width: 100%; display: block;}
.select2-container--default .select2-selection--single { cursor: pointer;  border: 1px solid var(--basic-border);  background: #fff;  border-radius: 0.375rem;  width: 100%;  height: 3rem;  padding: 0.75rem 1rem; display: flex; align-items: center;   gap: 0.625rem;}
.select2-container--default .select2-selection--single .select2-selection__rendered {  font-weight: 500; font-size: 1rem; line-height: 100%; padding: 0;  letter-spacing: -0.03em; color: var(--basic-middlegray);  flex: 1;}
.select2-container--default .select2-selection--single .select2-selection__rendered > span {display: flex; align-items: center; gap: 0.5rem; transition: var(--transition);}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #c1c1c1; }
.select2-container--default .select2-selection--single .select2-selection__rendered .icon { width: 1.75rem !important; height: 1.75rem !important; margin: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered .txt {  flex: 1;}
.select2-container--default .select2-selection--single .select2-selection__arrow {   position: relative; height: auto; top: auto; transform: none;  width: 1.25rem;  aspect-ratio: 1 / 1;  background: url(../img/common/select_arrow.svg) no-repeat center / contain;  transition: all 0.4s;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-search--dropdown {display: none;}
.select2-container--default .select2-dropdown--above {  border: 1px solid var(--basic-border);  border-radius: 0.375rem 0.375rem 0 0; overflow: hidden;}
.select2-container--default .select2-dropdown--below {  border: 1px solid var(--basic-border);  border-radius: 0 0 0.375rem 0.375rem; overflow: hidden;}
.select2-container--default .select2-results>.select2-results__options { max-height: 25rem;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {display: none;}
.select2-results__option--selectable {  font-size: 1rem;  line-height: 130%; color: var(--basic-middlegray);  padding: 0 1rem;  transition: var(--transition);  height: 3rem;  display: flex;  align-items: center;}
.select2-results__option--selectable > span {display: flex; align-items: center; gap: 0.5rem;}
.select2-results__option--selectable .icon { width: 1.75rem; height: 1.75rem;}
.select2-results__option--selectable .txt {flex: 1;}
.select2-container--open .select2-selection--single .select2-selection__arrow {  transform: rotate(180deg);}
.select2-container--default .select2-results__option--selected {background: var(--typeB-bg3);}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #fff; color: var(--basic-black); }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selected { background: var(--typeB-bg3); color: var(--basic-middlegray); }


/* modal */
.cm_modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1004; background: rgba(0, 0, 0, 0); transition: var(--transition); pointer-events: none; opacity: 0;}
.cm_modal.show { pointer-events: auto; opacity: 1;}
.cm_modal .cm_modal_inner { position: absolute;  left: 50%; top:50%;  transform: translate(-50%, -50%);  min-width: 20.438rem; max-width: 90%;  max-height: 90%;   display: flex;  flex-direction: column;  align-items: center;  transition: var(--transition);  margin-top: 2.5rem;  opacity: 0;  overflow: hidden;}
.cm_modal.show .cm_modal_inner { margin-top: 0; opacity: 1;}
.cm_modal .cm_modal_close { background: url(../img/common/modal_close.svg) no-repeat center / contain;  width: 2rem; aspect-ratio: 1 / 1;  margin-left: auto;  margin-bottom: 0.75rem;}
.cm_modal .cm_modal_box { width: 100%; border-radius: 1rem;  background: #fff;  padding: 1.5rem 1rem 2rem; overflow: auto;  display: flex; flex-direction: column;}
.cm_modal .cm_modal_box::-webkit-scrollbar {display: none;}
.cm_modal .cm_modal_box .modal_icon {width: 2.5rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;}
.cm_modal .cm_modal_box .modal_txtbox {display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center;}
.cm_modal .cm_modal_box .modal_tit {font-weight: 700;font-size: 1.25rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-black);}
.cm_modal .cm_modal_box .modal_desc {font-weight: 500;font-size: 1rem;line-height: 150%;letter-spacing: -0.03em;color: var(--basic-gray);}
.cm_modal .cm_modal_box .btnbox .btn.cm_modal_close { width: unset; aspect-ratio: unset; margin: 0;}

.cm_modal .cm_modal_box.btn_ver {padding-bottom: 1rem;}
.cm_modal .cm_modal_box .btnbox { display: flex; gap: 0.625rem;}
.cm_modal .cm_modal_box .modal_txtbox + .btnbox {margin-top: 2rem;}
.cm_modal .cm_modal_box .btnbox .btn { width: 100%; height: 3.375rem;  font-weight: 600;  font-size: 0.938rem;  letter-spacing: -0.03em;  text-align: center;  display: flex;  align-items: center;  justify-content: center; flex: 1;  border-radius: 0.625rem;  padding: 1rem 0.625rem; transition: var(--transition);}
.cm_modal .cm_modal_box .btnbox .btn.typeA {  color: var(--basic-gray); background: #f3f3f3;  border-color: #f3f3f3;}
.cm_modal .cm_modal_box .btnbox .btn.typeA:hover {background: var(--basic-lightgray); color: var(--basic-middlegray);}
.cm_modal .cm_modal_box .btnbox .btn.typeB { background: var(--typeB-main);  color: #fff; border-color: var(--typeB-main);}
.cm_modal .cm_modal_box .btnbox .btn.typeB:hover {background: var(--typeB-dark);}
.cm_modal .cm_modal_box .btnbox .btn.typeC { background: var(--typeA-main);  color: #fff; border-color: var(--typeA-main);}
.cm_modal .cm_modal_box .btnbox .btn.typeC:hover {background: var(--typeA-dark);}
.cm_modal .cm_modal_box .btnbox .btn.typeD { background: var(--typeC-main);  color: #fff; border-color: var(--typeC-main);}
.cm_modal .cm_modal_box .btnbox .btn.typeD:hover {background: var(--typeC-dark);}

.cm_modal .cs_modal_btnbox { width: 100%; display: flex;  gap: 0.5rem;  margin-top: 2.5rem;}
.cm_modal .cs_modal_btnbox .btn { font-weight: 700;  font-size: 0.938rem;  text-align: center;  color: #fff; flex: 1;  height: 3.375rem;  display: flex;  align-items: center;  justify-content: center;  border-radius: 0.625rem;}
.cm_modal .cs_modal_btnbox .btn.typeA {  color: var(--basic-gray); background: #f3f3f3;  border-color: #f3f3f3;}
.cm_modal .cs_modal_btnbox .btn.typeA:hover {background: var(--basic-lightgray); color: var(--basic-middlegray);}
.cm_modal .cs_modal_btnbox .btn.typeB { background: var(--typeB-main);  color: #fff; border-color: var(--typeB-main);}
.cm_modal .cs_modal_btnbox .btn.typeB:hover {background: var(--typeB-dark);}
.cm_modal .cs_modal_btnbox .btn.typeC { background: var(--typeA-main);  color: #fff; border-color: var(--typeA-main);}
.cm_modal .cs_modal_btnbox .btn.typeC:hover {background: var(--typeA-dark);}
.cm_modal .cs_modal_btnbox .btn.typeD { background: var(--typeC-main);  color: #fff; border-color: var(--typeC-main);}
.cm_modal .cs_modal_btnbox .btn.typeD:hover {background: var(--typeC-dark);}

.detail_modal .cm_modal_box { width: 46rem; max-width: 100% ;padding: 3rem 2.5rem 2rem; gap: 2rem; }
.detail_modal .cm_modal_box .cm_modal_close {background-image: url(../img/common/modal_close2.svg); width: 1.5rem; margin-left: 0;  margin-bottom: 0;  position: absolute;  right: 2.5rem; top: 2rem;}
.detail_modal .cm_modal_box .titbox {display: flex; flex-direction: column; gap: 1rem; border-bottom: 1px solid var(--basic-border); padding-bottom: 1.5rem;}
.detail_modal .cm_modal_box .titbox .title {font-weight: 700;font-size: 1.5rem;letter-spacing: -0.03em;color: var(--typeA-dark); display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0.5rem;}
.detail_modal .cm_modal_box .titbox .title .small {font-weight: 500;font-size: 0.938rem;letter-spacing: -0.03em;color: var(--basic-gray); padding-bottom: 0.125rem;}
.detail_modal .cm_modal_box .titbox .desc {font-size: 1rem;line-height: 160%;
letter-spacing: -0.03em;color: var(--basic-middlegray);}
.detail_modal .cm_modal_box .note_box { border-radius: 0.375rem;  padding: 1rem;  background: var(--basic-pale); }
.detail_modal .cm_modal_box .note_box .note_txt { font-weight: 500; font-size: 0.875rem;  line-height: 130%;  letter-spacing: -0.03em;  color: #888;}

.image_modal .cm_modal_box { width: 48rem; max-width: 100%; height: 54.5rem; max-height: 85vh;  border-radius: 1.875rem; padding: 0 0.75rem}
.image_modal .cm_modal_box .cm_modal_imgbox { width: 100%; height: 100%;  display: flex;   align-items: flex-start;  justify-content: center;  overflow: auto;   padding: 0.75rem 0.625rem 0.75rem 0;}
.image_modal .cm_modal_box .cm_modal_imgbox::-webkit-scrollbar {display: block; width: 0.5rem; height: 0.5rem;}
.image_modal .cm_modal_box .cm_modal_imgbox::-webkit-scrollbar-thumb {background: var(--basic-border); border-radius: 10rem;}
.image_modal .cm_modal_box .cm_modal_imgbox::-webkit-scrollbar-track {background: var(--basic-white); border-radius: 10rem; margin: 1.5rem 0;}
.image_modal .cm_modal_box .cm_modal_imgbox .img {width: 100%; border-radius: 1.5rem;}

.formSubmit_modal .cm_modal_inner { top: calc(50% - 2.75rem);}



/* popup */
.cm_popup { position: absolute; border-radius: 0.625rem; box-shadow: var(--box-shadow);  background: var(--basic-white); min-width: 6.25rem; display: flex; flex-direction: column; transition: var(--transition); opacity: 0; pointer-events: none; z-index: 100;}
.cm_popup.show{opacity: 1; pointer-events: auto;}


/* tabs */
.tab_wrap {position: relative;}
.tab_navbox { display: flex; }
.tab_contbox { position: relative;}
.tab_contbox .tab_cont { display: none; animation: 1.2s ease 0s fadeIn;}
.tab_contbox .tab_cont.on {display: block;}

@keyframes fadeIn {
	0% {opacity:0;transform: translate3d(0,3.125rem,0);}
	100% {opacity:1;transform: translate3d(0,0,0);}
}

@keyframes fadeIn2 {
	0% {opacity:0;}
	100% {opacity:1;}
}

.tab_swiper .swiper-slide {width: auto;}

.link_swiper .swiper-slide {width: auto;}
.link_swiper .scrollbar { position: relative;  left: unset;  bottom: unset;  top: unset;  width: 12rem;  height: 3px;  margin: 2.4rem auto 2rem;  background: #e9eeec;   border-radius: 10rem;}
.link_swiper .scrollbar .swiper-scrollbar-drag { background: var(--typeA-main);}


/* marquee */
.marquee {position: relative;display: flex;gap: var(--gap);}
.marquee_group {flex-shrink: 0;display: flex;align-items: center; gap: var(--gap);  min-width: 100%;}


/* page common */
.msection { padding: 0; margin: 0 0 4.5rem;}
.ms.title_area { display: flex;  justify-content: flex-start;  align-items: flex-end;   gap: 1.5rem;  margin-bottom: 1.5rem;}
.ms.title_area.notab {margin-bottom: 1.25rem;}
.ms.title_area.between {justify-content: space-between;}
.ms.title_area .title { display: flex; align-items: center; gap: 0.625rem;}
.ms.title_area .title .live_badge {  padding: 0.5rem 0.75rem;  border-radius: 10rem;   background: #f85f58;  display: flex;  align-items: center;  gap: 0.375rem;   font-weight: 600;  font-size: 0.875rem;  line-height: 100%;  color: #fff;}
.ms.title_area .title .live_badge .icon {  width: 1rem;}
.ms.title_area .title .tit { font-weight: 700; font-size: 1.625rem;  line-height: 123%;  letter-spacing: -0.03em;  color: var(--basic-black);}
.ms.title_area .title .tit .color1 {color: var(--typeA-main);}
.ms.title_area .title .tit .color2 {color: var(--typeB-main);}
.ms.title_area .title .tit .color3 {color: var(--typeC-main);}
.ms.title_area .desc {font-weight: 500;font-size: 1.125rem;line-height: 150%;letter-spacing: -0.02em;color: #566670;}
.ms.title_area .desc .bold {font-weight: 700;}

.ms.title_area.class .tab_tit > li::after {display: none;}
.ms.title_area.flex_ver {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.ms.title_area.flex_ver .kakao_btn {font-weight: 600;font-size: 0.938rem;color: var(--basic-black); border: 1px solid var(--basic-border);border-radius: 0.625rem;padding: 0.813rem 1rem 0.813rem 0.875rem; display: flex; align-items: center; gap: 0.5rem; transition: var(--transition);}
.ms.title_area.flex_ver .kakao_btn .icon {width: 1.5rem;}


/* tab title */
.tab_tit {  gap: 0.875rem;}
.tab_tit > li { position: relative; padding-right: 0.875rem;}
.tab_tit > li::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 0.75rem; background: var(--basic-border);}
.tab_tit > li:last-child {padding-right: 0; }
.tab_tit > li:last-child::after {display: none;}
.tab_tit > li a {  border: 0;  padding: 0;  font-weight: 500; line-height: 130%;  font-size: 1rem;  color: var(--basic-gray); transition: var(--transition);} 
.tab_tit > li a:hover {color: #000;}
.tab_tit > li a.show {font-weight: 700; color: var(--typeB-main);}

.tabs_cont .panel > li {animation: 1.2s ease 0s fadeIn;}

.ms.title_area .tab_tit.ver2 {gap: 0;}
.ms.title_area .tab_tit.ver2 > li { padding-right: 0; border-right: 0;}
.ms.title_area .tab_tit.ver2 a { font-size: 1.125rem; line-height: 130%; padding: 0 1rem; height: 3rem; display: flex; align-items: center; justify-content: center;}


/* btn area */
.panel ul li .btn_area {  gap: 0.375rem;  padding: 0 1rem 1rem; }
.panel ul li .btn_area a {  padding: 0.75rem 0; width: calc((100% - 0.375rem) / 2);  font-size: 0.938rem;  font-weight: 600;  line-height: 100%;  text-align: center;   border-radius: 0.375rem;}
.panel ul li .btn_area a.normal { background: var(--typeB-bg3); color: var(--typeB-sub2);  border: 1px solid var(--typeB-bg1);}
.panel ul li.end .btn_area a.normal {border-color: var(--basic-border); background: #fbfbfb; color: #c1c1c1;}
.panel ul li.end .btn_area a.confirm {background: var(--basic-lightgray); color: #fff;}


/* FAQ */
.msection.faq_area:last-child {margin-bottom: 6rem;}
.msection.faq_area .ms.title_area > span {font-weight: 700; font-size: 1.625rem;letter-spacing: -0.03em;color: var(--basic-black);}
.msection.faq_area .ms.title_area > span b {font-weight: 700;}
.faq_area .faq-box { margin-top: 1.5rem;}
.faq_area .faq-box .faq_list { gap: 1rem;}
.faq_area .faq-box .faq_list li { padding: 0 1rem; border-radius: 0.5rem;}
.faq_area .faq-box .faq_list li .question { position: relative; padding: 1.5rem 2rem 1.5rem 1.875rem;  font-size: 1.125rem; letter-spacing: -0.02em;  color: var(--typeC-dark);}
.faq_area .faq-box .faq_list li .question:before { margin-right: 0;   position: absolute;  left: 0.25rem;  top: 1.5rem;  font: inherit; color: #000}
.faq_area .faq-box .faq_list li .question:after { top: 1.5rem; right: 0.25rem;  width: 1.5rem;  height: unset; aspect-ratio: 1 / 1;}
.faq_area .faq-box .faq_list li .answer { position: relative;  padding: 1.375rem 0 1.5rem 1.875rem; font-size: 1.125rem; color: #000; line-height: 1.4;}
.faq_area .faq-box .faq_list li .answer:before { margin-right: 0; font-size: 1.125rem;  font-weight: 600;   position: absolute; left: 0.25rem;}

.frame-c { height: 4.5rem;}
.frame-d {gap: 0.25rem;}
.frame-d .sosok-hagi-e, .frame-d .dapsa { height: unset; font: inherit;  font-weight: 500;  font-size: 0.875rem;   line-height: 100%; letter-spacing: -0.02em;}


/* 상세 */
.page-detail .main-container { overflow: unset;  padding-bottom: 6.5rem; border-radius: 0 0 5rem 5rem;  box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.16);}
.page-detail .main-container > .container { padding-top: 4rem;  display: flex;   align-items: flex-start;  justify-content: space-between;}
.page-detail .holding_cont { width: calc(100% - 22.5rem - 5rem);}
.page-detail .frame-16 {gap: 0.75rem;}
.page-detail .frame-16.ver2 {gap: 1rem;}
.page-detail .frame-16 .frame-1a { gap: 0.375rem;}
.page-detail .frame-16 .tooltip {  position: relative;  width: unset;}
.page-detail .frame-16 .tooltip.hide {display: none;}
.page-detail .frame-16 .tooltip .close_btn { background: url(../img/sub/ic_tootip_x.svg) no-repeat center / contain; width: 0.75rem;  aspect-ratio: 1 / 1;  cursor: pointer;   position: absolute;  bottom: 100%; left: -0.688rem;}
.page-detail .frame-16 .tooltip .supporting-text { width: unset;  height: unset;  font-family: var(--font-family);  font-weight: 500;  font-size: 0.75rem;  line-height: 133%;  text-align: center; color: #fff;  padding: 0.625rem;}
.page-detail .frame-16 .tooltip .content { width: unset; padding: 0;  border-radius: 0.5rem;}
.page-detail .frame-16 .tooltip .div {  width: 0;  height: 0;  border-top: 0.5rem solid transparent;   border-bottom: 0.5rem solid transparent;  border-left: 0.5rem solid #000;  background: none;   margin-left: -0.125rem;}
.page-detail .share { width: 1.625rem; height: unset; aspect-ratio: 1 / 1;  background: url(../img/sub/ic_share.svg) no-repeat center/contain; cursor: pointer;}
.page-detail .frame-16 .dapsa-jeong-mi-deul-i-deul-eo-gap-ni-da {  font-weight: 700;  font-size: 2rem;  line-height: 160%;  letter-spacing: -0.03em;  color: var(--basic-black);}
.page-detail .frame-16 .frame-17 { gap: 0.75rem; }
.page-detail .frame-16 .frame-18 {align-items: flex-start;}
.page-detail .frame-16 .frame-19 {margin-top: -0.5em;}
.page-detail .frame-16 .frame-17 .desc {}
.page-detail .frame-16 .frame-17 .desc, .page-detail .muryo-yuhag-seobiseu-wa-ibsi-keon-sel-ting-kkaji-dayang-han-seobiseu-je-gong {font-weight: 500;font-size: 1.125rem;line-height: 100%;color: var(--basic-gray); height: unset; margin-bottom: 0.75rem;}
.page-detail .frame-1d { width: unset;  gap: 0.5rem;}
.page-detail .frame-1d .tags-1e {  gap: 0;  width: unset;  height: unset;   padding: 0.375rem 0.625rem;   border-radius: 0.25rem;}
.page-detail .frame-1d .tags-1e .best {font: inherit; width: unset; height: unset;}
.page-detail .tags-1e,
.page-detail .frame-1d .tag,
.page-detail .frame-1f,
.page-detail .keulraeseu {  font-weight: 600;  font-size: 0.875rem;  line-height: 100%;   text-align: center;  border: 1px solid transparent;  border-radius: 0.25rem;  padding: 0.375rem 0.5rem;  width: unset;  height: unset;  gap: 0;}
.page-detail .text-16 { font: inherit;  color: inherit; height: unset;}
.page-detail .yeong-eo { font: inherit;  color: inherit; height: unset;}

.page-detail .section-c .title_area.stickybox {position: sticky; top: 0; background: #fff; z-index: 500;}

.page-detail .floating_cont { position: sticky !important;  top: 4rem;  right: unset !important;  width: 22.5rem;}
.page-detail .floating_wrap { position: relative; width: 100%; border-radius: 1.25rem;  border: 1px solid var(--basic-border); overflow: hidden; background: #fff;}
.page-detail .sseom-neol { height: unset;  width: 100%; height: 10.625rem; border-radius: 0; background: var(--basic-pale);}
.page-detail .mal-lei-si-a-dae-hag { position: relative; width: 100%; height: 100%;  border-radius: 0; top: auto; background: no-repeat center/cover;}
.page-detail .frame-14f { width: 100%; padding: 1.25rem; border-radius: 0;  border: none;}
.page-detail .frame-150 { width: 100%;  gap: 1rem;}
.page-detail .frame-151 { gap: 0;}
.page-detail .frame-152 {gap: 0.375rem; height: unset; align-items: baseline;}
.page-detail .day-paid { font-family: var(--font-family); font-weight: 700; font-size: 1.25rem;   line-height: 130%;  letter-spacing: -0.03em; color: var(--basic-black);  height: unset;  white-space: unset;}
.page-detail .day-paid-153 {height: unset; font-weight: 500;font-size: 0.75rem;line-height: 100%;letter-spacing: -0.02em;color: #c1c1c1;}
.page-detail .group-154 { display: none;}
.page-detail .frame-158 { gap: 1rem;}
.page-detail .frame-158 .desc {font-weight: 500;font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: #777;}
.page-detail .frame-157 { gap: 1.25rem;}
.page-detail .frame-157.tab_contbox {width: 100%;}
.page-detail .frame-157.tab_contbox .tab_cont {width: 100%;  animation: 1.2s ease 0s fadeIn2;}
.page-detail .frame-159 { gap: 0.75rem;}
.page-detail .span-text-15a {  font-family: var(--font-family); font-weight: 600;  font-size: 1rem;   line-height: 100%;  letter-spacing: -0.03em;  color: var(--basic-middlegray); height: unset;}
.page-detail .span-text-15a-1 {font-weight: 500;font-size: 0.813rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-gray);}
.page-detail .frame-15d { position: relative; gap: 1.875rem;  padding-top: 1.25rem;}
.page-detail .frame-15d::before { content: "";  position: absolute;  left: 50%;  top: 0;  transform: translateX(-50%);  width: calc(100% + 1.25rem * 2);  height: 1px;  background: #f5f5f5;}
.page-detail .line-15f { display: none;}
.page-detail .frame-15e { gap: 0;}
.page-detail .interview {  font-weight: 400;  font-size: 0.875rem;  line-height: 170%;  letter-spacing: -0.02em; color: var(--basic-middlegray);}
.page-detail .service-request {  font-family: var(--font-family);  font-weight: 700;  font-size: 0.938rem;   text-align: center;  color: inherit;  width: 100%;  height: unset;}
.page-detail .button-160 { padding: 1.125rem 0;  border-radius: 0.625rem;  color: #fff;  transition: var(--transition); cursor: pointer;}

.page-detail .section-c {  margin-top: 3.5rem; gap: 4rem;}
.page-detail .section-c .title_area { margin: 0;}
.page-detail .section-c .title_area .tab_tit {gap: 0;}
.page-detail .section-c .title_area .tab_tit > li { padding: 0;  border-right: 0;}
.page-detail .section-c .title_area .tab_tit > li a { height: 3.125rem;  padding: 0 1.5rem; font-weight: 500;  font-size: 1.063rem; letter-spacing: -0.02em;  display: flex; align-items: center; justify-content: center;}
.page-detail .section-c .title_area .tab_tit > li a.show {font-weight: 700;}

.page-detail .frame-27 { width: unset;}
.page-detail .class_sec1 .frame-section { gap: 1.5rem;}
.page-detail .class_sec3 .frame-section {gap: 0;}
.page-detail .class_sec3 .frame-27 {margin-bottom: 1.5rem;}
.page-detail .field-trip-intro,
.page-detail .school-list-for-field-trip,
.page-detail .service-inclusions,
.page-detail .span-introduction { font-weight: 700; font-size: 1.5rem; line-height: 100%;  letter-spacing: -0.03em;  color: var(--basic-black); height: unset; gap: 0;}

.page-detail .tags-28 {  border-radius: 0.313rem;  padding: 0.25rem 0.5rem;  background: #fbfdff; height: unset; gap: unset;}
.page-detail .best-29 { font-family: var(--font-family);  font-weight: 600;   font-size: 0.875rem;  line-height: 130%;  letter-spacing: -0.02em;  text-align: center;  color: #0087ff;  height: unset;}
.page-detail .field-trip-service { font-family: var(--font-family); font-size: 1rem; line-height: 160%;  letter-spacing: -0.02em; color: var(--basic-middlegray);}
.page-detail .line-2a { margin: 4rem 0; width: 100%;  background: var(--basic-border);}

.page-detail .frame-9b { margin-top: 4rem; gap: 1.5rem;}

.page-detail .class_sec1 .frame-26 { gap: 1.5rem;}
.page-detail .class_benefit { gap: 1.5rem; align-items: unset;}
.page-detail .class_benefit .img_area { min-width: unset; width: 11.75rem; padding: 1.5rem 0.75rem 2rem; border-radius: 0.875rem; display: flex; flex-direction: column;  align-items: center; }
.page-detail .class_benefit .img_area img { width: 7.875rem; margin-bottom: 1.5rem;border-radius: 50%;}
.page-detail .class_benefit .img_area span {  font-weight: 600;  font-size: 0.813rem;  line-height: 100%;  letter-spacing: -0.02em;}
.page-detail .class_benefit .img_area p { margin-top: 0.625rem; font-size: 1rem;   line-height: 160%;   letter-spacing: -0.03em; text-align: center; color: var(--basic-black);}
.page-detail .class_benefit .bnf_list { flex: 1; gap: 0.625rem;}
.page-detail .class_benefit .bnf_list li {  padding: 1.25rem;  width: calc((100% - 0.625rem) / 2);  border-radius: 0.688rem;  border: none; display: flex;  flex-direction: column;  gap: 0.5rem;}
.page-detail .class_benefit .bnf_list li span {  font-weight: 700;  font-size: 2rem;   line-height: 100%;  letter-spacing: -0.02em; }
.page-detail .class_benefit .bnf_list li p { font-weight: 500; font-size: 0.938rem;  line-height: 150%;  letter-spacing: -0.02em;  color: var(--basic-gray);}
.page-detail .class_benefit .bnf_list li p b { font-weight: 600;  font-size: 1rem; line-height: 150%;  letter-spacing: -0.02em; color: var(--basic-middlegray); margin-bottom: 0.125rem; display: inline-block;}

.page-detail .curri_list { flex-wrap: nowrap;  gap: 0.625rem;}
.page-detail .curri_list li {  flex: 1; border-radius: 0.875rem;}
.page-detail .curri_list li > span {  padding: 0.625rem; gap: 0.25rem; border-radius: 0;    align-items: flex-end;font-weight: 600; font-size: 1.063rem; line-height: 100%;    letter-spacing: -0.03em;  text-align: center; color: #fff;}
.page-detail .curri_list li > span small { font-weight: 500;  font-size: 0.875rem;  line-height: 100%;  letter-spacing: -0.02em;  color: rgba(255, 255, 255, 0.8);}
.page-detail .curri_list li.red > span {background-color: #F85F58;}
.page-detail .curri_list li.red .t_txt span {color: var(--typeC-sub2);}
.page-detail .curri_list li .text_area { padding: 1.5rem 1.5rem 1.5rem;  display: flex;  flex-direction: column;  gap: 1.25rem;}
.page-detail .curri_list li .text_area2 {padding: 1rem 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem;}
.page-detail .curri_list li .text_area2 .item {border-bottom: 1px solid var(--basic-border); padding-bottom: 0.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem;}
.page-detail .curri_list li .text_area2 .item:last-child {padding-bottom: 0; border-bottom: 0;}
.page-detail .curri_list li .text_area2 .item .tit {flex: 1; font-weight: 500;font-size: 1rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-black);}
.page-detail .curri_list li .text_area2 .item .tag {font-weight: 600;font-size: 0.875rem;text-align: center;color: var(--basic-gray); border-radius: 0.313rem ;padding: 0 1rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; background: #f3f3f3;}
.page-detail .curri_list li .text_area2 .item .tag.on{color: #fff; background: var(--basic-middlegray);}

.page-detail .t_top {  padding-bottom: 0.75rem;  font-weight: 600;  font-size: 1.125rem;   line-height: 130%; letter-spacing: -0.03em;  color: var(--typeB-dark);  display: flex;
 align-items: flex-end; gap: 0.375rem; flex-wrap: wrap;}
.page-detail .t_top small { display: inline-block; font-weight: 500;   font-size: 0.813rem;  line-height: 100%;  letter-spacing: -0.03em;  color: var(--basic-gray); padding-bottom: 0.25rem;}
.page-detail .t_txt {  padding-top: 0;}
.page-detail .t_txt span {font-weight: 600; font-size: 1rem; line-height: 100%;   margin-bottom: 0.625rem;}
.page-detail .t_txt p {  font-weight: 500;  font-size: 0.875rem;  line-height: 180%;   letter-spacing: -0.02em;  color: var(--basic-black);}

.page-detail .class_curri .tit_area span {  font-weight: 700;  font-size: 1.5rem;  letter-spacing: -0.03em;  color: var(--basic-black);}
.page-detail .msection.faq_area:last-child { margin-bottom: 0;}
.page-detail .msection.faq_area .container { width: 100%; padding: 0;}
.page-detail .msection.faq_area .title_area > span {font-weight: 700;font-size: 1.5rem;letter-spacing: -0.03em;color: var(--basic-black);}
.page-detail .class_curri .msection.faq_area { margin-bottom: 3rem;}
.page-detail .class_curri .msection.faq_area .container { width: 100%; padding: 0;}
.page-detail .class_curri .faq_area .faq-box { margin-top: 2rem;}
.page-detail .class_curri .faq_area .faq-box .faq_list li { padding: 0 1.5rem;  transition: var(--transition);}
.page-detail .class_curri .faq_area .faq-box .faq_list li.on { background: var(--typeC-bg3);}
.page-detail .class_curri .faq_area .faq-box .faq_list li .question { padding: 1.5rem 0;  display: flex; flex-direction: column; gap: 0.75rem; font-weight: 600;  font-size: 1rem;  letter-spacing: -0.02em;  color: var(--basic-black); padding-right: 1.875rem;}  
.page-detail .class_curri .faq_area .faq-box .faq_list li .question p {  font-weight: 600;  font-size: 0.875rem;  line-height: 100%;  letter-spacing: -0.02em;}
.page-detail .class_curri .faq_area .faq-box .faq_list li .question:after { top: 50%;  right: 0;  transform: translateY(-50%); background: url(../img/sub/faq_arrow.png) no-repeat center/contain;}
.page-detail .class_curri .faq_area .faq-box .faq_list li.on .question:after { transform: rotate(180deg) translateY(50%);}
.page-detail .class_curri .faq_area .faq-box .faq_list li .answer {  padding: 1.25rem 0 1.5rem;  font-weight: 500;  font-size: 0.938rem;  line-height: 160%;  letter-spacing: -0.02em;  color: var(--basic-middlegray);}

.page-detail .guide { margin-top: 1.25rem;}
.page-detail .guide > span { font-weight: 600;  margin-bottom: 0.625rem;  font-size: 1rem;}
.page-detail .guide ul { display: flex;  flex-direction: column;  gap: 0.5rem;}
.page-detail .guide ul li {  margin-bottom: 0; padding-bottom: 0;  border-bottom: 0;  font-weight: 500;  font-size: 0.875rem; line-height: 100%;  letter-spacing: -0.03em; color: var(--basic-black);}
.page-detail .guide.ver2 {margin-top: 2rem;}
.page-detail .guide.ver2 > span { font-weight: 700; letter-spacing: -0.03em;  margin-bottom: 0.75rem;}
.page-detail .guide.ver2  ul li { font-size: 0.938rem; color: #777;}

.page-detail .classDetail_list .class_intro {  border: 1px solid var(--basic-border);  border-radius: 0.875rem;  padding: 2rem;}
.page-detail .class_intro .text_area .title {  font-weight: 700;  font-size: 1.25rem;   line-height: 160%;  letter-spacing: -0.02em;  color: var(--basic-black);  margin: 0 0 1rem;  display: block;}
.page-detail .class_intro .text_area .title .color { font: inherit;    margin: 0 0 1rem;}
.page-detail .class_intro .text_area .descbox {display: flex; flex-direction: column; gap: 0.375rem;}
.page-detail .class_intro .text_area .descbox p {font-weight: 500;font-size: 0.938rem;line-height: 160%;letter-spacing: -0.03em;color: var(--basic-middlegray); margin: 0;}

.page-detail .frame {  gap: 6.5rem;  padding: 6.5rem 0;}
.page-detail .frame-1 { display: none;}
.page-detail .frame-f { gap: 1.5rem; max-width: unset;}
.page-detail .frame-f .main-menu-icon {width: 2.5rem;  height: unset;  aspect-ratio: 1 / 1;  border-radius: 0.5rem; padding: 0.417rem;}
.page-detail .frame-f .main-menu-icon .school { width: 100%;  height: unset;  aspect-ratio: 1 / 1;}
.page-detail .frame-10 { gap: 1.5rem;}	
.page-detail .frame-f .title {  gap: 0.625rem;}
.page-detail .frame-f .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu {  font-family: var(--font-family);  font-weight: 500;  font-size: 1.25rem;  line-height: 130%;   letter-spacing: -0.04em;  text-align: center;  width: unset;  height: unset;}
.page-detail .frame-f .title-yeong-eoro-gyeol-gu-reul-mandeul-sigan-keorieo-yuhag-ibenteu-11 {  font-family: var(--font-family); font-weight: 700; font-size: 2rem;   letter-spacing: -0.02em;  text-align: center;}
.page-detail .frame-f .mong-seonsaeng-ui-keon-sel-ting-eun { color: inherit;  font: inherit;  letter-spacing: inherit;}
.page-detail .frame-f .ireonjeom-i-dalla-yo {font: inherit;  letter-spacing: inherit;}
.page-detail .frame-f .im-si-deiteo-ibnida-chu-hu-sujeong-yejeong-ibnida-il-sang-ui-soso-han-sungandeul-eul-hamkke-nanu-neun-gonggan-ibnida {  font-family: var(--font-family);  font-weight: 500;   font-size: 1rem;  line-height: 160%;  letter-spacing: -0.03em;  text-align: center;   width: unset;  height: unset; }

.page-detail .cost_list { gap: 1.5rem;}
.page-detail .cost_list > li { padding: 2rem;  border-radius: 1.25rem;}
.page-detail .cost_list > li .tit {  padding-bottom: 1rem;  border-bottom: 1px dashed var(--basic-border); display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;}
.page-detail .cost_list > li .tit span:not(.cost) {   font-weight: 700; font-size: 1.25rem;  line-height: 100%; letter-spacing: -0.01em; color: var(--basic-black); display: flex;  align-items: center;  gap: 0.5rem;}
.page-detail .cost_list > li .tit span:not(.cost) small {font-weight: 600;font-size: 0.938rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-gray); margin-top: 0.2em;}
.page-detail .cost_list > li .tit span.cost {  font-weight: 600; font-size: 0.875rem;  line-height: 130%;  letter-spacing: -0.02em;  text-align: center;  color: #0087ff;  margin: 0;   border: 1px solid #eaf6ff;  border-radius: 0.313rem;  padding: 0.25rem 0.5rem;   background: #fbfdff;}
.page-detail .cost_list > li .tit .mob_price {display: none;}
.page-detail .cost_list > li .detail { margin-top: 1.5rem;}
.page-detail .cost_list > li .detail > span { font-weight: 700; font-size: 1rem; color: var(--basic-middlegray);  border: none;  padding-bottom: 0;  margin-bottom: 0.625rem; display: block;}
.page-detail .cost_list > li .detail > .de_box { display: flex; align-items: flex-end;  gap: 2.5rem;}
.page-detail .cost_list > li .detail > .de_box ul { margin: 0; flex: 1;  border-radius: 0.75rem;   padding: 1.5rem;background: var(--basic-pale); display: flex; flex-direction: column; gap: 0.875rem;}
.page-detail .cost_list > li .detail > .de_box ul li { margin: 0;}
.page-detail .cost_list > li .detail > .de_box ul li p { font-weight: 500;  font-size: 0.875rem;  line-height: 100%; letter-spacing: -0.02em;}
.page-detail .cost_list > li .detail > .de_box ul li p .check {background: url(../img/sub/ic_check_procedure.png) no-repeat center / contain; width: 1.25rem; height: unset;  aspect-ratio: 1 / 1; display: block;}
.page-detail .cost_list > li .detail ul li p:first-child {color: #777777;}
.page-detail .cost_list > li .detail ul li p:last-child { font-weight: 500;}
.page-detail .cost_list > li .detail ul li p:not(:first-child):last-child {color: #212121;}
.page-detail .cost_list > li .detail > .de_box .side {display: flex;  flex-direction: column; align-items: flex-end; gap: 0.75rem;}
.page-detail .cost_list > li .detail > .de_box .side .price {font-weight: 700;  font-size: 1.25rem;  line-height: 90%; letter-spacing: -0.04em;  text-align: right;  color: var(--basic-black);}
.page-detail .cost_list > li .detail > .de_box .side .price.ver2 { display: flex;  align-items: flex-end;  gap: 0.375rem; line-height: 120%;} 
.page-detail .cost_list > li .detail > .de_box .side .price.ver2 small { font-weight: 500;  font-size: 0.875rem; line-height: 120%;  letter-spacing: -0.02em;}
.page-detail .cost_list > li .detail > .de_box .side .price.ver2 .sale { font-weight: 700;  font-size: 1rem;  line-height: 120%; letter-spacing: -0.04em;  color: #f85f58;  display: flex;   align-items: center;  gap: 0.125rem;}
.page-detail .cost_list > li .detail > .de_box .side .price.ver2 .sale .icon {width: 1rem;}
.page-detail .cost_list > li .detail > .de_box .side .price.ver3 { display: flex;  align-items: baseline;  gap: 0.375rem; color: #c1c1c1;}
.page-detail .cost_list > li .detail > .de_box .side .price.ver3 .ori { font-weight: 500; font-size: 0.875rem;  line-height: 129%;  letter-spacing: -0.04em;}
.page-detail .cost_list > li .detail > .de_box .side .desc {font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: #c1c1c1;}

.page-detail .classDetail_list #content-3 .class_intro { background: #f7f7f7;  padding: 0.875rem 1rem; border-radius: 0.375rem;  border: none;}
.page-detail .classDetail_list #content-3 .class_intro .text_area span {  font-weight: 600; font-size: 0.938rem; letter-spacing: -0.03em; color: var(--basic-black);}
.page-detail .classDetail_list #content-3 .class_intro .text_area::after { content: ""; background: url(../img/sub/mentor_t_icon.png) no-repeat center / contain;  width: 1rem;aspect-ratio: 1 / 1; display: inline-block;  vertical-align: middle;  margin-left: 0.25rem;  margin-bottom: 0.25rem;}
.page-detail .mentor_list { margin-top: 4em;  margin-top: 2.5rem;  gap: 2.5rem 0.75rem;}
.page-detail .mentor_list li { width: 13.438rem;  flex-direction: column;  border-radius: 1.25rem;}
.page-detail .mentor_list li .img_area { width: 100%; aspect-ratio: 215 / 164;  overflow: hidden; background: linear-gradient(180deg, #d8e1ea 0%, #abc 100%);} 
.page-detail .mentor_list li .img_area img { width: 100%; height: 100%;  object-fit: cover;}
.page-detail .mentor_list li .text_area {  flex: 1;  padding: 1.25rem 1rem;  display: flex;  flex-direction: column;  align-items: flex-start;}
.page-detail .mentor_list li .text_area .name { font-weight: 700;  font-size: 1.25rem; line-height: 100%; color: var(--basic-black);  letter-spacing: unset; display: flex;  align-items: baseline;  gap: 0.375rem;  margin-bottom: 0.5rem;}
.page-detail .mentor_list li .text_area .name small { font-weight: 500;  font-size: 0.75rem;  line-height: 100%; letter-spacing: -0.03em;  color: #c1c1c1;}
.page-detail .mentor_list li .text_area .desc { font-size: 0.875rem; letter-spacing: -0.04em; line-height: 130%;  color: var(--basic-middlegray); margin-bottom: 0.25rem;}
.page-detail .mentor_list li .text_area .tag { font-weight: 600;  font-size: 0.875rem;   color: #0087ff; border: 1px solid #eaf6ff;  border-radius: 0.313rem;  padding: 0.25rem 0.5rem; background: #fbfdff; line-height: 130%; letter-spacing: unset;  margin-top: auto; margin-top: 1.25rem;}

.page-detail .service_box {  width: 100%; background: var(--basic-pale); border-radius: 0.625rem;  padding: 2rem; display: flex; flex-direction: column;  gap: 1.125rem; overflow: hidden;}
.page-detail .service_box > li{display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;  font-weight: 500;  font-size: 1rem;  line-height: 130%; letter-spacing: -0.02em; }
.page-detail .service_box > li .tit { flex: 1; color: var(--basic-middlegray);}
.page-detail .service_box > li .desc {color: var(--basic-gray);}
.page-detail .service_box > li .icon {background: url(../img/sub/ic_check_procedure.png) no-repeat center/contain; width: 1.25rem; height: unset; aspect-ratio: 1/1; border-radius: 0;}
.page-detail .service_box.ver2 { gap: 1.5rem;}
.page-detail .service_box > li .cont {display: flex; flex-direction: column; gap: 0.625rem; flex: 1;}
.page-detail .service_box > li .cont .tit {flex: unset;  color: var(--basic-black); line-height: 100%;}
.page-detail .service_box > li .cont .desc {color: #6b6b6b; font-size: 0.938rem;     line-height: 150%; word-break: unset; font-weight: 400;}
.page-detail .frame-15d .service_box { background: none;  border-radius: 0;  padding: 0;  gap: 0.75rem;}
.page-detail .frame-15d .service_box > li { gap: 0.625rem;}
.page-detail .frame-15d .service_box > li .tit {font-size: 0.875rem;}

.page-detail .school_moreview {display: flex; align-items: center; gap: 0.25rem; font-weight: 500;font-size: 0.938rem;letter-spacing: -0.02em;color: var(--basic-gray);}
.page-detail .school_moreview .pc {display: inline-block;}
.page-detail .school_moreview .arrow {background: url(../img/sub/ic_moreview.png) no-repeat center/contain ; width: 1.5rem; aspect-ratio: 1/1; transition: var(--transition);}
.page-detail .school_moreview.on .arrow {transform: rotate(180deg);}
.page-detail .school_listbox {width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.25rem; max-height: calc(1.25rem*3 + 3.5rem*3); overflow: hidden;}
.page-detail .school_listbox.on {max-height: unset;}
.page-detail .school_listbox .item {display: flex; align-items: center; gap: 1.25rem; width: calc((100% - 1.25rem)/2);}
.page-detail .school_listbox .item .imgbox {width: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; aspect-ratio: 1/1; overflow: hidden;}
.page-detail .school_listbox .item .imgbox img {max-height: 100%;}
.page-detail .school_listbox .item .txtbox {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; overflow: hidden;}
.page-detail .school_listbox .item .txtbox .tit {font-weight: 700;font-size: 1rem;line-height: 100%;letter-spacing: -0.02em;color: var(--basic-middlegray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;}
.page-detail .school_listbox .item .txtbox .desc {font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: var(--basic-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;}
.page-detail .school_listbox .school_moreview2 {cursor: pointer;}
.page-detail .school_listbox.on .school_moreview2 {display: none;}

.page-detail .secvice_list {width: 100%;}
.page-detail .secvice_list ul { gap: 0.75rem;}
.page-detail .secvice_list ul li { width: calc((100% - 0.75rem * 2) / 3);   border: 1px solid var(--basic-border);  border-radius: 0.875rem;  overflow: hidden;}
.page-detail .secvice_list ul li .img_area { width: 100%; height: 9.125rem;}
.page-detail .secvice_list ul li .img_area img { width: 100%; height: 100%; object-fit: cover;}
.page-detail .secvice_list ul li .text_area { padding: 1.5rem 1.25rem 2rem;  display: flex;  flex-direction: column;  gap: 0.625rem;}
.page-detail .secvice_list ul li .text_area span { font-weight: 700;  font-size: 1.125rem;   line-height: 140%; letter-spacing: -0.02em;  color: var(--basic-middlegray);  display: block;}
.page-detail .secvice_list ul li .text_area p {  font-weight: 500;  font-size: 0.875rem;   line-height: 160%;  letter-spacing: -0.02em;  color: var(--basic-gray);  margin: 0;}
.page-detail .secvice_list.ver2 ul { flex-wrap: wrap; gap: 1rem 0.625rem;}
.page-detail .secvice_list.ver2 ul li { width: calc((100% - 0.625rem * 2) / 3);}
.page-detail .secvice_list.ver2 ul li .img_area { height: 7.875rem;}
.page-detail .secvice_list.ver2 ul li .text_area { padding: 1rem 1rem 1.5rem;}
.page-detail .secvice_list.ver2 ul li .text_area span { font-size: 1rem;  font-weight: 600;  letter-spacing: -0.03em;}

.page-detail .frame-13e { gap: 0.625rem;}
.page-detail .tags-13f { font-weight: 600; font-size: 0.875rem;  line-height: 100%;  text-align: center; border-radius: 0.25rem;  padding: 0 0.625rem;  height: 1.875rem;  display: flex;  align-items: center;  justify-content: center; }
.page-detail .tags-13f .span-hot-mentor { width: auto; height: unset; font: inherit; color: inherit;}
.page-detail .span-description { font: var(--font-family);  font-size: 0.938rem;  line-height: 160%;  letter-spacing: -0.02em;  color: var(--basic-middlegray);}
.page-detail .frame-140 { gap: 2.5rem; align-items: flex-start;}
.page-detail .frame-141 { gap: 1.25rem; width: 10rem;}
.page-detail .frame-140 .frame-titbox.mob_show {display: none;}
.page-detail .frame-142 { gap: 0; width: 100%; aspect-ratio: 1 / 1;  align-items: center;  justify-content: center; ;border-radius: 50%;  overflow: hidden;}
.page-detail .frame-145 { gap: 0.75rem;  width: 100%;}
.page-detail .span-mentor { font-family: var(--font-family); font-weight: 700;  font-size: 1.25rem;  line-height: 100%; letter-spacing: -0.03em;  text-align: center;  width: unset;  height: unset;}
.page-detail .span-residence {  font-family: var(--font-family);  font-weight: 500;  font-size: 0.875rem;  line-height: 100%; letter-spacing: -0.03em;  text-align: center;   color: var(--basic-gray); width: unset; height: unset;}
.page-detail .frame-146 { background: var(--basic-pale); border-radius: 0.625rem;  padding: 1.5rem 2rem 2rem;  gap: 1.25rem;}
.page-detail .frame-147 { width: 100%; gap: 1rem;}
.page-detail .frame-148 { gap: 0.5rem; width: unset;}
.page-detail .span-career {font-family: var(--font-family);  font-weight: 700;  font-size: 1.125rem;  line-height: 110%;  letter-spacing: -0.03em; color: var(--basic-middlegray);  height: unset;}
.page-detail .tagbox-149 {display: flex; align-items: center; gap: 0.375rem; flex-wrap: wrap;}
.page-detail .tags-149 { font-weight: 600;  font-size: 0.75rem; line-height: 100%;  text-align: center; color: #fff; border-radius: 0.25rem;  padding: 0.375rem 0.5rem;  width: unset;  height: unset; height: 1.625rem;}
.page-detail .span-location { font: inherit; color: inherit; width: unset; height: unset;}
.page-detail .frame-14a { gap: 0.75rem;}
.page-detail .frame-14a > span { font-family: var(--font-family);  font-size: 1rem;   line-height: 100%;  letter-spacing: -0.02em;  color: var(--basic-middlegray);   display: block;}
.page-detail .frame-14d { gap: 0.625rem;}
.page-detail .span-comment { font-family: var(--font-family); font-weight: 600;  font-size: 1.125rem; line-height: 110%; letter-spacing: -0.03em; color: var(--basic-gray); height: unset;}
.page-detail .span-text { font-family: var(--font-family); font-size: 0.875rem; line-height: 170%;  letter-spacing: -0.02em;  color: var(--basic-middlegray);}
.page-detail .line-14c{width: 100%; background: #eae9e3;}
.page-detail .frame-15b { padding: 0;}

.page-detail .frame-2e.sm.float ul { display: flex; flex-direction: column;  gap: 0.75rem;}
.page-detail .frame-2e.sm.float ul li { margin-top: 0; gap: 1rem;}
.page-detail .frame-2e.sm.float ul li span { width: 5rem; font-weight: 600;  font-size: 0.938rem;line-height: 100%; letter-spacing: -0.03em; color: var(--basic-middlegray);padding-top: 0.2em;}
.page-detail .frame-2e.sm ul li p { font-weight: 500; font-size: 0.875rem;  line-height: 150%;  letter-spacing: -0.03em;  color: var(--basic-gray); flex: 1;}

.page-detail .tab_navbox { width: calc(100% + 1.25rem * 2); margin: 0 -1.25rem 0.75rem;  display: flex; flex-direction: row; gap: 0;border-bottom: 1px solid var(--basic-border);}
.page-detail .tab_nav { position: relative; border-bottom: 2px solid transparent;  padding: 0 1rem 0.75rem;  font-weight: 600; font-size: 1rem; letter-spacing: -0.03em; color: var(--basic-gray); margin: 0; gap: 0; transition: var(--transition); cursor: pointer;}
.page-detail .tab_navbox .tab_nav:hover {color: var(--basic-black);}
.page-detail .tab_navbox .tab_nav::after {content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px;background: #000; opacity: 0; transition: var(--transition);}
.page-detail .tab_navbox .tab_nav.on {color: var(--basic-black);}
.page-detail .tab_navbox .tab_nav.on2 {color: var(--basic-black);}
.page-detail .tab_navbox .tab_nav.on::after {opacity: 1;}
.page-detail .tab_contbox .tab_cont .frame-158 {margin-bottom: 1rem;}
.page-detail .tab_contbox .page-detail .frame-15d { border-top: 1px dashed var(--basic-border);}

.page-detail .frame-9c {width: 100%;}
.page-detail .frame-9d {width: 100%; padding: 1.25rem 1.5rem; border-radius: 0.625rem;  gap: 1rem;  background: var(--basic-pale);}
.page-detail .frame-9e { gap: 0.5rem;}
.page-detail .fi-rs-marker { width: 1.375rem; height: unset;  aspect-ratio: 1 / 1; background: url(../img/sub/ic_marker.png) no-repeat center/contain;}
.page-detail .marker_txt {flex: 1; font-weight: 500;font-size: 1rem;line-height: 100%;letter-spacing: -0.02em;color: var(--basic-middlegray);}

.page-detail .typebox { width: 100%; display: flex; gap: 0.625rem;}
.page-detail .typebox .item { width: calc((100% - 0.75rem * 2) / 3);  border: 1px solid var(--basic-border); border-radius: 0.875rem; background: #fff; display: flex; flex-direction: column; overflow: hidden;}
.page-detail .typebox .item .top { padding: 0.625rem;  background: var(--basic-middlegray);  font-weight: 600; font-size: 1rem;  line-height: 100%;  letter-spacing: -0.03em; text-align: center; color: #fff;}
.page-detail .typebox .item.free .top { background: var(--typeA-bg1); color: var(--basic-middlegray);}
.page-detail .typebox .item .cont {flex: 1; padding: 1.5rem 1rem; display: flex; flex-direction: column; gap: 1.25rem;}
.page-detail .typebox .item .cont .tit { display: flex; align-items: baseline; gap: 0.375rem;  padding-bottom: 0.75rem; border-bottom: 1px solid var(--basic-border);  font-weight: 700;   font-size: 1.063rem;  line-height: 100%;  letter-spacing: -0.03em; color: var(--typeB-dark);}
.page-detail .typebox .item .cont .tit small { font-weight: 500; font-size: 0.75rem;  line-height: 100%; letter-spacing: -0.03em; color: var(--basic-gray);}
.page-detail .typebox .item .cont .list { display: flex;  flex-direction: column;  gap: 0.625rem;}
.page-detail .typebox .item .cont .list .list_item { display: flex;  align-items: center;  justify-content: space-between; font-weight: 500;  font-size: 0.875rem;  line-height: 100%; letter-spacing: -0.02em; color: var(--basic-black);}
.page-detail .typebox .item .cont .list .list_item .list_desc {color: var(--basic-gray);}
.page-detail .typebox .item .cont .list .list_item .list_desc .check{ background: url(../img/sub/ic_check_procedure.png) no-repeat center / contain; width: 0.875rem;  height: unset; aspect-ratio: 1 / 1; display: block;}

.page-detail .note_txtbox {width: 100%; display: flex; flex-direction: column; gap: 0.625rem;}
.page-detail .note_txtbox .note_txt {font-weight: 500;font-size: 0.75rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-middlegray); border-bottom: 1px solid var(--basic-border); padding-bottom: 0.5rem;}
.page-detail .note_txtbox .note_txt:last-child {padding-bottom: 0; border-bottom: 0;}

.page-detail .frame-cf { gap: 1rem;}
.page-detail .schedulebox {width: 100%; border-radius: 1.25rem;  padding: 2rem 1.5rem 1.5rem;   background: var(--typeA-bg3); display: flex; gap: 1rem;}
.page-detail .schedulebox .item { flex: 1; display: flex; flex-direction: column; gap: 0.75rem;}
.page-detail .schedulebox .item .titbox { display: flex; align-items: baseline;  gap: 1rem;}
.page-detail .schedulebox .item .titbox .tit { font-weight: 700;  font-size: 1rem;  line-height: 100%;  letter-spacing: -0.04em; color: var(--typeA-sub1);}
.page-detail .schedulebox .item .titbox .desc { font-size: 0.75rem;line-height: 100%; letter-spacing: -0.02em; color: var(--basic-gray);}
.page-detail .schedulebox .item .contbox { flex: 1; border-radius: 0.875rem; background: #fff;  padding: 2rem 1.25rem; display: flex; flex-direction: column; gap: 0.5rem;}
.page-detail .schedulebox .item .contbox .timetxt {font-weight: 500;font-size: 0.813rem;line-height: 100%;letter-spacing: -0.02em;color: #cfcfcf;}
.page-detail .schedulebox .item .contbox .list {position: relative; display: flex; flex-direction: column; gap: 1rem;}
.page-detail .schedulebox .item .contbox .list::before { content: "";  position: absolute;  left: 3.563rem;  top: 1.125rem;  width: 1px;  height: calc(100% - 1.125rem * 2); background: var(--basic-border);}
.page-detail .schedulebox .item .contbox .list .listitem { position: relative; display: flex; align-items: center;  gap: 0.875rem;}
.page-detail .schedulebox .item .contbox .list .listitem .timetxt {font-size: 0.938rem; width: 2.5rem; color: var(--basic-gray);}
.page-detail .schedulebox .item .contbox .list .listitem .dot { width: 0.375rem;  aspect-ratio: 1 / 1; background: #c1c1c1; border-radius: 50%; align-self: center;}
.page-detail .schedulebox .item .contbox .list .listitem .balloon {position: relative;  font-weight: 500;  font-size: 0.938rem;  line-height: 130%;  letter-spacing: -0.02em;  color: #7b7b7b;  padding: 0.625rem 0.75rem;  background: var(--typeA-bg3); border-radius: 0.5rem; margin-left: 0.5rem;}
.page-detail .schedulebox .item .contbox .list .listitem .balloon::before {content: ""; position: absolute; top: 50%;  right: 100%;  transform: translateY(-50%);  width: 0;  height: 0;   border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent;  border-right: 0.5rem solid var(--typeA-bg3); background: none; margin-right: -1px;}
.page-detail .schedulebox .item .contbox .list .listitem .balloon.on {background: var(--typeA-main); color: #fff;}
.page-detail .schedulebox .item .contbox .list .listitem .balloon.on::before {border-right-color: var(--typeA-main);}
.page-detail .schedulebox .item .contbox .list .listitem .txt {font-weight: 500;font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: #c1c1c1;}

.page-detail .experbox {  width: 100%; background: var(--basic-pale);  border-radius: 0.875rem;   padding: 2rem;  display: flex;  flex-direction: column;  gap: 1rem;}
.page-detail .experbox .item {display: flex; align-items: flex-start; gap: 1.5rem ;}
.page-detail .experbox .item .icon {width: 1.5rem;}
.page-detail .experbox .item .txtbox { font-weight: 500;font-size: 1rem; line-height: 130%;letter-spacing: -0.03em;color: var(--basic-middlegray);  display: flex;   align-items: flex-start; gap: 1rem;}
.page-detail .experbox .item .txtbox .tit {font-weight: 600; color: var(--basic-black); width: 4.5rem;  padding-top: 0.25rem;}
.page-detail .experbox .item .txtbox .desc {flex: 1; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem;}
.page-detail .experbox .item .txtbox .desc .txt{padding-top: 0.25rem;}
.page-detail .experbox .item .txtbox .desc .tag{font-weight: 600; font-size: 0.75rem;line-height: 100%;letter-spacing: -0.02em; border: 1px solid transparent;border-radius: 0.25rem;padding: 0 0.5rem; overflow: hidden; height: 1.5rem; display: flex; align-items: center; justify-content: center; color: #fff;}

/* .page-detail .questionbox {display: flex; flex-wrap: wrap; gap: 0.375rem 0.5rem;}
.page-detail .questionbox .question {width: auto; font-weight: 500;font-size: 0.875rem;text-align: center;color: #999; border: 1px solid var(--basic-border);border-radius: 10rem; padding: 1rem 1.875rem; background: #fbfbfb;} */

.page-detail .question_wrapper {position: relative;  width: 100%;display: flex; flex-direction: column; gap: 1rem; overflow: hidden;}
.page-detail .question_wrapper::before, 
.page-detail .question_wrapper::after {content: ""; position: absolute; top: 0; width: 5rem; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%); z-index: 5;}
.page-detail .question_wrapper::before {left: -1px; transform: rotate(180deg);}
.page-detail .question_wrapper::after {right: -1px;}
.page-detail .question_box {width: 100%; gap: 0.5rem;}
.page-detail .question_box .marquee_group {gap: 0.5rem;}
.page-detail .question_box .question {width: auto; font-weight: 500;font-size: 0.875rem;text-align: center;color: #999; border: 1px solid var(--basic-border);border-radius: 10rem; padding: 0.75rem 1.25rem; background: #fbfbfb;}

@media screen and (min-width: 1081px) {
	.page-detail .question_box.pc_hide {display: none;}
}

.page-detail .pointbox {width: 100%; display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem; border-radius: 0.5rem; border: 1px solid transparent;}
.page-detail .pointbox .txt {font-weight: 500;font-size: 1rem;line-height: 170%;letter-spacing: -0.02em;}

.page-detail .counselingwrap {width: 100%; display: flex; flex-direction: column; gap: 0.875rem;}
.page-detail .counselingbox {width: 100%; border-radius: 0.625rem;padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; overflow: hidden;}
.page-detail .counselingbox .box_tit {font-weight: 700;font-size: 1rem;line-height: 100%;
letter-spacing: -0.02em;color: var(--basic-middlegray);}
.page-detail .counselingbox .box_list {display: flex; flex-direction: column; gap: 0.5rem;}
.page-detail .counselingbox .box_list .item {font-weight: 500;font-size: 0.938rem;line-height: 140%;letter-spacing: -0.02em; display: flex; align-items: center;  gap: 1.25rem;}
.page-detail .counselingbox .box_list .item .tit {font-weight: 700;}
.page-detail .counselingbox .box_list.ver2 .item .tit {width: 6rem;}
.page-detail .counselingbox .box_list .item .desc {display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 0.5rem; flex: 1;}
.page-detail .counselingbox .box_list .item .desc .txt {color: var(--basic-middlegray);}
.page-detail .counselingbox .box_list .item .desc .small {font-weight: 500;font-size: 0.75rem;line-height: 140%;letter-spacing: -0.02em;color: var(--basic-gray);}

.page-detail .counselingbox2 {position: relative; width: 100%; display: flex; flex-direction: column; gap: 1rem;}
.page-detail .counselingbox2::before { content: ""; position: absolute;  left: 1.75rem;  top: 0.5rem;  width: 1px;  height: calc(100% - 1rem); background: var(--basic-border);}
.page-detail .counselingbox2 .item { position: relative; display: flex; align-items: center; gap: 1.5rem;}
.page-detail .counselingbox2 .item .imgbox {width: 3.5rem; aspect-ratio: 1/1; border: 1px solid var(--basic-border); border-radius: 0.5rem; overflow: hidden; background: var(--basic-pale);}
.page-detail .counselingbox2 .item .imgbox .img {width: 100%;height: 100%; object-fit: cover;}
.page-detail .counselingbox2 .item .tit {flex: 1; font-weight: 500;font-size: 1rem;line-height: 130%;letter-spacing: -0.02em;color: var(--basic-middlegray);}

.page-detail .frame-section { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; }
.page-detail .frame-section.ver1 { gap: 0;}
.page-detail .frame-section.ver2 { gap: 1.5rem;}
.page-detail .frame-section.ver3 { gap: 1.25rem;}
.page-detail .frame-section.ver4 { gap: 1rem;}
.page-detail .frame-section.ver5 { gap: 0.5rem;}
.page-detail .frame-section.mb { margin-bottom: 4rem;}
.page-detail .frame-section.mt { margin-top: 5rem;}
.page-detail .frame-section.d_img { margin-top: 5rem;}
.page-detail .frame-titbox { width: 100%; display: flex; flex-direction: column; gap: 1rem;}
.page-detail .frame-titbox.flex {flex-direction: row; align-items: center; gap: 0.625rem;}
.page-detail .frame-titbox.between {flex-direction: row; justify-content: space-between;}
.page-detail .frame-titbox.between .frame-title {flex: 1;}
.page-detail .frame-titbox.gap2 {gap: 1.25rem;}
.page-detail .frame-titbox.gap3 {gap: 1.5rem;}
.page-detail .frame-title {font-weight: 700;font-size: 1.5rem;line-height: 100%;letter-spacing: -0.03em;color: var(--basic-black); display: flex; align-items: center; gap: 0.625rem;}
.page-detail .frame-title.flex {display: flex; align-items: center; gap: 0.5rem;}
.page-detail .frame-title small {font-weight: 400;font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: #979797;}
.page-detail .frame-tag {font-weight: 600;font-size: 0.875rem;line-height: 100%;text-align: center; border: 1px solid transparent; border-radius: 0.25rem; padding: 0 0.625rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.page-detail .frame-desc {font-size: 0.938rem;line-height: 160%;letter-spacing: -0.02em;color: var(--basic-middlegray);}
.page-detail .frame-desc2 {font-size: 0.875rem;line-height: 100%;letter-spacing: -0.02em;color: var(--basic-gray);}
.page-detail .frame-desc3 {font-size: 1rem;line-height: 160%;letter-spacing: -0.02em;color: var(--basic-middlegray);}
.page-detail .frame-detailimg {width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1.875rem; overflow: hidden;} 
.page-detail .frame-titbox .kakao_link {font-weight: 600;font-size: 1rem;color: var(--basic-black); border: 1px solid var(--basic-border);border-radius: 0.625rem;padding: 0 1.125rem 0 1rem; height: 3rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
.page-detail .frame-titbox .kakao_link .icon {width: 1.5rem;}


/* 게시판 상세 */
.board-view.page-detail {padding-top: 0;} 
.board-view.page-detail .main-container {overflow: unset; padding-bottom: 0;  border-radius: 0; box-shadow: none;}

.board-view.page-detail .board-view-subj { padding-bottom: 1.5rem; gap: 1rem;}
.board-view.page-detail .board-view-subj .bottombox .title { line-height: 160%;}
.board-view.page-detail .sseom-neol {  height: unset; aspect-ratio: 360 / 227;}
.board-view.page-detail .sseom-neol .img_area {position: relative;}
.board-view.page-detail .sseom-neol .img_area .img-fluid { width: 100%; height: 100%;  object-fit: cover;}
.board-view.page-detail .sseom-neol .img_area .flag { position: absolute; top: 1.25rem; left: 1.25rem; width: 2.5rem; border-radius: 3px; overflow: hidden; z-index: 10;}
.board-view.page-detail .sseom-neol .img_area .title { position: absolute;  left: 0;  bottom: 0;  display: flex;  flex-direction: column;  gap: 0.25rem;  width: 100%;  padding: 0 1.25rem 1.25rem; z-index: 10;}
.board-view.page-detail .sseom-neol .img_area .title .sub {font-weight: 500;font-size: 1.25rem;line-height: 120%;letter-spacing: -0.04em;color: #fff;}
.board-view.page-detail .sseom-neol .img_area .title .tit { font-weight: 700;font-size: 1.75rem;line-height: 120%;letter-spacing: -0.02em;color: #fff;}
.board-view.page-detail .frame-150{background: #fff;}
.board-view.page-detail .frame-14f { padding: 0;}
.board-view.page-detail.page-counsel .frame-159 { padding: 1.25rem 1rem 1rem;  border-bottom: 1px solid var(--basic-border);}
.board-view.page-detail.page-counsel .span-text-15a { font-weight: 700;  font-size: 1.125rem; line-height: 140%;  letter-spacing: -0.04em;}
.board-view.page-detail.page-counsel .span-text-15a br {display: none;}
.board-view.page-detail .frame-15d { display: flex; flex-direction: column; border-top: 0; padding: 1.25rem 1.25rem 1.5rem;}
.board-view.page-detail .frame-2e.sm.float ul {gap: 0.625rem;}
.board-view.page-detail .frame-2e.sm.float ul li {gap: 1.25rem; display: flex;}
.board-view.page-detail .frame-2e.sm.float ul li span { width: 3.25rem;}
.board-view.page-detail .frame-2e.sm ul li p { display: flex; align-items: center;  flex-wrap: wrap;  gap: 0.375rem;}
.board-view.page-detail .frame-2e.sm ul li p .state_badge {  width: unset; font-weight: 600;  font-size: 0.688rem;  letter-spacing: 0;  line-height: 100%;  text-align: center;   color: var(--typeC-main);  background: var(--typeC-bg1);  border-radius: 0.25rem;  padding: 0.25rem 0.313rem;  display: flex;  align-items: center;  justify-content: center; vertical-align: middle;}
.board-view.page-detail.page-detail .frame-2e.sm ul li p .state_badge.end { color: var(--basic-gray); background: var(--basic-border); cursor: pointer;}
.board-view.page-detail .button-160 { display: flex; align-items: center; justify-content: center;}


/* 캡챠 */
.vc-captcha {  width: 100%; color: var(--basic-middlegray);  background: #fff;}
#captcha {  width: unset;  display: flex;  align-items: center;  gap: 0.25rem;}
#captcha #captcha_img { width: 6.063rem;  aspect-ratio: 97 / 48;  border: none;  height: unset;}
#captcha #captcha_info {display: none;}
#captcha #captcha_mp3, #captcha #captcha_reload { position: relative;  top: auto;  right: auto; width: 1.5rem;   height: unset;  aspect-ratio: 1 / 1;  display: flex;  align-items: center;justify-content: center;  background:no-repeat center/contain #fff;  border: none; }
#captcha #captcha_mp3:after, #captcha #captcha_reload::after {display: none;}
#captcha #captcha_mp3 {background-image: url(../img/common//captcha_mp3.svg); margin-left: 1rem;}
#captcha #captcha_reload {background-image: url(../img/common//captcha_reset.svg); margin-left: 0.75rem;}
#captcha #captcha_key {flex: 1; line-height: 100%;  margin-left: 1.25rem;  width: 100%;   height: 3rem;  border: 1px solid var(--basic-border);  border-radius: 0.375rem;   padding: 0 1rem;  font-weight: 500;  font-size: 1rem;  letter-spacing: -0.03em;   color: var(--basic-middlegray);  background: #f5f5f5;  text-align: left;  box-shadow: none;  background-image: none !important;}
#captcha #captcha_key::placeholder {color: #c1c1c1;}
#captcha #captcha_key:focus {border-color: var(--basic-gray) !important;}


/* 우측 하단 고정 버튼 */
.eb-backtotop {display: none;}
.counsel-btn { line-height: 1;  right: 1.5rem;  bottom: 1.5rem;  width: 3.75rem;  height: unset;  aspect-ratio: 1 / 1;  display: flex;  align-items: center;  justify-content: center; font-size: 1.5rem; display: none;}


/* 토스트 팝업 */
.toast_popup { position: fixed;  top: 2rem;  left: 50%;  transform: translateX(-50%) translateY(-2.5rem);  opacity: 0;  transition: var(--transition);  width: 90%;   max-width: 46rem;  border-radius: 0.375rem;  padding: 1rem 1.25rem;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);  background: #fff;  z-index: 9999; pointer-events: none;}
.toast_popup.show { opacity: 1;  transform: translateX(-50%) translateY(0); pointer-events: unset;}
.toast_popup .txtbox { display: flex; align-items: center; justify-content: center;  gap: 0.625rem; font-weight: 600; font-size: 1rem; line-height: 100%; color: var(--basic-black);}
.toast_popup .txtbox .emoji {width: 1.375rem;}