:root {

	/* font */
	--font-family: "Pretendard", sans-serif;

	/* Typography */
	--60_title_r: 400 3.75rem/1.1 'Pretendard', sans-serif;
	--60_title_m: 500 3.75rem/1.1 'Pretendard', sans-serif;
	--60_title_b: 700 3.75rem/1.1 'Pretendard', sans-serif;

	--56_display1_r: 400 3.5rem/1.286 'Pretendard', sans-serif;
	--56_display1_m: 500 3.5rem/1.286 'Pretendard', sans-serif;
	--56_display1_b: 700 3.5rem/1.286 'Pretendard', sans-serif;

	--40_display2_r: 400 2.5rem/1.3 'Pretendard', sans-serif;
	--40_display2_m: 500 2.5rem/1.3 'Pretendard', sans-serif;
	--40_display2_b: 700 2.5rem/1.3 'Pretendard', sans-serif;

	--36_title1_r: 400 2.25rem/1.334 'Pretendard', sans-serif;
	--36_title1_m: 500 2.25rem/1.334 'Pretendard', sans-serif;
	--36_title1_b: 700 2.25rem/1.334 'Pretendard', sans-serif;

	--32_title_r: 400 2rem/1.2 'Pretendard', sans-serif;
	--32_title_m: 500 2rem/1.2 'Pretendard', sans-serif;
	--32_title_b: 700 2rem/1.2 'Pretendard', sans-serif;

	--30_title4_r: 400 1.875rem/1.1 'Pretendard', sans-serif;
	--30_title4_m: 500 1.875rem/1.1 'Pretendard', sans-serif;
	--30_title4_sb: 600 1.875rem/1.1 'Pretendard', sans-serif;
	--30_title4_b: 700 1.875rem/1.1 'Pretendard', sans-serif;

	--28_title1_r: 400 1.75rem/1.358 'Pretendard', sans-serif;
	--28_title1_m: 500 1.75rem/1.358 'Pretendard', sans-serif;
	--28_title1_b: 700 1.75rem/1.358 'Pretendard', sans-serif;

	--24_title1_r: 400 1.5rem/1.334 'Pretendard', sans-serif;
	--24_title1_m: 500 1.5rem/1.334 'Pretendard', sans-serif;
	--24_title1_b: 700 1.5rem/1.334 'Pretendard', sans-serif;
	
	--22_heading1_r: 400 1.375rem/1.364 'Pretendard', sans-serif;
	--22_heading1_m: 500 1.375rem/1.364 'Pretendard', sans-serif;
	--22_heading1_b: 700 1.375rem/1.364 'Pretendard', sans-serif;

	--20_heading2_r: 400 1.25rem/1.4 'Pretendard', sans-serif;
	--20_heading2_m: 500 1.25rem/1.4 'Pretendard', sans-serif;
	--20_heading2_b: 700 1.25rem/1.4 'Pretendard', sans-serif;
	
	--20_body_r: 400 1.25rem/1.4 'Pretendard', sans-serif;
	--20_body_m: 500 1.25rem/1.4 'Pretendard', sans-serif;
	--20_body_b: 700 1.25rem/1.4 'Pretendard', sans-serif;

	--18_headline1_r: 400 1.125rem/1.445 'Pretendard', sans-serif;
	--18_headline1_m: 500 1.125rem/1.445 'Pretendard', sans-serif;
	--18_headline1_b: 700 1.125rem/1.445 'Pretendard', sans-serif;

	--18_body_r: 400 1.125rem/1.2 'Pretendard', sans-serif;
	--18_body_m: 500 1.125rem/1.2 'Pretendard', sans-serif;
	--18_body_b: 700 1.125rem/1.2 'Pretendard', sans-serif;

	--18_body2_r: 400 1.125rem/1.3 'Pretendard', sans-serif;
	--18_body2_m: 500 1.125rem/1.3 'Pretendard', sans-serif;
	--18_body2_b: 700 1.125rem/1.3 'Pretendard', sans-serif;

	--17_headline2_r: 400 1.063rem/1.412 'Pretendard', sans-serif;
	--17_headline2_m: 500 1.063rem/1.412 'Pretendard', sans-serif;
	--17_headline2_b: 700 1.063rem/1.412 'Pretendard', sans-serif;

	--16_body2_r: 400 1rem/1.2 'Pretendard', sans-serif;
	--16_body2_m: 500 1rem/1.2 'Pretendard', sans-serif;
	--16_bod2y_b: 700 1rem/1.2 'Pretendard', sans-serif;

	--16_body1_normal_r: 400 1rem/1.5 'Pretendard', sans-serif;
	--16_body1_normal_m: 500 1rem/1.5 'Pretendard', sans-serif;
	--16_body1_normal_b: 700 1rem/1.5 'Pretendard', sans-serif;

	--16_body1_read_r: 400 1rem/1.625 'Pretendard', sans-serif;
	--16_body1_read_m: 500 1rem/1.625 'Pretendard', sans-serif;
	--16_body1_read_b: 700 1rem/1.625 'Pretendard', sans-serif;
	
	--16_body1_readl_b: 700 1rem/1.2 'Pretendard', sans-serif;

	--15_body2_normal_r: 400 0.938rem/1.467 'Pretendard', sans-serif;
	--15_body2_normal_m: 500 0.938rem/1.467 'Pretendard', sans-serif;
	--15_body2_normal_b: 700 0.938rem/1.467 'Pretendard', sans-serif;

	--15_body2_read_r: 400 0.938rem/1.6 'Pretendard', sans-serif;
	--15_body2_read_m: 500 0.938rem/1.6 'Pretendard', sans-serif;
	--15_body2_read_b: 600 0.938rem/1.6 'Pretendard', sans-serif;

	--14_label1_normal_r: 400 0.875rem/1.429 'Pretendard', sans-serif;
	--14_label1_normal_m: 500 0.875rem/1.429 'Pretendard', sans-serif;
	--14_label1_normal_b: 700 0.875rem/1.429 'Pretendard', sans-serif;

	--14_label1_read_r: 400 0.875rem/1.571 'Pretendard', sans-serif;
	--14_label1_read_m: 500 0.875rem/1.571 'Pretendard', sans-serif;
	--14_label1_read_b: 700 0.875rem/1.571 'Pretendard', sans-serif;

	--13_label1_r: 400 0.813rem/1.385 'Pretendard', sans-serif;
	--13_label1_m: 500 0.813rem/1.385 'Pretendard', sans-serif;
	--13_label1_b: 700 0.813rem/1.385 'Pretendard', sans-serif;

	--13_read_m: 500 0.813rem/1.3 'Pretendard', sans-serif;

	--12_caption1_r: 400 0.75rem/1.334 'Pretendard', sans-serif;
	--12_caption1_m: 500 0.75rem/1.334 'Pretendard', sans-serif;
	--12_caption1_b: 700 0.75rem/1.334 'Pretendard', sans-serif;

	--11_caption2_r: 400 0.688rem/1.273 'Pretendard', sans-serif;
	--11_caption2_m: 500 0.688rem/1.273 'Pretendard', sans-serif;
	--11_caption2_b: 700 0.688rem/1.273 'Pretendard', sans-serif;

	/* PRIMARY */
	--orange-900: #ff7a00;
	--orange-800: #ffa710;
	--orange-700: #ffc018;
	--orange-600: #ffd920;
	--orange-500: #fee61a;
	--orange-400: #ffeb47;
	--orange-300: #fff06c;
	--orange-200: #fff597;
	--orange-100: #fff9c1;
	--orange-50: #fffde6;

	/* NEUTRAL */
	--grayscale-900: #000;
	--grayscale-800: #262626;
	--grayscale-700: #434343;
	--grayscale-600: #555;
	--grayscale-500: #7b7b7b;
	--grayscale-400: #9d9d9d;
	--grayscale-300: #c4c4c4;
	--grayscale-200: #d9d9d9;
	--grayscale-100: #e9e9e9;
	--grayscale-50: #f5f5f5;		
	--white: #fff;

	/* Brand color */
	--primary-primary: var(--orange-900);	

	/* Neutral color */
	--neutral-black: var(--grayscale-900);
	--neutral-darkgray: var(--grayscale-700);
	--neutral-middlegray: var(--grayscale-500);
	--neutral-lightgray: var(--grayscale-300);
	--neutral-pale: var(--grayscale-50);
	--neutral-white: var(--white);

	--transition: all 0.4s linear;
	
  	--gap: 3.75rem
}


