@charset "UTF-8";

/* 공통 버튼: 화살표 버튼 */
.btn_arrow{display: inline-flex; align-items: center; gap: 6px; padding: 16px 20px; background: url("../img/f1-btn.png") no-repeat; background-size: cover; background-position: right; border-radius: 100px; font-size: var(--fs20); font-weight: 600; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease; height: 60px; width: fit-content;}
.btn_arrow:hover{opacity: 0.85;}

.bot_menu{border-top: 1px solid #E5E5EC; }
.bot_menu .width{display: flex; justify-content: space-between; gap: 0px 2%;}
.bot_menu ul{display: flex; justify-content: space-between; align-items: center;}
.bot_menu ul li{}

.visual{height: 840px; margin-top: 150px; position: relative;}
.visual .swiper_visual{height: 100%;}
.visual .slide1{background: url("../img/visual1.png")no-repeat; background-size: cover;}
.visual .slide2{background: url("../img/visual1.png")no-repeat; background-size: cover;}
.visual .slide3{background: url("../img/visual1.png")no-repeat; background-size: cover;}
.visual .main_text{display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; height: 100%; color: #fff;}
.visual .main_text h6{font-size: 2.0rem; font-weight: 300; line-height: 140%; margin-bottom: 12px;}
.visual .main_text h2{font-size: 5.6rem; line-height: 130%; margin-bottom: 16px;}
.visual .main_text h2 b{font-weight: 600;}
.visual .main_text h5{font-size: 2.2rem; font-weight: 500; line-height: 145%;}
.visual .main_text .box_wrap{margin-top: 85px; display: flex; gap: 30px 2%; width: 100%;}
.visual .main_text .box{width: 33%;}
.visual .main_text .box h3{margin-top: 12px; font-size: 2.8rem; letter-spacing: -0.7px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center;}
.visual .main_text .box h3 b{font-size: 7.2rem; font-weight: 500;}
.visual .main_text .box h3 strong{font-size: 7.2rem; font-weight: 500;}
.visual .main_text .box p{font-size: 2.0rem; font-weight: 600; letter-spacing: -0.5px; line-height: 140%;}
.visual .main_text .box span{margin-top: 10px; display: inline-block;}
.visual .main_text .box strong{margin: 0px 5px;}

.mtxt h3{color: var(--color); font-size: var(--fs22); font-weight: 600; line-height: 145%; letter-spacing: -0.55px; margin-bottom: 16px;}
.mtxt h2{font-size: var(--fs42); font-weight: 600;}
.mtxt p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 140%;;}
.m1{background: url("../img/m1-bg.png")no-repeat; background-size: cover;}
.m1 .mbox{display: flex; gap: 15px 4%; align-items: flex-end;}
.m1 .mbox p{margin-bottom: 12px;}
.m1 .mtxt{margin-bottom: 48px;}
/*.m1 .m1Swiper{overflow: initial;}*/
/*.m1 .m1Swiper .swiper-slide{width: 25%; max-width: 240px;overflow: hidden; display: flex; align-items: center;}*/
/*.m1 .m1Swiper .swiper-slide .text{width: 0%;}*/
/*.m1 .m1Swiper .swiper-slide .img{border-radius: 16px; overflow: hidden; height: 100%; display: flex; justify-content: center; height: 480px;}*/
/*.m1 .m1Swiper .swiper-slide .img img{ height: 100%; object-fit: cover;}*/
/*.m1 .m1Swiper .swiper-slide-active{width: 70%; max-width: initial; display: flex; align-items: center; gap: 20px 4%;}*/
/*.m1 .m1Swiper .swiper-slide-active .text{display: block; width: 40%;}*/
/*.m1 .m1Swiper .swiper-slide-active .img{width: 58%;}*/
/*.m1 .m1Swiper .swiper-slide-active .img img{width: 100%;}*/
.m1 .m1Swiper .swiper-slide .text h6{color: #999; font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 48px;}
.m1 .m1Swiper .swiper-slide .text h2{font-size: var(--fs32);font-weight: 600; line-height: 130%; margin-bottom: 12px; letter-spacing: -0.8px;}
.m1 .m1Swiper .swiper-slide .text p{font-size: var(--fs18); color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-bottom: 32px;}
.m1 .m1Swiper .swiper-slide .text a{color: #505050; font-size: var(--fs18); font-weight: 600; display: flex; align-items: center; gap: 0px 3px; }

.m1 .m1Swiper { position: relative; width: 130%; }
.m1 .m1Swiper .swiper-wrapper { align-items: flex-end; }
.m1 .m1Swiper .swiper-slide { display: flex; align-items: center; justify-content: flex-start; width: 50%; text-align: center; color: #343434; font-weight: 600; filter: grayscale(1); opacity: 0.4; transform: scale(0.8) translateX(-78%); transform-origin: bottom; transition: 0.7s; transition-delay: 0.1s; }
.m1 .m1Swiper .swiper-slide .img { position: relative; width: 45%; padding-top: 60%; border-radius: 16px; overflow: hidden;}
.m1 .m1Swiper .swiper-slide .img.empty {background-color: #F4F6FA}
.m1 .m1Swiper .swiper-slide .img.empty:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40%;height: 40%;background: url("/inc/img/common/logo_gray.svg") no-repeat center / contain;}
.m1 .m1Swiper .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.m1 .m1Swiper .swiper-slide .text { width: 47%; margin-left: 5rem; opacity: 0; transform: translateX(-10%); transition-delay: 1s; transition: opacity 0.7s, transform 0.7s; word-break: keep-all; text-align: left;}

.m1 .m1Swiper .swiper-slide .txt_box .btn_wrap { margin-top: 5rem; }

.m1 .m1Swiper .swiper-slide[class$=-active] { filter: none; opacity: 1; transform: scale(1); transition: all 0.7s; transition-delay: 0s; }
.m1 .m1Swiper .swiper-slide[class$=-active] .text { opacity: 1; transform: translateX(0); transition-delay: 0.3s; }

.m1 .m1Swiper .swiper-slide[class$=-next] { transform: scale(0.8) translateX(0); }

.m1 .m1Swiper .swiper-slide[class$=-next] + .swiper-slide + .swiper-slide { transform: scale(0.8) translateX(-156%); }
.m1 .m1-prev{position: absolute; bottom: 0; left: 25%; z-index: 9; cursor: pointer}
.m1 .m1-next{position: absolute; bottom: 0; left: 29%; z-index: 9; cursor: pointer}

.m2{background: url("../img/m2-bg.png")no-repeat; background-size: cover; padding-top: 180px; background-position: center;}
.m2 .mtxt{text-align: center; margin-bottom: 62px;}
.m2 .mtxt h2{color: #fff; margin-bottom: 20px;}
.m2 .mtxt p{color: #fff;}
.m2 .box_wrap{display: flex;}
.m2 .box{height: 592px; overflow: hidden; width: 25%; padding: 40px; display: flex; align-items: flex-end; border-right: 1px solid #FFF; transition: 0.3s all; color: #fff;}
.m2 .box:hover{  backdrop-filter: blur(4px); background: rgba(136, 204, 48, 0.56);}
.m2 .box h2{font-size: var(--fs28); font-weight: 600; margin-bottom: 4px;}
.m2 .box h3{font-weight: 600; line-height: 150%; letter-spacing: -0.4px; margin-bottom: 16px;}
.m2 .box p{font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px; margin-bottom: 36px; opacity: 0; min-height: 105px; transition: 0.3s all;}
.m2 .box img{width: 100%; opacity: 0 transition: 0.3s all;;}
.m2 .box .bp1{position: relative; margin-bottom: -400px; transition: 0.3s all; height: 510px;}
.m2 .box:hover .bp1{margin-bottom: 0px;}
.m2 .box:hover p{opacity: 1;}
.m2 .box:hover img{opacity: 1;}

.m3{background: url("../img/m3-bg.png")no-repeat; background-size: cover; position: relative;}
.m3 .swiper-slide{display: flex; gap: 20px 4%; align-items: flex-start;}
.m3 .swiper-slide .text_wrap{width: 49%;}
.m3 .swiper-slide .text_wrap h6{font-size: var(--fs22); color: #505050; font-weight: 500; line-height: 145%; letter-spacing: -0.55px; margin-bottom: 12px;}
.m3 .swiper-slide .text_wrap h2{font-size: var(--fs42); font-weight: 600; margin-bottom: 70px;}
.m3 .swiper-slide .text_wrap h2 b{font-weight: 600; color: var(--color);}
.m3 .swiper-slide .text_wrap h3{font-size: var(--fs28); font-weight: 600; margin-bottom: 20px;}
.m3 .swiper-slide .text_wrap ul{display: flex; flex-wrap: wrap; gap: 12px 2%; margin-bottom: 70px;}
.m3 .swiper-slide .text_wrap ul li{width: 49%; color: #505050; font-size: var(--fs18); display: flex; gap: 0px 4px;}
.m3 .swiper-slide .text_wrap .t_img img{width: 100%;}
.m3 .swiper-slide .img{width: 49%;}
.m3 .swiper-slide .img img{width: 100%;}
.m3 .point{top: 10%; right: 0; position: absolute;}
.m3 .m3-prev{position: absolute; z-index: 9; right: 4.5%; bottom: 11%; cursor: pointer;}
.m3 .m3-next{position: absolute; z-index: 9; right: 0; bottom: 11%; cursor: pointer;}

.m4{background: url("../img/m4-bg.png")no-repeat; background-size: cover; position: relative;}
.m4 .width{display: flex; align-items: center; gap: 20px 4%;}
.m4 .text{width: 45%; color: #fff;}
.m4 .text h6{font-size: var(--fs22); font-weight: 600; margin-bottom: 16px;}
.m4 .text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; margin-bottom: 60px;}
.m4 .text h3{font-size: var(--fs18); font-weight: 600; display: flex; align-items: center; gap: 0px 6px; margin-bottom: 12px;}
.m4 .text .t1{margin-bottom: 44px;}
.m4 .text .t1 h4{font-size: 4.8rem; font-weight: 700; font-family: "GmarketSansBold"; display: flex; align-items: center; gap: 0px 2%;}
.m4 .text .t1 h4 a{padding: 12px 20px; border-radius: 30px; background: #fff; display: flex; align-items: center; gap: 0px 6px; font-size: 1.6rem; color: var(--color); }
.m4 .text .t2{margin-bottom: 44px;}
.m4 .text .t2 h4{font-size: var(--fs22); font-weight: 600; margin-bottom: 8px; line-height: 145%;}
.m4 .text .t2 h5{display: flex; color: rgba(255, 255, 255, 0.80); gap: 0px 5px; line-height: 150%;}
.m4 .text .t3 dl{display: flex; gap: 0px 80px; margin-top: 9px;}
.m4 .text .t3 dl dt{min-width: 100px; font-size: var(--fs22); font-weight: 500; max-width: 100px;}
.m4 .text .t3 dl dt.d1{letter-spacing: 61.6px;}
.m4 .text .t3 dl dt.d2{letter-spacing: 21.12px;}
.m4 .text .t3 dl dt.d3{letter-spacing: 7.92px;}
.m4 .text .t3 dl dd{font-size: var(--fs20); font-weight: 600; }
.m4 .text .t3 h4{color: rgba(255, 255, 255, 0.90); font-weight: 500; margin-top: 6px;}
.m4 .img{width: 50%; border-radius: 20px; overflow: hidden;}
.root_daum_roughmap .cont .section{display: none;}
.root_daum_roughmap .wrap_controllers{display: none;}
.m4 .root_daum_roughmap{width: 100% !important;}

#ft{background: #002F0A; padding: 50px 0;}
#ft .footer{display: flex; gap: 20px 7%; color: #fff;}
#ft .ft_ser_wrap{text-align: left;}
#ft .ft_ser{display: flex; gap: 0px 3%; align-items: center; margin-bottom: 28px;}
#ft .ft_ser li a b{font-weight: 600;}
#ft .ft_ser span{font-size: 1.0rem; color: rgba(255, 255, 255, 0.30);}
#ft .foot_info p{color: rgba(255, 255, 255, 0.60); font-size: 1.4rem; line-height: 142%; font-weight: 500; margin-bottom: 4px;}
#ft .copy{color: rgba(255, 255, 255, 0.60); font-size: 1.4rem; font-weight: 500; margin-top: 12px; display: block;}

.center{text-align: center;}

.ptxt{margin-bottom: 70px;}
.ptxt h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; display: inline-block; position: relative;}
.ptxt h2 .point{position: absolute; right: -25px; top: -34px;}
.ptxt p{margin-top: 28px; color: #505050; font-weight: 500; line-height: 145%; font-size: var(--fs18);}
.ptxt > img{width: 100%; margin-top: 70px;}

.a1-2{background: url("../img/a12-bg.png")no-repeat; background-size: cover; position: relative;}
.a1-2 .ptxt h3{font-size: var(--fs24); margin-top: 32px; margin-bottom: 24px; line-height: 140%; font-weight: 600;}
.a1-2 .ptxt p{margin-top: 12px;}
.a1-2 .img{margin-top: 70px;}
.a1-2 .img img{width: 100%;}

.a1-3 .width{display: flex; gap: 20px 4%; justify-content: space-between;}
.a1-3 .width .box_wrap{width: 60%; display: flex; flex-wrap: wrap; gap: 80px 0;}
.a1-3 .width .box{width: 33%; text-align: center;}
.a1-3 .width .box p{font-size: var(--fs20); font-weight: 600; letter-spacing: -0.5px; margin-top: 20px;}

.a1-4 .ptxt{margin-bottom: 70px;}
.a1-4 .ptxt h2 .point{right: 11%;}
.a1-4 .box_wrap{display: flex; gap: 0px 1.5%;}
.a1-4 .box{width: 25%; aspect-ratio: 1 / 1; padding: 40px 32px; border-radius: 20px;}
.a1-4 .box1{background: url("../img/a14-img1.png") no-repeat; background-size: cover; color: #fff;}
.a1-4 .box2{background: url("../img/a14-img2.png") no-repeat; background-size: cover; color: #19763A;}
.a1-4 .box3{background: url("../img/a14-img3.png") no-repeat; background-size: cover;}
.a1-4 .box4{background: url("../img/a14-img4.png") no-repeat; background-size: cover; color: #fff;}
.a1-4 .box h3{font-size: var(--fs20); font-weight: 500; line-height: 140%; margin-bottom: 12px;}
.a1-4 .box h4{font-size: 2.8rem; font-weight: 400;}
.a1-4 .box h4 b{font-size: 6.0rem; font-weight: 500;}
.a1-4 .box h4 strong{font-size: 6.0rem; font-weight: 500;}
.a1-4 .box2 h3{color: rgba(25, 118, 58, 0.48);}
.a1-4 .box3 h3{color: #505050;}

.a1-5{background: url("../img/a15-bg.png")no-repeat; background-size: cover; position: relative;}
.a1-5 h2{font-size: 5.6rem; font-weight: 600; letter-spacing: -1.4px; line-height: 130%; color: #fff;}

.a1-6 .width{display: flex; justify-content: space-between; gap: 20px 4%;}
.a1-6 .ptxt h2 .point{right: -13%;}
.a1-6 .ci_wrap{width: 60%;}
.a1-6 .ci_wrap .img{margin-bottom: 140px;}
.a1-6 .ci_wrap .img img{width: 100%;}
.a1-6 .ci_wrap .img p{color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; margin-top: 28px;}
.a1-6 .ci_color .box_wrap{display: flex; gap: 10px 2%; margin-bottom: 28px;}
.a1-6 .ci_color .box_wrap .box{width: 33%; height: 160px; border-radius: 12px;}
.a1-6 .ci_color .box_wrap .box1{background : #8BC53F; }
.a1-6 .ci_color .box_wrap .box2{background : #187945;}
.a1-6 .ci_color .box_wrap .box3{background : #F59039;}
.a1-6 .ci_color p{font-size: var(--fs18); color: #505050; font-weight: 500; line-height: 145%; margin-top: 12px;}
.a1-6 .ci_btn{display: flex; gap: 0px 2%; margin-top: 60px;}
.a1-6 .ci_btn a{font-size: 1.5rem; font-weight: 600; letter-spacing: -0.375px; width: 180px; height: 52px; padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; border: 1px solid #19763A;}

.a2{position: relative;}
.a2 .a2_point{position: absolute; top: 10%; right: 5%;}
.a2 .ptxt{margin-bottom: 100px;}
.a2 .box_wrap{display: flex; justify-content: space-between; gap: 20px 4%;}
.a2 .box_wrap img{width: 40%;}
.a2 .box_wrap .text{width: 50%;}
.a2 .box_wrap .text h6{font-size: var(--fs20); font-weight: 600; color: var(--color); margin-bottom: 40px;}
.a2 .box_wrap .text h2{font-size: var(--fs42); line-height: 130%; letter-spacing: -1.1px; margin-bottom: 40px;}
.a2 .box_wrap .text p{font-size: var(--fs18); color: #505050; line-height: 145%; margin-top: 16px;}

.a3{padding-bottom: 0px;}
.a3_top{text-align: center; border-radius: 28px; background: radial-gradient(50% 50% at 50% 50%, rgba(139, 197, 63, 0.14) 0%, rgba(139, 197, 63, 0.00) 100%); height: 420px; display: flex; align-items: center; justify-content: center;}
.a3_top h2{color: var(--color); font-size: var(--fs38); font-weight: 600; position: relative;}

.flow{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    position: relative;
}

.flow__track{
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    animation: flowMarquee 54s linear infinite;
}

.flow__track span{
    display: inline-block;
    font-size: 64px;      /* 필요에 맞게 */
    font-weight: 700;
    letter-spacing: 0.02em;
    padding-right: 60px;  /* 글자 사이 간격 */
    color: #f7f7f7;
}

/* 트랙 2개를 같은 속도로 움직이면 끊김 없이 이어져 보임 */
@keyframes flowMarquee{
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 접근성: 사용자가 모션 줄이기 설정이면 애니메이션 중지 */
@media (prefers-reduced-motion: reduce){
    .flow__track{ animation: none; }
}

.a22{padding-top: 0px;}
.a22 .box_wrap{margin-top: 200px; display: flex; align-items: flex-start; gap: 20px 4%; justify-content: space-between;}
.a22 .box_wrap .img{width: 40%;}
.a22 .box_wrap .img img{width: 100%;}
.a22 .box_wrap .text{width: 50%;}
.a22 .box_wrap .text h6{color: #187945; line-height: 150%; padding: 8px 16px; border-radius: 4px; background: #EEF4E6; display: inline-block; font-weight: 600; margin-bottom: 12px;}
.a22 .box_wrap .text h2{font-size: 4.0rem; font-weight: 600; display: flex; gap: 0px 10px; margin-bottom: 40px; align-items: baseline;}
.a22 .box_wrap .text span{font-size: var(--fs20); font-weight: 600;}
.a22 .text .scroll{border: 1px solid #E5E5EC; border-radius: 12px; overflow: hidden; border-bottom: 0px;}
.a22 .text table{width: 100%; text-align: center;table-layout: fixed; }
.a22 .text table th {background: #72A72C; padding: 17px 0; font-size: 1.8rem; font-weight: 600; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.20);}
.a22 .text table th:last-child{border-right: 0px;}
.a22 .text table td{padding: 17px 0; font-size: var(--fs18); font-weight: 600; border-right: 1px solid #E5E5EC; border-bottom: 1px solid #E5E5EC;}
.a22 .text table td p{font-size: var(--fs18); font-weight: 600;}
.a22 .text table td:last-child{border-right: 0px;}
.a22 .text table td .c1{color: #187945;}
.a22 .text table td .c2{color: #F59039;}
.a22 .text table td .c3{color: #999999;}
.a22 .text table td.two{display: flex; gap: 0px 4px; color: #e1e1e1; justify-content: center;}
.a22 .text h5{color: #999; font-size: var(--fs18); line-height: 145%; letter-spacing: -0.45px; margin-top: 12px;}
.a22 .text ul{margin-top: 40px;}
.a22 .text ul h3{font-size: 2.8rem; font-weight: 600; line-height: 135%;}
.a22 .text ul li{display: flex; gap: 0px 6px; margin-bottom: 12px;}
.a22 .text ul li span{color: #777;}
.a22 .text ul li p{color: #505050; font-size: 1.8rem; }

.a4{padding-bottom: 120px;}
.a4_top{background: url("../img/a4-bg.png")no-repeat; background-size: cover; border-radius: 28px; padding: 122px 0; text-align: center;}
.a4_top h2{color: #187945; font-size: var(--fs38); font-weight: 500; line-height: 130%;}
.a42{background: url("../img/a4-bg2.png")no-repeat; background-size: cover;}
.a42 .ptxt h2{text-align: left;}
.a42 .width{display: flex; justify-content: space-between; gap: 30px 0; position: relative;}
.a42 .his_wrap{width: 50%; padding-left: 5%; border-left: 2px solid #E5E5EC; position: relative;}
.a42 .his_wrap:after{content: ''; width: 2px; height: var(--line-height, 0px); background: #F59039; position: absolute; top: 0; left: -2px;}
.a42 .his_wrap .box{padding-bottom: 120px;}
.a42 .his_wrap .box h3{font-size: 5.6rem; font-weight: 600; margin-bottom: 40px;}
.a42 .his_wrap .box dl{display: flex; margin-top: 24px; align-items: center;}
.a42 .his_wrap .box dl dt{min-width: 60px; font-size: var(--fs24); font-weight: 600; color: var(--color);  line-height: 145%; }
.a42 .his_wrap .box dl dd{color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%;}
.a42 .his_wrap .box dl dd b{color: #187945; font-weight: 500;}

.a5 .box_wrap{border-radius: 28px; padding: 58px 0; text-align: center; background: url("../img/a5-bg1.png") no-repeat; background-size: cover;}
.a52{background: url("../img/a5-bg2.png") no-repeat; background-size: cover; margin-top: 120px;}
.a52 h2 b{background: linear-gradient(213deg, #93CA50 19.56%, #55B275 80.44%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.a52 .swiper{max-width: 1280px; margin: 0 auto;}
.a52 .a52Swiper2 .swiper-slide{border-radius: 28px; overflow: hidden; position: relative;}
.a52 .a52Swiper2 .swiper-slide img{width: 100%;}
.a52 .a52Swiper2 .swiper-slide h6{position: absolute; top: 40px; left: 40px; padding: 12px 16px; border-radius: 4px; background: #EEF4E6; font-size: var(--fs18); color: var(--color2); font-weight: 600;}
.a52 .a52-prev{position: absolute; top: 52%; left: 0; cursor: pointer;}
.a52 .a52-next{position: absolute; top: 52%; right: 0; cursor: pointer;}
.a52 .a52Swiper .swiper-slide {border-radius: 28px; overflow: hidden;}
.a52 .a52Swiper .swiper-slide img{width: 100%;}
.a52 .a52Swiper{margin-top: 23px;}

.b1 .ptxt img{width: 100%;}

.w60{width: 60%;}

.b12 .ptxt{text-align: left;}
.b12 .width{display: flex; justify-content: space-between;}
.b12 .text{width: 60%; border-top: var(--bar)}
.b12 .text dl{padding: 40px 0; border-bottom: var(--bar); display: flex; align-items: center;}
.b12 .text dl dt{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; min-width: 225px;}
.b12 .text dl dd{font-size: var(--fs20); color: #505050; font-weight: 500; letter-spacing: -0.5px;}

.b13 .width{padding-top: 200px; padding-bottom: 140px; border-bottom: var(--bar); display: flex; justify-content: space-between;}
.b13 .width h2{font-size: 3.6rem; font-weight: 600;}
.b13 .width .box_wrap{width: 60%;}
.b13 .width .box{display: flex; align-items: flex-start; gap: 0px 4%; padding-bottom: 40px; border-bottom: var(--bar);}
.b13 .width .box .text{margin-top: 45px;}
.b13 .width .box2{padding-top: 40px;}
.b13 .width .box3{padding-top: 40px; padding-bottom: 0px; border-bottom: 0px;}
.b13 .width .box1 .text h3{font-size: var(--fs18); font-weight: 600; padding: 4px 16px; border-radius: 100px; background: #187945; color: #fff; display: inline-block; margin-bottom: 16px;}
.b13 .width .box1 .text .t1{margin-bottom: 32px;}
.b13 .width .box1 .text p{font-size: var(--fs20); color: #505050; font-weight: 500; line-height: 140%;}
.b13 .width .box1 .text p b{color: var(--color2); font-weight: 500;}
.b13 .width .box1 .text .t2 p{font-weight: 400;}
.b13 .width .box1 .text .t2 p b{color: var(--color2); font-weight: 600;}
.b13 .width .box1 .text .t2 p strong{font-weight: 600;}
.b13 .width .box2 ul{display: flex; gap: 0 10px; margin-bottom: 16px;}
.b13 .width .box2 ul li{font-size: 1.8rem; font-weight: 600; letter-spacing: -0.45px; padding: 4px 16px; border-radius: 40px; color: #fff; line-height: 140%;}
.b13 .width .box2 ul li.c1{background: #55AEFF;}
.b13 .width .box2 ul li.c2{background: #257CCA;}
.b13 .width .box2 p{font-size: var(--fs20); color: #505050; line-height: 140%; letter-spacing: -0.5px;}
.b13 .width .box3 .text{display: flex; flex-direction: column; gap: 20px 0;}
.b13 .width .box3 .text dt{padding: 4px 16px; color: #fff; border-radius: 50px; font-size: var(--fs18); font-weight: 600; line-height: 140%;}
.b13 .width .box3 .text dl{display: flex; gap: 0 12px; align-items: baseline;}
.b13 .width .box3 .text dt.c1{background: #1F46C4;}
.b13 .width .box3 .text dt.c2{background: #0CA610;}
.b13 .width .box3 .text dt.c3{background: #58159B;}
.b13 .width .box3 .text dt.c4{background: #D13814;}
.b13 .width .box3 .text dt.c5{background: #CF0E0C;}
.b13 .width .box3 .text dt.c6{background: #0EA9A7;}
.b13 .width .box3 .text dd{color: #505050; font-size: var(--fs20); line-height: 140%; letter-spacing: -0.5px;}

.b14 .ptxt{text-align: left;}
.b14 .box_wrap{display: flex; gap: 12px 2%; margin-bottom: 24px;}
.b14 .box{width: 20%; border-radius: 20px; background: #F7FAF2; padding: 76px 5px; text-align: center;}
.b14 .box h6{padding: 4px 12px; display: inline-block; border-radius: 4px; background: #187945; font-size: var(--fs18); font-weight: 600; line-height: 145%; letter-spacing: -0.45px; color: #fff; margin-bottom: 12px;}
.b14 .box h3{font-size: var(--fs32); font-weight: 600; letter-spacing: -0.8px; line-height: 130%;}
.b14 ul li{color: #505050; font-size: var(--fs18); line-height: 145%; letter-spacing: -0.45px; margin-top: 4px;}

.b2{padding-bottom: 100px;}
.b22{padding-top: 120px;}

.b2_nav{display: flex; border-radius: 100px;background: #F7F7F7; margin-bottom: 80px;}
.b2_nav li{flex: 1;}
.b2_nav li a{display: flex; align-items: center; justify-content: center; padding: 16px 0; font-size: 2.0rem; color: #767676; font-weight: 500;}
.b2_nav li a.on{border: 1px solid #8BC53F; background: #FFF; border-radius: 50px; color: var(--color);}

.b22_top{background: url("../img/b22-bg1.png") no-repeat; background-size: cover; padding: 65px 0; display: flex; align-items: center; justify-content: flex-end; border-radius: 28px; gap: 20px 2%;}
.b22_top .t1{width: 28%;}
.b22_top .t2{width: 50%; padding-left: 7%;}
.b22_top .t1 h3{color: #505050; font-size: 1.8rem; line-height: 145%; margin-bottom: 8px; display: flex; align-items: center; gap: 0px 4px;}
.b22_top .t1 h4{font-size: 4.8rem; color: var(--color2); font-weight: bold;}
.b22_top .t2{border-left: var(--bar)}
.b22_top .t2 p{font-size: 2.4rem; color: #505050; font-weight: 500; line-height: 150%;}
.b22_top .t2 p b{color: #111; font-weight: bold;}

.b22_con1{padding-top: 140px; display: flex; justify-content: space-between; gap: 20px 2%;}
.b22_con1 .ptxt{text-align: left;}
.b22_con1 .right{width: 60%}
.b22_con1 .t1{display: flex; align-items: flex-start; gap: 0px 20px; padding-bottom: 48px; border-bottom: var(--bar)}
.b22_con1 .t1 .text{margin-top: 20px;}
.b22_con1 .t2{border-bottom: 0px; padding-top: 48px;}
.b22_con1 .t1 h2{font-size: 2.4rem; font-weight: 600; line-height: 140%; margin-bottom: 16px;}
.b22_con1 .t1 ul li{color: #505050; font-size: 1.8rem; font-weight: 500; line-height: 145%; margin-top: 10px;}

.b22_con2{padding-top: 160px; display: flex; justify-content: space-between;}
.b22_con2 .ptxt{text-align: left;}
.b22_con2 .ptxt p{color: #C40000; }
.b22_con2 .right{width: 60%; display: flex; gap: 0px 4%; justify-content: space-between;}
.b22_con2 .right .box{text-align: center;}
.b22_con2 .right svg{margin-top: 70px;}
.b22_con2 .right h3{font-size: var(--fs24); font-weight: 600; line-height: 140%; margin-bottom: 12px; margin-top: 20px;}
.b22_con2 .right p{font-size: var(--fs18); color: #505050; font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}

.b23{background: url("../img/b23-bg1.png")no-repeat; background-size: cover;}
.b23 .ptxt{text-align: left;}
.b23 .b23_con1{display: flex; gap: 20px 2%; justify-content: space-between;}
.b23 .right{width: 60%;}
.b23_con1 .right dl{border-bottom: 1px solid #E5E5EC; padding: 40px 0; display: flex; align-items: center; }
.b23_con1 .right dl dt{font-size: var(--fs24); font-weight: 600; color: #111; display: flex; align-items: center; gap: 0px 20px; width: 38%;}
.b23_con1 .right dl dt span{width: 86px; padding: 2px 0; border-radius: 100px; background: #187945; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; font-weight: 600;}
.b23_con1 .right dl dd{width: 62%; color: #505050; font-size: 1.8rem; font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}
.b23_con1 .right .box_wrap{border-radius: 20px; border: 1px solid #E5E5EC; background: #FFF; padding: 40px 0; margin-top: 20px; display: flex;}
.b23_con1 .right .box{width: 25%; padding-left: 3%; border-left: var(--bar);}
.b23_con1 .right .box:first-child{border-left: 0px;}
.b23_con1 .right .box h4{color: var(--color2); font-size: 1.8rem; font-weight: 500; line-height: 145%; letter-spacing: -0.45px; margin-bottom: 12px;}
.b23_con1 .right .box h5{color: #111; font-size: var(--fs20); line-height: 140%; letter-spacing: -0.5px; font-weight: 600;}

.b23_con2{padding-top: 200px; display: flex; gap: 20px 2%; justify-content: space-between;}
.b23_con2 .text{display: flex; gap: 0 20px; align-items: flex-start; padding-bottom: 38px; border-bottom: 1px solid #E5E5EC; margin-bottom: 48px;}
.b23_con2 .text ul{margin-top: 20px;}
.b23_con2 .text ul li{display: flex; gap: 0px 6px; margin-bottom: 10px;}
.b23_con2 .text:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.b23_con2 .text h3{font-size: var(--fs24); font-weight: 600; color: #111; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 6px;}
.b23_con2 .text li p{color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}
.b23_con2 .text li b{color: #C40000; font-size: var(--fs18); font-weight: 500;}

.b24 .ptxt{text-align: left;}
.b24 .box_wrap{display: flex; gap: 20px 4%; align-items: center;}
.b24 .box_wrap .img{width: 50%;}
.b24 .box_wrap .img img{width: 100%;}
.b24 .box_wrap .text{width: 46%;}
.b24 .box_wrap .text h3{color: #C40000; font-size: var(--fs20); font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.b24 .box_wrap .text dl{margin-top: 12px; display: flex; align-items: center;}
.b24 .box_wrap .text dt{min-width: 112px; color: #111; font-size: var(--fs20); font-weight: 600; line-height: 140%; letter-spacing: -0.5px;}
.b24 .box_wrap .text dd{color: #505050; font-size: var(--fs20); font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.b24 .box_wrap .text h6{margin-top: 12px; color: #999; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}

.b25{background-image: url("../img/b25-bg.png"); background-repeat: no-repeat; background-position:0 62%;}
.b25 .ptxt{text-align: left;}
.b25_con1{padding-top: 140px; display: flex; justify-content: space-between; gap: 20px 2%;}
.b25_con1 .right img{width: 100%; margin-bottom: 24px;}
.b25_con1 .right h2{font-size: var(--fs24); font-weight: 600; color: #111; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 16px;}
.b25_con1 .right h3{font-size: var(--fs18); color: #505050; line-height: 145%; letter-spacing: -0.45px;}

.b25_con2{padding-top: 200px; display: flex; justify-content: space-between; gap: 20px 2%;}
.b25_con2 .right{border-top: var(--bar);}
.b25_con2 .right dl{padding: 40px 0; display: flex; align-items: center; border-bottom: var(--bar)}
.b25_con2 .right dt{min-width: 220px; color: #111; font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px;}
.b25_con2 .right dd{color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}

.b25_con3{padding-top: 200px; display: flex; justify-content: space-between; gap: 20px 2%;}
.b25_con3 dl dd span{color: #C40000; font-size: 1.6rem; line-height: 150%;}
.b25_con3 .right .box_wrap{background: #F7FAF2;}
.b25_con3 .right h6{margin-top: 20px; color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}

.b25_con4{padding-top: 200px; display: flex; justify-content: space-between; gap: 20px 2%;}
.b25_con4 .img_wrap{display: flex; gap: 10px 2%; margin-bottom: 24px;}
.b25_con4 .img_wrap img{width: 50%;}
.b25_con4 .right h6{color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px; margin-bottom: 48px;}
.b25_con4 table{width: 100%; table-layout: fixed;}
.b25_con4 table th{border-top: 1px solid #F59039; border-bottom: 1px solid #F59039; background: linear-gradient(0deg, rgba(245, 144, 57, 0.10) 0%, rgba(245, 144, 57, 0.10) 100%), #FFF; padding: 18px 0; font-size: var(--fs20); color: #111; font-weight: 500; line-height: 140%; border-right: 1px solid rgba(245, 144, 57, 0.40);}
.b25_con4 table th:last-child{border-right: 0px;}
.b25_con4 table td{padding: 18px 0; text-align: center; font-size: var(--fs18); font-weight: 500; color: #505050; border-right: 1px solid #E5E5EC; border-bottom: var(--bar)}
.b25_con4 table td b{font-size: var(--fs20); color: #111;}
.b25_con4 table td:last-child{border-right: 0px;}
.b25_con4 table tr:last-child td{border-bottom: 1px solid #F59039; }

/* 아코디언 */
.b3{padding-bottom: 100px;}
.acco{border-top: 2px solid var(--color2); border-bottom: 2px solid var(--color2);}
.acco .collapsible{cursor: pointer; padding: 40px 0; width: 100%; border: none; text-align: center; outline: none; font-size: var(--fs28); background: none; font-weight: 400; position: relative; border-bottom: 1px solid #E5E5EC; letter-spacing: -0.7px; line-height: 135%;}
.acco .collapsible:last-of-type{border-bottom: none;}
.acco .collapsible b{font-weight: 600;}
.acco .collapsible:after{content: '+ 자세히보기'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: var(--fs18); font-weight: 600; color: #505050; letter-spacing: -0.45px;}
.acco .collapsible.active:after{content: '- 자세히보기';}
.acco .collapsible.active{border-bottom: none;}
.acco .content{max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.acco .content .tbox{padding: 80px 120px; background: #F7F7F7; border-radius: 28px;}

/* 카테고리 타입 (항문질환, 맘모톰) */
.b3_type_category{display: flex; flex-direction: column; gap: 60px;}
.b3_category_group{display: flex; flex-direction: column; gap: 20px;}
.b3_badge{display: inline-flex; align-items: center; justify-content: center; padding: 2px 16px; border-radius: 100px; font-size: var(--fs20); font-weight: 600; color: #fff; width: max-content;}
.b3_badge.green{background: var(--color2);}

/* 도트 리스트 */
.b3_list_dot{display: flex; flex-direction: column; gap: 8px; padding-top: 4px;}
.b3_dot_item{display: flex; align-items: center; gap: 4px;}
.b3_dot{width: 2px; height: 26px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.b3_dot::after{content: ''; display: block; width: 2px; height: 2px; background: var(--color); border-radius: 50%;}
.b3_dot_item p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; flex: 1;}

/* 번호 리스트 타입 (하지정맥) */
.b3_sub_title{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 158%; margin-bottom: 20px;}
.b3_list_num{display: flex; flex-direction: column; gap: 16px;}
.b3_num_item{display: flex; gap: 8px; align-items: flex-start;}
.b3_num{display: flex; align-items: center; justify-content: center; background: var(--color); border-radius: 100px; padding: 0 8px; font-size: 1.6rem; font-weight: 600; color: #fff; line-height: 24px; letter-spacing: -0.4px; text-align: center; width: 38px; flex-shrink: 0;}
.b3_num_item p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; flex: 1;}

/* 경고 박스 (맘모톰) */
.b3_warning_box{background: #fff; border: 1px solid #CCC; border-radius: 20px; padding: 28px; margin-top: 20px;}
.b3_warning_box p{font-size: var(--fs18); font-weight: 500; color: #C40000; line-height: 145%; letter-spacing: -0.45px; text-align: center;}

.b4{padding-bottom: 100px;}
.b4_top_img{width: 100%; border-radius: 28px; overflow: hidden;}
.b4_top_img img{width: 100%;}
.b4 .ptxt{text-align: left;}
/* 온라인 서류 발급 */
.b4_online_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px 4%;}
.b4_online_text{flex-shrink: 0;}
.b4_online_text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.b4_point{position: absolute; right: -25px; top: -34px;}
.b4_online_text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-top: 28px;}
.b4_online_text h3{font-size: var(--fs32); font-weight: 600; letter-spacing: -0.8px; line-height: 162%; }
.b4_online_list{width: 60%; border-top: var(--bar);}
.b4_online_list dl{border-bottom: var(--bar);}
.b4_online_list dl.last{border-bottom: none;}
.b4_online_list dd{padding: 40px 24px; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

/* 안내 배너 */
.b4_notice_wrap{display: flex; justify-content: flex-end; margin-top: 40px;}
.b4_notice_box{width: 60%; height: 140px; background: #F7FAF2; border-radius: 20px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.b4_notice_text{text-align: center; position: relative; z-index: 1;}
.b4_notice_text h4{font-size: var(--fs28); font-weight: 600; color: #187945; letter-spacing: -0.7px; line-height: 38px; margin-bottom: 4px;}
.b4_notice_text p{font-size: var(--fs18); font-weight: 500; color: #767676; letter-spacing: -0.45px; line-height: 26px;}
.b4_notice_icon{position: absolute; right: 18px; top: 34px; width: 150px; height: 155px;}

/* 오프라인 서류 발급 */
.b4_offline_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px 4%;}
.b4_offline_text{flex-shrink: 0;}
.b4_offline_text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.b4_offline_text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-top: 28px;}
.b4_offline_text h3{font-size: var(--fs32); font-weight: 600; letter-spacing: -0.8px; line-height: 162%; }
.b4_offline_wrap2{margin-top: 160px;}
.b4_offline_wrap2 .b4_offline_text h3{margin-top: 0;}
.b4_offline_docs{width: 60%; border-top: var(--bar); border-bottom: var(--bar);}
.b4_offline_docs dl{display: flex; align-items: center; gap: 5px; padding: 40px 24px; border-bottom: var(--bar);}
.b4_offline_docs dl:last-child{border-bottom: none;}
.b4_offline_docs dt{width: 200px; flex-shrink: 0; font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 142%;}
.b4_offline_docs dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.b4_offline_docs dd .red{color: #C40000;}

/* dot 리스트 */
.b4_dot_item{display: flex; align-items: center; gap: 4px; margin-bottom: 4px;}
.b4_dot_item:last-child{margin-bottom: 0;}
.b4_dot{width: 3px; height: 26px; flex-shrink: 0;}
.b4_dot_item p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; flex: 1;}

.b5{padding-bottom: 100px;}
.b52 .ptxt{text-align: left; margin-bottom: 115px;}
.b52 .ptxt h6{margin-top: 6px; color: #999; font-size: 1.5rem; line-height: 145%; letter-spacing: -0.375px;}
.b5_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px;}
.b5_top_left h3{font-size: var(--fs32); font-weight: 600; letter-spacing: -0.8px; line-height: 130%; margin-bottom: 16px;}
.b5_date{font-size: 1.5rem; font-weight: 400; color: #999;}

.b5_table_wrap{overflow-x: auto; }
.b5_table{width: 100%; border-collapse: collapse; border-top: 2px solid #111;}
.b5_table th, .b5_table td{padding: 20px 16px; font-size: var(--fs18); font-weight: 500; color: #505050; letter-spacing: -0.45px; line-height: 145%; text-align: center; border-bottom: 1px solid #E5E5EC; border-right: 1px solid #E5E5EC; vertical-align: middle;}
.b5_table thead tr:first-child th:last-child, .b5_table tbody td:last-child{border-right: none;}
.b5_table thead th{background: #F8F8F6;; font-weight: 600; color: #111; padding: 22px 16px;}
.b5_category{ font-weight: 600 !important; color: #111 !important; border-right: 1px solid #E5E5EC; white-space: nowrap; border-left: 1px solid #E5E5EC; border-bottom: 1px solid #000 !important;}
.b5_table tr.last td{border-bottom: 1px solid #000;}

.c1_stat_box{width: 100%; height: 420px; border-radius: 28px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;}
.c1_stat_overlay{position: absolute; inset: 0; border-radius: 28px;}
.c1_stat_center{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.c1_stat_center h4{font-size: var(--fs28); font-weight: 600; color: #333; background: #fff; padding: 0 4px; letter-spacing: -0.7px; line-height: 38px;}
.c1_stat_center h2{font-size: 4.8rem; font-weight: 600; color: #fff; letter-spacing: -1.2px; line-height: 60px;}
.c1_stat_item{position: absolute; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; color: #fff; text-align: center;}
.c1_stat_left{left: 100px; top: 50%; transform: translateY(-50%); padding-top: 38px;}
.c1_stat_right{right: 100px; top: 139px;}
.c1_stat_num{display: flex; align-items: center; gap: 8px;}
.c1_stat_num .num{font-size: 9.0rem; font-weight: 700; line-height: 90px; letter-spacing: 1.8px;}
.c1_stat_num .unit{font-size: var(--fs28); font-weight: 600; line-height: 38px; letter-spacing: -0.7px;}
.c1_stat_item p{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 34px;}

.c1_custom{ padding-bottom: 0; padding-top: 100px;}
.c1_custom_wrap{display: flex; justify-content: space-between; align-items: center; gap: 20px 4%; padding-bottom: 140px; border-bottom: var(--bar);}
.c1_custom .ptxt{flex-shrink: 0; margin-bottom: 0;}
.c1_custom_img{width: 66%; flex-shrink: 0;  }
.c1_custom_img img{width: 100%;}

.c1_5r_wrap{display: flex; justify-content: space-between; gap: 20px 4%;}
.c1_5r .ptxt h2 .green{color: var(--color); font-weight: 600;}
.c1_5r .box_wrap{width: 60%; display: flex; flex-direction: column; gap: 20px;}
.c1_5r .box{background: #F7FAF2; border-radius: 12px; height: 120px; display: flex; align-items: center; padding: 0 48px; gap: 70px; position: relative;}
.c1_5r .box .label{display: flex; align-items: flex-end; gap: 8px; width: 240px; flex-shrink: 0;}
.c1_5r .box .word{display: flex; align-items: flex-end;}
.c1_5r .box .word .initial{font-size: 4.0rem; font-weight: 600; color: #19763A; line-height: 46px; letter-spacing: -1px;}
.c1_5r .box .word .rest{font-size: var(--fs28); font-weight: 600; color: rgba(25,118,58,0.6); line-height: 38px; letter-spacing: -0.7px;}
.c1_5r .box .kr{font-size: var(--fs24); font-weight: 600; color: #19763A; line-height: 34px; letter-spacing: -0.6px;}
.c1_5r .box .desc{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.c1_5r_icon{position: absolute; right: 48px; top: 18px; width: 82px; height: 84px;}

.c1_system{background-image: url("../img/b25-bg.png"); background-repeat: no-repeat; background-position:0 70%; background-size: contain;}
.c1_system .ptxt h2 .point{right: 129px;}
.c1_system_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px 4%;}
.c1_system .box_wrap{width: 60%; display: flex; flex-direction: column; gap: 100px;}
.c1_system .box{display: flex; align-items: center;}
.c1_system .box .img{width: 50%; border-radius: 12px; overflow: hidden; border: var(--bar);}
.c1_system .box .img img{width: 100%; display: block;}
.c1_system .box .text{width: 50%; padding: 32px 48px 40px;}
.c1_system .box.reverse .text{padding: 32px 48px 40px 0;}
.c1_system_num{display: inline-flex; align-items: center; justify-content: center; background: var(--color); border-radius: 100px; padding: 4px 16px; font-size: var(--fs20); font-weight: 700; color: #fff; line-height: 28px; margin-bottom: 12px;}
.c1_system .box .text h3{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 142%; margin-bottom: 16px;}
.c1_system .box .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

.c1_facility{background: #F7FAF2; position: relative; overflow: hidden;}
.c1_facility_deco{position: absolute; top: -168px; right: -38px; width: 455px; height: 469px; pointer-events: none;}
.c1_facility .box_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 2%; position: relative; z-index: 1;}
.c1_facility .box{display: flex; flex-direction: column; align-items: center; gap: 20px;}
.c1_facility .box .img{width: 100%; border-radius: 12px; overflow: hidden;}
.c1_facility .box .img img{width: 100%;}
.c1_facility .box .desc{font-size: var(--fs20); font-weight: 600; letter-spacing: -0.5px; text-align: center; display: inline-block; position: relative;}
.c1_dot{width: 6px; height: 6px; background: #FBA22B; border-radius: 50%; position: absolute; right: -14px; top: 40%; transform: translateY(-50%);}

.c1_cta .box_wrap{display: flex; gap: 20px;}
.c1_cta .box{width: 50%; height: 220px; border-radius: 20px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 48px;}
.c1_cta .box.green{background: url("../img/c1-bg1.png")no-repeat; background-size: cover;}
.c1_cta .box.orange{background: url("../img/c1-bg2.png")no-repeat; background-size: cover;}
.c1_cta .box .text{color: #fff; position: relative; z-index: 1;}
.c1_cta .box .text .en{font-size: var(--fs18); font-weight: 600; letter-spacing: -0.45px; line-height: 26px; margin-bottom: 12px;}
.c1_cta .box .text h3{font-size: 3.2rem; font-weight: 600; letter-spacing: -0.8px; line-height: 130%;}
.c1_cta .box .btn{display: flex; align-items: center; gap: 6px; padding: 16px 24px; border-radius: 100px; background: #fff; font-size: var(--fs18); font-weight: 600; letter-spacing: -0.45px; position: relative; z-index: 1; flex-shrink: 0; height: 58px;}
.c1_cta .box .btn.green{color: #83CA62;}
.c1_cta .box .btn.orange{color: #DE7C52;}

.c2_banner{width: 100%; height: 420px; border-radius: 28px; position: relative; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 40px; overflow: hidden;}
.tag_wrap{display: flex; align-items: center; gap: 16px; position: relative; z-index: 1;}
.tag{display: flex; align-items: center; gap: 4px; padding: 14px 28px 14px 20px;  border: 1px solid rgba(255,255,255,0.8); border-radius: 100px;}
.tag img{width: 28px; height: 28px;}
.tag span{font-size: var(--fs20); font-weight: 600; color: #fff;}

.c2_con1 .box_wrap{display: flex; gap: 20px; padding-bottom: 140px; border-bottom: var(--bar);}
.c2_con1 .box{width: calc(25% - 15px); border: 1px solid #E5E5EC; border-radius: 20px; overflow: hidden;}
.c2_con1 .box .img{width: 100%; overflow: hidden;}
.c2_con1 .box .img img{width: 100%;}
.c2_con1 .box p{text-align: center; font-size: var(--fs20); font-weight: 600; color: #111; padding: 20px 10px; background: #fff;}
/* c2_con2: 증상 안내 */
.tab_nav{display: inline-flex; align-items: center; gap: 8px; padding: 6px; background: #F7F7F7; border-radius: 100px; margin-bottom: 40px;}
.tab_nav a{display: block; padding: 14px 28px; border-radius: 100px; font-size: var(--fs20); font-weight: 600; color: #767676; text-decoration: none; transition: all 0.3s;}
.tab_nav a.on{background: #8BC540; color: #fff;}
.c2_info{margin-bottom: 40px;}
.c2_info h3{font-size: 3.6rem; font-weight: 600; color: #111; letter-spacing: -0.9px; margin-bottom: 20px;}
.c2_info p{font-size: var(--fs18); font-weight: 400; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.c2_con2{padding-top: 0px; padding-bottom: 0px;}
.c2_con2 .img_wrap{width: 100%; background: #F7F7F7; border-radius: 28px; overflow: hidden; padding: 40px 0; text-align: center;}
.c2_con2 .img_wrap img{width: initial;}
.c2_con2 .ptxt h2 span{right: 18px;}

/* c2_con3: 주요 증상 */
.c2_con3{position: relative; overflow: hidden; background-image: url("../img/b25-bg.png"); background-repeat: no-repeat; background-position:0 70%; background-size: contain;}
.c2_con3 .width{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.c2_con3 .ptxt{flex-shrink: 0;}
.c2_con3 .right{width: 60%; border-top: var(--bar); border-bottom: var(--bar);}
.c2_con3 .right dl{display: flex; align-items: center; gap: 5px; padding: 40px 0; border-bottom: var(--bar);}
.c2_con3 .right dl:last-child{border-bottom: 0;}
.c2_con3 .right dt{width: 220px; flex-shrink: 0; font-size: var(--fs24); font-weight: 600; color: #111;}
.c2_con3 .right dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
/*.c2_blur{position: absolute; left: -169px; bottom: -200px; width: 612px; height: 613px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(400px); pointer-events: none;}*/

.c3_con1{padding-top: 0px;}
.c3_con1 .box_wrap{display: flex; flex-direction: column; gap: 80px;}
.c3_con1 .box{display: flex; align-items: center;}
.c3_con1 .box .img{width: 49%; flex-shrink: 0; border-radius: 20px; overflow: hidden;}
.c3_con1 .box .img img{width: 100%;}
.c3_con1 .box .text{width: 51%; flex-shrink: 0; padding: 60px; display: flex; flex-direction: column; justify-content: center; gap: 20px;}
.c3_con1 .box h3{font-size: 4.0rem; font-weight: 600; color: #111; line-height: 110%; letter-spacing: -1px;}
.c3_con1 .box .en{font-size: var(--fs18); font-weight: 400; color: #999;}
.c3_con1 .box p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

.c4_banner{width: 100%; height: 420px; border-radius: 28px; position: relative; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 40px; overflow: hidden;}
.c4_con1{padding-top: 100px;}
.c4_con1 .box_wrap{display: flex; gap: 20px; padding-bottom: 140px; border-bottom: var(--bar);}
.c4_con1 .box{width: calc(25% - 15px); border: 1px solid #E5E5EC; border-radius: 20px; overflow: hidden;}
.c4_con1 .box .img{width: 100%; overflow: hidden;}
.c4_con1 .box .img img{width: 100%;}
.c4_con1 .box p{text-align: center; font-size: var(--fs20); font-weight: 600; color: #111; padding: 20px 10px; background: #fff;}
.c4_info{margin-bottom: 40px;}
.c4_info h3{font-size: 3.6rem; font-weight: 600; color: #111; letter-spacing: -0.9px; margin-bottom: 20px;}
.c4_info p{font-size: var(--fs18); font-weight: 400; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.c4_con2 .img_wrap{width: 100%; border-radius: 28px; overflow: hidden;}
.c4_con2 .img_wrap img{width: 100%;}
.c4_con3{position: relative; }
.c4_con3 .width{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.c4_con3 .ptxt{flex-shrink: 0;}
.c4_con3 .right{width: 60%; border-top: var(--bar); border-bottom: var(--bar);}
.c4_con3 .right dl{display: flex; align-items: center; gap: 5px; padding: 40px 0; border-bottom: var(--bar);}
.c4_con3 .right dl:last-child{border-bottom: 0;}
.c4_con3 .right dt{width: 220px; flex-shrink: 0; font-size: var(--fs24); font-weight: 600; color: #111;}
.c4_con3 .right dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.c4_blur{position: absolute; left: -169px; bottom: -200px; width: 612px; height: 613px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(400px); pointer-events: none;}
.c4_con4{background: #F7FAF2; position: relative; overflow: hidden;}
.c4_con4 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.c4_con4 .box{width: calc(50% - 10px); display: flex; align-items: center; gap: 16px; padding: 54px 60px; background: #fff; border: 1px solid #E5E5EC; border-radius: 12px;}
.c4_con4 .box .icon{flex-shrink: 0; padding-right: 16px; }
.c4_con4 .box .icon img{width: 43px;}
.c4_con4 .box .text{display: flex; flex-direction: column; gap: 4px;}
.c4_con4 .box .text strong{font-size: var(--fs24); font-weight: 600; color: #111; letter-spacing: -0.6px;}
.c4_con4 .box .text span{font-size: var(--fs18); font-weight: 500; color: #505050; letter-spacing: -0.45px;}
.c4_leaf_deco{position: absolute; top: -168px; right: -40px; pointer-events: none;}
.c4_leaf_deco img{width: 456px;}

.d1_banner{display: flex; border-radius: 28px; overflow: hidden;}
.d1_banner > .img{width: 66%;}
.d1_banner > .img img{width: 100%;}
.d1_banner > .text{width: 34%; background: rgba(139,197,63,0.1); position: relative; display: flex; align-items: center; padding: 48px;}
.d1_banner_leaf{position: absolute; right: 0; bottom: 0; pointer-events: none;}
.d1_banner_leaf img{width: 210px;}
.d1_banner_inner{position: relative; z-index: 1;}
.d1_banner_inner .en{display: block; font-size: var(--fs18); font-weight: 400; color: #767676; margin-bottom: 12px;}
.d1_banner_inner p{font-size: var(--fs32); font-weight: 600; color: #19763A; line-height: 130%; letter-spacing: -0.8px;}
.d1_con1 .img{width: 100%;}
.d1_con1 .img img{width: 100%;}
.d1_con2{position: relative; overflow: hidden;}
.d1_con2 .width{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.d1_con2 .ptxt{flex-shrink: 0;}
.d1_con2 .right{width: 60%;}
.d1_con2 .right .box{display: flex; align-items: center; gap: 56px; padding: 40px 0; border-bottom: var(--bar);}
.d1_con2 .right .box:first-child{padding-top: 0;}
.d1_con2 .right .box:last-child{border-bottom: 0;}
.d1_con2 .right .icon{width: 148px; height: 148px; flex-shrink: 0; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.d1_con2 .right .icon img{width: 100%;}
.d1_con2 .right .text{display: flex; flex-direction: column; gap: 16px;}
.d1_con2 .right .text strong{font-size: var(--fs24); font-weight: 600; color: #111;}
.d1_con2 .right .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.d1_blur{position: absolute; left: -132px; bottom: -200px; width: 606px; height: 607px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(800px); pointer-events: none;}
.d1_con3{background: #F7FAF2; position: relative; overflow: hidden; padding-bottom: 560px;}
.d1_con4{padding-top: 0; margin-top: -370px; position: relative; z-index: 1;}
.d1_num{font-size: 5.6rem; font-weight: 700; color: #19763A; letter-spacing: -1.4px;}
.d1_circle_wrap{display: flex; align-items: center; justify-content: center; gap: 0;}
.d1_circle{width: 440px; aspect-ratio: 1; border: 2px solid #8BC53F; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex-shrink: 1; min-width: 0;}
.d1_circle_title{line-height: 130%;}
.d1_circle_title .num{font-size: 7.2rem; font-weight: 600; color: #19763A; letter-spacing: -1.8px; line-height: 1;}
.d1_circle_title .txt{font-size: var(--fs24); font-weight: 600; color: #111;}
.d1_circle_desc{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; margin-top: 40px;}
.d1_dot{width: 110px; display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0;}
.d1_dot::before{content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 0; border-top: 1px dashed #8BC53F;}
.d1_dot img{position: relative; z-index: 1; width: 40px;}
.d1_leaf_deco{position: absolute; top: -168px; right: -40px; pointer-events: none;}
.d1_leaf_deco img{width: 456px;}
.d1_leaf_deco_sm{position: absolute; bottom: 100px; left: -45px; pointer-events: none;}
.d1_leaf_deco_sm img{width: 254px;}
.d1_con4 .box_wrap{display: flex; gap: 20px;}
.d1_con4 .box{width: 50%;}
.d1_con4 .box .img{border-radius: 20px; overflow: hidden; margin-bottom: 24px; aspect-ratio: 760 / 428;}
.d1_con4 .box .img img{width: 100%; height: 100%; object-fit: cover;}
.d1_con4 .box .text{padding: 0 24px;}
.d1_con4 .box strong{display: flex; align-items: center; gap: 4px; font-size: var(--fs24); font-weight: 600; color: #111; margin-bottom: 16px;}
.d1_con4 .box .dot{width: 6px; height: 6px; background: #FBA22B; border-radius: 50%; display: inline-block;}
.d1_con4 .box p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.d1_con5{position: relative; padding-top: 80px;}
.d1_con5 .width{display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;}
.d1_con5 .text{flex-shrink: 0;}
.d1_con5 .text h2{font-size: var(--fs42); font-weight: 600; color: #111; line-height: 124%; letter-spacing: -1.05px; margin-bottom: 28px; position: relative; display: inline-block;}
.d1_con5 .text > p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-bottom: 60px;}
.d1_con5 .box_wrap{display: flex; flex-direction: column; gap: 20px;}
.d1_con5 .box{display: flex; align-items: center; gap: 10px;}
.d1_con5 .box img{width: 32px; flex-shrink: 0;}
.d1_con5 .box span{font-size: var(--fs24); font-weight: 500; color: #505050; letter-spacing: -0.6px;}
.d1_con5 > .width > .img{width: 58%; flex-shrink: 0; border-radius: 20px; overflow: hidden;}
.d1_con5 > .width > .img img{width: 100%;}
.d1_blur2{position: absolute; right: -100px; bottom: -200px; width: 388px; height: 389px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(300px); pointer-events: none;}

/* D2: 변비 */
.d2_intro{display: flex; justify-content: space-between; align-items: center; padding-bottom: 140px; border-bottom: var(--bar); padding-top: 140px;}
.d2_intro .text{width: 40%;}
.d2_intro .text h3{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.d2_intro .text h3 .point{position: absolute; right: -25px; top: -34px;}
.d2_intro .text p{margin-top: 28px; font-size: var(--fs18); font-weight: 500; color: #505050; letter-spacing: -0.45px; line-height: 145%;}
.d2_intro .img{width: 58%; border-radius: 28px; overflow: hidden;}
.d2_intro .img img{width: 100%;}
.d2_con1{padding-top: 0px;}
.d2_con1 .box_wrap{display: flex; gap: 20px;}
.d2_con1 .box{width: calc(25% - 15px); border: 1px solid #E5E5EC; border-radius: 20px; overflow: hidden;}
.d2_con1 .box .img{width: 100%; overflow: hidden;}
.d2_con1 .box .img img{width: 100%;}
.d2_con1 .box p{text-align: center; font-size: var(--fs20); font-weight: 600; color: #111; padding: 20px 10px; background: #fff;}
.d2_con2{position: relative;}
.d2_con2 > .width{display: flex; justify-content: space-between;}
.d2_con2 .ptxt{margin-bottom: 0;}
.d2_con2 .right{width: 60%;}
.d2_con2 .right dl{display: flex; align-items: center; gap: 5px; padding: 40px 0; border-bottom: var(--bar);}
.d2_con2 .right dl:first-child{border-top: var(--bar);}
.d2_con2 .right dt{width: 220px; flex-shrink: 0; font-size: var(--fs24); font-weight: 600; color: #111;}
.d2_con2 .right dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.d2_blur{position: absolute; left: -169px; bottom: -200px; width: 612px; height: 613px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(300px); pointer-events: none;}

.d5_con1{padding-top: 0px}
.d5_wrap{display: flex; justify-content: space-between;}
.d5_wrap .ptxt{margin-bottom: 0;}
.d5_wrap .right{width: 60%;}
.d5_wrap .right dl{display: flex; align-items: center; gap: 60px; padding: 40px 0; border-bottom: var(--bar);}
.d5_wrap .right dl:first-child{border-top: var(--bar);}
.d5_wrap .right dt{display: flex; align-items: center; gap: 20px; flex-shrink: 0; min-width: 270px}
.d5_step{display: inline-flex; align-items: center; justify-content: center; background: var(--color2); border-radius: 100px; padding: 2px 0; width: 86px; font-size: 1.6rem; font-weight: 600; color: #fff;}
.d5_wrap .right dt strong{font-size: var(--fs24); font-weight: 600; color: #111;}
.d5_wrap .right dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

.d6_con1 .box h6{font-size: 2.0rem; color: #8BC53F; font-weight: 600; margin-bottom: 8px;}
.d6_con1 .box h3{font-size: 3.2rem;}

.e1_top{padding: 0;}
.e1_top_card{display: flex; height: 420px; border-radius: 28px; overflow: hidden;}
.e1_top_photo{width: 66%; flex-shrink: 0; border-radius: 28px 0 0 28px; overflow: hidden;}
.e1_top_photo img{width: 100%;}
.e1_top_text{width: 34%; flex-shrink: 0; background: linear-gradient(90deg, rgba(139,197,63,0.1) 0%, rgba(139,197,63,0.1) 100%), #fff; border-radius: 0 28px 28px 0; position: relative; display: flex; align-items: center; overflow: hidden;}
.e1_leaf{position: absolute; right: -15px; bottom: 0; width: 178px; pointer-events: none; opacity: 0.6;}
.e1_leaf2{position: absolute; right: 0; bottom: 70px; width: 65px; pointer-events: none; opacity: 0.6;}
.e1_top_inner{padding: 0 48px; position: relative; z-index: 1;}
.e1_top_inner h6{font-size: var(--fs18); font-weight: 400; color: #767676; line-height: 145%; margin-bottom: 12px;}
.e1_top_inner h2{font-size: var(--fs32); font-weight: 600; color: var(--color2); line-height: 130%; letter-spacing: -0.8px;}

/* 섹션: 여성 유방 갑상선 전문의 */
.e1_con1{padding-bottom: 0px;}
.e1_con1 .box_wrap{display: flex; justify-content: space-between; align-items: center; gap: 20px 4%; padding-bottom: 140px; border-bottom: var(--bar)}
.e1_con1 .box_wrap .text{flex-shrink: 0;}
.e1_con1 .box_wrap .text .t1{display: flex; align-items: flex-start; gap: 4px; margin-bottom: 28px;}
.e1_con1 .box_wrap .text .t1 h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%;}
.e1_con1 .box_wrap .text .t1 .point{flex-shrink: 0; margin-top: -20px;}
.e1_con1 .box_wrap .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.e1_con1 .box_wrap .img{width: 58%; flex-shrink: 0; border-radius: 20px; overflow: hidden; border: var(--bar);}
.e1_con1 .box_wrap .img img{width: 100%;}

/* 섹션: 진단과 함께 진행하는 치료 시스템 */
.e1_con2 .e1_con2_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 70px;}
.e1_con2 .e1_con2_top .ptxt{margin-bottom: 0;}
.e1_con2 .e1_con2_top .ptxt h2{text-align: left;}
.e1_arrows{display: flex; gap: 8px;}
.e1_arrow_btn{width: 64px; height: 64px; border-radius: 100px; border: var(--bar); background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.e1_arrow_btn img{width: 24px; height: 24px;}
.e1Swiper{overflow: hidden;}
.e1_slide{display: flex; align-items: center;}
.e1_slide_img{width: 49%; border-radius: 20px; overflow: hidden; border: var(--bar); flex-shrink: 0;}
.e1_slide_img img{width: 100%;}
.e1_slide_text{width: 51%; padding: 124px 60px; display: flex; flex-direction: column; gap: 28px; flex-shrink: 0;}
.e1_slide_text h6{font-size: var(--fs20); font-weight: 600; color: var(--color); letter-spacing: -0.5px;}
.e1_slide_text h3{font-size: 3.4rem; font-weight: 600; letter-spacing: -0.85px; line-height: 130%;}
.e1_slide_text p{font-size: var(--fs18); font-weight: 400; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.e1_slide_text a{font-size: var(--fs18); font-weight: 600; color: #505050; display: flex; align-items: center; gap: 2px;}

/* 섹션: 하단 카드 링크 4개 */
.e1_con3{background: #F7FAF2; position: relative; overflow: hidden;}
.e1_con3_deco{position: absolute; top: -168px; right: 228px; width: 455px; height: 469px; pointer-events: none;}
.e1_con3 .box_wrap{display: flex; gap: 20px; position: relative; z-index: 1;}
.e1_con3 .box{width: 370px; height: 280px; border-radius: 20px; border: var(--bar); background: #fff; position: relative; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: column; padding: 28px 32px 32px;}
.e1_con3 .box:hover{background: linear-gradient(107deg, #80B93B 0%, #55B275 100%); border: none; color: #fff; transition: all 0.3s ease;}
.e1_con3 .box .text{display: flex; flex-direction: column; gap: 10px; z-index: 1;}
.e1_con3 .box .text h6{font-size: 1.6rem; font-weight: 600; letter-spacing: -0.4px; color: #505050;}
.e1_con3 .box:hover .text h6{color: #fff;}
.e1_con3 .box .text h3{font-size: var(--fs28); font-weight: 600; letter-spacing: -0.7px; line-height: 135%;}
.e1_con3 .box:hover .text h3{color: #fff;}
.e1_con3 .box .icon{position: absolute; right: -15px; top: -20px; max-width: 170px; opacity: 0.15; pointer-events: none;}
.e1_con3 .box:hover .icon{opacity: 0.3;}
.e1_con3 .box2 .icon{max-width: 290px; top: 30px;}
.e1_con3 .box .btn{width: 306px; padding: 14px 20px; border-radius: 100px; font-size: var(--fs18); font-weight: 600; letter-spacing: -0.45px; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: auto; height: 56px;}
.e1_con3 .box .btn.green{background: var(--color); color: #fff;}
.e1_con3 .box:hover .btn.green{background: #fff; color: var(--color2);}
.e1_con3 .box:hover .btn.green svg path{stroke: var(--color2);}

/* 섹션: 대표적인 유방질환 타이틀 */
.e2{padding-bottom: 0px;}

/* 섹션: 유방질환 배너 + 탭 버튼 */
.e2_top{padding: 0;}
.e2_top_card{width: 100%; height: 420px; border-radius: 28px; overflow: hidden; position: relative; background: url('../img/e2-banner.png') no-repeat center / cover;}
.e2_top_overlay{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.6) 100%); border-radius: 28px;}
.e2_top_tags{position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); display: flex; gap: 16px; z-index: 1;}
.e2_tag{display: flex; align-items: center; gap: 4px; padding: 14px 28px 14px 20px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.8); color: #fff; text-decoration: none; white-space: nowrap; transition: background 0.3s;}
/*.e2_tag:hover{background: rgba(255,255,255,0.15);}*/
.e2_tag img{width: 28px; height: 28px;}
.e2_tag span{font-size: var(--fs20); font-weight: 600; letter-spacing: -0.5px; line-height: 28px;}

.e2_con1{padding-bottom: 0px; padding-top: 140px;}
.e2_con1 .box_wrap{display: flex; gap: 20px; padding-bottom: 140px;border-bottom: var(--bar);}
.e2_con1 .box{width: calc(25% - 15px); border-radius: 20px; border: var(--bar); overflow: hidden; display: flex; flex-direction: column;}
.e2_con1 .box .img{width: 100%; overflow: hidden;}
.e2_con1 .box .img img{width: 100%;}
.e2_con1 .box .text{width: 100%; padding: 20px 10px; background: #fff; display: flex; align-items: center; justify-content: center;}
.e2_con1 .box .text h3{font-size: var(--fs20); font-weight: 600; letter-spacing: -0.5px; text-align: center;}

/* e4_con1: 갑상선 원인 (2칸 카드) */
.e4_con1 .box_wrap{gap: 40px;}
.e4_con1 .box{width: auto; border: none; flex-direction: row; align-items: center; justify-content: center; background: #f7faf2; height: 120px; position: relative; overflow: hidden;}
.e4_con1 .box:first-child{width: 49%;}
.e4_con1 .box:last-child{flex: 1;}
.e4_con1 .box h3{font-size: 2.8rem; font-weight: 600; color: #187945; letter-spacing: -0.7px; text-align: center;}
.e4_con1 .box .deco{position: absolute; right: 20px; bottom: -55px; width: 130px; height: 134px; opacity: 0.6;}
.e4_con1 .box .deco img{width: 100%; height: 100%;}

/* e2_con2: 증상 안내 */
.e2_info{margin-bottom: 40px;}
.e2_info h3{font-size: 3.6rem; font-weight: 600; color: #111; letter-spacing: -0.9px; margin-bottom: 20px;}
.e2_info p{font-size: var(--fs18); font-weight: 400; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.e2_info p b{font-weight: 600; color: #111;}
.e2_con2 .img_wrap{width: 100%; background: #F7F7F7; border-radius: 28px; overflow: hidden; padding: 40px 0; text-align: center;}
.e2_con2 .ptxt .point{right: 27px;}

/* e2_con3: 주요 증상 */
.e2_con3{position: relative; padding-top: 0px;}
.e2_con3 .width{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.e2_con3 .ptxt{flex-shrink: 0;}
.e2_con3 .right{width: 60%; border-top: var(--bar); border-bottom: var(--bar);}
.e2_con3 .right dl{display: flex; align-items: center; gap: 5px; padding: 40px 0; border-bottom: var(--bar);}
.e2_con3 .right dl:last-child{border-bottom: 0;}
.e2_con3 .right dt{width: 220px; flex-shrink: 0; font-size: var(--fs24); font-weight: 600; color: #111;}
.e2_con3 .right dd{flex: 1; font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.e2_blur{position: absolute; left: -169px; bottom: -200px; width: 612px; height: 613px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(300px); pointer-events: none;}

/* 섹션: 여성 의료진 (e2) */
.e2_con4{background: #F7FAF2; position: relative; overflow: hidden;}
.e2_deco{position: absolute; top: -168px; right: 228px; width: 455px; height: 469px; pointer-events: none;}
.e2_con4 .ptxt{margin-bottom: 70px;}
.e2_con4 .ptxt h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%;}
.e2_con4 .ptxt .point{right: 27px;}
.e2_con4 .ptxt p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-top: 28px;}
.e2_con4 .img_wrap{display: flex; gap: 20px;}
.e2_con4 .img{overflow: hidden;}
.e2_con4 .img img{width: 100%;}
.e2_con4 .img1{width: 49%; border-radius: 24px; flex-shrink: 0;}
.e2_con4 .img2{width: 33%; border-radius: 24px; flex-shrink: 0;}
.e2_con4 .img3{width: 16%; border-radius: 20px; flex-shrink: 0;}

/* 섹션: 맘모톰 타이틀 */
.e5{padding-bottom: 0px;}

/* 섹션: 맘모톰 소개 카드 */
.e5_top{padding: 0;}
.e5_top .width{max-width: 1540px;}
.e5_top_card{position: relative; height: 420px; border-radius: 28px; overflow: hidden; background: url("../img/mammotome-intro.png") no-repeat center / cover; display: flex; align-items: center; justify-content: center;}
.e5_top_overlay{position: absolute; inset: 0; background: rgba(0,0,0,0.4); border-radius: 28px;}
.e5_top_content{position: relative; z-index: 1; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.e5_top_content h6{font-size: var(--fs20); font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.e5_top_content h2{font-size: 4.0rem; font-weight: 600; line-height: 130%; letter-spacing: -1px;}

/* 섹션: 맘모톰 상세 설명 */
.e5_con1{padding-bottom: 0px; }
.e5_con1 .box_wrap{display: flex; justify-content: space-between; gap: 20px 4%; position: relative; padding-bottom: 140px;border-bottom: var(--bar);}
.e5_con1 .box_wrap .text{width: 36%; position: relative; padding-top: 55px;}
.e5_con1 .box_wrap .text .t1{margin-bottom: 28px;}
.e5_con1 .box_wrap .text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px;}
.e5_con1 .box_wrap .text h6{font-size: var(--fs20); font-weight: 500; color: #999; letter-spacing: -0.5px; line-height: 140%; margin-top: 3px;}
.e5_con1 .box_wrap .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.e5_con1 .box_wrap .text p b{font-weight: 600; color: #111;}
.e5_con1 .box_wrap .img{width: 58%; border-radius: 20px; overflow: hidden; border: var(--bar);}
.e5_con1 .box_wrap .img img{width: 100%;}

/* 섹션: 맘모톰 절제술이 필요한 경우 */
.e5_con2{display: block;}
.e5_con2 .width{display: flex; justify-content: space-between; gap: 20px 2%;}
.e5_con2 .ptxt{text-align: left; width: 38%;}
.e5_con2 .right{border-top: var(--bar); border-bottom: var(--bar);}
.e5_con2 .right dl{padding: 40px 20px; border-bottom: var(--bar); display: flex; align-items: center; gap: 0px 16px;}
.e5_con2 .right dl:last-child{border-bottom: var(--bar);}
.e5_con2 .right dt{flex-shrink: 0;}
.e5_con2 .right dt img{width: 32px; height: 32px;}
.e5_con2 .right dd{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; line-height: 140%;}

/* 섹션: 송도외과 맘모톰 시술의 장점 */
.e5_con3{padding-top: 0px;}
.e5_con3 .ptxt{text-align: left; margin-bottom: 68px;}
.e5_con3 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.e5_con3 .box{width: 49%; border: var(--bar); border-radius: 28px; padding: 60px; display: flex; flex-direction: column; justify-content: center; gap: 40px;}
.e5_con3 .box .icon{width: 68px; height: 68px; display: flex; align-items: center; justify-content: center;}
.e5_con3 .box .icon img{max-width: 68px; max-height: 68px;}
.e5_con3 .box .text{display: flex; flex-direction: column; gap: 12px;}
.e5_con3 .box .text h3{font-size: var(--fs28); font-weight: 600; letter-spacing: -0.7px; line-height: 135%;}
.e5_con3 .box .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

.e4_top_card{position: relative; height: 420px; border-radius: 28px; overflow: hidden; background: url("../img/e4.png") no-repeat center / cover; display: flex; align-items: center; justify-content: center;}
.e4_con2 .ptxt .point{right: 57px;}

.e6_con1 .ptxt span{right: 0px;}

.f1{padding-bottom: 60px;}
/* F1: 하지정맥류 클리닉 */
.f1_cert_wrap{display: flex; border-radius: 28px; overflow: hidden;}
.f1_cert_wrap .img{width: 66%;}
.f1_cert_wrap .img img{width: 100%; height: 100%; object-fit: cover;}
.f1_cert_wrap .text{width: 34%; background: rgba(139,197,63,0.1); position: relative; display: flex; align-items: center; padding: 48px;}
.f1_cert_inner{position: relative; z-index: 1;}
.f1_cert_inner .en{display: block; font-size: var(--fs18); font-weight: 400; color: #767676; margin-bottom: 12px;}
.f1_cert_info{display: flex; flex-direction: column;}
.f1_cert_info h3{font-size: 4.4rem; font-weight: 700; color: #19763A; line-height: 131%; letter-spacing: -0.8px; }
.f1_cert_info h4{font-size: var(--fs32); font-weight: 600; color: #19763A; line-height: 131%; letter-spacing: -0.8px; margin-bottom: 16px;}
.f1_cert_info p{font-size: 2.0rem; font-weight: 500; color: #19763A; line-height: 145%; letter-spacing: -0.55px;}
.f1_cert_info p b{font-size: 2.2rem; font-weight: bold;}
.f1_con1 .box_wrap{display: flex;}
.f1_con1 .box{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 40px; border-right: var(--bar); padding: 0 20px;}
.f1_con1 .box:last-child{border-right: 0;}
.f1_con1 .box .icon{width: 100px; height: 100px;}
.f1_con1 .box .icon img{width: 100%;}
.f1_con1 .box p{font-size: var(--fs20); font-weight: 600; color: #505050; text-align: center; line-height: 140%; letter-spacing: -0.5px;}
.f1_con2_wrap{display: flex; justify-content: space-between; align-items: center; padding-bottom: 140px; border-bottom: var(--bar);}
.f1_con2_wrap .text{width: 38%;}
.f1_con2_wrap .text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.f1_con2_wrap .text h2 .point{position: absolute; right: -25px; top: -34px;}
.f1_con2_wrap .text p{margin-top: 28px; font-size: var(--fs18); font-weight: 500; color: #505050; letter-spacing: -0.45px; line-height: 145%;}
.f1_btn{display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; padding: 16px 20px; border: 1.5px solid #19763A; border-radius: 100px; font-size: var(--fs18); font-weight: 600; color: #111; letter-spacing: -0.45px;}
.f1_con2_wrap .img{width: 58%; border-radius: 20px; overflow: hidden; border: var(--bar);}
.f1_con2_wrap .img img{width: 100%;}
.f1_con3{position: relative; padding-top: 0px;}
.f1_con3 > .width{display: flex; justify-content: space-between;}
.f1_con3 .ptxt{margin-bottom: 0;}
.f1_con3 .right{width: 60%;}
.f1_con3 .right .box{display: flex; align-items: center; gap: 56px; padding: 40px 0; border-bottom: var(--bar);}
.f1_con3 .right .box:first-child{padding-top: 0;}
.f1_con3 .right .box:last-child{border-bottom: 0;}
.f1_con3 .right .icon{width: 148px; height: 148px; flex-shrink: 0; border-radius: 100px; overflow: hidden;}
.f1_con3 .right .icon img{width: 100%;}
.f1_con3 .right .text{display: flex; flex-direction: column; gap: 16px;}
.f1_con3 .right .text strong{font-size: var(--fs24); font-weight: 600; color: #111;}
.f1_con3 .right .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.f1_blur{position: absolute; left: -132px; bottom: -200px; width: 606px; height: 607px; background: rgba(139,197,63,0.28); border-radius: 50%; filter: blur(300px); pointer-events: none;}
.f1_con4{background: #F7FAF2; position: relative; overflow: hidden;}
.f1_con4 .box_wrap{display: flex; gap: 20px;}
.f1_con4 .box{width: calc(33.333% - 14px);}
.f1_con4 .box .img{width: 100%; border-radius: 20px; overflow: hidden; border: var(--bar);}
.f1_con4 .box .img img{width: 100%;}
.f1_con4 .box .text{padding-top: 24px;}
.f1_con4 .box .text h3{font-size: var(--fs24); font-weight: 600; color: #111; letter-spacing: -0.6px; display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}
.f1_dot{width: 6px; height: 6px; background: #FBA22B; border-radius: 50%; display: inline-block;}
.f1_con4 .box .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.f1_con4 .box .text .btn{display: inline-flex; align-items: center; gap: 6px; padding: 16px 20px; background: url("../img/f1-btn.png") no-repeat; background-size: cover; border-radius: 100px; font-size: var(--fs20); font-weight: 600; color: #fff; letter-spacing: -0.5px; margin-top: 24px; opacity: 1;  transition: all 0.3s ease; height: 60px; background-position: right;}
/*.f1_con4 .box:hover .text .btn{opacity: 1; visibility: visible;}*/

/* 인트로 */
.g1{padding-bottom: 0;}

/* 배너 카드 */
.g1_banner{padding: 0 0 100px;}
.g1_banner_card{width: 100%; height: 420px; border-radius: 28px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background: url('../img/g1-banner-bg.png') no-repeat center / cover;}
.g1_banner_overlay{position: absolute; inset: 0; background: rgba(0,0,0,0.4); border-radius: 28px;}
.g1_banner_text{position: relative; z-index: 1; text-align: center; color: #fff;}
.g1_banner_text h2{font-size: 4.0rem; font-weight: 600; line-height: 130%; letter-spacing: -1px;}
.g1_banner_text p{font-size: var(--fs20); font-weight: 500; line-height: 140%; letter-spacing: -0.5px; margin-top: 20px;}

/* con1: 탈장이란? */
.g1_con1_wrap{display: flex; justify-content: space-between; align-items: center; gap: 20px 4%; padding-bottom: 140px; border-bottom: var(--bar);}
.g1_con1_wrap .text{flex-shrink: 0;}
.g1_con1_wrap .text h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.g1_con1_wrap .text h2 .point{position: absolute; right: -25px; top: -34px;}
.g1_con1_wrap .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px; margin-top: 28px;}
.g1_con1_wrap .img{width: 58%; border-radius: 20px; overflow: hidden; border: var(--bar);}
.g1_con1_wrap .img img{width: 100%;}

/* con2: 탈장의 형태 (Swiper) */
.g1_con2{padding-top: 0px;}
.g1_con2_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 70px;}
.g1_con2_top h2{font-size: var(--fs42); font-weight: 600; letter-spacing: -1.05px; line-height: 124%; position: relative; display: inline-block;}
.g1_con2_top h2 .point{position: absolute; right: -25px; top: -34px;}
.g1_arrows{display: flex; gap: 8px;}
.g1_arrow_btn{width: 64px; height: 64px; border-radius: 100px; border: var(--bar); background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.g1Swiper{overflow: hidden;}
.g1_slide{display: flex; align-items: center;}
.g1_slide_img{width: 49%; border-radius: 20px; overflow: hidden; border: var(--bar); flex-shrink: 0;}
.g1_slide_img img{width: 100%;}
.g1_slide_text{width: 51%; padding: 124px 60px; display: flex; flex-direction: column; gap: 28px; flex-shrink: 0;}
.g1_slide_text h6{font-size: var(--fs20); font-weight: 600; color: var(--color); letter-spacing: -0.5px;}
.g1_slide_info{display: flex; flex-direction: column; gap: 20px;}
.g1_slide_info h3{font-size: 3.4rem; font-weight: 600; letter-spacing: -0.85px; line-height: 130%;}
.g1_slide_info p{font-size: var(--fs20); font-weight: 500; color: #505050; line-height: 140%; letter-spacing: -0.5px;}

/* con3: 탈장의 징후들 */
.g1_con3_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.g1_con3_wrap .ptxt{flex-shrink: 0; margin-bottom: 0;}
.g1_con3_wrap .right{width: 58%;}
.g1_con3 .box_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 80px 20px;}
.g1_con3 .box_wrap .box{width: calc(33.333% - 14px); display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;}
.g1_con3 .box_wrap .box img{width: 128px; height: 128px; background: #fff; border-radius: 50%; object-fit: none;}
.g1_con3 .box_wrap .box p{font-size: var(--fs20); font-weight: 600; color: #505050; line-height: 140%; letter-spacing: -0.5px;}

/* con4: 탈장 치료 */
.g1_con4{background: #F7FAF2; position: relative; overflow: hidden;}
.g1_con4 .box_wrap{display: flex; gap: 20px;}
.g1_con4 .box_wrap .box{width: 50%;}
.g1_con4 .box_wrap .box .img{border-radius: 20px; overflow: hidden; border: var(--bar);}
.g1_con4 .box_wrap .box .img img{width: 100%;}
.g1_con4 .box_wrap .box .text{padding: 24px 0;}
.g1_con4 .box_wrap .box .text h3{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px; display: flex; align-items: center; gap: 4px; margin-bottom: 16px;}
.g1_con4 .box_wrap .box .text p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.g1_dot{width: 6px; height: 6px; background: #FBA22B; border-radius: 50%; display: inline-block;}
.g1_leaf_deco{position: absolute; top: -168px; right: -40px; pointer-events: none; width: 456px;}

/* ========================================
   H1: 외과 통합케어클리닉
======================================== */

/* 배너 */
.h1_banner{padding: 0 0 160px;}
.h1_banner_card{border-radius: 28px; overflow: hidden;}
.h1_banner_card img{width: 100%;}

/* con1: 상처 치료 */
.h1_con1{position: relative; }
.h1_con1_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.h1_con1_wrap .ptxt{flex-shrink: 0; margin-bottom: 0;}
.h1_con1_wrap .right{width: 58%;}
.h1_con1 .box_wrap{display: flex; flex-direction: column;}
.h1_con1 .box_wrap .box{display: flex; align-items: center; gap: 56px; padding: 40px 0; border-bottom: var(--bar);}
.h1_con1 .box_wrap .box:first-child{padding-top: 0;}
.h1_con1 .box_wrap .box:last-child{border-bottom: 0; padding-bottom: 0;}
.h1_con1 .box_wrap .box img{width: 148px; height: 148px; border-radius: 100px; flex-shrink: 0;}
.h1_con1 .box_wrap .box .text{display: flex; flex-direction: column; gap: 16px;}
.h1_con1 .box_wrap .box strong{font-size: var(--fs24); font-weight: 600; letter-spacing: -0.6px;}
.h1_con1 .box_wrap .box p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}
.h1_blur{position: absolute; left: -132px; top: 50%; transform: translateY(-50%); width: 606px; height: 607px; border-radius: 50%; background: rgba(139,197,63,0.28); filter: blur(300px); pointer-events: none;}

/* con2: 피부 양성종양 */
.h1_con2{background: #F7F7F7;}
.h1_con2 .box_wrap{display: flex; gap: 20px;}
.h1_con2 .box_wrap .box{width: calc(25% - 15px);}
.h1_con2 .box_wrap .box .img{border-radius: 20px; overflow: hidden; border: var(--bar);}
.h1_con2 .box_wrap .box .img img{width: 100%;}
.h1_con2 .box_wrap .box h6{font-size: var(--fs18); font-weight: 600; text-align: center; margin-top: 24px; display: flex; align-items: center; justify-content: center; gap: 4px;}
.h1_dot{width: 6px; height: 6px; background: #FBA22B; border-radius: 50%; display: inline-block; margin-bottom: 15px;}

/* con3: 수술적 치료 슬라이드 */
.h1_con3_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px;}
.h1_con3_top .text h2{font-size: var(--fs42); font-weight: 600; display: inline-block; position: relative; letter-spacing: -1.05px;}
.h1_con3_top .text h2 .point{position: absolute; right: -25px; top: -34px;}
.h1_con3_top .text p{margin-top: 28px; color: #505050; font-size: var(--fs18); font-weight: 500; line-height: 145%; letter-spacing: -0.45px;}
.h1_arrows{display: flex; gap: 8px;}
.h1_arrow_btn{width: 64px; height: 64px; border-radius: 50%; border: var(--bar); background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.h1_slide{display: flex; align-items: center;}
.h1_slide_img{width: 49%; border-radius: 20px; overflow: hidden; border: var(--bar); flex-shrink: 0;}
.h1_slide_img img{width: 100%;}
.h1_slide_text{width: 51%; padding: 60px; display: flex; flex-direction: column; gap: 28px;}
.h1_slide_text h6{font-size: var(--fs20); font-weight: 600; color: var(--color); letter-spacing: -0.5px;}
.h1_slide_info{display: flex; flex-direction: column; gap: 20px;}
.h1_slide_info h3{font-size: 3.4rem; font-weight: 600; letter-spacing: -0.85px; line-height: 130%;}
.h1_slide_info p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.45px;}

/* con4: 수술 후 주의사항 */
.h1_con4{background: #F7FAF2; position: relative; overflow: hidden;}
.h1_con4 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.h1_con4 .box_wrap .box{width: calc(50% - 10px); background: #fff; border-radius: 12px; border: var(--bar); padding: 54px 60px; display: flex; align-items: center; gap: 16px;}
.h1_con4 .box_wrap .box img{width: 43px; flex-shrink: 0; border-right: var(--bar); padding-right: 16px;}
.h1_con4 .box_wrap .box p{font-size: var(--fs20); font-weight: 500; color: #505050; line-height: 140%; letter-spacing: -0.5px;}
.h1_leaf_deco{position: absolute; top: -168px; right: -40px; pointer-events: none; width: 456px;}

/* ========================================
   언어 선택 드롭다운
   ======================================== */
.lang_wrap{position: absolute; right: 0; display: inline-block;}
.lang_btn{display: inline-flex; align-items: center; gap: 12px; padding: 0 20px; height: 36px; background: #fff; border: 1px solid #E5E5EC; border-radius: 100px; cursor: pointer;}
.lang_btn span{width: 28px; font-size: 16px; font-weight: 500; color: #111; text-align: center;}
.lang_arrow{width: 16px; height: 16px; transition: transform 0.2s ease;}
.lang_dropdown{position: absolute; top: -17px; right: 0; display: none; flex-direction: column; gap: 8px; width: 96px; z-index: 100;}
.lang_wrap.open .lang_btn{display: none;}
.lang_wrap.open .lang_dropdown{display: flex;}
.lang_item{display: flex; justify-content: center; align-items: center; gap: 12px; padding: 0 20px; height: 36px; border-radius: 100px; font-size: 16px; font-weight: 500; color: #111; background: #F7F7F7;}
.lang_item.active{background: #fff; border: 1px solid #E5E5EC;}
.lang_item span{width: 28px; text-align: center;}
.lang_arrow.up{transform: rotate(180deg);}
.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none;}


.a6_intro .a6_intro_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.a6_intro .img{width: 48%; border-radius: 28px; overflow: hidden;}
.a6_intro .img img{width: 100%;}
.a6_intro .text{width: 47%;}
.a6_intro .text h6{font-size: var(--fs20); font-weight: 600; color: var(--color); margin-bottom: 40px;}
.a6_intro .text h2{font-size: 4.4rem; font-weight: 600; line-height: 127%; letter-spacing: -0.025em; margin-bottom: 40px;}
.a6_intro .text h2 b{color: #187945; font-weight: 600}
.a6_intro .text .desc{display: flex; flex-direction: column; gap: 16px;}
.a6_intro .text .desc p{font-size: var(--fs18); font-weight: 500; color: #505050; line-height: 145%; letter-spacing: -0.025em;}

.a6_con1{background: url("../img/a6-bg.png")no-repeat; background-size: cover; }
.a6_con1 .a6_con1_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.a6_con1 .ptxt{position: sticky; top: 200px; text-align: left;}
.a6_con1 .box_wrap{width: 58%; display: flex; flex-direction: column; gap: 80px;}
.a6_con1 .box .img{position: relative; border-radius: 20px; overflow: hidden; border: 1px solid #E5E5EC;}
.a6_con1 .box .img img{width: 100%;}
.a6_con1 .box .num{
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 12px 16px;
    background: #8BC540;
    border-radius: 8px;
    font-size: 2.8rem;
    font-weight: 600;
    color: #fff;
}
.a6_con1 .box .text{padding: 28px;}
.a6_con1 .box .text h3{font-size: 3.4rem; font-weight: 600; line-height: 129%; letter-spacing: -0.025em; margin-bottom: 20px;}
.a6_con1 .box .text p{font-size: var(--fs18); font-weight: 400; color: #505050; line-height: 145%; letter-spacing: -0.025em;}

#goog-gt-tt{display: none;}

/* 반응형 */
@media all and (max-width: 1400px){
    html{font-size: 55% !important;}
    :root{
        --fs42: 3.6rem;
        --fs32: 2.8rem;
        --fs28: 2.4rem;
    }
    /* 메인 */
    .visual{height: 700px;}
    .visual .main_text h2{font-size: 4.8rem;}
    .visual .main_text .box h3 b,
    .visual .main_text .box h3 strong{font-size: 6.0rem;}
    .m2 .box{}
    .a1-4 .box h4 b,
    .a1-4 .box h4 strong{font-size: 5.0rem;}
    .a42 .his_wrap .box h3{font-size: 4.8rem;}
}

@media all and (max-width: 1200px){
    /* 메인 */
    .m1 .m1Swiper{width: 115%;}
    .m1 .m1-prev{left: 20%;}
    .m1 .m1-next{left: 24%;}
    .m2 .box{ padding: 30px;}
    .m2 .box .bp1{margin-bottom: -300px;}
    .m2 .box:hover .bp1{margin-bottom: 0px;}
    /* 서브 */
    .b13 .width .box{flex-direction: column;}
    .b13 .width .box .text{margin-top: 20px;}
    .b23_con1 .right dl{flex-direction: column; align-items: flex-start; gap: 16px;}
    .b23_con1 .right dl dt{width: 100%;}
    .b25_con2 .right dt{min-width: 180px;}
}

@media all and (max-width: 1024px){
    .common{padding: 60px 0px;}
    .sub_visual{height: 300px; margin-top: 60px;}
    .ptxt{margin-bottom: 40px;}
    .ptxt > img{margin-top: 40px;}
    .d2_con2 .ptxt{margin-bottom: 40px;}
    .d5_wrap .ptxt{margin-bottom: 40px;}

    .lang_btn{margin-bottom: 4px;}
    .lang_dropdown{top: -3px;}

    /* 메인 비주얼 */
    .visual{margin-top: 60px;}
    .visual .main_text h2{font-size: 3.6rem;}
    .visual .main_text h5{font-size: 1.8rem;}
    .visual .main_text h6{font-size: 1.6rem;}
    .visual .main_text .box_wrap{margin-top: 40px; flex-wrap: wrap; gap: 20px 2%;}
    .visual .main_text .box{width: 48%;}
    .visual .main_text .box h3{font-size: 2.2rem;}
    .visual .main_text .box h3 b,
    .visual .main_text .box h3 strong{font-size: 5.0rem;}
    .visual .main_text .box p{font-size: 1.6rem;}

    .mtxt h2{font-size: 3.0rem;}
    /* m1 Swiper */
    .m1 .m1Swiper{width: 100%;}
    .m1 .m1Swiper .swiper-slide .img{padding-top: 70%;}
    .m1 .m1Swiper .swiper-slide .text{margin-left: 2rem;}
    .m1 .m1-prev{right: 15%; left: initial;}
    .m1 .m1-next{right: 8%; left: initial;}
    .m1 .mtxt{margin-bottom: 30px;}
    .m1 .mbox{flex-direction: column; align-items: flex-start;}
    /* m2 */
    .m2{padding-top: 100px;}
    .m2 .box_wrap{flex-wrap: wrap;}
    .m2 .box{padding: 24px; width: 50%; height: initial;}
    .m2 .box .bp1{margin-bottom: 0px;}
    .m2 .box:hover .bp1{margin-bottom: 0px;}
    .m2 .box p{min-height: 80px; opacity: 1;}
    .m2 .mtxt{margin-bottom: 40px;}
    .m2 .box .bp1{height: 100%;}
    /* m3 */
    .m3 .swiper-slide{flex-direction: column-reverse; gap: 30px;}
    .m3 .swiper-slide .text_wrap{width: 100%;}
    .m3 .swiper-slide .text_wrap h2{margin-bottom: 40px;}
    .m3 .swiper-slide .text_wrap ul{margin-bottom: 40px;}
    .m3 .swiper-slide .img{width: 100%;}
    .m3 .m3-prev, .m3 .m3-next{bottom:initial; top: 5%;;}
    .m3 .m3-prev{right: 10%;;}
    /* m4 */
    .m4 .width{flex-direction: column;}
    .m4 .text{width: 100%; margin-bottom: 40px;}
    .m4 .img{width: 100%;}
    .m4 .text h2{margin-bottom: 30px;}
    .m4 .text .t1{margin-bottom: 24px;}
    .m4 .text .t2{margin-bottom: 24px;}
    /* footer */
    #ft .footer{flex-direction: column; gap: 30px;}
    #ft .ft_ser{flex-wrap: wrap;}

    .ptxt h2{font-size: 3.0rem;}
    /* a1-2 */
    .a1-2 .img{margin-top: 40px;}
    /* a1-3 */
    .a1-3 .width{flex-direction: column; gap: 40px;}
    .a1-3 .width .box_wrap{width: 100%;}
    /* a1-4 */
    .a1-4 .box_wrap{flex-wrap: wrap; gap: 12px;}
    .a1-4 .box{width: calc(50% - 6px);}
    .a1-4 .box h4 b,
    .a1-4 .box h4 strong{font-size: 4.0rem;}
    /* a1-5 */
    .a1-5 h2{font-size: 4.0rem;}
    /* a1-6 */
    .a1-6 .width{flex-direction: column; gap: 40px;}
    .a1-6 .ci_wrap{width: 100%;}
    .a1-6 .ci_wrap .img{margin-bottom: 80px;}
    /* a2 */
    .a2 .box_wrap{flex-direction: column;}
    .a2 .box_wrap img{width: 100%;}
    .a2 .box_wrap .text{width: 100%;}
    .a2 .a2_point{display: none;}
    .a2 .ptxt{margin-bottom: 60px;}
    /* a3 */
    .a3_top{height: 300px; border-radius: 20px;}
    /* a22 */
    .a22 .box_wrap{margin-top: 100px; flex-direction: column;}
    .a22 .box_wrap .img{width: 100%;}
    .a22 .box_wrap .text{width: 100%;}
    /* a4 */
    .a4{padding-bottom: 60px;}
    .a4_top{padding: 80px 20px; border-radius: 20px;}
    /* a42 히스토리 */
    .a42 .width{flex-direction: column;}
    .a42 .ptxt h2{text-align: center;}
    .a42 .his_wrap{width: 100%; padding-left: 3%;}
    .a42 .his_wrap .box{padding-bottom: 60px;}
    .a42 .his_wrap .box h3{font-size: 4.0rem; margin-bottom: 24px;}
    /* a52 갤러리 */
    .a52 .a52-prev, .a52 .a52-next{top: 45%;}
    /* b12 */
    .b12 .width{flex-direction: column; gap: 40px;}
    .b12 .text{width: 100%;}
    .b12 .ptxt{text-align: center;}
    /* b13 */
    .b13 .width{flex-direction: column; padding-top: 100px; padding-bottom: 80px; gap: 40px;}
    .b13 .width .box_wrap{width: 100%;}
    /* b14 */
    .b14 .box_wrap{flex-wrap: wrap;}
    .b14 .box{width: calc(33% - 10px);}
    /* b22 */
    .b2{padding-bottom: 60px;}
    .b22{padding-top: 60px;}
    .b22_top{flex-direction: column; padding: 40px 20px;}
    .b22_top .t1{width: 100%;}
    .b22_top .t2{width: 100%; padding-left: 0; border-left: 0; border-top: var(--bar); padding-top: 24px; margin-top: 24px;}
    .b22_con1{padding-top: 80px; flex-direction: column;}
    .b22_con1 .right{width: 100%;}
    .b22_con2{padding-top: 80px; flex-direction: column;}
    .b22_con2 .right{width: 100%; flex-wrap: wrap; justify-content: center; gap: 20px 0;}
    .b22_con2 .right .box{width: 30%;}
    .b22_con2 .right svg{margin-top: 50px; width: 24px; height: 24px;}
    /* b23 */
    .b23 .b23_con1{flex-direction: column;}
    .b23 .right{width: 100%;}
    .b23_con2{padding-top: 100px; flex-direction: column;}
    /* b24 */
    .b24 .box_wrap{flex-direction: column;}
    .b24 .box_wrap .img{width: 100%;}
    .b24 .box_wrap .text{width: 100%;}
    /* b25 */
    .b25_con1{padding-top: 80px; flex-direction: column;}
    .b25_con1 .right{width: 100%;}
    .b25_con2{padding-top: 100px; flex-direction: column;}
    .b25_con2 .right{width: 100%;}
    .b25_con3{padding-top: 100px; flex-direction: column;}
    .b25_con3 .right{width: 100%;}
    .b25_con4{padding-top: 100px; flex-direction: column;}
    .b25_con4 .right{width: 100%;}
    /* flow */
    .flow__track span{font-size: 48px; padding-right: 40px;}
    /* e5 */
    .e5_con2 .width{flex-direction: column;}
    .e5_con2 .ptxt{width: 100%;}
    .e5_con2 .right{width: 100%;}
    .e5_con1 .box_wrap{flex-direction: column;}
    .e5_con1 .box_wrap .text{width: 100%;}
    .e5_con1 .box_wrap .img{width: 100%;}
    .e5_con4 .img_wrap{flex-wrap: wrap;}
    .e5_con4 .img1, .e5_con4 .img2, .e5_con4 .img3{width: 100%;}
    /* e1 */
    .e1_top_card{flex-direction: column; height: auto;}
    .e1_top_photo{width: 100%; border-radius: 28px 28px 0 0;}
    .e1_top_text{width: 100%; border-radius: 0 0 28px 28px; padding: 40px 0;}
    .e1_con1 .box_wrap{flex-direction: column; text-align: center;}
    .e1_con1 .box_wrap .img{width: 100%;}
    .e1_slide_img{width: 100%;}
    .e1_slide_text{width: 100%; padding: 40px 20px;}
    .e1_slide{flex-direction: column;}
    .e1_con3 .box_wrap{flex-wrap: wrap;}
    .e1_con3 .box{width: 48%;}
    .e1_slide_text h3{font-size: 2.8rem;}
    /* e2 */
    .e2_top_tags{flex-wrap: wrap; justify-content: center; gap: 8px; bottom: 16px; width: 90%;}
    .e2_con1 .box_wrap{flex-wrap: wrap;}
    .e2_con1 .box{width: 48%;}
    .e4_con1 .box:first-child, .e4_con1 .box:last-child{width: 48%;}
    .e2_con3 .width{flex-direction: column;}
    .e2_con3 .right{width: 100%;}
    .e2_con2 .img_wrap{width: 100%;}

    .e5_con1 .box_wrap .text h2{font-size: 3.0rem;}
    /* b5 */
    .b5_top{flex-direction: column; align-items: flex-start; gap: 20px;}
    .b5_top_right{text-align: left;}
    .b5_table th, .b5_table td{padding: 14px 10px; font-size: 1.4rem;}
    /* b3 */
    .b3_top_img{height: 300px;}
    .b3_content_inner{padding: 60px 40px;}
    .b3_item_title strong, .b3_item_title span{font-size: var(--fs24);}
    .flow__track span{font-size: 6rem;}
    /* b4 */
    .b4_top_img{width: 100%;}
    .b4_online_wrap{flex-direction: column;}
    .b4_online_list{width: 100%;}
    .b4_notice_box{width: 100%;}
    .b4_offline_wrap{flex-direction: column;}
    .b4_offline_text{width: 100%;}
    .b4_offline_docs{width: 100%;}
    .b4_offline_docs dt{width: 160px; font-size: var(--fs20);}

    .acco .content .tbox{padding: 35px 15px;}
    /* c2 */
    .c2_banner{height: 300px;}
    .tag_wrap{flex-wrap: wrap; justify-content: center; gap: 8px;}
    .tag{padding: 10px 20px 10px 14px;}
    .c2_con1 .box_wrap{flex-wrap: wrap; padding-bottom: 80px;}
    .c2_con1 .box{flex: none; width: 48%;}
    .c2_con3 .width{flex-direction: column;}
    .c2_con3 .right{width: 100%;}
    .c2_con2 .img_wrap{width: 100%;}
    /* c4 */
    .c4_banner{height: 300px;}
    .c4_con1 .box_wrap{flex-wrap: wrap; padding-bottom: 80px;}
    .c4_con1 .box{flex: none; width: 48%;}
    .c4_con3 .width{flex-direction: column;}
    .c4_con3 .right{width: 100%;}
    .c4_con2 .img_wrap{width: 100%;}
    .c4_con4 .box{width: 100%; padding: 40px 30px;}
    .c4_leaf_deco{display: none;}
    /* c3 */
    .c3_banner{height: 300px;}
    .c3_con1 .box{flex-direction: column;}
    .c3_con1 .box.reverse{flex-direction: column-reverse;}
    .c3_con1 .box .img{width: 100%;}
    .c3_con1 .box .text{width: 100%; padding: 40px 20px;}
    .c3_con1 .box_wrap{gap: 60px;}
    .c3_con1 .box h3{font-size: var(--fs32);}
    /* c1 */
    .c1_stat{padding: 0 0 60px;}
    .c1_stat_box{height: 350px;}
    .c1_stat_num .num{font-size: 6.0rem; line-height: 60px;}
    .c1_stat_left{left: 60px;}
    .c1_stat_right{right: 60px;}
    .c1_custom_wrap{flex-direction: column; align-items: flex-start;}
    .c1_custom_img{width: 100%;}
    .c1_5r_wrap{flex-direction: column;}
    .c1_5r .box_wrap{width: 100%;}
    .c1_system_wrap{flex-direction: column;}
    .c1_system .box_wrap{width: 100%;}
    .c1_system .box{flex-direction: column;}
    .c1_system .box.reverse{flex-direction: column-reverse;}
    .c1_system .box .text{padding: 24px 0;}
    .c1_system .box.reverse .text{padding: 24px 0;}
    .c1_system .box_wrap{gap: 60px;}
    .c1_facility .box_wrap{grid-template-columns: repeat(2, 1fr);}
    .c1_cta .box{flex-direction: column; height: auto; padding: 40px; gap: 20px; align-items: flex-start;}
    /* d1 */
    .d1_banner{flex-direction: column;}
    .d1_banner > .img{width: 100%;}
    .d1_banner > .text{width: 100%; padding: 40px;}
    .d1_banner_inner p{font-size: var(--fs24);}
    .d1_con1 .ptxt h2 .point{right: 3%;;}
    .d1_con2 .width{flex-direction: column;}
    .d1_con2 .right{width: 100%;}
    .d1_con2 .right .box{gap: 30px;}
    .d1_circle_wrap{flex-direction: column; gap: 20px;}
    .d1_circle{width: 60%; max-width: 340px;}
    .d1_circle_title .num{font-size: 5.6rem;}
    .d1_dot{width: auto; height: 60px; flex-direction: column;}
    .d1_dot::before{top: 0; bottom: 0; left: 50%; right: auto; width: 0; height: 100%; border-top: 0; border-left: 1px dashed #8BC53F;}
    .d1_leaf_deco{display: none;}
    .d1_leaf_deco_sm{display: none;}
    .d1_con4{margin-top: 0px;  padding-top: 60px;}
    .d1_con4 .box_wrap{flex-direction: column;}
    .d1_con4 .box{width: 100%;}
    .d1_con5 .width{flex-direction: column;}
    .d1_con5 > .width > .img{width: 100%;}
    /* d2 */
    .d2_intro{flex-direction: column; gap: 40px;}
    .d2_intro .text{width: 100%;}
    .d2_intro .img{width: 100%;}
    .d2_con1 .box_wrap{flex-wrap: wrap;}
    .d2_con1 .box{width: calc(50% - 10px);}
    .d2_con2 > .width{flex-direction: column;}
    .d2_con2 .right{width: 100%;}
    /* d5 */
    .d5_wrap{flex-direction: column;}
    .d5_wrap .right{width: 100%;}
    .b2_nav{margin-bottom: 40px;}
    /* f1 */
    .f1_con3 .ptxt{margin-bottom: 40px;}
    .f1_cert{padding: 0 0 60px;}
    .f1_cert_wrap{flex-direction: column;}
    .f1_cert_wrap .img{width: 100%;}
    .f1_cert_wrap .text{width: 100%; padding: 40px;}
    .f1_con1 .box_wrap{flex-wrap: wrap; gap: 40px 0;}
    .f1_con1 .box{width: 50%; flex: none; border-right: 0;}
    .f1_con1 .box:nth-child(odd){border-right: var(--bar);}
    .f1_con2_wrap .text h2{font-size: 3.0rem;}
    .f1_con2_wrap{flex-direction: column; gap: 40px;}
    .f1_con2_wrap .text{width: 100%;}
    .f1_con2_wrap .img{width: 100%;}
    .f1_con3 > .width{flex-direction: column;}
    .f1_con3 .right{width: 100%;}
    .f1_con3 .right .box{gap: 30px;}
    .f1_con4 .box_wrap{flex-direction: column;}
    .f1_con4 .box{width: 100%;}
    /* g1 */
    .g1_con1_wrap .text h2, .g1_con2_top h2{font-size: 3.0rem;}
    .g1_banner{padding: 0 0 60px;}
    .g1_banner_card{height: 300px;}
    .g1_slide_info h3{font-size: 2.8rem;}
    .g1_con1_wrap{flex-direction: column; padding-bottom: 80px;align-items: flex-start;}
    .g1_con1_wrap .img{width: 100%;}
    .g1_slide{flex-direction: column;}
    .g1_slide_img{width: 100%;}
    .g1_slide_text{width: 100%; padding: 40px 20px;}
    .g1_con3_wrap{flex-direction: column;}
    .g1_con3_wrap .right{width: 100%;}
    .g1_con4 .box_wrap{flex-direction: column;}
    .g1_con4 .box_wrap .box{width: 100%;}
    .g1_leaf_deco{display: none;}
    /* h1 */
    .h1_con3_top .text h2{font-size: 3.0rem;}
    .h1_banner{padding: 0 0 60px;}
    .h1_con1_wrap{flex-direction: column; gap: 40px 0;;}
    .h1_con1_wrap .right{width: 100%;}
    .h1_con1 .box_wrap .box{gap: 30px;}
    .h1_con1 .box_wrap .box img{width: 120px; height: 120px;}
    .h1_con3_top{flex-direction: column; align-items: flex-start; gap: 30px;}
    .h1_slide{flex-direction: column;}
    .h1_slide_img{width: 100%;}
    .h1_slide_text{width: 100%; padding: 30px 0;}
    .h1_con4 .box_wrap .box{width: 100%;}
    .h1_leaf_deco{display: none;}

    .lang_wrap{right: 52px;}

    .a6 .a6_banner{height: 320px;}
    .a6 .a6_banner .quote.left{left: 100px;}
    .a6 .a6_banner .quote.right{right: 100px;}
    .a6 .a6_banner p{font-size: 3.2rem;}
    .a6_intro .a6_intro_wrap{flex-direction: column; gap: 40px;}
    .a6_intro .img{width: 100%;}
    .a6_intro .text{width: 100%;}
    .a6_intro .text h2{font-size: 3.6rem;}
    .a6_con1 .a6_con1_wrap{flex-direction: column; gap: 40px;}
    .a6_con1 .ptxt{position: static; text-align: center; width: 100%;}
    .a6_con1 .box_wrap{width: 100%; gap: 60px;}
    .a6_con1 .box .text h3{font-size: 2.8rem;}

    .lnb .lnb_map{padding: 10px 20px 4px 20px;;}
}
@media all and (max-width: 900px){
    .a22 .text .scroll{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    /*.a22 .text table{min-width: 500px;}*/
    /*.b25_con4 table{min-width: 500px;}*/
    .b25_con4 .scroll_wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .b23_con1 .right .box_wrap{flex-wrap: wrap;}
    .b23_con1 .right .box{width: 50%; border-left: 0; border-bottom: var(--bar); padding: 20px 3%;}
    .b13 .width .box2 ul{flex-wrap: wrap;}
    .b13 .width .box2 ul li{margin-bottom: 6px;}
}

@media all and (max-width: 850px){
    /* m2 */
    .m2 .box{height: 340px;}
    .m2 .box .bp1{margin-bottom: -200px;}
    /* a1-3 */
    /* .a1-3 .width .box{width: 50%;} */
    .a1-3 .width .box img{width: 80px;}
    /* b14 */
    .b14 .box{width: calc(50% - 6px);}
    .b14 .box{padding: 50px 5px;}
    /* b12 */
    .b12 .text dl{flex-direction: column; align-items: flex-start; gap: 8px;}
    .b12 .text dl dt{min-width: auto;}
    /* b22 */
    .b22_con1 .t1 .text{margin-top: 16px;}
    /* b25 */
    .b25_con2 .right dl{flex-direction: column; align-items: flex-start; gap: 12px;}
    .b25_con2 .right dt{min-width: auto;}
}

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

    :root{
        --color: #8BC53F;
        --color2: #187945;
        --bar: 1px solid #E5E5EC;

        --fs20: 1.9rem;
        --fs18: 1.7rem;
        --fs14: 1.4rem;
    }
    .m3 .point img{width: 180px;}
    .ptxt h2 .point{top: -22px; }
    .ptxt h2 .point img{width: 20px;;}
    .sub_visual .sub_top_text h3{font-size: 3.6rem;}
    /* 메인 비주얼 */
    .visual {height: 650px;}
    .visual .main_text h2{font-size: 2.8rem;}
    .visual .main_text .box_wrap{gap: 16px 2%; justify-content: center;}
    /*.visual .main_text .box{width: 100%;}*/
    .visual .main_text .box h3 b,
    .visual .main_text .box h3 strong{font-size: 4.0rem;}
    /* m1 */
    .m1 .m1Swiper .swiper-slide{flex-direction: column;}
    .m1 .m1Swiper .swiper-slide .img{width: 100%; padding-top: 60%;}
    .m1 .m1Swiper .swiper-slide .text{width: 100%; margin-left: 0; margin-top: 20px;}
    .m1 .m1-prev{right: 55px;}
    .m1 .m1-next{right: 0px;}
    .m1 .m1-prev img{width: 45px;}
    .m1 .m1-next img{width: 45px;}
    /* m2 */
    .m2{background: url("../img/mm2-bg.png")no-repeat; background-size: cover; background-position: center;}
    .m2 .box_wrap{flex-wrap: wrap;}
    .m2 .box{width: 100%; height: auto; min-height: 280px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
    .m2 .box .bp1{margin-bottom: 0;}
    .m2 .box p{opacity: 1; min-height: auto;}
    .m2 .box img{opacity: 1;}
    /* m3 */
    .m3 .swiper-slide .text_wrap h2{margin-bottom: 24px;}
    .m3 .swiper-slide .text_wrap ul{margin-bottom: 24px;}
    .m3 .swiper-slide .text_wrap ul li{width: 100%;}
    /* .m3 .m3-prev, .m3 .m3-next{position: relative; bottom: auto; right: auto; display: inline-block; margin-top: 20px;} */
    .m3 .m3-prev img, .m3 .m3-next img{width: 45px;}
    .m3 .m3-prev{right: 12%;;}
    /* m4 */
    .m4 .text .t1 h4{font-size: 3.6rem;}
    .m4 .text .t3 dl dt{min-width: 80px; max-width: 80px;}
    .m4 .text .t3 dl dt.d1{letter-spacing: 45px;}
    .m4 .text .t3 dl dt.d2{letter-spacing: 14px;}
    .m4 .text .t3 dl dt.d3{letter-spacing: 4px;}
    .m4 .text .t3 dl{gap: 0 30px;}
    .root_daum_roughmap .wrap_map{height: 300px !important;}
    /* footer */
    #ft{padding: 30px 0;}
    #ft .ft_ser{gap: 8px 12px;}

    .ptxt h2{font-size: 2.7rem;}
    .ptxt h2 br{display: none;}
    .ptxt p{font-size: 1.8rem;}
    .mtxt p{font-size: 1.8rem;}

    /* a1-3 */
    .a1-3 .width .box_wrap{gap: 40px 0;}
    /* a1-4 */
    .a1-4 .ptxt h2 .point{right: -4px;}
    .a1-4 .box{width: 48%; aspect-ratio: auto; padding: 30px 24px; background-position: bottom;;}
    .a1-4 .box h4 b,
    .a1-4 .box h4 strong{font-size: 3.2rem;}
    /* a1-5 */
    .a1-5{background-position: right;}
    .a1-5 h2{font-size: 3.0rem; text-align: center;}
    /* a1-6 */
    .a1-6 .ptxt h2 .point{right: -25%;}
    .a1-6 .ci_color .box_wrap .box{height: 100px;}
    .a1-6 .ci_btn{flex-direction: column; gap: 10px;}
    .a1-6 .ci_btn a{width: 100%;}
    /* a3 */
    .a3_top{height: 240px;}
    .a3_top h2{font-size: 2.8rem;}
    /* a22 */
    .a2 .box_wrap .text h2{font-size: 3.2rem;}
    .a22 .box_wrap{margin-top: 60px;}
    .a22 .box_wrap .text h2{font-size: 3.2rem; gap: 0px 7px;;}

    .a3_p1{display:none;}
    .a3_p2{display: none;}
    /* a4 */
    .a4_top{padding: 60px 16px;}
    .a4_top h2{font-size: var(--fs28);}
    .a42 .his_wrap .box dl{margin-top: 15px;}
    .a42 .his_wrap .box h3{font-size: 3.2rem; margin-bottom: 10px;}
    .a42 .his_wrap:after{height: var(--line-height, 0px);}
    /* a52 */
    .a52{margin-top: 60px;}
    .a52 .a52Swiper2 .swiper-slide{border-radius: 16px;}
    .a52 .a52Swiper .swiper-slide{border-radius: 16px;}
    .a5 .box_wrap img{width: 180px;}
    .a52 .ptxt h2 .point{right: 20px;}
    .b1 .ptxt h2 .point{right: -5%;}
    /* b2_nav */
    .b2_nav{flex-wrap: wrap; border-radius: 16px; margin-bottom: 40px;}
    .b2_nav li a{padding: 12px 0; font-size: 1.6rem;}

    .b12 .ptxt{margin-bottom: 0;;}
    /* b13 */
    .b13 .width{padding-top: 60px; padding-bottom: 60px;}
    .b13 .width h2{font-size: var(--fs24);}
    .b13 .width .box3 .text dl{flex-direction: column; gap: 8px;}
    .b13 .width .box img{width: 80px; display: none;}
    /* b14 */
    .b14 .box{padding: 40px 5px;}
    .b14 .box h3{font-size: var(--fs24);}
    /* b22 */
    .b22_top{gap: 0px;}
    .b22_top .t2 p{font-size: 2.0rem;}
    .b22_top .t1 h4{font-size: 3.6rem;}
    .b22_con2 .right{flex-wrap: wrap;}
    .b22_con2 .right .box{width: 50%; text-align: center;}
    /* b23 */
    .b23{background: #F7FAF2;}
    .b23 .ptxt{margin-bottom: 0;}
    .b23_con1 .right dl{flex-direction: column; align-items: flex-start; gap: 12px;}
    .b23_con1 .right dl dt{width: 100%;}
    .b23_con1 .right .box{width: 50%; border-left: 0; border-bottom: var(--bar); text-align: center;}
    .b23_con1 .right .box:nth-child(3){border-bottom: 0;}
    .b23_con1 .right .box:last-child{border-bottom: 0;}
    .b22_top .t1 h4{font-size: 3.2rem;}
    .b22_con2 .right{flex-direction: column; align-items: center; gap: 20px 0;}
    .b22_con2 .right .box{width: 100%; text-align: center;}
    .b22_con2 .right svg{transform: rotate(90deg); margin: 0; width: 24px; height: 24px;}
    .b23_con1 .right dl dd{width: 100%;}
    .b23_con1 .right .box_wrap{padding: 0px;;}
    /* b24 */
    .b24 .box_wrap .text dl{flex-direction: column; align-items: flex-start; gap: 4px;}
    /* b25 */
    .b25_con4 .img_wrap{flex-direction: column;}
    .b25_con4 .img_wrap img{width: 100%;}
    /* flow */
    .flow__track span{font-size: 40px; padding-right: 30px;}
    /* e5 */
     .e5_con2 .right dd{font-size: 2.0rem;}
    .e5_con2 .right dl{padding: 20px 10px;;}
    .e5_con3 .box{width: 100%; padding: 30px 20px; gap: 25px;}
    .e5_top_card{height: 300px;}
    .e5_top_content h2{font-size: 2.8rem;}
    /* e1 */
    .e1_con1 .box_wrap .text p{text-align: center;}
    .e1_con3 .box .btn{width: 100%;}
    .e1_arrow_btn{width: 45px; height: 45px;}
    .e1_con3 .box{width: 100%;}
    .e1_con2 .e1_con2_top{flex-direction: column; align-items: flex-start; gap: 20px;}
    .e1_slide_text{padding: 30px 0;}
    /* e2 */
    .e2_con4 .ptxt .point{right: 0px;}
    .e2_con1 .box{width: 100%;}
    .e2_con1 .ptxt h2{text-align: center;}
    .e4_con1 .box:first-child, .e4_con1 .box:last-child{width: 100%;}
    .e4_con1 .box h3{font-size: 2.2rem;}
    .e2_top_card{height: 300px;}
    .e2_tag{padding: 10px 16px 10px 12px;}
    .e2_tag span{font-size: 1.4rem;}
    .e2_info h3{font-size: var(--fs28);}
    .e2_con2 .img_wrap{width: 100%;}
    .e2_con2 .img_wrap img{width: 80%;}
    .e2_con3 .right dl{flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 0;}
    .e2_con3 .right dt{width: 100%;}
    .e2_con4 .ptxt h2{font-size: 2.6rem;}
    .e2_con4 .img_wrap{gap: 0px 1%;}
    .e2_con2 .ptxt .point{right: -25px;}

    .e2_con4 .ptxt p br{display: none;}

    .e3{padding-bottom: 0;}

    .e5_con1 .box_wrap .text h2{font-size: 2.7rem;}

    .e6_con1{padding-top: 0;}
    .e6_con1 .ptxt span{right: -22px;}
    .e6 .ptxt{margin-bottom: 0;}
    .e6_con8 .ptxt h2 br{display: none;}

    /* b5 */
    .b5_top_left h3{font-size: var(--fs24);}
    .b5_table th, .b5_table td{padding: 12px 8px; font-size: 1.3rem;}
    /* b3 */
    .b3_top_img{height: 220px;}
    .b3_content_inner{padding: 40px 20px;}
    .b3_item_title{flex-direction: column; align-items: flex-start; gap: 4px;}
    .b3_item_toggle span{display: none;}
    .b3_accordion_section{padding-bottom: 80px;}
    .flow__track span{font-size: 4rem;}

    .acco .collapsible.active:after{content: '-'}
    .acco .collapsible:after{content: '+'; font-size: 26px;}

    .c1_system .box .img{width: 100%;}
    .c1_system .box .text{width: 100%;}
    .c2_con2 .img_wrap img{width: 80%;}
    .c3_con1{padding-top: 0px;}
    /* c2 */
    .c2_banner{height: 220px; padding-bottom: 20px;}
    .tag{padding: 8px 14px 8px 10px;}
    .tag span{font-size: 1.4rem;}
    .tag img{width: 20px; height: 20px;}
    .c2_con1 .box{width: 100%;}
    .c2_con1 .box_wrap{padding-bottom: 60px;}
    .tab_nav{flex-wrap: wrap; gap: 4px; padding: 4px;}
    .tab_nav a{padding: 10px 18px; font-size: 1.5rem;}
    .c2_info h3{font-size: var(--fs28);}
    .c2_con2 .img_wrap{width: 100%;}
    .c2_con3 .right dl{flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 0;}
    .c2_con3 .right dt{width: 100%;}
    .c2_con2 .ptxt h2 span{right: -25px;}
    /* c4 */

    .c4_banner{height: 220px; padding-bottom: 20px;}
    .c4_con1 .box{width: 100%;}
    .c4_con1 .box_wrap{padding-bottom: 60px;}
    .c4_info h3{font-size: var(--fs28);}
    .c4_con2 .img_wrap{width: 100%;}
    .c4_con3 .right dl{flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 0;}
    .c4_con3 .right dt{width: 100%;}
    .c4_con4 .box{padding: 30px 20px;}
    .c4_con4 .box .text strong{font-size: var(--fs20);}
    /* c3 */
    .c3_banner{height: 200px;}
    .c3_con1 .box .text{padding: 30px 16px;}
    .c3_con1 .box h3{font-size: var(--fs28);}
    .c3_con1 .box_wrap{gap: 40px;}
    /* b4 */
    .b4_top_img{width: 100%;}
    .b4_online_text h2, .b4_offline_text h2{font-size: var(--fs28);}
    .b4_online_list dl dd{font-size: 1.5rem; padding: 25px 20px;;}
    .b4_offline_docs dl{flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 16px;}
    .b4_offline_docs dt{width: 100%; font-size: 1.9rem;}
    .b4_offline_docs dt br{display: none;}
    .b4_notice_box{height: auto; padding: 24px 28px;}
    .b4_notice_icon{display: none;}
    .b4_online_text h3{font-size: 2.6rem;}

    .b52 .ptxt{margin-bottom: 60px;}
    /* c1 */
    .c1_stat{padding-bottom: 0px;;}
    .c1_stat_center h2{font-size: 3.2rem; line-height: 38px;}
    .c1_stat_center h4{font-size: 2.0rem; line-height: 26px;}
    .c1_stat_box{height: 300px; flex-direction: column; gap: 5px;}
    .c1_stat_left, .c1_stat_right{position: relative; left: auto; right: auto; top: auto; transform: none; padding-top: 0;}
    .c1_stat_center{position: relative; left: auto; top: auto; transform: none;}
    .c1_stat_num .num{font-size: 2.8rem; line-height: 32px;}
    .c1_stat_item{flex-direction: row; gap: 8px;}
    .c1_stat_item p{font-size: var(--fs18); line-height: 24px;}
    .c1_5r .box{flex-direction: column; height: auto; padding: 24px; gap: 12px; align-items: flex-start;}
    .c1_5r .box .label{width: auto;}
    .c1_5r_icon{position: relative; right: auto; top: auto; display: none;}
    .c1_facility .box_wrap{grid-template-columns: 1fr;}
    .c1_cta .box_wrap{flex-direction: column;}
    .c1_cta .box{width: 100%;}
    .c1_system .ptxt h2 .point{right: -25px;}
    .c1_cta .box.green{background-position: right;}
    .c1_cta .box.orange{background-position: right;}
    /* d1 */
    .d1_banner_inner p{font-size: var(--fs20);}
    .d1_banner > .text{padding: 30px 20px;}
    .d1_con2 .right .text{text-align: center;}
    .d1_con2 .right .box{gap: 20px; flex-direction: column; align-items: center;}
    .d1_con2 .right .icon{width: 100px; height: 100px;}
    .d1_circle{width: 70%; max-width: 280px;}
    .d1_circle_title .num{font-size: 4.6rem;}
    .d1_circle_title .txt{font-size: 2.4rem;}
    .d1_circle_title br{display: none;}
    .d1_circle_desc{margin-top: 20px; font-size: 1.7rem;}
    .d1_num{font-size: 4.0rem;}
    .d1_con4 .box .text{padding: 0;}
    .d1_con5 .box span{font-size: var(--fs20);}
    .d1_con5 .text h2{font-size: var(--fs32);}
    /* d2 */
    .d2_intro .text h3 .point{top: -22px;}
    .d2_intro .text h3{font-size: 2.7rem;}
    .d2_intro{padding-bottom: 60px; padding-top: 60px;}
    .d2_con1 .box{width: 100%;}
    .d2_con2 .right dt{width: 160px; font-size: var(--fs20);}
    .d2_intro .text h3 .point img{width: 20px;}
    .d2_con2 .right dl{padding: 20px 0;}
    /* d5 */
    .d5{padding-bottom: 0px;}
    .d5_wrap .right dl{gap: 12px; flex-direction: column; align-items: flex-start; padding: 15px 0;}
    /* f1 */
    .f1{padding-bottom: 0px;}
    .f1_cert{padding-bottom: 0px;}
    .f1_cert_wrap .text{padding: 30px 20px;}
    .f1_cert_info h3{font-size: var(--fs24);}
    .f1_cert_info p{font-size: var(--fs18);}
    .f1_con1 .box{width: 100%; border-right: 0 !important; flex-direction: row; gap: 20px; padding: 20px 0; border-bottom: var(--bar);}
    .f1_con1 .box:last-child{border-bottom: 0;}
    .f1_con1 .box_wrap{flex-direction: column; gap: 0;}
    .f1_con1 .box .icon{width: 60px; height: 60px; flex-shrink: 0;}
    .f1_con1 .box p{text-align: left;}
    .f1_con2_wrap .text h2{font-size: 2.7rem;}
    .f1_con2_wrap{padding-bottom: 60px;}
    .f1_con3 .right .box{gap: 20px; flex-direction: column; align-items: flex-start;}
    .f1_con3 .right .icon{width: 100px; height: 100px;}
    .f1_cta_btn{width: 100%;}
    .f1_con4 .ptxt p br{display: none;}
    .f1_con4 .box_wrap{gap: 45px 0;}
    /* g1 */
     .g1_con1_wrap .text h2, .g1_con2_top h2{font-size: 2.7rem;}
    .g1{padding-bottom: 0px;}
    .g1_banner_card{height: 220px;}
    .g1_banner_text h2{font-size: var(--fs28);}
    .g1_con2_top{flex-direction: column; align-items: flex-start; gap: 20px;}
    .g1_slide_text{padding: 30px 16px;}
    .g1_slide_info h3{font-size: var(--fs28);}
    .g1_con3 .box_wrap{gap: 30px;}
    .g1_con3 .box_wrap .box{width: calc(50% - 15px);}
    .g1_con4 .box_wrap .box .text{padding: 16px 0;}
    .g1_arrow_btn{width: 45px; height: 45px;}
    /* h1 */
    /* .h1 .ptxt h2 .point{right: 33px;} */
    .h1_con1 .box_wrap .box{flex-direction: column; text-align: center; gap: 20px;}
    .h1_con1 .box_wrap .box img{width: 100px; height: 100px;}
    .h1_con1 .box_wrap .box .text{align-items: center;}
    .h1_con2 .box_wrap{flex-wrap: wrap;}
    .h1_con2 .box_wrap .box{width: calc(50% - 10px);}
    .h1_slide_info h3{font-size: var(--fs28);}
    .h1_con4 .box_wrap .box{padding: 30px 24px;}
    .h1_arrow_btn{width: 45px; height: 45px;}
    .h1_con3_top .text h2{font-size: 2.6rem;}

    .a6 .a6_banner{height: auto; padding: 60px 20px;}
    .a6 .a6_banner .quote{display: none;}
    .a6 .a6_banner p{font-size: 2.4rem;}
    .a6_intro .text{text-align: center;}
    .a6_intro .text h6{margin-bottom: 24px;}
    .a6_intro .text h2{font-size: 2.8rem; margin-bottom: 24px;}
    .a6_con1 .box_wrap{gap: 40px;}
    .a6_con1 .box .num{font-size: 2.0rem; padding: 8px 12px;}
    .a6_con1 .box .text{padding: 20px;}
    .a6_con1 .box .text h3{font-size: 2.4rem; margin-bottom: 16px;}
}

@media all and (max-width: 650px){
    /* 메인 비주얼 */
    .visual .main_text h2{font-size: 2.4rem;}
    .visual .main_text .box h3 b,
    .visual .main_text .box h3 strong{font-size: 3.2rem;}
    .visual .main_text .box p{font-size: 1.4rem;}
    /* m1 */
    .m1 .m1Swiper .swiper-slide .text h2{font-size: var(--fs24);}
    .m1 .m1Swiper .swiper-slide .text h6{margin-bottom: 24px;}
    /* m4 */
    .m4 .text .t1 h4{font-size: 2.8rem;}
    .m4 .text .t1 h4 a{font-size: 1.4rem; padding: 8px 14px;}
    /* a1-3 */
    .a1-3 .width .box{margin-bottom: 20px;}
    /* a22 */
    .a22 .text ul h3{font-size: 2.2rem;}
    /* a42 */
    .a42 .his_wrap .box h3{font-size: 2.8rem;}
    /* b14 */
    /* .b14 .box{width: 100%;} */
    /* b22 */
    .b22_con2 .right .box{width: 100%;}
    /* b25 테이블 */
    .b25_con4 table th, .b25_con4 table td{font-size: 1.4rem; padding: 12px 0;}
    /* flow */
    .flow__track span{font-size: 32px; padding-right: 24px;}
}

/* 팝업 */
.pop_area{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.pop_area.active{display: flex; align-items: center; justify-content: center;}
.pop_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.pop_wrap{position: relative; z-index: 1; max-width: 600px; width: 90%; max-height: 90vh;}
.pop_inner{position: relative;}
.pop_inner img{width: 100%; height: auto; border-radius: 12px; display: block;}
.pop_close{position: absolute; top: -40px; right: 0; background: none; border: none; cursor: pointer; padding: 4px;}