@charset "utf-8";

#main_wrap {}
#mv_wrap {}
#mv {width: 145vw;border-radius: 0 0 80% 68%;overflow: hidden;transform: translateX(-35vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(35vw) }#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_box {width: 100vw; height: 100vh; position: relative; }
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
/*#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform:scale(1.2); filter:blur(10px); transition:all 1.5s cubic-bezier(0.37, 0, 0.63, 1); }*/
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}

#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; transform:scale(1); filter:blur(0px);}
				
#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; transform:scale(1); filter:blur(0px);}
				
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:50%;transform:translateY(-50%); margin-left: -900px; /*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list .txt_wrap h4 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list .txt_wrap p { color: #fff; }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }


#mv .mv_list_wrap .mv_list .txt_wrap1 {position:absolute;top:42%;transform:translateY(-50%);overflow: hidden;text-align: center;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {font-family: 'Italiana'; letter-spacing: 0.5vw; color: #fff; margin-bottom: 30px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 p { }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt1 1s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1.5s 0.7s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px); }
#mv .mv_list_wrap .mv_list .txt{font-family: 'Sorts Mill Goudy', sans-serif;letter-spacing:0;color:#222;opacity:.2;font-size: 150px;position: absolute;bottom: 0;text-align: center;justify-content: center;display: flex;width: -webkit-fill-available;letter-spacing: 0;justify-content: space-around;margin-left: -7%;line-height: 1;}



#mv .mv_list_wrap .mv_list_video {background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color:#9d9489; /*background-image: url('/assets/images/main/mv1.jpg');*/}
#mv .mv_list_wrap .mv_list_video video { position: absolute; left: 50%; top: 50%; width: 100vw; min-width: 177.77vh; height: 56.25vw; min-height: 100vh; transform:translate(-50%,-50%); object-fit:contain;  filter: brightness(0.7);}

#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 12%; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}