/* common */
* { margin: 0; padding: 0; outline: none; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
body {margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none; background: var(--neutral-white); }
body::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; }
html::-webkit-scrollbar {display: none;}
html, body {font: 400 16px/1.5 'Pretendard', sans-serif;  color: var(--grayscale-900); 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;}

body.hidden { overflow: hidden;}
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.5); z-index: 99;  transition: all 0.4s ease; opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}
  
.wrap {width: 100%; position: relative;}
.pc {display: block;}
.tablet {display: none !important;}
.mobile { display: none !important;}
.container {position: relative; width: 100%; padding-top: 12.5rem;} 
#fullpage {overflow: hidden;}
.section {position: relative; width: 100%; } 
.inner {position: relative; width: 90%; max-width: 1640px;  margin-left: auto; margin-right: auto;}
.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-out][data-aos^=fade-out] { opacity: 1; transition-property: opacity,transform}
[data-aos^=fade-out][data-aos^=fade-out].aos-animate { opacity: 0; transform: translateZ(0)}
[data-aos=fade-down] { transform: translate3d(0, -3.125rem, 0);}
[data-aos=fade-up] { transform: translate3d(0, 3.125rem, 0);}
[data-aos=fade-left] { transform: translate3d(3.125rem, 0, 0);}
[data-aos=fade-right] { transform: translate3d(-3.125rem, 0, 0);}

  
/*header*/
.header { position: fixed; left: 0;  top: 0;  width: 100%; height: 6.25rem;       backdrop-filter: blur(0.375rem); background: rgba(255, 255, 255, 0.06);  z-index: 100; transition: var(--transition);}
.header.white {background: transparent; backdrop-filter: blur(0);}
.header .h_inner { height: 100%; display: flex; align-items: center; justify-content: space-between;  gap: 3.75rem;}
.header .h_logo { width: 9rem;}
.header .h_logo > a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%;}
.header .h_logo > a .logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: var(--transition);}
.header .h_logo > a .logo_w {opacity: 0;}
.header.white .h_logo > a .logo_w {opacity: 1;}
.header.white .h_logo > a .logo_b {opacity: 0;}
.header .h_navbox { flex: 1; display: flex;  align-items: center;  justify-content: flex-end;  gap: 3.75rem;}
.header .h_nav {display: flex;  align-items: center; justify-content: space-between;  width: 75%;  max-width: 60.25rem;}
.header .h_nav > li {  font: var(--20_heading2_m);  color: var(--neutral-black);   letter-spacing: -0.01em; text-align: center; }
.header .h_nav > li > .link{position: relative; display: block; transition: color 0.5s linear; width: calc(100% + 0.5em);} 
.header .h_nav > li > .link::before {content: attr(data-text); font-weight: 600; opacity: 0; }
.header .h_nav > li > .link:hover {color: var(--primary-primary); font: var(--20_heading2_b); }
.header .h_nav > li > .link:active {color: var(--primary-primary); font: var(--20_heading2_b); }
.header .h_nav > li > .link .txt { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 100%;}
.header .h_side {position: relative;}
.header .h_side .side_btn {  text-align: center;  font: var(--15_body2_read_b);  color: var(--neutral-white);  letter-spacing: 0.01em;   background: var(--primary-primary);  border-radius: 6.25rem;  padding: 0.688rem 1.75rem; transition: var(--transition);}
.header .h_side .side_btn:hover {background: var(--orange-800);}
.header .menu_open {background: url(../img/menu_open_b.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; transition: var(--transition);}
.header.white .menu_open {background-image: url(../img/menu_open_w.png);} 

  
/* nav box */
.nav_box { width: 100%;  max-width: 100%;  height: 100%;  box-sizing: border-box;   position: fixed;  top: 0;  right: -100%;  backdrop-filter: blur(1.5rem);   background: rgba(0, 0, 0, 0.3);  overflow-y: scroll;  overflow-x: hidden;  -ms-overflow-style: none;   z-index: 101;  display: flex;  flex-direction: column;  transition: all 0.3s ease-out;  pointer-events: none;}
.nav_box.open { pointer-events: auto;  right: 0; }
.nav_box::-webkit-scrollbar { display: none;  }  
.nav_box .nav_head { width: 100%; height: 6.25rem; display: flex; align-items: center; justify-content: space-between;  gap: 3.75rem;}
.nav_box .nav_head .h_logo { width: 9rem;  display: flex;  align-items: center;  justify-content: center;}
.nav_box .nav_head .h_nav {flex: 1; display: flex;  align-items: center;  justify-content: flex-end;  gap: 3.75rem;}
.nav_box .nav_head .h_nav .h_side {position: relative;}
.nav_box .nav_head .h_nav .h_side .side_btn { text-align: center; font: var(--15_body2_read_b); color: var(--neutral-white); letter-spacing: 0.01em; background: var(--primary-primary);  border-radius: 6.25rem;  padding: 0.688rem 1.75rem;}
.nav_box .nav_head .menu_close { background: url(../img/menu_close.png) no-repeat center / contain;  width: 1.5rem; aspect-ratio: 1 / 1;}
.nav_box .nav_txtbox {margin-top: 12.5rem; margin-bottom: 10rem;}
.nav_box .nav_txtbox .title {font-weight: 500; font-size: 2.5rem; line-height: 120%; color: var(--neutral-white);}
.nav_box .nav { width: 100%; display: flex; align-items: center;  gap: 1.625rem;}
.nav_box .nav > li:not(.button) { position: relative;  width: calc((100% - 1.625rem * 7) / 7);  max-width: 13rem;  white-space: nowrap;}
.nav_box .nav > li:not(.button) .link {position: relative; display: block;  font-weight: 600;  font-size: 1.875rem;  line-height: 120%;  color: rgba(255, 255, 255, 0.3); padding: 0.5rem 1.125rem 0.5rem 0; border-right: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s ease-out; }
.nav_box .nav > li:not(.button).last .link {border-right: 0; padding-right: 0;}
.nav_box .nav > li:not(.button) .link::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0.188rem; background:var(--white); transition: all 0.3s ease-out;}
.nav_box .nav > li:not(.button) .link:hover {color: var(--white); padding-left: 2.25rem;}
.nav_box .nav > li:not(.button) .link:hover::before {width: 1.25rem;}
.nav_box .nav > li.button { width: auto;  height: 3.6rem;  font: var(--15_body2_read_b);   letter-spacing: 0.01em;  color: var(--neutral-white); padding: 0 2.8rem;  background: var(--primary-primary); display: flex; align-items: center;  justify-content: center;  border-radius: 10rem; display: none;}  
    

