:root {

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

	/* Typography */
	--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;

	--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

	--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_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;


	/* connecteve */
	--connecteve-com-black: #000;
	--connecteve-com-cod-gray: #111;
	--connecteve-com-dove-gray: #707070;
	--connecteve-com-dusty-gray: #999;
	--connecteve-com-monza: #c5061c;
	--connecteve-com-shamrock: #3ed89b;
	--connecteve-com-silver: #bbb;
	--connecteve-com-spring-green: #14ffa5;
	--connecteve-com-turquoise: #48eeac;
	--connecteve-com-white: #fefefe;
	--connecteve-com-white: #fff;
	--connecteve-com-white-100: rgba(255, 255, 255, 0.1);

	/* demo */
	--demo-divi-pixel-com-cod-gray-440: rgba(25, 25, 25, 0.44);
	--demo-divi-pixel-com-cod-gray-800: rgba(25, 25, 25, 0.8);
	--demo-divi-pixel-com-dove-gray: #666;
	--demo-divi-pixel-com-dove-gray-230: rgba(102, 102, 102, 0.23);
	--demo-divi-pixel-com-fuego: #a8ea08;
	--demo-divi-pixel-com-fuego-250: rgba(168, 234, 8, 0.25);
	--demo-divi-pixel-com-gray: #878787;
	--demo-divi-pixel-com-mercury: #e2e2e2;
	--demo-divi-pixel-com-mine-shaft: #272727;
	--demo-divi-pixel-com-regent-gray: #7d8aa1;
	--demo-divi-pixel-com-black-50: rgba(0, 0, 0, 0.05);
	--demo-divi-pixel-com-boulder: #787878;
	--demo-divi-pixel-com-boulder: #757575;
	--demo-divi-pixel-com-cod-gray: #1e1e1e;
	--demo-divi-pixel-com-cod-gray: #191919;
	--demo-divi-pixel-com-white-0-20: rgba(255, 255, 255, 0);
	--demo-divi-pixel-com-white-200: rgba(255, 255, 255, 0.2);
	--demo-divi-pixel-com-white-50: rgba(255, 255, 255, 0.05);
	--demo-divi-pixel-com-white-60: rgba(255, 255, 255, 0.06);
	--demo-divi-pixel-com-white-white: #fff;
	--demo-divi-pixel-com-wild-sand: #f5f5f5;	

	/* 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);

	/* etc. */
	--btn-bg: var(--orange-700);
	--color-black-solid: #000;
	--color-grey-100: #fefefe;
	--color-red-40: #c5061c;
	--color-white-solid: #fff;
	--color-spring-green-61: #48eeac;
	--color-spring-green-55: #3ed89b;
	--color-grey-73: #bbb;
	--color-white--100: rgba(255, 255, 255, 0.1);
	--color-grey-7: #111;
	--color-grey-44: #707070;
	--color-grey-60: #999;
	--color-spring-green-54: #14ffa5;
	--color-white-solid: #fff;
	--color-grey-10-440: rgba(25, 25, 25, 0.44);
	--color-black--50: rgba(0, 0, 0, 0.05);
	--color-black-solid: #000;
	--color-white--0-20: rgba(255, 255, 255, 0);
	--color-chartreuse-green-47: #a8ea08;
	--color-white--200: rgba(255, 255, 255, 0.2);
	--color-grey-96: #f5f5f5;
	--color-grey-40: #666;
	--color-grey-12: #1e1e1e;
	--color-grey-15: #272727;
	--color-grey-10: #191919;
	--color-white--50: rgba(255, 255, 255, 0.05);
	--color-grey-53: #878787;
	--color-chartreuse-green-47-250: rgba(168, 234, 8, 0.25);
	--color-grey-89: #e2e2e2;
	--color-white--60: rgba(255, 255, 255, 0.06);
	--color-grey-40-230: rgba(102, 102, 102, 0.23);
	--color-grey-47: #787878;
	--color-grey-46: #757575;
	--color-grey-10-800: rgba(25, 25, 25, 0.8);
	
  	--gap: 2rem
}