@keyframes mvBgScale {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        opacity:0;
        transform:translateY(50px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}
@keyframes mvTxt1 {
    0% {
        opacity:0;
        transform:translateX(120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes mvTxt2 {
    0% {
        opacity:0;
        transform:translateX(-120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

.scroll_down{position: absolute;bottom:30px;left:50%;transform:translate(185%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size:15px;color:#fff;font-weight:500;text-align:center;padding-bottom:60px;letter-spacing:0.07em;}
#mv .wave{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#mv .wave svg path{animation: wave 2s 1s linear infinite;}


/* 페이징 바 */
#mv .paging_bar { display: flex;  align-items: center;  gap: 14px; margin-top: 35px; color: #fff;  position: absolute; width: 1800px;    bottom: 19%;    margin: 0 auto;left: 50%;    margin-left: -900px;}
#mv .paging_bar .current,
#mv .paging_bar .total { font-size:20px; opacity: 0.9;}

/* 진행 바 */
#mv .paging_bar .bar { position: relative;width: 150px; height: 3px;background: rgba(255,255,255,0.15);  overflow: hidden;}
#mv .paging_bar .bar .progress {position: absolute; left: 0; top: 0; width: 0%;  height: 100%;    background: #8887c9;   transition: width 0.3s linear;}

/* 재생 / 일시정지 */
#mv .paging_bar .btn_play {width: 38px;  height: 38px;   border-radius: 50%; border: 1px solid rgba(255,255,255,0.6); background: transparent; position: relative;  cursor: pointer;}

#mv .paging_bar .btn_play.pause::before,
#mv .paging_bar .btn_play.pause::after { content:'';  position:absolute; top:50%; width:3px;height:12px; background:#fff; transform:translateY(-50%);}
#mv .paging_bar .btn_play.pause::before { left:14px; }
#mv .paging_bar .btn_play.pause::after  { right:14px; }

#mv .paging_bar .btn_play.play::before {content:'';  position:absolute;  top:50%;  left:14px;  transform:translateY(-50%);border-left:8px solid #fff;  border-top:6px solid transparent; border-bottom:6px solid transparent;}
#mv .btn_control { width: 34px; height: 34px; border-radius: 50%;  background: rgba(0,0,0, .8); border: none;  cursor: pointer; position: relative;  display: flex;  align-items: center;  justify-content: center; transition:.25s;}
#mv .btn_control.pause::before,
#mv .btn_control.pause::after {content: ''; width: 3px;  height: 12px; background: #fff; display: block;}
#mv .btn_control.pause::before { margin-right: 2px; }
#mv .btn_control.pause::after  { margin-left: 2px; }

/* PLAY 상태 ( ▶ ) */
#mv .btn_control.play::before {  content: ''; width: 0;  height: 0; border-left: 8px solid #fff;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent;  margin-left: 2px;}

/* hover */
#mv .btn_control:hover { background: rgba(150,150,150,1);}
#mv .paging_bar .mini_prev,
#mv .paging_bar .mini_next { background: none; border: none; padding: 0; font-size: 32px; line-height: 1;color: #fff;  opacity: 0.9;  cursor: pointer;  top: -2px;  position: relative;}
#mv .paging_bar .mini_prev:hover,
#mv .paging_bar .mini_next:hover { opacity: 1;}

.tit_wrap {margin-bottom: 70px;}
.tit_wrap h3{letter-spacing:0;}
.tit_wrap .en {font-family:'Cinzel',serif; letter-spacing:2px; color:#c9c9cd; text-transform: uppercase; font-weight:700;}


@media (max-width:1800px){
#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:45%;transform:translateY(-50%);margin-left: 5%;/*overflow: hidden;*/}
#mv .paging_bar {display: flex;align-items: center;gap: 14px;margin-top: 35px;color: #fff;position: absolute;width: -webkit-fill-available;bottom: 19%;margin: 0 auto;left: 0;margin-left: 5%;}

}
@media (max-width:820px){
#mv {width: 145vw;border-radius: 0 0 20% 0;overflow: hidden;}	
#mv .mv_list_wrap .mv_list_video video {position: absolute;left: 50%;top: 50%;width: 100vw;min-width: 180.77vh;height: 64.25vw;min-height: 100vh;transform: translate(-50%,-60%);object-fit: cover;filter: brightness(0.7);}

#mv .mv_box {width: 100vw;height: 700px;}
#mv .mv_list_wrap .mv_list .visual {width: 100%;height: 700px;}

#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position:50% 50%; }
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position:50% 50%; }
.scroll_down{position: absolute;bottom:0;left:50%;transform: translate(-27%);cursor:pointer;z-index: 1;scale: .8;}

.tit_wrap {margin-bottom: 30px; padding: 0 20px;}
}

@media (max-width:560px){
#mv .mv_list_wrap .mv_list .txt_wrap {top: 32%;   width: 85%;}
#mv .paging_bar {bottom: 14%;scale: .7;left: -32px;}

}





.symptom{position:relative;width:100%;padding:120px 0;overflow:hidden;}
.symptom_inner{position:relative;width:calc(100% - 60px);max-width:1800px;margin:0 auto;}
.symptom_row{position:relative;display:grid;grid-template-columns:380px minmax(0,1fr);gap:60px;align-items:start;}
.symptom_row + .symptom_row{margin-top:45px;}
.symptom_title{position:relative;min-height:340px;padding-top:100px;box-sizing:border-box;}
.symptom_title h3{position:relative;z-index:2;margin:0;font-size:36px;font-weight:700;line-height:1.3;color:#111;word-break:keep-all;}
.symptom_mark{position:absolute;left:175px;top:0;line-height:1;user-select:none;}
.symptom_list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:0;padding:0;list-style:none;}
.symptom_list li{position:relative;min-width:0; will-change:transform,opacity;}
.symptom_list li a{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:145px;padding:25px 65px 25px 35px;border:1px solid #d5d5d5;border-radius:30px;box-sizing:border-box;text-decoration:none;background:#fff;transition:border-color .4s ease,transform .4s ease,box-shadow .4s ease;}
.symptom_list .num{display:block;margin-bottom:10px;font-size:22px;font-weight:600;line-height:1;color:#d5d5d5;transition:color .35s ease,transform .35s ease; font-family: 'Montserrat', sans-serif; text-align:left;}
.symptom_list strong{display:block;font-size:20px;font-weight:500;line-height:1.5;color:#111;word-break:keep-all;transition:color .35s ease,transform .35s ease;}
.symptom_list .plus{position:absolute;right:30px;top:60%;width:20px;height:20px;transform:translateY(-50%);transition:transform .45s ease;}
.symptom_list .plus:before{content:"";position:absolute;left:0;top:9px;width:20px;height:2px;background:#888;transition:background-color .35s ease;}
.symptom_list .plus:after{content:"";position:absolute;left:9px;top:0;width:2px;height:20px;background:#888;transition:background-color .35s ease;}
.symptom_breast .symptom_list li a:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(78,83,180,.08); border:3px solid #8f92e6;}
.symptom_breast .symptom_list li a:hover .num{color:#8589df;transform:translateX(3px);}
.symptom_breast .symptom_list li a:hover strong{color:#8589df;transform:translateX(3px);}
.symptom_breast .symptom_list li a:hover .plus{transform:translateY(-50%) rotate(90deg);}
.symptom_breast .symptom_list li a:hover .plus:before{background:#8589df;}
.symptom_breast .symptom_list li a:hover .plus:after{background:#8589df;}
.symptom_thyroid{grid-template-columns:minmax(0,1fr) 380px;}
.symptom_thyroid .symptom_list li a:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(53,142,129,.08); border:3px solid #58a99d;}
.symptom_thyroid .symptom_list li a:hover .num{color:#4b9e92;transform:translateX(3px);}
.symptom_thyroid .symptom_list li a:hover strong{color:#4b9e92;transform:translateX(3px);}
.symptom_thyroid .symptom_list li a:hover .plus{transform:translateY(-50%) rotate(90deg);}
.symptom_thyroid .symptom_list li a:hover .plus:before{background:#4b9e92;}
.symptom_thyroid .symptom_list li a:hover .plus:after{background:#4b9e92;}
.symptom_title_right{text-align:right;}
.symptom_title_right .symptom_mark{left:35px;right:auto;top:0;}
.symptom_title_right h3{padding-top:10px;}

@media(max-width:1500px){.symptom_row{grid-template-columns:320px minmax(0,1fr);gap:40px;}.symptom_thyroid{grid-template-columns:minmax(0,1fr) 320px;}.symptom_title h3{font-size:20px;}.symptom_mark{left:145px;font-size:145px;}.symptom_list{gap:18px;}.symptom_list li a{padding:25px 55px 24px 28px;border-radius:25px;}.symptom_list strong{font-size:17px;}}
@media(max-width:1200px){.symptom_row,.symptom_thyroid{display:block;padding: 0 20px;}.symptom_title{min-height:auto;padding:0 0 30px;}.symptom_title_right{text-align:left;margin-top: 40px;}.symptom_title_right .symptom_mark,.symptom_mark{left:auto;right:0;top:-20px;font-size:120px;}.symptom_list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:820px){.symptom{padding: 80px 0 0;}.symptom_inner{width: -webkit-fill-available;/* padding: 0 20px; */}.symptom_row + .symptom_row{margin-top:30px;background-color: #e8f4f2;padding-top: 80px;padding-bottom: 30px;}.symptom_title h3{font-size:30px;letter-spacing:0px;}.symptom_list{gap:12px;}.symptom_list li a{height:130px;padding:20px 35px 20px 20px;border-radius:20px;}.symptom_list .num{margin-bottom:10px;font-size:16px;}.symptom_list strong{font-size:15px;line-height:1.55;}.symptom_list .plus{right:20px;width:16px;height:16px; top:72%;}.symptom_list .plus:before{top:7px;width:16px;}.symptom_list .plus:after{left:7px;height:16px;}}
@media(max-width:560px){.symptom_list li a{height:115px;}.symptom_title h3{font-size:20px;}.symptom_mark{font-size:20px;} .symptom_mark img {width:80px;}}


.m2{ padding:120px 0 300px;overflow:visible !important; background:#f0f2f4;}
.care_program{width:100%;position:relative;overflow:visible; top:70px;}
.care_program::before{content:'';position:absolute;left:-300px;top:360px;width:750px;height:750px;background:radial-gradient(circle,rgba(125,175,255,.35) 0%,rgba(170,220,255,.55) 35%,rgba(255,255,255,0) 70%);pointer-events:none;}

.care_inner{width:1400px;max-width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:620px 1fr;gap:120px;align-items:start;position:relative;overflow:visible;}

.care_left{position:relative;min-height:100%;overflow:visible;}
.care_left_fixed{position:relative;top:auto;height:540px;z-index:50;}
.care_left_fixed.is-fixed{position:fixed;top: 100px;z-index:50;}
.care_left_fixed.is-bottom{position:absolute;top:auto;bottom:0;z-index:50;}

.care_intro{position:absolute;left:-100px;top:0;z-index:5;width:520px;}
.care_text{font-size: 18px;font-weight:500;color:#777;line-height:1.5;margin-bottom: 10px;opacity:.75;transition:font-size .45s ease,font-weight .45s ease,color .45s ease,opacity .45s ease;}
.care_text.active{font-size:30px;font-weight:600;color:#111;opacity:1;}
.care_text.active .txt16{ position:relative; top:-5px;}

.care_photo{width:643px;height:654px;/*border-radius:50%; background:#eee;*/overflow:hidden;position:absolute;left:0;top: 20px;}
.care_photo img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease,transform .8s ease;}
.care_photo img.change{opacity:0;transform:scale(1.08);}

.care_right{position:relative;padding-left: 35px;}
.care_line{position:absolute;left:-38px;top: -50px;width: 3px;height:105%;background:#ddd;}
.care_line_active{position:absolute;left:-38px;top:-50px;width:4px;height:0;background:#8887c9;transition:height .25s ease;}

.care_step{position:relative;min-height:580px;display:flex;align-items:flex-start;opacity:1;transition:opacity .45s ease;}
.care_step.active{opacity:1;}

.care_dot{position:absolute;left: -112px;top:0;width: 80px;height: 80px;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .35s ease,transform .35s ease;}
.care_step.active .care_dot{background:#8887c9;transform:scale(1);}
.care_dot img{width: 50px;height: 50px;object-fit:contain;filter: invert(.7);}
.care_step.active .care_dot img{filter: invert(0);}

.care_content{padding-top: 15px;}
.care_content h3{font-size: 36px;font-weight: 700;color:#111;line-height:1.35;margin-bottom:30px;}
.care_content ul{margin:0 0 28px;padding:0;list-style:none;}
.care_content li{font-size: 22px; font-weight:600;color:#8887c9;line-height:1.5;position:relative; background-color:#fff; border-radius:80px; padding:15px; margin-bottom:15px; width:300px; text-align:center;}
/*.care_content li::before{content:'·';position:absolute;left:0;top:0;font-weight: bold;}*/
.care_content a{width: 235px;height:48px;border-radius:50px;background:#d4b47e;color:#fff;font-size: 18px;font-weight: 500;display:flex;align-items:center;justify-content:center;gap: 30px;text-decoration:none;transition:.3s ease;}
.care_content a:hover{background:#6b4a35;}
.care_content a span{font-size:20px;line-height:1;}


@media(max-width:1200px){
    .care_inner{grid-template-columns:1fr;gap:0;}
    .care_left_fixed{position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto;display:block;}
    .care_intro{position:relative;width:auto; left:0;}
    .care_photo{position:relative;right:auto;top:auto;width:320px;height:320px;min-width:320px;margin-top:40px;}
    .care_right{padding-left:80px;}
}

@media(max-width:820px){
    .m2 {padding: 80px 0 150px;}
    .care_program{padding:0 0 0;}
    .care_text{font-size:16px;margin-bottom:8px;}
    .care_text.active{font-size:22px;}
    .care_photo{width:260px;height:260px;min-width:260px;margin:30px auto 0; left:0; display:none;}
    .care_right{padding-left:55px;}
    .care_line,.care_line_active{left:20px; height:103%;}
    .care_step{min-height:570px;}
    .care_dot{left:-60px;width:50px;height:50px;}
    .care_dot img{width:32px;height:32px;}
    .care_content h3{font-size:18px; margin-bottom:20px;}
    .care_content li{font-size:15px; width:-webkit-fill-available;}
    .care_content a{width:210px;height:45px;font-size:15px;}
	.care_intro{ display:none;}
}



.m3{padding:120px 0 0;}
.card3d-wrap{display:flex;gap:32px;justify-content:center;padding:0;perspective:1600px;}
.card3d-item{position:relative;width:500px;height:675px;opacity:0;transform:translateY(80px);will-change:transform,opacity;}
.card3d{position:relative;width:100%;height:100%;transform:rotateY(0deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.61,.36,1);cursor:pointer;will-change:transform;}
.card3d-item:hover .card3d{transform:rotateY(180deg);}
.card-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;border-radius:300px 300px 0 0;text-align:center;font-size:18px;color:#fff;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.card-face.front{z-index:2;transform:rotateY(0deg);}
.card-face.back{z-index:1;background:linear-gradient(135deg,#aaa9cf 0%,#8987b7 35%,#6d6ca1 65%,#595887 100%);transform:rotateY(180deg);}
.card-face.back:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 42%,rgba(0,0,0,.08) 100%);pointer-events:none;}
.card-face.back>*{position:relative;z-index:2;}
.card3d-item:nth-child(1) .front{background:url('/assets/images/main/m3_1.png') no-repeat center/cover;}
.card3d-item:nth-child(2) .front{background:url('/assets/images/main/m3_2.png') no-repeat center/cover;}
.card3d-item:nth-child(3) .front{background:url('/assets/images/main/m3_3.png') no-repeat center/cover;}
.num{position:relative;top:0;margin-bottom:335px;text-align:center;font-size:48px; font-family: 'Montserrat', sans-serif;}
.card-face.back .num{margin-bottom:235px;}

@media all and (max-width:820px){
.m3{padding:80px 0 0;}
.card3d-wrap{display:block;padding:30px 15px;perspective:1600px;}
.card3d-item{width:100%;height:415px;margin-bottom:30px;}
.card3d{width:100%;height:100%;}
.card3d-item:hover .card3d{transform:none;}
.card3d-item.is_flip .card3d{transform:rotateY(180deg);}
.card-face.back{background:linear-gradient(135deg,#aaa9cf 0%,#8987b7 35%,#6d6ca1 65%,#595887 100%);}
.num{margin-bottom:175px;font-size:30px;}
.card-face.back .num{margin-bottom:180px;}
}


.m4{padding:120px 0;  background: #2d2d2d url('/assets/images/main/m4_bg.jpg') 50% 50% no-repeat; background-attachment: fixed; background-size: cover;}

.breast_case{position:relative;width:100%;overflow:hidden;}
.breast_case_inner{position:relative;width:calc(100% - 40px);max-width:1400px;margin:0 auto;}
.breast_case_list{display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:48px;margin:0;padding:0;list-style:none;}
.breast_case_list li{position:relative;min-height:195px;padding:0 45px 15px 48px; margin-bottom:20px;box-sizing:border-box;border-left:1px solid rgba(255,255,255,.3);opacity:0;visibility:hidden;will-change:transform,opacity;}
.breast_case_list .num{display:inline-block;width:max-content;margin:0 0 25px;font-family:'Montserrat',sans-serif;font-size:92px;font-weight:700;line-height:1;letter-spacing:1px;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px #817dd3;font-variant-numeric:lining-nums;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased; opacity:.8}

/*.breast_case_list .num{  color: #fff; -webkit-text-fill-color:#1f1f1f;)
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #02010100;
    -webkit-text-stroke-width: 2px;
    background-color: transparent ;
    background-image: linear-gradient(70deg,#8258c8 0%,#2c84c8 100%);
    -webkit-background-clip: text;
    font-family: Sora,sans-serif;
    font-size: 88px;
    font-weight: 600;
    line-height: 120px; margin-bottom:0; text-align:left;
    display: block; font-family:'Montserrat',sans-serif;
}*/
.breast_case_list p{margin:0;font-size:18px;font-weight:600;line-height:2;color:#fff;word-break:keep-all;}

@media(max-width:820px){.breast_case{padding:0 0;}.breast_case_inner{width:calc(100% - 40px);}.breast_case_list{grid-template-columns:repeat(2,1fr);row-gap:40px;}.breast_case_list li{min-height:180px;padding:0 20px 25px 25px;}.breast_case_list .num{margin-bottom:18px;font-size:65px;letter-spacing:-3px; width:80px;}.breast_case_list p{font-size:15px;line-height:1.8;}}
@media(max-width:560px){.breast_case_list{grid-template-columns:repeat(2,1fr);row-gap:10px;}.breast_case_list li{min-height:auto;padding:20px 10px 20px 10px;border-left:1px solid rgba(255,255,255,.3);border-bottom:none;}.breast_case_list .num{font-size:60px;}}


.m5{ padding:120px 0 0;}
.board_preview {width:calc(100% - 60px);max-width:1800px;margin:0 auto;padding:85px 0 90px;background:#f7f7f7;border-radius:55px;}
.board_preview_inner {width:calc(100% - 120px);max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:75px;}
.board_group {min-width:0;}
.board_title {margin:0 0 30px;font-size: 32px;font-weight: 700;line-height: 1.5;color:#333;text-align:center;}
.board_list {margin:0;padding:0;border-top:2px solid #222;list-style:none; height:325px;}
.board_list li {border-bottom:1px solid #c8c8c8;}
.board_list li a {display:flex;align-items:center;justify-content:space-between;gap:30px;min-height: 65px;padding:0 15px;text-decoration:none;transition:padding .35s ease,background-color .35s ease;}
.board_list li strong {display:block;min-width:0;overflow:hidden;color: #333;font-size: 20px;font-weight: 600;line-height: 1.5;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease; word-break:keep-all;}
.board_list li span {flex-shrink:0;color:#222;font-size: 18px;font-weight:500;line-height:1;transition:color .3s ease;}
.board_list li.active strong {color:#8887c9;}
.board_list li.active span {color:#8887c9;}
.board_list li:hover a {padding-left:22px;padding-right:8px;background:rgba(255,255,255,.55);}
.board_list li:hover strong {color:#8887c9;}
.board_list li:hover span {color:#8887c9;}
.board_more_wrap {display:flex;justify-content:center;margin-top:47px;}
.board_more {display:flex;align-items:center;justify-content:space-between;width:275px;height:54px;padding:0 25px;border:1px solid #171717;border-radius:999px;color:#111;text-decoration:none;background:transparent;box-sizing:border-box;transition:color .35s ease,background-color .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;}
.board_more span {font-size:16px;font-weight:500;line-height:1;}
.board_arrow {display:block;width:26px;height:12px;position:relative;transition:transform .35s ease;}
.board_arrow:before {content:"";width:25px;height:1px;background:currentColor;position:absolute;left:0;top:6px;}
.board_arrow:after {content:"";width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:absolute;right:1px;top:3px;transform:rotate(45deg);}
.board_more:hover {color:#fff;background:#111;border-color:#333;transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.12);}
.board_more:hover .board_arrow {transform:translateX(5px);}

@media (max-width:1500px) {
.board_preview {width:calc(100% - 40px);padding:90px 0 95px;border-radius:45px;}
.board_preview_inner {width:calc(100% - 80px);gap:55px;}
.board_list li a {padding:0 10px;}
.board_list li strong {font-size:17px;}
.board_list li span {font-size:15px;}
}

@media (max-width:1100px) {
.board_preview {padding:75px 0 80px;}
.board_preview_inner {width:calc(100% - 60px);grid-template-columns:1fr;gap:75px;}
.board_title {font-size:28px;}
.board_list li a {min-height:62px;}
}

@media (max-width:720px) {
.m5{ padding:80px 0;}
.board_preview {width:calc(100% - 24px);padding:55px 0 60px;border-radius:30px;}
.board_preview_inner {width:calc(100% - 34px);gap:60px;}
.board_title {margin-bottom:20px;font-size:20px;}
.board_list li a {min-height:58px;padding:12px 5px;align-items:flex-start;gap:15px;}
.board_list li strong {font-size:15px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.board_list li span {padding-top:4px;font-size:13px;}
.board_list li:hover a {padding-left:5px;padding-right:5px;}
.board_more_wrap {margin-top:35px;}
.board_more {width:260px;height:50px;padding:0 22px;}
.board_more span {font-size:15px;}
}

@media (max-width:480px) {
.board_preview_inner {width:calc(100% - 26px);}
.board_list li a {display:block;}
.board_list li span {display:block;margin-top:6px;padding-top:0;text-align:right;}
}







.m5{position:relative;width:100%;height:100vh;min-height:735px;overflow:hidden;}
.m5_bg{position:absolute;left:50%;top:50%;width:360px;height:360px;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);opacity:0;z-index:1;will-change:width,height,border-radius,transform;}
.m5_bg img{display:block;width:100%;height:100%;object-fit:cover;}
.m5_dim{position:absolute;inset:0;background:rgba(0,0,0, 0);opacity:0;z-index:2;pointer-events:none;}
.m5_txt{position:absolute;left:50%;top:72%;width:90%;transform:translate(-50%,-45%);text-align:center;color:#fff;z-index:3;}
.m5_sub{margin:20px 0 30px;font-size:42px;font-weight:500;line-height:1.4;opacity:0;}
.m5_txt .m5_title{margin:0 0 10px;font-size:48px;font-weight:700;line-height:1.2;opacity:0;}
.m5_txt .m5_desc{margin:0;font-size:24px;font-weight:400;line-height:1.7;color:rgba(255,255,255,.75);opacity:0;}
.m5_btn{display:inline-flex;width:320px;height:55px;margin-top:30px;align-items:center;justify-content:center;gap:52px;background:#8887c9;color:#fff;font-size:20px;font-weight:600;text-decoration:none;opacity:0;transition:background-color .35s ease,translate .35s ease;}
.m5_btn:hover{background:#8887c9;translate:0 -4px;}
.m5_btn span{display:inline-block;font-size:28px;line-height:1;opacity:1;transform:none;transition:transform .35s ease;}
.m5_btn:hover span{transform:translateX(5px);}
.m5_big_text{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);font-size:210px;font-weight:900;letter-spacing:-8px;color:rgba(255,255,255,.16);line-height:.8;z-index:3;opacity:0;pointer-events:none;}

@media(max-width:820px){
.m5{height:auto;min-height:600px;}
.m5_bg{width:100%;height:100%;border-radius:0;}
.m5_txt{width:calc(100% - 40px);}
.m5_sub{font-size:15px;}
.m5_txt .m5_title{font-size:32px;margin-bottom:20px;}
.m5_txt .m5_desc{font-size:17px;}
.m5_btn{width:230px;height:56px;font-size:15px;gap:25px;}
.m5_btn span{font-size:23px;}
.m5_big_text{bottom:26px;font-size:92px;letter-spacing:-4px;}
.m5{position:relative;width:100%;height:100vh;min-height:735px;overflow:hidden;}
.m5_bg{position:absolute;left:50%;top:50%;width:360px;height:360px;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);opacity:0;z-index:1;will-change:width,height,border-radius,transform;}
.m5_bg img{display:block;width:100%;height:100%;object-fit:cover;}
.m5_dim{position:absolute;inset:0;background:rgba(0,0,0,.32);opacity:0;z-index:2;pointer-events:none;}
.m5_txt{position:absolute;left:50%;top:65%;width:90%;transform:translate(-50%,-45%);text-align:center;color:#fff;z-index:3;}
.m5_sub{margin:30px 0;font-size:42px;font-weight:500;line-height:1.4;opacity:0;}
.m5_txt .m5_title{margin:0 0 20px;font-size:62px;font-weight:700;line-height:1.2;opacity:0;}
.m5_txt .m5_desc{margin:0;font-size:24px;font-weight:400;line-height:1.7;color:rgba(255,255,255,.75);opacity:0;}
.m5_btn{display:inline-flex;width:320px;height:55px;margin-top:30px;align-items:center;justify-content:center;gap:52px;background:#8887c9;color:#fff;font-size:20px;font-weight:600;text-decoration:none;opacity:0;transition:background-color .35s ease,translate .35s ease;}
.m5_btn:hover{background:#8887c9;translate:0 -4px;}
.m5_btn span{display:inline-block;font-size:28px;line-height:1;opacity:1;transform:none;transition:transform .35s ease;}
.m5_btn:hover span{transform:translateX(5px);}
.m5_big_text{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);font-size:210px;font-weight:900;letter-spacing:-8px;color:rgba(255,255,255,.16);line-height:.8;z-index:3;opacity:0;pointer-events:none;}

@media(max-width:820px){
.m5{height:auto;min-height:600px;}
.m5_bg{width:100%;height:100%;border-radius:0;}
.m5_txt{width:calc(100% - 50px); top:55%;}
.m5_sub{font-size:15px;}
.m5_txt .m5_title{font-size:26px;margin-bottom:20px;}
.m5_txt .m5_desc{font-size:16px;}
.m5_btn{width:230px;height:56px;font-size:15px;gap:25px;}
.m5_btn span{font-size:20px;}
.m5_big_text{bottom:26px;font-size:92px;letter-spacing:-4px;}
}
















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

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

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