/* footer */
.footer { position: relative;  padding: 5.5rem 0 4.813rem; z-index: 10;  background: var(--neutral-pale); margin-top: 9.375rem;}
.footer .f_inner { display: flex; align-items: flex-end; justify-content: space-between;}
.footer .f_left {display: flex; flex-direction: column; gap: 1.875rem;}
.footer .f_left .f_logo{display: flex; width: 9rem;}
.footer .f_left .f_info{display: flex; flex-direction: column; gap: 0.375rem;}
.footer .f_left .f_info .info_top { font: var(--16_body2_r); color: var(--neutral-black);}
.footer .f_left .f_info .info_bottom{display: flex; align-items: center; gap: 1rem; margin-bottom: 0.375rem;}
.footer .f_left .f_info .info_bottom > .item {display: flex; align-items: center; gap: 0.5rem; font: var(--15_body2_normal_r); letter-spacing: 0.01em; color: var(--neutral-middlegray);}
.footer .f_left .f_nav {display: flex; align-items: center; gap: 5rem;}
.footer .f_left .f_nav > li{font:var(--18_headline1_m); color: var(--neutral-black);}
.footer .f_left .f_nav > li .link{display: block; cursor: pointer;}
.footer .f_right .f_copyright{font-size: 0.938rem;line-height: 120%;color: var(--neutral-lightgray); display: flex; align-items: center;}
.footer .f_right .f_copyright .logo { width: 3.375rem;  margin-right: 1rem;}
.footer .f_right .f_copyright .txtarea {display: flex; align-items: center; gap: 0.375rem;}


