@charset "utf-8";
:root {

    --green: #797255;
    --brown : #A76F58;
    --pink: #F9DCD3;
    --gray: #696969;
    --black: #1C1C1C;
    --bg : #F8F8F6;
    --alertColor: #797255;
    --lineColor: #DDDDDD;

    --en:"Poppins", sans-serif;
    --serif : "Noto Serif KR", serif;

    --in: clamp(1440px, 70vw, 144rem);
    --inPd: 20px;
    --hdH: max(8rem, 80px);
    --inpH: 3.3em;

    --mainTit: max(5.6rem, 56px); /* 70 */
    --tit: max(4.8rem, 48px); /* 60 */
    --smTit: max(3.6rem, 36px); /* 45 */

    --lgTxt2: max(2.4rem, 24px); /* 30 */
    --lgTxt: max(2.1rem, 20px); /* 25 */
    --txt1: max(1.8rem, 19px); /* 22 */
    --txt2: max(1.6rem, 18px); /* 20 */
    --txt: max(1.5rem, 17px); /* 18 */
    --subTxt: max(1.5rem, 17px); /* 25 */
    --smTxt: max(1.35rem, 15px); /* 16 */
    --tinyTxt: max(1.2rem, 14px); /* 15 */

    --sectPd: 24rem; /* 300 */
    --contMt: 8rem; /* 100 */
    --contSmMt: 4rem; /* 50 */
    --mainContMt: 6.4rem; /* 80 */
    --subVisPd: 16rem;

    --radius: 3.2rem; /* 40 */
    --smRadius: 2.4rem; /* 30 */

}
#sv_wrap {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#sv {width: 100vw; position: relative; transform:translateX(35vw);}
#sv .sv_visual {width: 100%; height: 60vh; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
#sv .sv_tit_wrap {position: absolute; top: 50%; text-align:center; width:100%; transform:translateY(-50%); color: #fff;  /*overflow: hidden; */width: 1200px; left: 50%; margin-left: -600px;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
.top_small{opacity:0.5}
.flex_con{display:flex;}