/* 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-black); }
body::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; }
html::-webkit-scrollbar {display: none;}
html, body {font: 400 1rem/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%; } 
.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-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(0, 0, 0, 0.39);  z-index: 100;}
.header .h_inner { height: 100%; display: flex; align-items: center; justify-content: space-between;  gap: 3.75rem;}
.header .h_logo {   max-width: 9rem;}
.header .h_logo > a {display: flex; align-items: center; justify-content: center;}
.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(--grayscale-200);   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(--grayscale-200); font-weight: 600;  letter-spacing: 0.01em;  background: var(--primary-primary);  border-radius: 6.25rem;  padding: 0.688rem 0.438rem;}
.header .menu_open {background: url(../img/ic_menu.png) no-repeat center/contain; width: 2.4rem; aspect-ratio: 1/1; display: none;}

.about_wrap .header .h_nav > li:nth-child(1) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}
.newPlatform_wrap .header .h_nav > li:nth-child(2) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}
.tech_wrap .header .h_nav > li:nth-child(3) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}
.useCases_wrap .header .h_nav > li:nth-child(4) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}
.orderGuide_wrap .header .h_nav > li:nth-child(5) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}
.clinic_wrap .header .h_nav > li:nth-child(6) > .link {color: var(--primary-primary); font: var(--20_heading2_b);}

  
/* nav box */
.nav_box {width: 100%; max-width: 100%;  height: 100%;  box-sizing: border-box;  position: fixed;  top: 0;  right: -100%;  background-color: var(--neutral-black);  overflow-y: scroll;  overflow-x: hidden; -ms-overflow-style: none;  z-index: 101;  display: flex;  flex-direction: column;  transition: all 0.4s ease; pointer-events: none;}
.nav_box.open { pointer-events: auto;  right: 0; box-shadow: 0px 0px 22px rgba(70, 75, 90, 0.45);  }
.nav_box::-webkit-scrollbar { display: none;  }  
.nav_box .nav_head { width: 100%; height: 4.2rem; display: flex; align-items: center;  justify-content: space-between; gap: 1rem; padding: 0 2rem;}
.nav_box .nav_head .logo { width: 6.6rem;  display: flex;  align-items: center;  justify-content: center;}
.nav_box .nav_head .menu_close { background: url(../img/ic_menuclose.png) no-repeat center / contain;  width: 2.4rem; aspect-ratio: 1 / 1;}
.nav_box .nav { width: 100%;  flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 2.2rem; padding: 4rem 2rem;}
.nav_box .nav > li { position: relative;  width: 100%; font: var(--18_title_b);  letter-spacing: -0.01em; color: var(--white);}
.nav_box .nav > li.active {color: var(--primary-primary);}
.nav_box .nav > li .link {display: block;}
.nav_box .nav > li.button { width: auto;  height: 3.6rem;  font: var(--15_body2_read_b);  letter-spacing: 0.01em;  color: var(--grayscale-200); padding: 1.1rem 0.7rem;  background: var(--primary-primary); display: flex; align-items: center;  justify-content: center;  border-radius: 6.25rem;}
    

/* footer */
.footer { position: relative; padding: 4.438rem 0; z-index: 10; background: #000;}
.footer .f_inner { display: flex; align-items: flex-end; justify-content: space-between;}
.footer .f_left {display: flex; flex-direction: column; gap: 1.063rem;}
.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(--15_body2_normal_r); letter-spacing: 0.01em; color: var(--neutral-white);}
.footer .f_left .f_info .info_bottom{display: flex; align-items: center; gap: 1.875rem;}
.footer .f_left .f_info .info_bottom > .item {display: flex; align-items: center; gap: 0.625rem; font: var(--15_body2_normal_r); letter-spacing: 0.01em; color: var(--neutral-lightgray);}
.footer .f_left .f_nav {display: flex; align-items: center; gap: 5rem;}
.footer .f_left .f_nav > li{font:var(--18_headline1_b); color: var(--neutral-white);}
.footer .f_left .f_nav > li .link{display: block; cursor: pointer;}
.footer .f_right .f_copyright{font: var(--14_label1_read_r); letter-spacing: 0.01em; color: var(--neutral-middlegray); display: flex; align-items: center;}
.footer .f_right .f_copyright .logo { width: 3.438rem;  margin-right: 0.875rem;}
.footer .f_right .f_copyright .txtarea {display: flex; align-items: center; gap: 0.375rem;}