/* top button */
.top_button {display: none; position: fixed;  right: var(--margin-left); bottom :4rem; background: url(../img/top_button.png) no-repeat center/contain; width: 4rem; aspect-ratio: 1/1; z-index: 10; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 50%; outline: none; opacity: 0; transition: all 0.3s ease-in;} 
.top_button.show {opacity: 1;}


/* modal */
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.4); transition: all 0.6s ease; pointer-events: none; opacity: 0;}
.modal.show { pointer-events: auto; opacity: 1;}
.modal .modal_box {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  border-radius: 3.25rem;  padding: 6.25rem 5.5rem 4.375rem;  width: 90%;  max-width: 1365px;  max-height: 90%; display: flex;  flex-direction: column;  align-items: center;  transition: all 0.6s ease;   margin-top: 2.5rem; opacity: 0;  overflow: hidden;}
.modal.show .modal_box { margin-top: 0; opacity: 1;}
.modal .modal_box::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.9);filter: blur(0.25rem); z-index: -1;}
.modal .modal_box .modal_desc { font: var(--28_title1_m); letter-spacing: -0.02em; color: var(--neutral-white); text-align: center;}
.modal .modal_box .modal_btnbox {display: flex; align-items: center; gap: 1.875rem; margin-top: 3.25rem;}
.modal .modal_box .modal_btnbox .modal_btn {border-radius: 6.25rem; padding: 0.625rem 2.5rem;background: var(--primary-primary);font: var(--24_title1_b);  letter-spacing: -0.02em; color: var(--grayscale-100);  }