.nose-media1{position:relative; bottom:40px}
.nose-media2{margin-top:100px}
@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateX(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes svTxt1 {
    0% {
        transform:translateX(70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes svTxt2 {
    0% {
        transform:translateX(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
 
.s_tit_wrap {margin:0 0 70px;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:7px; color:#c1a28e;}
.s_tit_wrap h4 {}
.s_tit_wrap .title_logo {position: relative; padding: 0 10px 0 20px; bottom: 3px;}
.s_tit_wrap .num { border:1px solid #c3c3c3; background-color:#fff; padding:10px 0; border-radius:70px; width:17%; margin:0 auto; font-family: 'Barlow', sans-serif;}

.highlighter {/* display: inline-block; */font-weight: 600; position: relative; z-index: 1;}
.highlighter:after {content:'';display: block;width: calc(100% + 2px);height: 100%;background-color: #fbe7bc;opacity: .55;position: absolute;left: -2px;bottom: 0;z-index: -1;}

.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl50 { padding-left:50px;}
.pl30 { padding-left:30px;}


#patella_0104 section:not(:last-of-type){ margin-bottom: 100px;}
#patella_0104 { background:url('/assets/images/sub/info_01_bg02.jpg') no-repeat; background-size:100% 100%; background-position:50% 50%}

#patella_0104 .banner{ padding: 85px 0; margin-top: 60px; }
#patella_0104 .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#patella_0104 .patella_0104_box .flex-box{ display: flex; }
#patella_0104 .patella_0104_box .image-box{ padding-top: 22px;width:44%  }
#patella_0104 .patella_0104_box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#patella_0104 .patella_0104_box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#patella_0104 .patella_0104_box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#patella_0104 .patella_0104_box .text-box{ padding-left: 50px;width:56% }
#patella_0104 .patella_0104_box .text-box ul li{ position: relative; padding-top:50px}
#patella_0104 .patella_0104_box .text-box ul li::before{content: "";width: 1px;height: 174%;background: #ddd;position: absolute;top: 10%;left: -82px;}
#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 45px; }
#patella_0104 .patella_0104_box .text-box ul li:last-of-type::before{ display: none; }
#patella_0104 .patella_0104_box .text-box .sticy_img::before{content: "";width: 14px;height: 14px;background: #1d4a73;border-radius: 50%;position: absolute;top: 50%;left: -88px;}
#patella_0104 .patella_0104_box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#patella_0104 .patella_0104_box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#patella_0104 .patella_0104_box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }
#patella_0104 .patella_0104_box .text-box .yellow{padding-right:30px}
#patella_0104 .patella_0104_box .text-box .sticy_img img{border-radius:40px}
.sticy_txt{position:relative; top:30px; margin-left:15px}
.clic_box ul{overflow:hidden;}

.info_01_bg03{ background:url('/assets/images/sub/info_01_bg03.jpg') no-repeat; background-size:100% 100%; background-position:50% 50%}
.w50{width:50%}
.bg_wblue{background:#e4f1fe}

.vision_wrap {}
.vision_wrap .tit_wrap {margin-bottom: 50px;}
.vision_wrap .tit_wrap .tt {font-family: "Cormorant Garamond", serif;  font-weight: 600;	color: #e7e6e6; margin-bottom: 15px;}
.vision_wrap .vision_list {border-bottom: 1px solid #999;}
.vision_wrap .vision_list li {border-top: 1px solid #999;}
.vision_wrap .vision_list li img{width:100%}
.vision_wrap .vision_list li > div {display: flex; max-width:1200px; margin: 0 auto;}
.vision_wrap .vision_list li:nth-child(odd) > div {flex-direction:row-reverse;}
.vision_wrap .vision_list li:nth-child(3) > div {/*flex-direction:row;*/ flex-direction:row-reverse;}
.vision_wrap .vision_list li:nth-child(even) > div {}
.vision_wrap .vision_list li:nth-child(even) .txt_wrap {width: 50%; margin-left:0;}
.vision_wrap .vision_list li .img_wrap {width: 50%;}
.vision_wrap .vision_list li .txt_wrap {width: 50%;position: relative;/* min-height:380px; */padding: 90px 60px;border-left: 1px solid #999;}
.vision_wrap .vision_list li .txt_wrap .num {position: absolute; top: -1px; left: -1px; width: 55px; height: 55px; line-height: 55px; text-align: center; border: 1px solid #999; }


.doctor-vision{background:#fff;padding:100px 0;}
.vision-inner{margin:0 auto;display:flex;align-items:center;justify-content:center;gap:80px;flex-wrap:wrap;}
.vision-left img{width:660px;max-width:100%;border-radius:20px;display:block;}
.vision-right{text-align:left;flex:1;min-width:45%;}
.vision-symbol{width:60px;margin-bottom:25px;}
.vision-highlight{font-weight:600;}


.business_partner_box .box {display: flex; margin-top: 0;}
.business_partner_box .box:nth-child(even) {flex-direction: row; text-align: right;}
.business_partner_box .box:last-child {margin-bottom: 0 !important;}
.business_partner_box .box > div {width: 50%;}
.business_partner_box .box .txt_box {display: flex; justify-content:left; align-items: center; }
.business_partner_box .box:nth-child(even) .txt_box {justify-content: space-around;text-align: left;}
.business_partner_box .box .txt_box > div {width: -webkit-fill-available;padding-left:10%;padding-right: 10%;}
.business_partner_box .box .img_box {overflow: hidden; width:50%;}
.business_partner_box .box .img_bg {width: 100%; height: 825px; background-repeat: no-repeat; background-position: 100% 50%; background-size:cover; transform:scale(1.2);}
.business_partner_box .box .img_box .txt { position:absolute; bottom:8%; right:8%;}
.business_partner_box .box .img_box .txt1 { position:absolute; bottom:8%; left:8%;}
.business_partner_box .doctors_txt {background:#f2f6fa; border-radius:20px; padding:40px 60px}
.business_partner_box .doctors_txt p{line-height:40px;}

.box2 {position: relative; text-align:left;}

.box2 .img_bg {width: 100%; height: 825px; background-repeat: no-repeat; background-position: 0 50% !important; background-size:cover; transform:scale(1.2);}


.line{ position: absolute;  bottom: 5%;   right: 5%;   opacity: .5;}
.line img { width:75%;}

.s_tab1 {width: 100%;  margin: 0 0; text-align: center;  font-size: 0;}
.s_tab1 li {display: inline-block; vertical-align: top; width:50%; margin:0 -1px; }
.s_tab1 li a {display: block;  text-align: center; line-height: 50px; font-size: 18px;border-radius:100px; font-weight: 400; color: #fff; background-color: #18415b;border-left: none;  transition: .25s; border:1px solid #ddd; border: transparent !important;}
.s_tab1 li:first-child a {}
.s_tab1 li a.active {background-color: #00aeb2; color: #fff;  border: transparent !important;}
.s_tab_con1 > .con {display: none; padding:0;}
.s_tab_con1 > .con.active {display: block;}
.s_tab_con1 > .con  h4{ position:relative;}

.s_tab1 .tab_menu li { text-align: center; margin: 1px; padding-bottom:10px; }
.s_tab1 .tab_menu.col-2 li {width: calc(48% - 2px); margin:0 5px;}
.s_tab1 .tab_menu.col-3 li {width: calc(33.33% - 2px);}
.s_tab1 .tab_menu li {}
.s_tab1 .tab_menu li a {height: 45px !important; line-height: 45px !important; background-color: #ececec !important; color: #1d4a73 !important;}
.s_tab1 .tab_menu li a.active {background-color: #1d4a73 !important; color: #fff !important;}
.s_tab1 .doctors_con {padding: 15px 10px 15px 0; overflow: hidden; overflow-y:auto; height: 475px;}
.s_tab1 .doctors_con .dot_list p {font-weight: 300; color: #666; line-height: 1.7; margin-bottom: 5px; padding-left: 12px; word-break:keep-all; position: relative;}
.s_tab1 .doctors_con .dot_list p:after {content:'';display: block; width: 3px; height: 3px; background-color: #c6c6c6; border-radius:50%; position: absolute; top: 11px; left: 0;}
 


.page_top_wrap .inner {display: flex; width: 100%;  align-items: flex-start  ; background-color:#eff7f5;}
.page_top_wrap .inner > div {width: 50%;}
.page_top_wrap .txt_box {display: flex;justify-content:flex-end; }
.page_top_wrap .txt_box > div {width: 600px; padding:100px 10% 0 0;}
.page_top_wrap .txt_box1 > div {width: 600px; padding:100px 0 0 10%;}
.page_top_wrap .img_box {overflow: hidden;}
.page_top_wrap .img_bg {width: 100%; height:880px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;}
.page_top_wrap .txt_box  .box {padding:20px 30px; background-color:#fff; color:#333;}
.page_top_wrap .txt_box1  .box {padding:20px 30px; background-color:#fff; color:#333;}

.img_list li .txt_box {background-color: transparent;position: relative;display: block;}

.gray_scroll_bg {width: 100%; height: 0; background-color: #1d4a73; position: absolute; top: 0; left: 0; transition:1s .5s;}
.move .gray_scroll_bg { height: 440px; }

.tab_content {
  display: none;
}
.tab_content.active {
  display: block;
}
.s_tab2 .tab_menu {
  display: flex;
  width: 35%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
}

.s_tab2 .tab_menu li {
  flex: 1;
}

.s_tab2 .tab_menu a {
  display: block;
  padding:20px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  background-color: #eee;
  text-align: center;
  transition: all 0.3s;
}

.s_tab2 .tab_menu a.active {
  background-color: #66a9e0; /* 파란색 배경 */
  color: #fff;               /* 흰색 글자 */
}


.square_img_wrap4 {}
.square_img_list4 {font-size: 0; text-align:center;}
.square_img_list4 li {display: inline-block;  width: calc(25% - 16px); margin: 0 8px 50px; vertical-align: top; text-align:center; }
.square_img_list4 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list4 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;background-color: #1d4a73;  color:#fff; border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list4 li .square_img img {width: 100%; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.05);}
.square_img_list4 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list4 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}

.m1 {background: url('/assets/images/sub/info_03_bg01.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.m1 ul {position:relative; display:flex; }
.m1 li:nth-child(1) { width:100%;}
.m1 li:nth-child(2) { width:40%; padding-top:220px;}

.m1 .tit-wrap{/*background-image: url('/assets/images/main/m1_bg.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position-y: 50% 50%; background-attachment: fixed;*/}
.m1 .tit-wrap h3{font-size: 108px; line-height:1; color:#c5d9ea; font-style: italic; margin-left:-10px;}
.m1 .logo { width:75px;  height: 75px;  background: url('/assets/images/main/m1_logo.png') 50% 50% no-repeat;  animation: progress_Rotate 5s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }

.co{font-family: 'Cormorant Garamond', serif;}
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 7rem; color: #bec6d2; opacity: 0.2;}
.move_text_box .text p { animation: textLoop 20s linear infinite; padding-right: 3.3rem; line-height: 1.4; font-weight: 700; }

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.bg_white{background-color:#fff}
.w_blue{color:#bec6d2}
.intro_sect{position: relative; background:#fff}
.intro_sect .in{ height:100%;align-items: center; justify-content: right; text-align: center;}
.intro_sect .fill_txt span{ color: rgba(0,0,0,.2); background: linear-gradient(90deg, black 0%, black 100%); background-clip: text; -webkit-background-clip: text; background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.1s linear;}

.intro_inner {display: flex; gap: 60px; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.intro_img {flex: 0 0 40%; max-width: 500px;}
.intro_text {flex: 1; text-align: right;}


.marquee_list_wrap {display: flex;}
.marquee_list_wrap ul {display: flex; height: 100%; background-color: #fff;}
.marquee_list_wrap.lt ul { margin-bottom: 35px;}
.marquee_list_wrap.rt ul {}
.marquee_list_wrap ul li {width: 305px;margin: 0 5px;}
.marquee_list_wrap ul li img {filter: grayscale(100%); transition:.25s; border-radius:50px}
.marquee_list_wrap ul li:hover img {filter: grayscale(0); border-radius:0px;}
@keyframes marquee_lt {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@keyframes marquee_rt {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}  

.bg_navy{background-color: #06122a;}
.pin2.bg_white {background-color: #fff;}
.bt_con {background-color: #06122a; position: relative; z-index: 1;}
.bt_con::before {content: ""; position: absolute; top: -550px; left: 0; width: 100%; height: 730px; background:#06122a; z-index: -1;}

.marquee_list_con {position: relative; z-index: 2; background-color: transparent;}
.marquee_list_wrap ul {display: flex; height: 100%; background-color: transparent;}


.key_treatment_wrap {background-color: #06122a; color: #fff; border-radius:0 0 100px 100px}
.key_treatment_inner {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1400px; margin: 0 auto; align-items: center;}
.key_treatment_left {flex: 0 0 33%; }

.key_treatment_right {flex: 0 0 65%; display: flex; flex-wrap: wrap; gap: 30px; margin-top: 20px;}
.point_item {background-color: #fff; border-radius: 20px; padding: 30px 20px; text-align: center; color: #06122a; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 calc((100% - 60px) / 3);}
.point_item:nth-child(4), .point_item:nth-child(5) {flex: 0 0 calc(50% - 15px);}
.point_item .point_num {#888; }

.bg_wnavy{background:#ebebf1}

.bg_wrap {background-color: #f6f9fd;}

.treatment_section {position: relative;}
.treatment_inner {margin: 0 auto; display: flex; flex-wrap: wrap; gap: 0px; align-items: flex-start;}
.treatment_inner.reverse {flex-direction: row-reverse;}
.treatment_left {flex: 0 0 50%; position: relative;}
.treatment_right {flex: 0 0 50%;}
.treatment_index {color: #c4ccd8; font-weight: bold; margin-bottom: 10px;}
.treatment_sub {font-size: 16px; color: #555; margin-bottom: 20px;}
.treatment_badge_text {background-color: #0d2c54; color: #fff; padding: 5px 20px; border-radius: 4px; display: inline-block;}
.treatment_info_icons {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
.icon_item {border: 1px solid #365a77; padding: 20px; border-radius: 50px; display: flex; align-items: center; gap: 16px; flex: 1; min-width: 180px;}
.icon_item img {width: 40px; height: 40px; flex-shrink: 0;}
.icon_item p {font-size: 16px; color: #333; line-height: 1.4; margin: 0;}
.icon_item p strong {display: block; font-size: 18px; font-weight: 600; color: #0d2c54;}
.treatment_img_wrap {text-align: right; display: flex;justify-content: flex-end;}

.navy{color:#1a2f52}

.mesh_flow_wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;}
.mesh_step {text-align: center; position: relative;}
.step_img_wrap {position: relative;}
.step_number {position: absolute; top: 0px; left: 35px; background-color: #1d2d3f; color: #fff; font-size: 18px; font-weight: 700; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2;}

.mesh_type_section {}
.mesh_type_grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 60px 40px; margin-top: 60px;}
.mesh_type_item {width: calc((100% - 80px) / 3); text-align: center;}
.mesh_type_item h4 {margin-top: 20px;}
.mesh_type_item p {margin-top: 10px; line-height: 1.6; color: #333;}

.keyword_btns {display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between;}
.keyword_btns span {flex: 0 0 calc(50% - 6px); background: #315e84; color: #fff; padding: 10px; border-radius: 50px; display: inline-block; text-align: center; box-sizing: border-box;}
.circle_keyword_list {display: flex; gap: 20px; flex-wrap: wrap;justify-content: center; }
.circle_item {width: 160px; height: 160px; border-radius: 50%;display: flex; align-items: center;text-align: center;color: #0d2c54; font-weight: 600;border: 2px solid #a6b8cc; position: relative;justify-content:center;}
.circle_item::before {content: ""; position: absolute;top: 6px; left: 6px; right: 6px; bottom: 6px;border: 2px dotted #a6b8cc; border-radius: 50%;}
.treatment_process {margin-top: 80px;}
.process_steps {display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;}
.step_item {text-align: center; max-width: 200px; position: relative;}
.step_badge {position: absolute; top: -10px; left: -10px; background: #0d2c54; color: #fff; font-size: 14px; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-weight: bold; z-index: 2;}
.step_item img {width: 100%; border-radius: 50%; margin-top: 20px;}

.jc_start{justify-content:start}

.herb_solution_section {background: url('/assets/images/sub/herb_solution_section_bg.jpg') no-repeat center/cover;text-align: center;animation: bgMove 10s ease-in-out infinite alternate;}
.herb_solution_inner {max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.herb_solution_title .bg_highlight {background-color: #354962; color: #fff; padding: 4px 12px; border-radius: 4px; display: inline-block;}
.hexagon_wrap {display: flex; justify-content: center; margin-top: 40px; gap: 0;}
.hexagon {width: 23%; border-radius:30px; aspect-ratio: 1; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-weight: 600; text-align: center; padding: 20px; position: relative;}
.hexagon:not(:first-child) {margin-left: -40px;} /* 겹치게 만들기 위한 마진 */
.hexagon.type1 {background-color: rgba(165, 185, 212, 0.8); z-index: 1;}
.hexagon.type2 {background-color: rgba(126, 157, 192, 0.8); z-index: 2;}
.hexagon.type3 {background-color: rgba(44, 66, 96, 0.8); z-index: 3;}

.solution_item {max-width: 200px;}
.solution_item img {width: 100%; max-width: 120px; height: auto;}
.herb_solution_desc {margin-top: 60px; font-size: 16px; line-height: 1.6;}

@keyframes bgMove {
  0% { background-position: left center; }
  100% { background-position: right center; }
}
.bg_pp{background:#40445a}
.blue{color:#365a77}

.pt60{padding-top:60px}
.pb60{padding-bottom:60px}

.keyword_btns3 span {flex: 0 0 calc(33% - 6px); }
.ali_center{align-items:center;}

.face_01_m1 {padding: 120px 0 0; height:725px; background: url('/assets/images/sub/m1_bg.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.face_01_m1_2 {padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/face_01_m1_2.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.face_01_m1 ul {position:relative; display:flex; }
.face_01_m1 li:nth-child(1) { width:60%;}
.face_01_m1 li:nth-child(2) { width:40%; padding-top:220px;}

.face_01_m1 .tit-wrap{/*background-image: url('/assets/images/main/m1_bg.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position-y: 50% 50%; background-attachment: fixed;*/}
.face_01_m1 .tit-wrap h3{font-size: 108px; line-height:1; color:#c5d9ea; font-style: italic; margin-left:-10px;}
.face_01_m1 .logo { width:75px;  height: 75px;  background: url('/assets/images/main/m1_logo.png') 50% 50% no-repeat;  animation: progress_Rotate 5s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }
@supports (-webkit-touch-callout: none) {
  .face_01_m1 {
    background-attachment: scroll !important;
  }
}
.footer_bottom p{ 
	color:#b5c8d9 !important;
	-webkit-text-fill-color: #b5c8d9 !important; /* iOS Safari에서 진짜 텍스트 렌더링 색상 지정 */
  -webkit-text-stroke: 0 transparent;       /* 혹시 윤곽선 겹침 방지 */
  mix-blend-mode: normal !important;        /* 블렌드모드 섞임 방지 */
  position: relative;                       /* 배경 레이어와 분리 */
  z-index: 1;
}
.white {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* iOS Safari에서 진짜 텍스트 렌더링 색상 지정 */
  -webkit-text-stroke: 0 transparent;       /* 혹시 윤곽선 겹침 방지 */
  mix-blend-mode: normal !important;        /* 블렌드모드 섞임 방지 */
  position: relative;                       /* 배경 레이어와 분리 */
  z-index: 1;
}
.face_02_m1_1{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/face_02_m1_1.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.face_02_m1_2{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/face_02_m1_2.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.skin_01_m1_2{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/skin_01_m1_2.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.skin_01_m1_1{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/skin_01_m1_1.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.skin_03_m1_1{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/skin_03_m1_1.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.rehabilitation_01_m1_1{padding: 160px 0 160px 0; height:auto; background: url('/assets/images/sub/rehabilitation_01_m1_1.jpg') 50% 0 no-repeat; background-attachment:fixed;}
.rehabilitation_01_bg{height:auto;background: url('/assets/images/sub/rehabilitation_01_bg.jpg') 50% 0 no-repeat;background-attachment:fixed;background-position: 50% 50%;background-size: 100% auto;}

.flex_con .w50{width:50%}


.symptom_inner {display: flex; gap: 60px; align-items: center; flex-wrap: wrap;}
.symptom_left {flex: 0 0 50%;}
.symptom_left img {width: 100%; border-radius: 20px;}
.symptom_right {flex: 1;}
.symptom_list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;}
.symptom_list li {background: #e7f0f9; border-radius: 30px; padding: 12px 20px 12px 60px; position: relative; color: #0d2c54; line-height: 1.6; border: 2px solid #c0c7df;}
.symptom_list li .num {position: absolute; left: 22px; top: 16px; transform: none; width: 28px; height: 28px; background: #2185d0; color: #fff; border-radius: 50%; font-size: 14px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.symptom_desc {color: #333; line-height: 1.7; font-weight: 600;}
.symptom_list li:nth-child(even) {background: #fff;}
.symptom_list li.hovered, .symptom_list li:hover {background: #165c9c; color: #fff;}
.symptom_list li.hovered .num, .symptom_list li:hover .num {background: #fff; color: #165c9c;}

.paralysis_type_section { background: #fff; text-align: center; }
.type_wrap { display: flex; gap: 40px; justify-content: center; flex-wrap: wrap; }
.type_box { background: #1a4b87; border-radius: 20px; flex: 0 1 420px; padding: 40px 30px; position: relative; color: #fff; }
.type_box.type_central { background: #1e6fd1; }
.type_tags {display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto;}
.type_tags span {flex: 0 0 calc((100% - 12px) / 2); max-width: calc((65% - 12px) / 2); padding: 8px 16px; border: 1px solid #fff; border-radius: 50px; color: #fff; text-align: center;  box-sizing: border-box;}
.type_tags span:nth-child(n+3) {flex: 0 0 calc((100% - 24px) / 3); max-width: calc((100% - 24px) / 3);}

.type_wrap .w50{width:45%}


.type_arrow { margin: 30px 0; }
.type_guide { border: 2px dashed #a5bcd6; border-radius: 12px; padding: 20px; color: #1a4b87; font-size: 16px; }
.type_box.type_central .type_guide { color: #1e6fd1; }

.highlight_blue{background:#0068ce; display:table; margin:0 auto; padding:5px 20px; border-radius:10px}
.highlight_navy{background:#1a375b; display:table; margin:0 auto; padding:5px 20px; border-radius:10px}

.wblue{color:#98ccff}
.graph_wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.graph_box {max-width: 48%; width: 100%; box-sizing: border-box;}
.graph_title {color: #fff;border:1px solid #fff;padding: 10px 20px;text-align: center;border-radius: 30px;display: table;margin: 0 auto;margin-bottom: 20px;}
.graph_img_wrap img {width: 100%; border-radius: 12px; }
.graph_img_wrap{background: #fff; padding: 30px; border-radius: 20px; }

.info_stage_wrap {display: flex; flex-wrap: wrap; justify-content: start; gap: 30px;}
.info_card {background: #08162b; border: 1px solid #627691; border-radius: 20px; padding: 20px; width: 100%; max-width: 31%; box-sizing: border-box;}
.info_title {background: #fff; border-radius: 20px; padding: 20px 0; text-align: center; margin-bottom: 20px;}
.info_list_icon {list-style: none; padding: 0; margin: 0;}
.info_list_icon li {display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px;}
.info_list_icon li img {width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px;}


.nerve_stage_wrap {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px;margin: 0 auto;}
.nerve_stage_box { width: 24%; box-sizing: border-box;}
.nerve_img {box-shadow: 0 4px 8px rgba(0,0,0,0.05);width: 100%; height: auto; margin-bottom: 16px;}
.nerve_title { background: #d2e4ff; color: #016dd5; padding: 8px 12px; border-radius: 30px; text-align: center; margin-bottom: 12px;}
.nerve_list {list-style: none; padding: 0; margin-top: 20px;display: flex; flex-direction: column; align-items: center;width: 100%; }
.nerve_list li {display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 8px; line-height: 1.5;width: 56%; max-width: 280px; text-align: left;}
.nerve_list li img {margin-right: 8px; flex-shrink: 0; margin-top: 4px;}

.nerve_arrow {align-self: center;position: relative;top: 40px;}
.nerve_arrow img {height: auto;}


.hb_table_wrap {width: 100%; overflow-x: auto; background: #fff; border: 1px solid #ddd; border-radius: 10px;}
.hb_table {width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.6; color: #222; text-align: center;}
.hb_table th, .hb_table td {border-bottom: 1px solid #eee; padding: 20px 12px; vertical-align: middle; border-right:1px solid #eee}
.hb_table th {background-color: #f7f9fc; font-weight: 700;}
.hb_table td {text-align: center;}
.hb_table .td_flex {display: inline-flex;align-items: center;justify-content: start;text-align: left;width: 100%; gap:20px}
.hb_table .badge {padding: 6px 12px; border-radius: 30px;}
.hb_table .badge.gray {border: 1px solid #ccc; color: #444;}
.hb_table .badge.blue {border: 1px solid #1a73e8; color: #1a73e8;}
.hb_table .desc_box {padding: 10px 14px; background: #f1f6ff; color: #1a73e8; border: 1px solid #c8defa; border-radius: 12px; max-width: 250px; text-align: left;}
.hb_table .small {font-size: 14px; color: #666;}
.td_img{width: 40%; text-align:right}
.td_img2{width: 50%; text-align:right}
.bg_table{background:#f7f9fc}

.core_step_wrap {display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 40px;}
.core_step_box {padding: 30px 40px 40px 30px; border: 2px dotted #b5cbe3; border-radius: 100px; text-align: center; min-width: 32%; box-sizing: border-box;}
.core_step_box4 {padding: 20px 0; border: 2px dotted #b5cbe3; border-radius: 100px; text-align: center; min-width: 22%; box-sizing: border-box;}
.core_step_box .num {display: block; font-size: 30px; color: #9db8d6; font-style: italic; font-weight: 600; margin-bottom: 8px;}

.bg_wnavy{background:#f6f9fd}


.value_sect {padding: var(--sectPd) 0 8rem; overflow: hidden;}
.in2 {position: relative; margin: 0 auto;}

.value_sect .cont{position: relative; margin-top: 16rem;}
.value_sect .cont .line{position: absolute; left: 50%; top: 0; height: 100%; width: 3px; --grad-opacity-mid: 0.5; --grad-opacity-end:1; background: linear-gradient(180deg, rgba(19, 110, 207, 0) 0%, rgba(19, 110, 207, var(--grad-opacity-mid)) 50%, rgba(19, 110, 207, var(--grad-opacity-end)) 100%);}
.value_sect .cont .line .dot{position: absolute; width: 2.5rem; bottom: -1em; left: 50%; transform: translateX(-50%); opacity: 0;}
.value_sect .cont .line .dot svg{display:block; width: 100%; }

.value_sect .cont .list{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4rem 0;}
.value_sect .cont .list .item{position: relative; width: calc(50% - 12rem); margin-top: 4rem; border-radius: 20px; overflow: hidden;}
.value_sect .cont .list .item:nth-child(1),
.value_sect .cont .list .item:nth-child(2){margin-top: 0;}
.value_sect .cont .list .item:nth-child(odd){}
.value_sect .cont .list .item:nth-child(even){top: 8rem;}

.value_sect .cont .list .item .txt_box{position: absolute; bottom: 0; left: 0; padding: 2.5rem; z-index: 2; color:#fff;}

.value_sect .cont .list .item .bg_box{position: relative; padding-top: 100%; width: 100%; height: 100%; z-index: 1;}
.value_sect .cont .list .item .bg_box:after{content:''; position:absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%);}
.value_sect .cont .list .item .bg_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.value_sect .cont {
  display: block !important;
}
.more{width:24%; padding:15px 0; margin: 20px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #1a375b 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:2px solid #1a375b;}
.more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #1a375b; text-align: center; text-transform: uppercase; transition:.75s; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#1a375b; background-position:left bottom; }
.more:hover p {color: #fff;}

.face_more_btn{background:#0068ce;width: 125px;height: 125px;padding: 43px 0;border-radius:100px;}
.face_more_btn:hover{background:#345779}
.gap25{gap:25px}

.progress_bar_wrap { width: 100%; max-width: 1000px; margin: 0 auto;  }
.progress_bar { position: relative; width: 100%; background: #1d3d65; border-radius: 999px; overflow: hidden; display: flex; align-items: center; font-family: 'Pretendard', sans-serif; color: white; }
.progress_fill { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #1e5ebf, #3790ff); width: 0%; z-index: 1; border-radius: 999px 0 0 999px; }
.progress_label { position: relative; z-index: 2; text-align:center; padding:20px 0; white-space: nowrap; }
.progress_label.left { flex: 1; align-items: flex-start; }
.progress_label.right { width: 150px; background-color: #1d3d65; height: 100%; border-radius: 0 999px 999px 0; text-align: center;  display: flex; flex-direction: column; justify-content: center; }
.progress_label .title { font-size: 20px; font-weight: 600; }
.progress_label .percent { font-size: 32px; font-weight: 900; margin-top:10px}

.cause_box_wrap { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 2rem; }
.cause_box { flex: 1 1 200px; background: #edf4fa; border-radius: 20px; padding: 2rem; text-align: center; transition: all 0.5s ease; opacity: 0; transform: translateY(30px); }
.cause_box h3 { color: #1570c5; }

.compare_table { width: 100%; border-collapse: collapse; font-size: 16px; text-align: center; }
.compare_table th, .compare_table td { border: 1px solid #e0e0e0; padding: 16px; vertical-align: middle; background:#fff }
.compare_table thead th { font-weight: 700; color: #222; }
.compare_table thead th.active { background: #0c1b4e; color: #fff; position: relative; }
.compare_table thead th.active img { vertical-align: middle; margin-right: 6px; height: 20px; }
.compare_table td.active { background: #0c1b4e; color: #fff; font-weight: 500; }
.compare_table th:first-child { background: #f8fbfe; font-weight: 700; }

.compare_text_box { display: flex; justify-content: space-between; align-items: start; background: #fff; padding: 40px 60px; border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); font-size: 16px; line-height: 1.6; }
.compare_text_box .left { flex: 0 0 auto; width: 45%; font-weight: 700; }
.compare_text_box .right { flex: 1; color: #333; }
.compare_text_box .right .highlight { color: #0076d9; font-weight: 600; }
.compare_text_box_bg_gray{background:#f5f5f5;box-shadow: none}
.compare_text_box .left2 { flex: 0 0 auto; width: 35%; font-weight: 700; }
.compare_text_box .right2 { flex: 1; color: #333; }

.symptom_icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; max-width: 1200px; margin: 0 auto; }
.symptom_icons .box_icon_in { text-align: center; color: #fff; opacity: 0; transform: translateY(50px); transition: all 0.5s ease; }
.symptom_icons li:nth-child(even) .img_box { background: #e1f0ff; }
.symptom_icons .img_box { width: 200px; height: 200px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.symptom_icons .title { font-weight: 700; color:#d2e9ff }
.box_icon_in.animate { opacity: 1 !important; transform: translateY(0) !important; }

.understand_wrap {background: #081126; border-radius: 30px; color: #fff;}
.understand_inner {max-width: 1200px; margin: 0 auto; background: #0c1e4a; border-radius: 30px; padding: 50px 30px; text-align: center;}
.understand_title { color:#c7daff}
.understand_list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.understand_list li {flex: 1; min-width: 200px; padding: 0 10px; border-right: 1px solid rgba(255,255,255,0.2);}
.understand_list li:last-child {border-right: none;}


.treatment_chart_wrap {background: #fff; padding: 60px 100px; border-radius: 20px;max-width: 1100px; margin:0 auto}
.treatment_chart_inner {margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px;}
.chart_check_list {list-style: none; padding: 0; margin: 0 0 30px 0;}
.chart_check_list li {position: relative; padding-left: 24px; margin-bottom: 12px; }
.chart_emphasis .em_blue {background: #e1f0ff; padding: 6px 10px; border-radius: 8px; color: #1a57c5; margin-top:5px; display:table}
.chart_img_area {flex-shrink: 0; width: 300px; text-align: center;}
.chart_img_area img {width: 100%; max-width: 300px; height: auto;}

.white_box_3 {overflow:hidden;}
.white_box_3 li{float:left; width:31.33333%; background:#fff; text-align:center; padding:20px 0; margin:10px; border-radius:20px}

.treatment_sticky_section {background: url('/assets/images/sub/treatment_sticky_section_bg.jpg') no-repeat center/cover; }
.skin_sticky_section_bg {background: url('/assets/images/sub/skin_sticky_section_bg.jpg') no-repeat center/cover; }
.treatment_sticky_inner { display: flex; gap: 60px;}
.treatment_text {flex: 1; position: sticky; top: 100px; align-self: flex-start;}
.treatment_text .main_txt mark {background: #1a57c5; color: #fff; padding: 2px 6px; border-radius: 6px;}
.treatment_scroll {flex: 1.2;padding-right: 10px;}
.treatment_grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(28%, 1fr)); gap: 50px 30px;}
.treatment_grid .item {text-align: center;}

.content_wrap { position: relative; display: flex; align-items: flex-start; flex-wrap: wrap; gap:60px}
.hanmun_title {width: 100%; text-align: center; margin-bottom: 30px;}
.hanmun_title h2 {font-size: 48px; font-family: 'serif'; color: #111;}
.sub_roman {font-size: 18px; color: #555; letter-spacing: 1.5em; margin-top: 10px;}
.text_area {flex: 1; min-width: 300px;}
.text_area .desc strong {font-weight: bold; }
.info_box_wrap {display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;}
.info_box { background: #f2f2f2; border-radius: 20px; overflow: hidden; margin-bottom: 20px; }
.info_box .info_title_n { background: #2c5785; color: #fff;  font-weight: bold; text-align: center; padding: 16px 12px; }
.info_box .info_desc { background: #fff; padding:20px 0}

.highlight {font-size: 16px; color: #1a4b87;}
.highlight strong {font-weight: bold;}
.book_img {flex-shrink: 0; margin-left: auto; }

.bruise_section { max-width: 940px; margin: 0 auto; padding: 40px 20px; font-family: 'Pretendard', sans-serif; }
.bruise_item { display: flex; align-items: center; gap: 20px; margin-bottom: 40px; flex-wrap: wrap; }
.bruise_img img { max-width: 100%; border-radius: 20px; }
.bruise_text { flex: 1; min-width: 300px; }
.bruise_title { background: #e1efff; color: #1a4b87; padding: 8px 25px; border-radius: 30px; margin-bottom: 10px; }
.bruise_desc{padding:0 25px}

.graph_box_img{background:#fff; padding:30px; border-radius:30px; max-width:1000px; margin:0 auto}

.check_wrap { display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; background: #081126; padding: 60px 20px; }
.check_box { position: relative; background: #0d1631; border: 1px solid #3b4661; border-radius: 16px; padding: 50px 30px 40px; color: #fff; width: 500px; box-sizing: border-box; }
.check_tag { position: absolute; top: -32px; justify-self:center; background: #081126; border: 1px solid #3b4661; padding: 10px 20px; border-radius: 999px;  }



.land_total_sect .progress_cont .ico_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem; }
.land_total_sect .progress_cont .ico_cont .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; margin: 0 auto; border-radius: 100%; background-color: #feb6b2; }
.land_total_sect .progress_cont .ico_cont .ico img { width: 100%; object-fit: contain; }

.land_total_sect .progress_cont .dot_cont { position: relative; }
.land_total_sect .progress_cont .dot_cont .line { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; border-bottom: 1px solid #2c62aa; z-index: 10; }
.land_total_sect .progress_cont .dot_cont .line:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 30px;  z-index: 10; transition: width 1.5s linear; }
.land_total_sect .progress_cont .dot_cont .dot_wrap { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem; margin: 1.5rem 0; z-index: 5; }
.land_total_sect .progress_cont .dot_cont .dot_wrap .box { display: flex; align-items: center; justify-content: center; }
.land_total_sect .progress_cont .dot_cont .dot_wrap .box .dot { width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #2c62aa; }

.land_total_sect .progress_cont .txt_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem; }
.land_total_sect .progress_cont .txt_cont .box { text-align: center; }

.land_total_sect .progress_cont .txt_cont .tit{background:#d7e7f7; padding:10px 0; border-radius:50px; margin-bottom:20px}
.land_total_sect .progress_cont .ico_cont .ico,
.land_total_sect .progress_cont .txt_cont .box { opacity: 0.2; transition: opacity 0.4s linear; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(1),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(1) { transition-delay: 0.4s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(2),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(2) { transition-delay: 0.8s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(3),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(3) { transition-delay: 1.1s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(4),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(4) { transition-delay: 1.3s; }

.land_total_sect .progress_cont.active .ico_cont .ico,
.land_total_sect .progress_cont.active .txt_cont .box { opacity: 1; }

.land_total_sect .progress_cont.active .dot_cont .line:before { width: 0; }

.land_solution_sect { padding: var(--landContPd) 0; }
.land_total_sect .in {
    width: clamp(1240px, 70vw, 164rem);
}
.land_total_sect .in {position: relative;max-width: 100%;padding: 0 2rem;margin: 0 auto;}

.faq_wrap {  margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.faq_item { border-radius: 20px; background: #fff; overflow: hidden; box-shadow: 0 0 0 1px #eee; transition: background 0.3s ease, box-shadow 0.3s ease; }
.faq_item.active { background: #143c77; box-shadow: 0 0 0 1px #143c77; color: #fff; }
.faq_question { cursor: pointer; padding: 20px 24px; font-weight: 600; color: inherit; position: relative; transition: color 0.3s; }
.faq_question::after { content: "▼"; position: absolute; right: 24px; top: 22px; transition: 0.3s; font-size:16px}
.faq_item.active .faq_question::after { content: "▲"; font-size:16px}
.faq_answer { max-height: 0; overflow: hidden; padding: 0 24px; color: inherit;  transition: max-height 0.4s ease, padding 0.4s ease; }
.faq_item.active .faq_answer { max-height: 300px; padding-bottom: 20px; }


.detail_box1{background:#1560bc;padding: 30px 40px;border-radius:20px;gap: 65px;align-items: center;/* justify-content: center; *//* width: 100%; */margin: 0 auto;text-align: center;max-width: 823px;}
.detail_box2{background:#0c305d;padding: 30px 40px;border-radius:20px;gap: 65px;align-items: center;/* justify-content: center; *//* width: 100%; */margin: 0 auto;text-align: center;max-width: 823px;}
.detail_box1_w{width:34%}
.detail_box2_w{width:34%}
.detail_box div{margin-bottom:20px}

.rehab_inner { display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; }
.rehab_text { flex: 1; min-width: 300px; }
.goal_box { background: #0072e0; color: #fff; font-weight: 600; display: inline-block; padding: 6px 12px; margin: 10px 0; border-radius: 4px; }

.rehab_graph { flex: 1; display: flex; gap: 20px; justify-content: space-between; align-items: flex-end; background:#f8f8f8; border-radius:30px;padding:40px }
.bar_item { display: flex; flex-direction: column; align-items: center; flex: 1; text-align: center; position: relative; }
.balloon {position: relative; background: #e8edf6; color: #333; padding: 12px 16px; border-radius: 20px;display: inline-block;  text-align: center; margin-bottom:20px}
.balloon::after {content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-width: 10px 10px 0 10px; border-style: solid; border-color: #e8edf6 transparent transparent transparent;}
/* 공통 말풍선 숨김 기본값 */
.balloon {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}
/* show 클래스 부여 시 나타남 */
.balloon1.show { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }
.balloon2.show { opacity: 1; transform: translateY(0); transition-delay: 0.7s; }
.balloon3.show { opacity: 1; transform: translateY(0); transition-delay: 1s; }
.balloon4.show { opacity: 1; transform: translateY(0); transition-delay: 1.3s; }

.bar {
  width: 100%;
  background: linear-gradient(to top, #0072e0, #64a5f3);
  border-radius: 12px 12px 0 0;
  height: 300px; /* 전체 높이를 고정 */
  transform: scaleY(0); /* 처음에는 아래로 접혀 있음 */
  transform-origin: bottom; /* 아래 기준으로 스케일 */
  transition: transform 1.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 16px;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
}

/* 순차적 딜레이 포함한 show 상태 */
.bar1.show { transform: scaleY(1); transition-delay: 0.1s; }
.bar2.show { transform: scaleY(1); transition-delay: 0.4s; }
.bar3.show { transform: scaleY(1); transition-delay: 0.7s; }
.bar4.show { transform: scaleY(1); transition-delay: 1s; }

/* 각각의 최종 높이값 */
.bar1.show { height: 150px; transition-delay: 0.1s; }
.bar2.show { height: 200px; transition-delay: 0.4s; }
.bar3.show { height: 250px; transition-delay: 0.7s; }
.bar4.show { height: 300px; transition-delay: 1s; }


.bar1 {background: linear-gradient(to top, #a7cfff, #64a6ff);} 
.bar2 {background: linear-gradient(to top, #5da2f4, #3783e9);} 
.bar3 {background: linear-gradient(to top, #4073b4, #2e67b8);} 
.bar4 {background: linear-gradient(to top, #0d3c79, #083d82);}
.bar img { margin-bottom: 12px; }
mark {background: #1a57c5; color: #fff; padding: 2px 6px; border-radius: 6px;}


.tdd_inner { margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; }
.tdd_box { background: #061d3c; color: #fff; border-radius: 42px; text-align: center;  max-width: 500px;}

.tdd_img { width: 100%; border-radius: 20px 20px 0 0; object-fit: cover; }

.tdd_title { font-size: 24px; font-weight: 700; margin-top: 24px; }
.tdd_label { background: #cfe2f8; color: #1c2d4f; display: inline-block; padding: 8px 20px; border-radius: 30px; font-weight: 600; margin: 16px 0; }
.tdd_desc { font-size: 18px; color: #fff; line-height: 1.6; margin-bottom: 32px; }

.care_section { background: #fff; padding: 60px 20px; }
.care_container { max-width: 1200px; margin: 0 auto; display: flex; gap: 40px; flex-wrap: wrap; justify-content: center; }
.care_col { flex: 1 1 500px; position: relative; }
.care_header { background: #44a9a7; border-radius: 20px; padding: 60px 20px 30px; text-align: center; position: relative; }
.care_label { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background: #154c4b; color: #fff; font-weight: bold; padding: 10px 20px; border-radius: 100px; }
.care_header.outpatient { background: #0068ce; }
.care_header.outpatient .care_label { background: #06122a; }
.care_steps { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }
.care_steps li { background: #eaf6f5;  padding: 20px 0; text-align: center; border-radius:20px}
.care_col:nth-child(2) .care_steps li { background: #e5f0fa; }
.care_steps li strong { font-weight: 700; color: #111; display: block; margin-bottom: 6px; }

.care_steps li { opacity: 0; transform: translateY(20px); transition: all 0.8s ease; }
.care_steps li.visible { opacity: 1; transform: translateY(0); }



.spine_chart_wrap {background: #f4f8fc;border-radius: 30px;padding: 60px 20px;text-align: center;position: relative;overflow: hidden;max-width: 1000px;margin: 0 auto;}
.spine_title { background: #f3f0e1; display: inline-block; padding: 15px 60px; font-size: 22px; font-weight: 600; color: #333; border-radius: 16px; margin-bottom: 40px; }
.spine_chart { position: relative; margin-top:30px}
.spine_bar_box { 
  display: flex; justify-content: center; align-items: flex-end; 
  gap: 100px; height: 300px; position: relative;
}

.spine_bar_box::after { 
  content: ""; 
  position: absolute; 
  bottom: 28px;
  left: 0; right: 0; 
  height: 2px; 
  background: #ccc; 
}



.spine_bar_wrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.spine_bar { width: 100px; height: 0; background: #ccc; border-radius: 10px 10px 0 0; transition: height 1s ease-out; }
.spine_bar1 { background: #d1ddef; }
.spine_bar3 { background: #d1ddef; }
.spine_bar4 { background: #d1ddef; }
.spine_bar2 { background: linear-gradient(to top, #2f73cb, #083d82); }
.spine_bar1.show { height: 180px; transition-delay: 0.2s; }
.spine_bar2.show { height: 260px; transition-delay: 0.5s; }
.spine_bar3.show { height: 180px; transition-delay: 0.5s; }
.spine_bar4.show { height: 140px; transition-delay: 0.5s; }
.spine_year { margin-top: 12px; font-size: 18px; color: #333; font-weight: 600; }

.spine_balloon { position: absolute; top: -38px; right: -55px; background: #0066cc; color: #fff; padding: 16px 20px; border-radius: 50%; font-size: 16px; font-weight: 600; line-height: 1.4; opacity: 0; transition: opacity 1s ease; text-align: center; width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; }
.spine_arrow_red { position: absolute; bottom: 60px; right: -79px; opacity: 0; transition: opacity 1s ease; }
.spine_arrow_up { position: absolute; top: -15px; left: -130px; opacity: 0; transition: opacity 1s ease; }
.spine_arrow_up2 { position: absolute; top: -40px; left: -280px; opacity: 0; transition: opacity 1s ease; }

.spine_bar2.show ~ .spine_balloon,
.spine_bar2.show ~ .spine_arrow_red,
.spine_bar2.show ~ .spine_arrow_up,
.spine_bar2.show ~ .spine_arrow_up2 { opacity: 1; transition-delay: 1s; }

.spine_bar_label {
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}
.hormone_chart_wrap{background:#f4f8fc;border-radius:30px;padding:60px 20px;text-align:center;position:relative;overflow:hidden;max-width:1000px;margin:0 auto;}
.hormone_title{background:#f3f0e1;display:inline-block;padding:15px 60px;font-size:22px;font-weight:600;color:#333;border-radius:16px;margin-bottom:40px;}
.hormone_chart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hormone_bg{position:relative;}
.hormone_circle{border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:700;flex-shrink:0;}
.hormone_circle.small{width:120px;height:120px;background:#7a90bb;}
.hormone_circle.big{width:160px;height:160px;background:#005bde;}
.hormone_num{font-size:22px;line-height:1.3;}
.hormone_num span{display:block;font-size:15px;font-weight:500;color:rgba(255,255,255,0.9);}
.hormone_arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;}
.hormone_arrow img{width:40px;animation:upDown 1.2s infinite ease-in-out;}
.hormone_arrow span{background:#f44747;color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;}
.hormone_source{margin-top:30px;font-size:15px;color:#666;}
@keyframes upDown{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

.chart_flex_wrap{display:flex;justify-content:center;align-items:flex-start;gap:40px;flex-wrap:wrap;margin-top:60px;}
.hormone_chart_wrap2,.hormone_chart_wrap{flex:1;min-width:48%;background:#f4f8fc;border-radius:30px;padding:60px 20px;text-align:center;position:relative;overflow:hidden;}
.hormone_chart_wrap2{max-width:48%;}
.hormone_chart_wrap{max-width:48%;}

.system_inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; max-width: 1200px; margin: 0 auto; }
.system_box { flex: 1; min-width: 240px; background: #fff; border: 1px solid #d9e2ef; border-radius: 16px; text-align: center; padding: 40px 20px; box-shadow: 0 0 0 1px rgba(0,0,0,0.03); transition: 0.3s; }

.chart_flex_wrap{display:flex;justify-content:center;align-items:stretch;gap:40px;flex-wrap:wrap;margin-top:60px;}
.hormone_chart_wrap2,.hormone_chart_wrap{flex:1;min-width:48%;max-width:48%;background:#f4f8fc;border-radius:30px;padding:60px 20px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
.hormone_chart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}


.compare_wrap { display: flex; justify-content: center; gap: 0; max-width: 900px; margin: 0 auto; }
.compare_box { width: 45%; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column;  position: relative; transition: 0.3s; }
.compare_img { width: 100%; height: auto; display: block; }
.compare_content { padding: 30px 20px; text-align: center; }
.compare_title {  margin-bottom: 20px; color: #fff; }
.compare_list { list-style: none; padding: 0; margin: 0; }
.compare_list li {  color: #c6d3e1; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; }

.natural { background: #103054; filter: grayscale(0.6) brightness(0.8); transform: scale(0.95); z-index: 1; }
.natural .compare_title { color: #cbd6e4; }
.natural .compare_list li { color: #aab8c6; }

.early { background: #0072e0; transform: scale(1.05); z-index: 2; box-shadow: 0 8px 24px rgba(0, 114, 224, 0.2); border:4px solid #0072e0 }
.early .compare_title { color: #fff; }
.early .compare_list li { color: #e4f3ff; font-weight: 500; }

.earlycare_wrap { background: #fff; }
.earlycare_inner { display: flex; align-items: stretch; flex-wrap: wrap; }
.earlycare_img { flex: 1; min-width: 300px; display: flex; }
.earlycare_img img { width: 100%; height: 100%; object-fit: cover; }
.earlycare_text { flex: 1; min-width: 320px; display: flex; flex-direction: column; justify-content: center; padding: 0 250px 0 80px; max-width: 1600px; margin-left: auto; }
.earlycare_title { display: flex; align-items: center; background: #003366; color: #fff; padding: 20px 50px;  border-radius: 80px; gap: 10px; margin-bottom: 30px; }
.earlycare_title img { width: 20px; }
.earlycare_circles {
  position: relative;
  padding-bottom: 220px; /* 원 높이 고려해서 충분히 확보 */
  margin-bottom: 20px;
}
.earlycare_circle { position: absolute; width: 200px; height: 200px; border: 2px solid #003366; border-radius: 50%; text-align: center; font-weight: 600; color: #003366; display: flex; align-items: center; justify-content: center;}
.earlycare_circle:nth-child(1) { left: 0; top: 0; z-index: 2; }
.earlycare_circle:nth-child(2) { left: 160px; top: 0; z-index: 3; }
.earlycare_circle:nth-child(3) { left: 320px; top: 0; z-index: 2; }


.skin_condition_section { display: flex; justify-content: center; gap: 40px;  border-radius: 30px; flex-wrap: wrap; text-align: center; }
.skin_box { background: #fff; border-radius: 20px; padding: 30px 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); max-width: 400px; flex: 1; min-width: 280px; }
.skin_img img { width: 100%; max-width: 300px; height: auto; }
.skin_label { display: inline-block; background: #003b90; color: #fff; font-weight: 700; padding: 8px 20px; border-radius: 30px; margin-top: 20px; font-size: 18px; }

.box_txt{background:#eef3f6; padding:25px 0; border-radius:20px}

.corner_img ul{overflow:hidden;}
.corner_img li{float:left; width:50%; padding:10px}
.corner_img li img{width:100%}
.ali_start{align-items:start;}
.w60{width:60%}

.stage_section { background: #031630; padding: 60px 20px; }
.stage_container { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 1200px; margin: 0 auto; }
.stage_box { flex: 1; min-width: 300px; border-radius: 20px; overflow: hidden; position: relative; color: #fff; display: flex; flex-direction: column; justify-content: space-between; background-size: cover; background-position: center; }
.stage_bg1 { background-image: url('/assets/images/sub/skin_01_img0501.png'); }
.stage_bg2 { background-image: url('/assets/images/sub/skin_01_img0502.png'); }
.stage_bg3 { background-image: url('/assets/images/sub/skin_01_img0503.png'); }
.stage_inner { padding: 40px 30px; height: 100%; }
.stage_num { font-size: 18px; font-weight: 600; opacity: 0.7; display: block; margin-bottom: 20px; }
.stage_title { font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.stage_sub { font-size: 20px; font-weight: 500;  margin-bottom: 40px; border-bottom:1px solid #c7c7c7; padding-bottom:40px }
.stage_info { font-size: 18px; line-height: 1.6; }
.stage_arrow { position: relative; background: #b3d2ee; color: #002b54; padding: 20px 30px;  text-align: center; border-radius: 8px; margin-top: auto; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%); }
.stage_arrow2{background:#94bae0}
.stage_arrow3{background:#6b98c5}

.point_box{background:#cddffa; border-radius:100px; padding:5px 0; width:70%; margin:0 auto}
.bg_yellow{background:#f8f7f4}

.diag_wrap { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;  }
.diag_box { flex: 1; min-width: 32%; max-width: 32%; border: 2px dotted #b3c5db; border-radius: 16px; padding: 30px 20px; text-align: center;background:#fff }
.diag_title { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a3b4c4; display: inline-block; width:100% }

.sim_box ul { overflow: hidden; text-align: right; }
.sim_box li {
	display: inline-block;
	width: 10%;
	background: #e0e8f8;
	padding: 10px 0;
	border-radius: 10px;
	text-align: center; 
	margin:10px
}
.sim_box li:last-child{margin:0}

.medical_integration_wrap { text-align: center; }
.medical_integration_inner { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 60px; margin-bottom: 40px; }
.medical_box { background: #fff; border-radius: 20px; padding: 20px; width: 20%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); text-align: left; }
.medical_title_box { display: flex; align-items: center; margin-bottom: 20px; background:#f7f5e5; border-radius:20px; padding:10px 0;justify-content:center;}
.icon_box {  border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 30px; width: 40px; height: 40px; }
.medical_box h3 { font-size: 22px; font-weight: 700; color: #222; margin: 0; }
.medical_box ul { list-style: none; padding: 0; margin: 0; }
.medical_box ul li { margin-bottom: 8px; position: relative; padding-left: 14px; }
.medical_box ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: url('/assets/images/sub/point_icon.png') no-repeat center / cover; }
.medical_plus { font-size: 40px; font-weight: 700; color: #333; align-self: center; background:#d9e3f3; padding:30px 35px;border-radius:100px; line-height:40px}
.medical_result { background: #fff; padding: 40px 30px; border-radius: 20px; display: inline-block; width:56%}
.result_title { background: #0142a5; color: #fff; padding: 14px 30px; border-radius: 50px; margin-bottom: 16px; display: inline-block; }


.balance_inner {display: flex; flex-wrap: wrap; align-items: center; gap: 60px; }
.balance_img { flex: 1; min-width: 300px; }
.balance_text { flex: 1; min-width: 300px; color: #333; }
.balance_main_title { font-size: 28px; font-weight: 700; margin-bottom: 20px; line-height: 1.4; }
.balance_main_title span { color: #0071e3; }
.balance_desc { font-size: 16px; line-height: 1.6; margin-bottom: 40px; }
.balance_box_wrap { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.balance_box {
  border-radius: 20px;
  flex: 1;
}

.balance_box h3 {
  background: #eaf2f9;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 22px;
  width:100%;
  text-align:center;
  font-weight: 600;
  margin-bottom: 16px;
  color: #222;
  display: inline-block; /* 너비 조절 가능 */
}
.balance_box ul { list-style: none; padding: 0 20px; margin: 0; }
.balance_box ul li { position: relative; padding-left: 16px; margin-bottom: 8px;  }
.balance_box ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: url('/assets/images/sub/point_icon.png') no-repeat center / cover; }
.balance_box_left {overflow:hidden;}
.balance_box_left li{float:left; width:33.333333%}

.disease-container { margin: 0 auto; }
.disease-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }

.disease-card { background: #fff; border-radius:30px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); position: relative; text-align: center; width:22%}
.disease-main-card2{width:34%; border:5px solid #073f7c}

.disease-img { width: 100%;  object-fit: cover; display: block; border-radius:22px}

.disease-badge { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: #073f7c; color: #fff; font-weight: bold; padding: 6px 14px; border-radius: 20px; z-index: 10; }

.disease-title { font-weight: bold; color: #002b5c;  border-bottom:1px solid #dfdfdf;padding-bottom:10px}
.disease-desc { color: #333;  }


.process-circle-wrap { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: nowrap; padding: 30px 0px; }
.process-circle { width: 230px; height: 230px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold;  padding: 10px; box-sizing: border-box; }
.process-circle.dark { background-color: #0d2750; color: #ffffff; }
.process-circle.light { background-color: #dbe5f8; color: #0d2750; }
.process-arrow { width: 30px; height: auto; }


.autoimmune_chart_wrap { background: #f4f8fc; border-radius: 30px; padding: 50px 20px; max-width: 1000px; margin: 0 auto; text-align: center; }
.autoimmune_chart_title { font-size: 18px; font-weight: 600; background: #fff; border: 2px solid #cbd9ee; border-radius: 30px; padding: 14px 30px; display: inline-flex; align-items: center; gap: 10px; color: #0d2750; }
.autoimmune_chart_title img { width: 20px; }

.autoimmune_chart { margin-top: 40px; position: relative; }
.autoimmune_chart_barbox { display: flex; align-items: flex-end; justify-content: center; gap: 260px; position: relative; height: 280px; }

.autoimmune_chart_barwrap { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.autoimmune_chart_bar { width: 100px; border-radius: 20px 20px 0 0; position: relative; display: flex; align-items: center; justify-content: center; }
.bar_2003 { height: 170px; background: #d1ddef; color: #5c78a4; }
.bar_2023 { height: 260px; background: linear-gradient(to top, #0b2c5a, #0a3c80); color: #fff; }

.autoimmune_chart_label { font-weight: 700; }

.autoimmune_chart_year { margin-top: 14px; font-size: 16px; font-weight: 600; color: #666; }

.autoimmune_chart_middle_text {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  color: #1a1a1a;
  text-align: center;
  line-height: 1.4;
}
.autoimmune_chart_middle_text strong { color: #0073e6; font-weight: 700; display: block; margin-top: 5px; }
.autoimmune_chart_middle_text img { margin-top: 10px; width: 83%; }

.autoimmune_chart_note {
  color: #888;
  margin-top: 40px;
}
.autoimmune_chart_barbox::after { 
  content: ""; 
  position: absolute; 
  bottom: 28px;
  left: 0; right: 0; 
  height: 2px; 
  background: #ccc; 
}

.bar_2003, .bar_2023 { height: 0; transition: height 1s ease-out; }

.bar_2003.show { height: 170px; transition-delay: 0.2s; }
.bar_2023.show { height: 260px; transition-delay: 0.4s; }


.autoimmune_people_wrap {display: flex; justify-content: center; align-items: center; background: #f4f8fc; padding: 40px 60px; border-radius: 24px; max-width: 1000px; margin: 0 auto; flex-wrap: wrap;}
.autoimmune_people_icons {display: grid; grid-template-columns: repeat(5, 55px); grid-template-rows: repeat(2, 60px); gap: 20px 30px;}
.autoimmune_person {width: 50px; height: 60px; background: url('/assets/images/sub/person_icon.png') no-repeat center/contain; opacity: 0; transform: scale(0.7); transition: opacity 0.5s ease, transform 0.5s ease;}
.autoimmune_person.show {opacity: 0.3; transform: scale(1);}
.autoimmune_person.show.active {opacity: 1 !important;}
.autoimmune_people_text { color: #333; margin-left: 80px; text-align: left;}
.autoimmune_people_text strong {color: #0073e6;}

.autoimmune_info_wrap {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 40px; margin: 0 auto; }
.autoimmune_info_left {flex: 1 1 45%;}

.autoimmune_info_right {flex: 1 1 45%; display: flex; flex-direction: column; gap: 20px;}
.autoimmune_info_box {border: 2px solid #0052cc; border-radius: 30px; padding: 20px 30px; text-align: left;}

.autoimmune_step_wrap {color: #fff; text-align: center; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;}
.autoimmune_step_group {width: 31%; display: flex; flex-direction: column; align-items: center;}
.autoimmune_card {width: 100%; border-radius: 24px; padding: 40px 20px; display: flex; flex-direction: column; align-items: center;}
.autoimmune_icon {margin-bottom: 20px;}
.autoimmune_card.card1 {background-color: #3dc1f1;}
.autoimmune_card.card2 {background-color: #0d9ddf;}
.autoimmune_card.card3 {background-color: #0173e5;}
.autoimmune_step_text {margin-top: 20px; }
.autoimmune_step_text strong {font-weight: 700;}

.admit_process_wrap { margin: 0 auto;}
.admit_steps {display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 20px;}
.admit_step_card {background: #e8eff7; border-radius: 20px; padding: 40px 20px; width: 20%; text-align: center; flex-shrink: 0;}
.admit_step_num {display: block; color: #1976d2; }
.admit_arrow {width: 24px; height: auto;}

.admit_guide_outer {position: relative; overflow-x: hidden;}
.admit_guide_wrap {display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: nowrap; position: relative; overflow: visible;}
.admit_guide_text {flex: 0 0 50%; max-width: 50%;}
.admit_guide_list {color: #333; list-style: none; padding: 0; margin: 0;}
.admit_guide_list li {position: relative; padding-left: 16px; margin-bottom: 8px;}
.admit_guide_list li::before {content: "-"; position: absolute; left: 0; top: 0;}
.admit_guide_img {flex: 0 0 auto; position: relative; z-index: 1;}
.admit_guide_img img {max-width: none; height: auto; position: relative; left: 0; display: block;}

.admit_items_boxes {display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
.admit_item_box {flex: 1 1 48%; display: flex; align-items: center; border: 1px solid #dce6f2; border-radius: 16px; padding: 30px 20px; background: #f9fbfd; gap:40px}
.admit_item_texts {text-align: left;}
.admit_item_heading {font-weight: 700; color: #111;}

.margin_left{margin:initial; width:50%}

.document_wrap {display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; margin: 0 auto; max-width:1400px }
.document_left {width: 40%; position: sticky; top: 100px; flex-shrink: 0;}
.document_btn {display: inline-block; border: 1px solid #0073e6; padding: 10px 20px; border-radius: 30px; color: #0073e6; font-weight: 600; transition: 0.2s;}
.document_btn:hover {background: #0073e6; color: #fff;}
.document_notes {color: #999; list-style: none; padding-left: 0; line-height:1.8 !important}
.document_right {flex: 1; overflow: hidden;}
.document_table {width: 100%; border-collapse: collapse; color: #333;}
.document_table tr:first-child{border-top:2px solid #1a375b }
.document_table tr {border-bottom: 1px solid #dfdfdf;}
.document_table td {padding: 16px 20px; text-align: left; font-weight:500; color:#1a375b}
.document_table td:last-child {text-align: right; color: #444; font-weight: 600;}

.doc_btn {
  display: inline-block;
  padding: 6px 25px;
  font-size: 16px;
  color: #fff;
  background-color: #003e88;
  border-radius: 20px;
  font-weight: 600;
  margin-right: 8px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.doc_btn:hover {
  background-color: #1b60d1;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 62, 136, 0.2);
}

.doc_notice_wrap {max-width: 1400px; margin: 0 auto; padding: 80px 0px;}
.doc_notice_table_wrap {overflow-x: auto;}
.doc_notice_table {width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.6; color: #333;}
.doc_notice_table thead th {text-align: center; border-bottom: 2px solid #1a316c; padding: 12px 10px; background: none; font-size:20px}
.doc_notice_table tbody td {border-bottom: 1px solid #e0e0e0; padding: 14px 30px; vertical-align: middle; font-size:18px; border-right:1px solid #e0e0e0;text-align:left;}
.doc_notice_table tbody td:last-child{border-right:0}
.doc_notice_table td:nth-child(1) {font-weight: 600; width: 18%;}
.doc_notice_table td:nth-child(2) {width: 60%;}
.doc_notice_table td:nth-child(3) {text-align: center; width: 15%; white-space: nowrap;}


.price_tab_wrap {display: flex; justify-content: center; gap: 12px; margin-bottom: 40px;}
.price_tab {padding: 10px 30px; border-radius: 80px; border:0; background: #d7e1f3; font-weight: 600; font-size: 20px; color: #0e398e; cursor: pointer; transition: all 0.3s;}
.price_tab.active {background: #0e398e; color: #fff;}
.price_table_wrap {width: 100%; margin: 0 auto;}
.price_table {width: 100%; border-collapse: collapse; border-top:2px solid #1a375b}
.price_table thead {display: none;}
.price_table tbody tr {border-bottom: 1px solid #e3e6eb;}
.price_table td.category{font-size:20px;font-weight:600;align-content: start;}
.price_row_first{ border-top:2px solid #1a375b}
.price_td{font-size:18px; font-we}
.price_table td {padding: 25px 40px; vertical-align: middle;color: #222;}
.price_table .category_row td {background: #f9fbfd; font-weight: 700; font-size: 14px; color: #222;}
.price_table .category_row td[colspan="3"] {padding-left: 0;}
.price_tab_wrap {display: flex; justify-content: center; gap: 10px; margin-bottom: 40px;}



.price_tab:hover {
  background: #0e398e;
  color: #fff;
}


.price_txt{text-align:right}
.price_badge{background:#cedaef; color:#092a6c; font-weight:600; padding:10px 20px; border-radius:100px; margin-left:20px}

.scar-wrap{margin:0 auto;display:grid;grid-template-columns:1fr 50%;gap:36px;align-items:center;}
.scar-left{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:16px;display:flex;align-items:center;justify-content:center;}
.scar-img{width:100%;height:auto;display:block;border-radius:12px;}
.scar-steps{display:flex;flex-direction:column;align-items:stretch;}
.scar-step{display:flex;align-items:center;gap:14px;background:#fff;border-radius:50px;padding:18px 30px;box-shadow:0 6px 16px rgba(0,64,128,.08);}
.scar-step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:999px;background:#eaf2ff;color:#155fba;font-weight:700;}
.scar-step-txt{margin:0;color:#2b2b2b;}
.scar-step-txt strong{color:#155fba;font-weight:700;}
.scar-step-arrow{height:auto;margin:7px auto;}

.scar-limit-wrap{max-width:900px;margin:0 auto;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.scar-limit-box{width:45%;text-align:left;}
.scar-limit-img{position:relative;overflow:visible;border-radius:16px;}
.scar-limit-img img{width:100%;display:block;border-radius:16px;}
.scar-limit-title{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);background:#225aa4;color:#fff;font-weight:700;padding:10px 24px;border-radius:30px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.scar-limit-list{margin-top:60px;list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}
.scar-limit-list li{display:flex;align-items:flex-start;gap:10px;}
.scar-limit-title2{background:#0068cf}


.scar-effect{background:#fff;padding:60px 0;}
.scar-effect-wrap{margin:0 auto;display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap;}
.scar-effect-left{flex:1;min-width:300px;}
.scar-effect-img{width:100%;display:block;border-radius:20px;}
.scar-effect-right{flex:1;min-width:280px;display:flex;flex-direction:column;gap:18px;}
.scar-effect-item{border:1px solid #b8c1de;background:#f0f6fc;border-radius:50px;padding:14px 24px;color:#333;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,0.05);}

.scar-process-step-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;}
.scar-process-step-box{background:#fff;border-radius:20px;padding:40px 20px;box-shadow:0 6px 18px rgba(0,0,0,0.05);transition:transform .3s ease;}
.scar-process-step-box:hover{transform:translateY(-6px);}
.scar-process-step-img{width:100%;max-width:260px;margin:0 auto 24px;display:block;border-radius:16px;}
.scar-process-step-title{font-weight:700;color:#1f64ff;margin-bottom:10px;}

.qd-container{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto;box-sizing:border-box;font-family:'Pretendard',sans-serif;position:relative;}
.qd-container .left{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;}
.circle-text-wrap{position:absolute;top: -12%;left: -20%;width: 250px;height: 250px;}
.circle-text{position:absolute;width:100%;height:100%;border-radius:50%;font-size:10px;text-align:center;line-height:1.2;animation:rotateText 10s linear infinite;color:#777;}
.circle-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:bold;color:#445;}
.doctor-photo{position:relative;width:100%;height:auto;margin-top:40px;}
.doctor-photo img{width:100%;height:auto;border-radius:4px;display:block;}
.doctor-info{position:absolute;bottom:20px;left:20px;color:#333;padding:12px 16px;border-radius:8px;text-align:left;width:max-content;}
.qd-container .right{width:58%;position:relative;padding-left:7%;}
.speech-bubble{position:absolute;top:0;left:-15%;background:#0a2252;color:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index:2;}
.speech-bubble::after{content:"";position:absolute;top:100%;left:60px;border-width:10px;border-style:solid;border-color:#0a2252 transparent transparent transparent;}
.quote-text_in{position:relative;padding-left:15px;line-height:1.6;}
.quote-text_in::before{content:"“";font-size:24px;position:absolute;left:0;top:0;line-height:1;}
.quote-text{padding-top:40%;}
.signature{margin-top:50px;font-size:103px;font-weight:300;color:#e7e7e7;font-style:italic;}

@keyframes rotateText {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.re04_orbit {
  animation: rotateText 10s linear infinite;
  transform-origin: 50% 50%;
}
/* 텍스트 스타일 */
.orbit_text{
  font-size: 30px;
}
.orbit_text{text-transform:uppercase;font-size:30px;fill:#777;letter-spacing:1px;}
.nm{font-family:'Nanum Myeongjo'}

.bubble-cluster{position:relative;width:100%;max-width: 740px;height:365px;margin:0 auto;}
.bubble{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:600;border-radius:50%;animation:float 6s ease-in-out infinite;}
.b1{width:170px;height:170px;background:#4da2ff;left:0;top:150px;animation-delay:0s;}
.b2{width:120px;height:120px;background:#ff7f8a;left: 116px;top: 55px;animation-delay:0.3s;}
.b3{width:150px;height:150px;background:#a9b7ff;left: 243px;top: 32px;animation-delay:0.6s;}
.b4{width:130px;height:130px;background:#6ea8ff;left: 394px;top: 63px;animation-delay:0.9s;}
.b5{width:140px;height:140px;background:#6fd6ff;left: 174px;top: 173px;animation-delay:1.2s;}
.b6{width:150px;height:150px;background:#a8b5ff;left: 320px;top: 182px;animation-delay:1.5s;}
.b7{width:180px;height:180px;background:#58baff;left: 527px;top: 19px;animation-delay:1.8s;}
.b8{width:100px;height:100px;background:#6fdcff;left: 627px;top: 192px;animation-delay:2.1s;}
.b9{width:150px;height:150px;background:#ff7a8b;left: 474px;top: 188px;animation-delay:2.4s;}
@keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0);}}

.growth-bucket{background:url('/assets/images/sub/growth_01_img0201.png') no-repeat center/cover;padding:100px 0;position:relative; border-radius:40px}
.growth-inner{display:flex;align-items:center;justify-content:space-around;gap:0px;margin:0 auto;flex-wrap:wrap;}
.growth-right{max-width:480px;text-align:left;}
.growth-title{font-weight:700;color:#1a2c63;line-height:1.5;margin-bottom:14px;}
.growth-bottom{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.growth-box{background:#fff;border-radius:20px;padding:30px 40px;box-shadow:0 3px 10px rgba(0,0,0,0.06);flex:1;min-width:360px;text-align:center;}
.growth-box.right{background:#0e4ba8;color:#fff;}
.growth-box.right p{color:#fff;}


.ai-growth{display:flex;flex-direction:column;gap:100px;}
.ai-item{display:flex;align-items:center;justify-content:space-between;gap:60px; margin-bottom:80px}
.ai-item.reverse{flex-direction:row-reverse;}
.ai-img{flex:1;max-width:50%;}
.ai-text{flex:1;color:#333; width:50%}
.ai-img img{width:100%;border-radius:16px;display:block;box-shadow:0 4px 12px rgba(0,0,0,0.05);}

.growth-check-inner{margin:0 auto;display:flex;align-items:start;justify-content:space-between;gap:60px;flex-wrap:wrap;}
.growth-check-left{flex:1;min-width:340px;}
.growth-check-right{flex:1;min-width:340px;text-align:center;}
.growth-btn-wrap{position:relative;width:fit-content;margin-bottom:40px; height:60px}
.growth-btn{position:absolute;top:0;left:0;width:250px;padding:15px 0;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.growth-btn.blue{background:rgba(138,183,255,0.7);z-index:2;}
.growth-btn.pink{background:rgba(247,154,166,0.7);left:230px;z-index:1;}


.spine_icon_wrap {
  position: absolute;
  right: 26%;
  bottom: 80px;
}

.spine_arrow_red {
  width: 120px;
  max-width: none;
}
.price_table {
  display: none; /* ✅ 처음엔 전부 숨김 */
}
.price_table.active {
  display: table; /* ✅ 선택된 탭만 보이게 */
}
/* 전역 대신, .s_tab_con1 내부만 숨기기 */
.s_tab_con1 .con {
  display: none;
}
.s_tab_con1 .con.active {
  display: block;
}
.s_tab1 .tab_menu a.active { color: #fff; background: #1d4a73 ; }

.s_tab1 .tab_menu a.active {
  background: #0066cc;
  color: #fff;
}
/* 스코프 한정: 각 의사 박스 안에서만 표시/숨김 */
.box[data-group] .s_tab_con1 .con{display:none;}
.box[data-group] .s_tab_con1 .con.active{display:block;}
.box[data-group] .s_tab1 .tab_menu a.active{background:#0066cc;color:#fff;border-color:#0066cc;}

@media screen and (max-width: 2000px) {
	.value_sect .cont{margin-top: 3rem;}
    .value_sect .cont .list{padding-top: 1rem;}
}

@media all and (max-width:1800px){
	.business_partner_box .box .img_bg {width: 100%; height: 825px; background-repeat: no-repeat; background-position: 80% 50%; background-size:cover; transform:scale(1.2);}

}

@media all and (max-width:1430px){


}

@media all and (max-width:1230px){

    .vision_wrap .vision_list li .txt_wrap {min-height:auto; padding: 70px 50px;}
	
	#patella_0104 .banner{ padding: 60px 0; margin-top: 30px; }
	#patella_0104 .banner h4{ font-size: 3.5rem; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 17px; }

	#patella_0104 .patella_0104_box .text-box{ padding-left: 60px; }
	#patella_0104 .patella_0104_box .text-box p::before{ top: 17px; left: -63px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 17px; left: -60px; }

}


@media all and (max-width:980px){
	#patella_0104 .patella_0104_box .image-box figure{padding-bottom:20px;}
	#patella_0104 section:not(:last-of-type){ 
	margin-bottom: 60px; } #patella_0104 .patella_0104_box .flex-box{ 
	flex-direction: column; } #patella_0104 .patella_0104_box .flex-box > div{ 
	width: 100%; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 0; } #patella_0104 
	.patella_0104_box .image-box .sticky{ width: 100%; }

	#patella_0104 .patella_0104_box .text-box{ padding-top: 0px; padding-left: 00px; }
	#patella_0104 .patella_0104_box .text-box p::before{ left: -23px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ left: -20px; }
	#patella_0104 .patella_0104_box .text-box .yellow{padding-right:10px}
	.sticy_txt{margin-left:0}
	#patella_0104 .patella_0104_box .text-box ul li{padding-bottom:20px; padding-top:20px}
}



@media all and (max-width:820px){
	#sv .sv_visual{height:40vh;background-position: 76% 50%;}
	.move_text_box .text {font-size: 4rem;}

	.feature-section{gap:10px}
	.feature-item{padding:20px 0}
	.pl70 { padding-left: 0;}
	.pr70 { padding-right: 0;}
	.flex_con{display:block}
	.w50{width:100%}
	.mmt20{margin-top:20px}

	#sv_wrap {width: 170vw;border-radius: 0 0;overflow: hidden;transform: translateX(-35vw);}
	#sv {width: 100vw;position: relative;transform:translateX(35vw); overflow:hidden;}

	#sv .sv_tit_wrap {position: absolute;top: 48%;text-align:center;width:100%;transform:translateY(-50%);color: #fff;/*overflow: hidden; */width: -webkit-fill-available;left: initial;margin-left: initial;}
	/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
	#sv .sv_tit_wrap h3 {opacity: 0;animation:svTxt1 3s 1s forwards;padding-left: 0;text-align: center;position: absolute;transform: translateY(-50%);/* z-index: 6; */position: relative;top: 0;}
	#sv .sv_tit_wrap span {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing: 5px;left: 0;text-align: left;position: absolute;text-transform: uppercase;top: 118px;}
	#sv .sv_tit_wrap p {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;left: 0;text-align: center;}
	#sv .sv_tit_wrap .logo{opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing:5px;left: 0;text-align: center;position: absolute;top: 125px;}
	#sv .sv_tit_wrap .logo img {width: 38%;}

	.s_tit_wrap .title_logo img { width:100px;}

	.vision_wrap {padding: 80px 0 0;}
	.vision_wrap .tit_wrap {margin-bottom: 50px;}
	.vision_wrap .vision_list li > div {flex-direction:column !important;}
	.vision_wrap .vision_list li .img_wrap,
	.vision_wrap .vision_list li .txt_wrap,
	.vision_wrap .vision_list li .img_wrap img {width: 100%;}
	.vision_wrap .vision_list li .txt_wrap {border-left: none; margin: 0 !important;}
	.vision_wrap .vision_list li:nth-child(even) .txt_wrap {width: 100%;}
	.vision_wrap .vision_list li .txt_wrap {padding: 70px 40px;}
	.vision_wrap .vision_list li .txt_wrap .num {width: 40px; height: 40px; line-height: 40px;}


	.business_partner_box .box {
		flex-direction: column !important;
	  }

	  .business_partner_box .box > div {
		width: 100% !important;
	  }

	  .business_partner_box .txt_box {
		justify-content: center !important;
		text-align: left !important;
	  }

	  .business_partner_box .txt_box > div {
		padding: 30px 20px !important;
	  }

	  .business_partner_box .img_box {
		order: -1; /* 이미지가 텍스트 위로 오도록 */
	  }

	  .business_partner_box .img_bg {
		height: 400px !important;
		transform: scale(1.1);
		background-position: center center !important;
	  }

	  .business_partner_box .img_box .txt,
	  .business_partner_box .img_box .txt1 {
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		width: 30%;
	  }

	  .s_tab1,
	  .s_tab_con1 {
		text-align: left;
	  }
	.m1 {padding: 80px 0 0;background-attachment:scroll;background-size: cover;}
	.m1 ul {position:relative;display: block;}
	.m1 li:nth-child(1) {width: -webkit-fill-available;}
	.m1 li:nth-child(2) {width: -webkit-fill-available;padding-top: 18%;}

	.m1 .tit-wrap{/*background-image: url('/assets/images/main/m1_bg.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position-y: 50% 50%; background-attachment: fixed;*/}
	.m1 .tit-wrap h3{font-size: 38px;line-height:1;color:#f6e4b6;font-style: italic;margin-left:-10px;}
	.m1 .logo { width:75px;  height: 75px;  background: url('/assets/images/main/m1_logo.png') 50% 50% no-repeat;  animation: progress_Rotate 5s linear infinite;  position: relative;  z-index: 1; margin:0 auto; }

	#patella_0104 .banner{ padding: 40px 0; margin-top: 30px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{display:none}
	#patella_0104 .banner h4{ font-size: 3rem; }
	.sticy_txt{top:20px}
	#patella_0104 .patella_0104_box .text-box p::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.6rem; }


	.s_tab2 .tab_menu{width:95%}
	.s_tab2 .tab_menu a{font-size:16px; padding:15px}
	.s_tab1 .tab_menu.col-2 li {width: calc(47% - 2px);margin:0 5px;}
	.s_tab1 li a{font-size:16px;}
	.business_partner_box .doctors_txt{padding:20px}
	.business_partner_box .doctors_txt p{line-height:30px}
	.dot_list .mt20{margin-top:0 !important}
	.dot_list .mb20{margin-bottom:0 !important}
	.move .gray_scroll_bg {height: 350px;}
	.page_top_wrap .white{color:#333 !important}
	.img_list li .txt_box {padding-top:40px}
	.img_list li .txt_box .mb50  {margin-bottom:20px !important}
	.img_list li .txt_box .mt20{margin-top:10px !important}
	.square_img_list4 li{width:44%; margin:0 8px 20px}
	.square_img_list4 .mt20{margin-top:10px !important}
	.square_img_list4 li .num  {display: block;vertical-align: middle;font-family: 'Barlow', sans-serif;width: 40px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;background-color: #1d4a73;color:#fff;border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 8px;}

	.key_treatment_inner {flex-direction: column;}
	.key_treatment_left, .key_treatment_right {flex: 0 0 100%;}
	.key_treatment_right {grid-template-columns: repeat(2, 1fr);}

	.treatment_inner, .treatment_inner.reverse {flex-direction: column; align-items: center; text-align: center;}
	.treatment_left, .treatment_right {width: 100%; flex: 0 0 100%;}
	.treatment_img_wrap {text-align: center;}
	.icon_item {justify-content: center;}

	.treatment_left { order: 1; }
	.treatment_right { order: 2; }

	.treatment_left, .treatment_right {width: 100%;}

	.mesh_flow_wrap {flex-direction: column;}
	.flow_arrow {transform: rotate(90deg);}

	.intro_inner {flex-direction: column-reverse; text-align: center;}
    .intro_text {text-align: center;}

	.compare_text_box { flex-direction: column; text-align: left; padding: 24px; }
	.compare_text_box .left { width: 100%; margin-bottom: 16px; font-size: 18px; }

	.symptom_icons { gap: 24px; }
	.symptom_icons .icon_item { width: 45%; }

	 .bruise_item { flex-direction: column; align-items: flex-start; } 

	.land_total_sect .progress_cont .ico_cont,
	.land_total_sect .progress_cont .dot_cont .dot_wrap,
	.land_total_sect .progress_cont .txt_cont {
	grid-template-columns: 1fr;
	gap: 1.5rem;
	}

	.land_total_sect .progress_cont .ico_cont .ico,
	.land_total_sect .progress_cont .txt_cont .box {
	opacity: 1 !important;
	transition: none !important;
	}

	.land_total_sect .progress_cont .dot_cont .dot_wrap .box .dot {
	opacity: 1 !important;
	}

	.land_total_sect .progress_cont .dot_cont .line:before {
	display: none;
	}

	.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(1),
	.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(2),
	.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(3),
	.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(4),
	.land_total_sect .progress_cont .txt_cont .box:nth-of-type(1),
	.land_total_sect .progress_cont .txt_cont .box:nth-of-type(2),
	.land_total_sect .progress_cont .txt_cont .box:nth-of-type(3),
	.land_total_sect .progress_cont .txt_cont .box:nth-of-type(4),
	.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
	.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
	.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
	.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot {
	transition-delay: 0s !important;
	}
	.land_total_sect .progress_cont .ico_cont .ico{display:block; text-align:center}
	.land_total_sect{background-size:100% 100%; background-position:50% 50%}
	.land_total_sect .progress_cont .ico_cont .ico{height:auto;background-color:initial !important}

	.bubble-cluster{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;height:auto;padding:40px 0;position:relative;}
	.bubble{position:relative;animation:float 6s ease-in-out infinite;}
	.bubble{width:110px;height:110px;font-size:13px;line-height:1.3; top:initial; left:initial}

	.growth-inner{flex-direction:column;gap:40px;text-align:center;}
	.growth-right{text-align:center;}
	.growth-bottom{flex-direction:column;gap:20px;}
	.growth-arrow{transform:rotate(90deg);width:40px;}

	.ai-item{flex-direction:column;gap:30px;text-align:center;}
	.ai-item.reverse{flex-direction:column;}
	.ai-img{max-width:100%;}
	.ai-text{padding:0 20px;}
	.ai-text h3{font-size:20px;}
	.ai-text p{font-size:15px;}


	.marquee_list_wrap.lt ul {margin-bottom: 20px;}
	.marquee_list_wrap ul li {width: 205px;}
	.flex_con .w50{width:100%}
	.bt_con::before {top: -420px; height:650px}
	.point_item {flex: 0 0 calc((100%) / 1);}
	.key_treatment_left {text-align:center;}
	.point_item:nth-child(4), .point_item:nth-child(5){flex: 0 0 calc((100%) / 1);}
	.key_treatment_wrap {border-radius:0 0 30px 30px}
	.treatment_right {margin-top:30px}
	.mesh_type_item {width: calc((100% - 60px) / 2); text-align: center;}
	.circle_keyword_list {display: flex; gap: 20px; flex-wrap: wrap;justify-content: center !important; }
	.hexagon{width:50%}
	.keyword_btns3 span {flex: 0 0 calc(50% - 6px);}
	.face_01_m1 .tit-wrap h3{font-size: 78px;}
	.face_01_m1 ul{display:block}
	.face_01_m1 li:nth-child(2) {width: 100%;padding-top:20px;}
	.face_01_m1 {background-position: 69% 50%;}
	.symptom_left {flex: 0 0 100%;}
	.symptom_list li .num{top:10px}
	.type_wrap .w50{width:100%}
	.graph_box{max-width:100%}
	.info_card{max-width:100%}
	.nerve_stage_box{width:100%}

	.circle_item{width:150px; height:150px}
	.hexagon{padding:0}
	.hexagon img{width:50%}
	.intro_inner{align-items:initial;}

	.type_box{padding:30px 12px}
	.graph_img_wrap{padding:10px}
	.hb_table .td_flex{display:block;text-align:center;}
	.td_img{width:50%; text-align:center; padding-bottom:10px; margin:0 auto}
	.td_img2{width:80%; text-align:center; padding-bottom:10px;margin:0 auto}
	.hb_table .desc_box{text-align:center;}
	.hb_table th, .hb_table td{padding:5px}
	.core_step_wrap{display:block}
	.core_step_box{margin-bottom:10px; padding:15px 40px 20px 30px}

	.value_sect .cont .list{flex-wrap: nowrap; padding-bottom: 0;  overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);
        -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .value_sect .cont .list::-webkit-scrollbar {display: none}
    .value_sect .cont .list .item{width: 80%; min-width: 330px; margin-top: 0; opacity: 1 !important; transform: unset !important; scroll-snap-align:center; scroll-snap-stop:always;}
    .value_sect .cont .list .item + .item{margin-left: 20px;}
    .value_sect .cont .list .item:nth-child(even){top: 0;}
    .value_sect .cont .list .item .txt_box{padding: 30px;}
    .value_sect .cont .list .item .txt_box .txt{font-size:var(--txt); margin-top: 7px;}
    .value_sect .cont .line{display:none;}

	.more{width:90%}
	.face_01_m1 li:nth-child(1){width:100%}
	.progress_label .percent{font-size:25px}
	.progress_label .title{font-size:20px}
	.progress_label.right{width:100px}
	.understand_list li{border-right:none}
	.treatment_chart_wrap{padding:20px}
	.w60{width:100%}
	.white_box_3 li{width:100%; margin:10px 0}
	.treatment_sticky_inner{display:block}
	.treatment_text{margin-bottom:30px}
	.treatment_text{position:relative; top:initial;}

	.type_guide{margin-bottom:20px}
	.rehabilitation_01_bg{background-size:auto; background-position:50% 50%}
	.book_img{width:100%}

	.compare_text_box .left2{width:100%; margin-bottom:10px}
	.graph_box_img{padding:10px}
	.check_box{padding:50px 10px}
	.detail_box1_w{width:100%}
	.detail_box2_w{width:100%}

	.rehab_graph{gap:10px; padding:10px}
	.balloon{padding:10px}
	.spine_title{padding:10px 30px}
	.spine_chart_wrap{padding:20px}
	.spine_bar_box{gap:50px}
	.spine_balloon{right:-60px}
	.spine_arrow_red{right:-30px}
	.compare_box{width:50%}
	.earlycare_text{padding:50px 20px}
	.earlycare_circle{width:120px; height:120px;}
	.earlycare_circle:nth-child(2){left:33%}
	.earlycare_circle:nth-child(3){left:65%}
	.earlycare_circles{padding-bottom:110px}
	.keyword_btns span{padding:10px 0}

	.hormone_chart_wrap2, .hormone_chart_wrap{max-width:100%; min-width:100%}
	.growth-box{min-width:100%}
	.ai-text{width:100%}
	.growth-btn{width:150px}
	.growth-btn.pink{left:130px}
	.growth-check-right{min-width:100%}
	.spine_bar{width:68px}
	.spine_bar_label{font-size:17px}

	.spine_icon_wrap{right:-8%}

	.growth-bucket{background: url('/assets/images/sub/m_growth_01_img0201.png') no-repeat center;background-position: 88% 50%;}
	.growth-bucket{padding:70px 0}
	.spine_arrow_up2 {top: 32px;left: -92px;}
	.tdd_title{font-size:18px}
	.tdd_desc{font-size:15px}

	.corner_img li{width:100%}

	.stage_title{font-size:18px}
	.stage_sub{font-size:15px}
	.stage_info{font-size:15px}
	.stage_sub{margin-bottom:20px; padding-bottom:20px}
	.point_box{width:100%}
	mark{display:block}
	.diag_box{min-width:100%}
	.sim_box li{width:47%; margin:5px 0}
	.medical_box{width:100%}
	.medical_integration_inner{gap:10px}
	.medical_result{width:100%}
	.balance_box h3{font-size:18px}
	.disease-main-card2{width:100%; margin-top:20px}
	.disease-card{width:100%}
	.process-circle-wrap {display: contents;align-items: center;justify-content: center;gap: 20px;flex-wrap: nowrap;padding: 30px 0px;text-align: center;width: 100%;margin: 0 auto;}
	.process-circle{width:150px; height:150px; margin:0 auto; margin-top:10px}
	.autoimmune_chart_title{padding:10px}
	.autoimmune_chart_barbox{gap:40px}

	.autoimmune_chart_middle_text {
	 
	  top: 14px;
	  left: 24%;
	}

	.autoimmune_people_wrap{padding:10px}
	.autoimmune_people_icons{gap:20px 0}
	.autoimmune_people_text{margin-left:initial; text-align:center; margin-top:10px}
	.autoimmune_step_group{width:100%}
	.scar-wrap{display:block}
	.scar-steps{margin-top:20px}
	.scar-limit-wrap{width:100%}
	.scar-limit-box{width:100%}
	.scar-process-step-wrap{grid-template-columns: repeat(1, 1fr);}
	.scar-process-step-box{padding:10px 0}

	.qd-container .right{width:100%}
	.qd-container{display:block}
	.qd-container .left{width:100%}
	.qd-container .right{padding-left: initial; margin-top:20px}
	.speech-bubble{left:initial; padding:15px; position:relative}
	.quote-text{padding-top:20px}
	.qd-container.mt50{margin-top:0px !important}
	.circle-text-wrap{right:5%; left:initial; top:-4%}

	.signature {margin-top: 6px;font-size: 48px;}
	.doctor-info{padding:0}
	.admit_step_card{width:100%; margin-bottom:10px}
	.admit_steps{display:block;}
	.admit_guide_wrap{display:block;}
	.admit_guide_text{max-width:100%; margin-bottom:20px}
	.admit_guide_img img{max-width:100%;}
	.document_wrap{display:block}
	.document_left{width:100%; padding:0 15px; margin-bottom:20px}
	.document_table td{padding:15px 10px}
	.doc_btn{margin-right:0}
	.doc_notice_table tbody td{font-size:14px; padding:10px}
	.price_tab{font-size:14px}
	.price_table td.category{font-size:14px;line-height:18px}
	.price_table td{padding:10px}
	.price_td{font-size:14px; line-height:18px}
	.price_badge{padding:10px 4px; font-size:12px; margin-left:0}
	#quick{bottom:0%}
	.doctor-vision{padding:50px 0}

}
@media all and (max-width:768px){
.scrollx_768 { overflow-x: auto;  margin-top: 0;  padding-top: 30px; padding-bottom:50px;  background: url('/assets/images/sub/bg_hand.gif') 0 0 no-repeat; min-width: 620px;}



}

@media all and (max-width:520px){
	  .bubble{width:90px;height:90px;font-size:14px;}

}