/* common banner */
.common_banner {position: relative;background: var(--primary-primary); padding: 3rem 0; transition: all 0.4s ease;}
.common_banner.hide { transform: translateY(100%); pointer-events: none;}
.common_banner > .inner{display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.common_banner .txtbox { flex: 1;}
.common_banner .txtbox .title{font:var(--24_title1_b); letter-spacing: -0.02em; color: var(--neutral-white);}
.common_banner .btnbox{display: flex; align-items: center; gap: 1.875rem;}
.common_banner .btnbox .btn{border-radius: 6.25rem; padding: 0.625rem 2.5rem;background: var(--grayscale-50);font: var(--24_title1_b);  letter-spacing: -0.02em; color:var(--primary-primary)}


/* send email_modal (기존 메일 팝업) */
#sendEmail_modal .formbox { display: flex; align-items: center; justify-content: center; gap: 3.438rem; width: 100%;}
#sendEmail_modal .formbox .imgbox { display: flex; width: 35%;  max-width: 25rem;}
#sendEmail_modal .formbox .input_wrap{flex: 1; display: flex; flex-direction: column; gap: 1.25rem;}
#sendEmail_modal .formbox .input_box { width: 100%; display: flex; align-items: flex-start; gap: 2.25rem;}
#sendEmail_modal .formbox .input_box .label {  display: inline-block;  font: var(--28_title1_b);  letter-spacing: -0.02em;  color: var(--primary-primary);  width: 6.5rem;padding: 0.438rem 0;}
#sendEmail_modal .formbox .input_box .input,
#sendEmail_modal .formbox .input_box .textarea { flex: 1; width: 100%;  border: 1px solid var(--primary-primary); border-radius: 6.25rem; padding: 0.625rem 1.875rem;  background: transparent;  font: var(--24_title1_m); letter-spacing: -0.02em;  color: var(--neutral-white);}
#sendEmail_modal .formbox .input_box .textarea { height: 12.375rem;  border-radius: 1.875rem;  padding: 0.875rem 1.875rem;}
#sendEmail_modal .formbox .input_box .input::placeholder,
#sendEmail_modal .formbox .input_box .textarea::placeholder {color: var(--grayscale-300);}


/* contact_modal */
#contact_modal .contact_box { max-width: 1226px; border-radius: 1.25rem; padding: 0;    display: flex; flex-direction: row; align-items: unset;}
#contact_modal .contact_box::before {display: none;}
#contact_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%);}
#contact_modal .logobox .logo {width: 68%; max-width: 19.625rem;}
#contact_modal .formbox {  flex: 1;  display: flex;flex-direction: column;  background: var(--neutral-white); padding: 6.25rem 4.125rem 4.75rem 4.375rem;  overflow: auto;}
#contact_modal .formbox::-webkit-scrollbar {display: none;}
#contact_modal .formbox .tit_box { margin-bottom: 3.625rem;}
#contact_modal .formbox .tit_box .close_btn {display: none;}
#contact_modal .formbox .tit_box .form_tit {font: var(--40_display2_b);letter-spacing: -0.03em; color: var(--neutral-black);}
#contact_modal .formbox .input_wrap{display: flex; flex-wrap: wrap; gap: 1.875rem 3.875rem; margin-bottom: 3.125rem}
#contact_modal .formbox .input_box { width: calc((100% - 3.875rem)/2); display: flex;     flex-direction: column; gap: 1.125rem;}
#contact_modal .formbox .input_box.full {width: 100%;}
#contact_modal .formbox .input_box .label { display: inline-block;  font: var(--20_body_m);  letter-spacing: -0.01em; color: var(--neutral-darkgray);}
#contact_modal .formbox .input_box .input,
#contact_modal .formbox .input_box .textarea {font: var(--22_heading1_r); letter-spacing: -0.02em; color: var(--primary-primary); transition: all 0.25s linear;}
#contact_modal .formbox .input_box .input { flex: 1; width: 100%;  border: 0;  border-bottom: 1px solid rgba(67, 67, 67, 0.5);  padding-bottom: 0.25rem; background: transparent;}
#contact_modal .formbox .input_box .textarea { height: 11.8rem;  border-radius: 0.625rem;  padding: 1rem; resize: none;}
#contact_modal .formbox .input_box .input::placeholder,
#contact_modal .formbox .input_box .textarea::placeholder {color: var(--neutral-lightgray);}
#contact_modal .formbox .input_box .input:focus,
#contact_modal .formbox .input_box .textarea:focus {border-color: var(--primary-primary);}
#contact_modal .formbox .input_box .input:valid,
#contact_modal .formbox .input_box .textarea:valid {border-color: var(--primary-primary);}
#contact_modal .formbox .button_box { font: var(--24_title1_b); letter-spacing: -0.02em;  display: flex; align-items: center;  justify-content: space-between;}
#contact_modal .formbox .button_box .send_btn{font: inherit; color: var(--primary-primary); display: flex; align-items: center; gap: 0.375rem;}
#contact_modal .formbox .button_box .send_btn .arrow{background: url(../img/ic_send_arrow.png) no-repeat center/contain; width: 1.75rem; aspect-ratio: 1/1;}
#contact_modal .formbox .button_box .close_btn{font: inherit; color: var(--neutral-darkgray);}


/* privacy_modal */
#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); } 


/* app_privacy_modal
#app_privacy_modal .contact_box { max-width: 1226px; border-radius: 1.25rem; padding: 0;    display: flex; flex-direction: row; align-items: unset;}
#app_privacy_modal .contact_box::before {display: none;}
#app_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%);}
#app_privacy_modal .logobox .logo {width: 68%; max-width: 19.625rem;}
#app_privacy_modal .txtbox { flex: 1;  padding: 6.25rem 4.125rem 4.75rem 4.25rem;  background: var(--neutral-white); overflow: auto;}
#app_privacy_modal .txtbox::-webkit-scrollbar {display: none;}
#app_privacy_modal .txtbox .tit_box { margin-bottom: 3.625rem;}
#app_privacy_modal .txtbox .tit_box .close_btn {display: none;}
#app_privacy_modal .txtbox .tit_box .form_tit {font: var(--40_display2_b);letter-spacing: -0.03em; color: var(--neutral-black);}
#app_privacy_modal .txtbox .contbox{display: flex; flex-direction: column; gap: 1.25rem;     height: 23.75rem; overflow: auto;}
#app_privacy_modal .txtbox .contbox::-webkit-scrollbar {display: none;}
#app_privacy_modal .txtbox .contbox > .item{display: flex; flex-direction: column; gap: 0.625rem;}
#app_privacy_modal .txtbox .contbox > .item .tit{font:var(--18_headline1_m); color: var(--neutral-black);}
#app_privacy_modal .txtbox .contbox > .item .desc{font:var(--16_body1_normal_r); letter-spacing: 0.01em; color: var(--neutral-darkgray);}
#app_privacy_modal .txtbox .contbox > .item .descwrap{ display: flex; flex-direction: column; gap: 0.5rem; }
#app_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);}
#app_privacy_modal .txtbox .contbox > .item .descbox .txt { position: relative;  padding-left: 1.4em;}
#app_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%;}
#app_privacy_modal .txtbox .btnbox { display: flex; align-items: center;  justify-content: flex-end;  margin-top: 3.125rem;} 
#app_privacy_modal .txtbox .btnbox .close_btn{ font: var(--24_title1_b); letter-spacing: -0.02em; color: var(--neutral-darkgray); }  */


/* 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);  }


/* tabs */
.tabs { width: 100%; position: relative; background: rgba(0, 0, 0, 0.39);}
.tab_navbox { width: 100%; position: sticky; top: calc(-1.813rem - 0.563rem); display: flex; gap: 0;  margin-bottom: 7.5rem;  z-index: 10;  backdrop-filter: blur(0.375rem);  background: rgba(0, 0, 0, 0.39);  border-bottom: 1px solid var(--neutral-darkgray); padding-top: 9.5rem; margin-top: -7.688rem;}
.tab_navbox .tabs_swiper {width: 100%;}
.tab_navbox .tab_nav {position: relative; width: 25%;  font: var(--24_title1_r);   letter-spacing: -0.02em;  text-align: center; color: var(--white); padding: 0 0 1.25rem; cursor: pointer; }
.tab_navbox .tab_nav.on { font-weight: 700; color: var(--primary-primary);}
.tab_navbox .tab_nav::after { content: "";  position: absolute;  left: 50%;  bottom: 0;  transform: translateX(-50%);  width: 11.563rem;  height: 0.25rem;  background: var(--primary-primary); opacity: 0; transition: all 0.5s linear;}
.tab_navbox .tab_nav.on::after {opacity: 1;}
.tab_navbox .tab_nav .link { display: flex; align-items: center;justify-content: center; min-height: 3.25rem;}
.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;}
}