/* Privacy Policy */
#privacy_modal .contact_box { max-width: 1226px; border-radius: 1.25rem; padding: 0;    display: flex; flex-direction: row; align-items: unset;}
#privacy_modal .contact_box::before {display: none;}
#privacy_modal .logobox { width: 38%; max-width: 29rem; display: flex; align-items: center; justify-content: center; background: radial-gradient(114.79% 112.8% at 77.65% 85.09%, #000 0%, rgba(0, 0, 0, 0.99) 100%);}
#privacy_modal .logobox .logo {width: 68%; max-width: 19.625rem;}
#privacy_modal .txtbox { flex: 1;  padding: 6.25rem 4.125rem 4.75rem 4.25rem;  background: var(--neutral-white); overflow: auto;}
#privacy_modal .txtbox::-webkit-scrollbar {display: none;}
#privacy_modal .txtbox .tit_box { margin-bottom: 3.625rem;}
#privacy_modal .txtbox .tit_box .close_btn {display: none;}
#privacy_modal .txtbox .tit_box .form_tit {font: var(--40_display2_b);letter-spacing: -0.03em; color: var(--neutral-black);}
#privacy_modal .txtbox .contbox{display: flex; flex-direction: column; gap: 1.25rem;     height: 23.75rem; overflow: auto;}
#privacy_modal .txtbox .contbox::-webkit-scrollbar {display: none;}
#privacy_modal .txtbox .contbox > .item{display: flex; flex-direction: column; gap: 0.625rem;}
#privacy_modal .txtbox .contbox > .item .tit{font:var(--18_headline1_m); color: var(--neutral-black);}
#privacy_modal .txtbox .contbox > .item .desc{font:var(--16_body1_normal_r); letter-spacing: 0.01em; color: var(--neutral-darkgray);}
#privacy_modal .txtbox .contbox > .item .descwrap{ display: flex; flex-direction: column; gap: 0.5rem; }
#privacy_modal .txtbox .contbox > .item .descbox{ display: flex; flex-direction: column; gap: 0.44em; font: var(--14_label1_normal_r); letter-spacing: 0.01em; color: var(--neutral-middlegray);}
#privacy_modal .txtbox .contbox > .item .descbox .txt { position: relative;  padding-left: 1.4em;}
#privacy_modal .txtbox .contbox > .item .descbox .txt::before {  content: "";  position: absolute;  left: 0.5em; top: 0.65em;  width: 3px;  aspect-ratio: 1 / 1;  background: var(--neutral-middlegray);  border-radius: 50%;}
#privacy_modal .txtbox .btnbox { display: flex; align-items: center;  justify-content: flex-end;  margin-top: 3.125rem;} 
#privacy_modal .txtbox .btnbox .close_btn{ font: var(--24_title1_b); letter-spacing: -0.02em; color: var(--neutral-darkgray); } 