/* 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%;}
.v-marquee {position: relative; display: flex; flex-direction: column; gap: var(--gap);}
.v-marquee .marquee_group { flex-shrink: 0; display: flex; align-items: center; min-height: 100%;}


/* common titbox */
.common_titbox {display: flex;  align-items:flex-start; justify-content: space-between; gap: 2rem; margin-bottom: 5rem;}
.common_titbox > .left .title{font:var(--40_display2_b); letter-spacing: -0.03em; color: var(--white);}
.common_titbox > .right { display: flex; flex-direction: column; gap: 0.625rem;   width: 48%;  max-width: 48rem;}
.common_titbox > .right .tit{font: var(--24_title1_b); letter-spacing: -0.02em; color: var(--white);}
.common_titbox > .right .desc{font: var(--20_heading2_r); letter-spacing: -0.01em; color: var(--white);}
.common_titbox.ver2 > .left .title {color: var(--neutral-black);}
.common_titbox.ver2 > .right .tit,
.common_titbox.ver2 > .right .desc {color: var(--neutral-darkgray);}


/* common titbox2 */
.common_titbox2 {display: flex; flex-direction: column; gap: 0.625rem; max-width: 48rem; margin-bottom: 5rem;}
.common_titbox2 .tit{font: var(--40_display2_b);letter-spacing: -0.03em;color: var(--white);}
.common_titbox2 .desc{font: var(--20_heading2_r);letter-spacing: -0.01em;
color: var(--white);}