/* tabs */
.tab_navbox {display: flex; gap: 2.75rem;}
.tab_navbox .tab_nav { position: relative; font: var(--18_headline1_b);  color: var(--neutral-middlegray); padding-bottom: 0.625rem; cursor: pointer;}
.tab_navbox .tab_nav::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.25rem; background: var(--neutral-black); opacity: 0;}
.tab_navbox .tab_nav .link { display: flex; align-items: center;justify-content: center; width: 100%; height: 100%; color: transparent;}
.tab_navbox .tab_nav .link::before { content: attr(data-text); font-weight: 500;  position: absolute;  left: 50%; transform: translateX(-50%); width: 100%; color: var(--neutral-middlegray); text-align: center; white-space:nowrap;}
.tab_navbox .tab_nav:hover {font-weight: 700; color: var(--neutral-black);}
.tab_navbox .tab_nav:hover .link {color: inherit;}
.tab_navbox .tab_nav:hover  .link::before {opacity: 0;}
.tab_navbox .tab_nav.on {font-weight: 700; color: var(--neutral-black);}
.tab_navbox .tab_nav.on .link {color: inherit;}
.tab_navbox .tab_nav.on .link::before {opacity: 0;}
.tab_navbox .tab_nav.on::after {opacity: 1;}
.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}
	100% {opacity:1;}
}

.tab_navbox.tabs_swiper {width: 100%; display: block;}
.tab_navbox.tabs_swiper .tab_nav { width: auto;}


/* form */
.form_btnbox { display: flex;  align-items: center;  justify-content: center;  margin-top: 2.5rem;}
.form_btnbox .form_submit { width: 23.125rem; height: 3.75rem; font: var(--24_title1_m); line-height: 120%; text-align: center;  color: var(--neutral-white);  background: var(--primary-primary); display: flex; align-items: center; justify-content: center; transition: var(--transition);}
.form_btnbox .form_submit:hover {background: var(--orange-800);}

.input_box {position: relative;}
.input_box .label_text{font:var(--24_title1_b); line-height: 120%; font-weight: 600; color: var(--neutral-black);}
.input_box .input_text{width: 100%; height: 3.125rem; padding: 0 1rem; border: 1px solid var(--neutral-lightgray); border-radius: 0.188rem; background: var(--white); font:var(--18_body_m); color: var(--neutral-black);}
.input_box textarea.input_text{height: 7.5rem; padding: 0.375rem 1rem; resize: none;}
.input_box .input_text::placeholder{font:var(--16_body2_r); color: var(--neutral-lightgray);}


/* button */
.more_btnbox {position: relative;}
.more_btn {border: 1px solid var(--neutral-middlegray); border-radius: 10rem; padding: 0.625rem 1.25rem; display: inline-flex; align-items: center; gap: 0.625rem; font:var(--20_heading2_m);letter-spacing: -0.01em;text-align: center;color: var(--neutral-middlegray); background: var(--white);}
.more_btn .icon {background: url(../img/ico_view_plus.png) no-repeat center/contain; width: 1.063rem; aspect-ratio: 1/1;} 

.button { width: 18.5rem; height: 4.063rem; font: var(--24_title1_m); line-height: 100%; text-align: center;  color: var(--neutral-white);  background: var(--primary-primary); display: flex; align-items: center; justify-content: center; gap: 0.625rem; transition: var(--transition);}
.button:hover {background: var(--orange-800);}
.button .icon {width: 1.875rem;}


/* swiper */
.swiper_btns { display: flex;  align-items: center;  gap: 1rem;}
.swiper_btns .prev_btn, .swiper_btns .next_btn {  background: no-repeat center / contain;  position: relative;  left: auto;  right: auto;  top: auto;  bottom: auto;  width: 0.625rem;  height: 1.125rem;  opacity: 1; margin: 0; transition: var(--transition);}
.swiper_btns .prev_btn {background-image: url(../img/swiper_prev_on.png);}
.swiper_btns .next_btn {background-image: url(../img/swiper_next_on.png);}
.swiper_btns .prev_btn.swiper-button-disabled {background-image: url(../img/swiper_prev.png);}
.swiper_btns .next_btn.swiper-button-disabled {background-image: url(../img/swiper_next.png);}
.swiper_btns .btn_bar { width: 2px; height: 1.25rem;  background: var(--neutral-lightgray); display: inline-block;}
.swiper_btns .swiper-button-lock + .btn_bar {display: none;}
.swiper-scrollbar.scrollbar { position: relative;  left: auto;  right: auto;  top: auto;  bottom: auto;  flex: 1; height: 2px;  border-radius: 0;  background: var(--neutral-lightgray);}
.swiper-scrollbar.scrollbar .swiper-scrollbar-drag { height: 100%;  border-radius: 0;  background: var(--primary-primary);}
.swiper-pagination.pagination {  position: relative;  left: auto;  right: auto;  top: auto; bottom: auto;  width: auto;  font: var(--18_body2_r);  letter-spacing: 0.01em;  color: var(--neutral-lightgray);}
.swiper-pagination.pagination .current { font: var(--24_title1_b);  letter-spacing: -0.02em;  color: var(--neutral-black);}
.swiper-pagination.progressbar { position: relative;  left: auto;  right: auto;  top: auto;  bottom: auto;  flex: 1; height: 2px;  border-radius: 0;  background: var(--neutral-lightgray);}
.swiper-pagination.progressbar .swiper-pagination-progressbar-fill{ height: 100%;  border-radius: 0;  background: var(--primary-primary); transition: all 0.5s;}


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


/* paging */
.paging {display: flex; align-items: center; justify-content: center; gap: 1.25rem;}
.paging .page_btn{background: no-repeat center/contain; width: 0.625rem; aspect-ratio: 1/2;}
.paging .page_btn.prev{background-image: url(../img/paging_prev.png);}
.paging .page_btn.next{background-image: url(../img/paging_next.png);}
.paging .page_btn.disabled {pointer-events: none; opacity: 0.4;}
.paging .page_box { display: flex; align-items: center;  justify-content: center;  gap: 0.938rem;}
.paging .page_box .page { position: relative; font: var(--18_body_r);  font-weight: 300;  color: var(--neutral-middlegray);  padding: 0.25rem 0;  border-bottom: 1px solid transparent;}
.paging .page_box .page.on{border-color: var(--neutral-black); color: var(--neutral-black);;}


/* sub */
.sub_section {position: relative; width: 100%; margin-bottom: 7.5rem;}
.sub_titbox {position: relative; width: 100%; margin-bottom: 4.25rem;}  
.sub_titbox.inner {width: 90%;}
.sub_title {font:var(--60_title_b);text-transform: capitalize; color: var(--neutral-black); font-weight: 900;}