/* common contbox */
.common_contbox { display: flex;  align-items: flex-start; justify-content: space-between;  gap: 5rem;}
.common_contbox .txtbox { width: 43%; max-width: 43.75rem; display: flex;   flex-direction: column; margin-top: 1.25rem;}
.common_contbox .txtbox .s_breadcrumb{margin-bottom: 2.5rem;}
.common_contbox .txtbox .s_title{margin-bottom: 3.125rem;}
.common_contbox .txtbox .s_sub{margin-bottom: 1.875rem;}
.common_contbox .txtbox .s_desc{letter-spacing: -0.05em;text-align: justify;}
.common_contbox .imgbox { position: relative;  flex: 1;  max-width: 62.5rem;  aspect-ratio: 1 / 0.562; display: flex; margin-right: calc(var(--margin-right) * -1);}
.common_contbox.reverse .imgbox { margin-left: calc(var(--margin-left) * -1); margin-right: 0;}


/* sub */
.sub_section {position: relative; width: 100%; margin-bottom: 7.5rem;}
.s_breadcrumb {position: relative; }
.s_breadcrumb .txt{ font: var(--12_caption1_r); letter-spacing: 0.03em; color: var(--white);}
.s_breadcrumb .txt .page{color: var(--primary-primary);}
.s_title {font: var(--40_display2_b);letter-spacing: -0.03em;color: var(--white);    min-height: 3.9em; display: flex; align-items: center;}
.s_sub {font: var(--24_title1_b);letter-spacing: -0.02em;color: var(--neutral-white);}
.s_desc {font: var(--20_body_r);color: var(--neutral-lightgray);}

.sub_top { position: relative; width: 100%; height: 36.75rem; display: flex; align-items: center; justify-content: center; z-index: 20;}
.sub_top [data-aos=fade-down] { transform: translate3d(0, -1.25rem, 0);}
.sub_top .s_img {  width: 100%;  height: 100%; position: absolute;  left: 0;  top: 0;}
.sub_top .s_img > .img { width: 100%; height: 100%; object-fit: cover; background: no-repeat center/cover;}
.sub_top.sub_newPlatform .s_img > .img {background-image: url(../img/subtop_newPlatform.png);}
.sub_top.sub_useCases .s_img > .img {background-image: url(../img/subtop_useCases.png);}
.sub_top.sub_orderGuide .s_img > .img {background-image: url(../img/subtop_orderGuide.png);}
.sub_top.sub_clinic .s_img > .img {background-image: url(../img/subtop_clinic.png);}
.sub_top .s_txtbox { position: relative; display: flex; flex-direction: column;  align-items: center;  width: 90%;  height: 100%; padding-top: 12.5rem;  margin: 0 auto;  text-align: center;}
.sub_top .s_txtbox .s_title{ margin-top: 3.125rem; min-height: unset;}
.sub_top .s_txtbox .s_sub{margin-top: 0.625rem;}
.sub_top .s_txtbox .s_desc{margin-top: 1.875rem;}

.grecaptcha-badge {visibility: hidden;}

/* app privacy */
.app_privacy section{
	margin-top: 200px;
}

.app_privacy section .inner {
	flex-direction: column;
	gap: 3.25rem;
}

.app_privacy section .inner .txtbox {
	width: 100%;
	max-width: 100%;
}

.app_privacy section .inner .txtbox .sub {
	margin-bottom: 10px;
}

.app_privacy section .inner .txtbox .dot div {
	width: 7px;
	height: 7px;
	background-color: var(--neutral-lightgray);
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.7%;
}

.app_privacy section .inner .txtbox .dot .desc {
	padding-left: 10px;
	display: inline-block;
	width: calc(100% - 20px);
	letter-spacing: 0;
}