@charset "utf-8";

.t_talk{text-align: center;}
.t_talk h3{font-size: 4rem; font-weight: normal; line-height: 1.4;display: inline-block; position: relative;}
.t_talk h3 span.ud{ position:relative; display:inline-block; color:#fff; padding:0 1rem; z-index:1;}
.t_talk h3 span.ud::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--color3); transform:scaleX(0); transform-origin:left; transition:transform 1.5s ease .6s; z-index:-1;}
.t_talk.aos-animate h3 span.ud::before{transform:scaleX(1);}
.t_talk h3::before{background: url('/images/sub/t_talk_l.png') center center / cover no-repeat; width: 14.2rem; height: 11.8rem; content: ''; position: absolute; left: -25rem; top: -1rem;}
.t_talk h3:after{background: url('/images/sub/t_talk_r.png') center center / cover no-repeat; width: 14.2rem; height: 11.8rem; content: ''; position: absolute; right: -25rem; top: 1rem;}

@media all and (max-width:1280px) {
    .t_talk h3{font-size: 3.5rem;}
    .t_talk h3::before{width: 10rem; height: 8.2rem; left: -30%;}
    .t_talk h3::after{width: 10rem; height: 8.2rem; right: -30%;}
}
@media all and (max-width:980px) {
    .t_talk h3::before{width: 7rem; height: 5.7rem; left: -20%;}
    .t_talk h3::after{width: 7rem; height: 5.7rem; right: -20%;top: 50%;}
}
@media all and (max-width:768px) {
    .t_talk h3{font-size: 3rem;}
    .t_talk h3::before{width: 7rem; height: 5.7rem; left: -10%;}
    .t_talk h3::after{width: 7rem; height: 5.7rem; right: -10%;}
}
@media all and (max-width:480px) {
    .t_talk h3{font-size: 2.5rem;}
    .t_talk h3::before,
    .t_talk h3::after{width: 5rem; height: 3.8rem; }
}


.t_case ul{display:flex; gap:4rem;}
.t_case ul li{ width:calc((100% - 8rem) / 3); background:#fff; border-radius:2rem; padding:4rem 3rem; box-sizing:border-box; box-shadow:0.1rem 0.1rem 3rem rgba(35,137,194,.1); display:flex; flex-direction:column; }
.t_case ul li h3{font-family:'Montserrat',sans-serif; font-size:4rem; color:var(--color2); display:flex; align-items:center; gap:4rem; margin-bottom:4rem;}
.t_case ul li h3:after{content:""; flex:1; height:1px; background:var(--color2);}
.t_case ul li p{font-size:2rem; line-height:1.8; color:#333; word-break: keep-all;flex:1;}
.t_case ul li h4{text-align:right; font-size:2rem; margin-top:4rem;}

@media all and (max-width:1280px){
    .t_case ul{gap:2rem;}
    .t_case ul li{width:calc((100% - 4rem) / 3); padding:3rem 2rem;}
    .t_case ul li h3{font-size:3rem; gap:1.5rem;}
    .t_case ul li p{font-size:1.7rem;}
    .t_case ul li h4{font-size:1.7rem;}
}

@media all and (max-width:768px){
    .t_case ul{display:block;}
    .t_case ul li{width:100%; margin-bottom:2rem;}
    .t_case ul li:last-child{margin-bottom:0;}
}


.graph_wrap{text-align: center; }
.graph_wrap .txt h3{font-size: 5rem;}
.graph_wrap .txt h3 span{ position:relative; display:inline-block; color:#fff; padding:0 1rem; z-index:1;}
.graph_wrap .txt h3 span::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--color3); transform:scaleX(0); transform-origin:left; transition:transform 1.5s ease .6s; z-index:-1;}
.graph_wrap .txt.aos-animate h3 span::before{transform:scaleX(1);}
.graph_wrap .txt p{font-size: 3rem; line-height: 1.5; margin-top: 5rem;}
.graph_wrap .txt p.t1{font-size: 2.3rem;}
.graph_wrap .img{margin: 10rem auto 0; max-width: 100rem;}
.graph_wrap .img img{width: 100%;}

@media all and (max-width:1280px){
    .graph_wrap .txt h3{font-size: 4rem;}
    .graph_wrap .txt p{font-size: 2.5rem;}
    .graph_wrap .txt p.t1{font-size: 2rem;}
}
@media all and (max-width:768px){
    .graph_wrap .txt h3{font-size: 3.5rem;}
    .graph_wrap .txt p{font-size: 2rem;}
    .graph_wrap .txt p.t1{font-size: 1.8rem;}
    .graph_wrap .img{margin-top: 8rem;}
}
@media all and (max-width:480px){
    .graph_wrap .txt h3{font-size: 3rem;}
    .graph_wrap .txt p{font-size: 1.8rem; margin-top: 3rem;}
    .graph_wrap .txt p.t1{font-size: 1.6rem;}
    .graph_wrap .img{margin-top: 6rem;}
}


#cause{overflow:hidden; background: #f4f9fc url('/images/sub/cause_bg.png') 90% 10% / 50% no-repeat;}
#cause .m_txt{text-align: left;}
#cause .cause_wrap{overflow:hidden;}
#cause .cause_slide .slick-list{overflow:visible;}
#cause .cause_slide .slick-track{display:flex; gap:4rem;}
#cause .cause_slide .slick-slide{height:auto;}
#cause .cause_slide .slick-slide > div{height:100%;}
#cause .cause_slide li{background:#fff; border-radius:2rem; overflow:hidden; height:100%;}
#cause .cause_slide li .img{height:32rem; overflow:hidden; border-radius: 2rem;}
#cause .cause_slide li .img img{width:100%; height:100%; object-fit:cover; display:block;}
#cause .cause_slide li .txt{padding:3rem 4rem;}
#cause .cause_slide li .txt h3{font-size:3.5rem; color:var(--color1);}
#cause .cause_slide li .txt h3:after{content:""; display:block; width:4rem; height:2px; background:var(--color1); margin:2rem 0;}
#cause .cause_slide li .txt p{font-size:2rem; line-height:1.6; word-break: keep-all;}

@media all and (max-width:1280px){
    #cause .cause_slide li .txt h3{font-size:3rem;}
    #cause .cause_slide li .txt p{font-size:1.8rem;}
}

@media all and (max-width:768px){
    #cause .cause_slide .slick-track{gap:2rem;}
    #cause .cause_slide li{border-radius:1rem;}
    #cause .cause_slide li .img{height:28rem; border-radius: 1rem;}
    #cause .cause_slide li .txt{padding:3rem 2.5rem;}
    #cause .cause_slide li .txt h3{font-size:2.5rem;}
    #cause .cause_slide li .txt p{font-size:1.6rem;}
}


#p_list .p_disease li{display:flex; position:relative;}
#p_list .p_disease li + li{margin-top: 8rem;}
#p_list .p_disease li::before{content:""; position:absolute; left:0; right:0; bottom:0; height:17rem; background:#e9f3f9; border-radius:2rem; z-index:0;}
#p_list .p_disease li:nth-child(even):before{background:#e5ecf3;}
#p_list .p_disease li .img{width:50%; position:relative; z-index:1; display:flex; justify-content:center; align-items:flex-end;}
#p_list .p_disease li .img img{max-height:44.5rem; display:block;}
#p_list .p_disease li .txt{width:50%; position:relative; z-index:1; padding:2rem 5rem 0 8rem; box-sizing:border-box;}
#p_list .p_disease li .txt .num{font-weight: bold; display: block; text-align: right; font-family:'Montserrat',sans-serif; font-size:6.6rem;color:var(--color1); opacity: 0.5; line-height: 0.9;}
#p_list .p_disease li .txt h3{font-size:4rem; color:var(--color2); margin-bottom:2rem;}
#p_list .p_disease li .txt>p{font-size:2.5rem; line-height:1.5;}
#p_list .p_disease li .txt .info{margin-top:6rem; padding: 5rem 0;}
#p_list .p_disease li .txt .info dl{display: flex; gap: 1rem;}
#p_list .p_disease li .txt .info dl + dl{margin-top: 1rem;}
#p_list .p_disease li .txt .info dt{display:inline-flex; align-items:center; justify-content:center; width:8rem; height:3rem; border-radius:100px; background:var(--color1); color:#fff; font-size:2rem; font-weight:700;}
#p_list .p_disease li:nth-child(even) .txt .info dt{background:var(--color2);}
#p_list .p_disease li .txt .info dd{font-size:2rem; line-height:1.4; width: calc(100% - 9rem);}

@media all and (max-width:1420px){
    #p_list .p_disease li .txt{padding: 2rem 3rem 0 0rem;}
}
@media all and (max-width:1280px){
    #p_list .p_disease li::before{height: 29rem;}
    #p_list .p_disease li .txt .num{font-size: 6rem;}
    #p_list .p_disease li .txt h3{font-size:3.5rem;}
    #p_list .p_disease li .txt > p{font-size:2rem;}
    #p_list .p_disease li .txt .info dt{font-size: 1.8rem;}
    #p_list .p_disease li .txt .info dd{font-size:1.8rem;}
}
@media all and (max-width:976px){
    #p_list .p_disease li::before{height: 25rem;}
    #p_list .p_disease li .img{width:40%;}
    #p_list .p_disease li .img img{max-height: 34rem; width: 100%; object-fit: contain;}
    #p_list .p_disease li .txt{width:60%; padding-left: 3rem;}
    #p_list .p_disease li .txt .info{margin-top:4rem; padding: 3rem 0;}
}
@media all and (max-width:768px){
    #p_list .p_disease li{flex-wrap: wrap; gap: 4rem;}
    #p_list .p_disease li::before{display: none;}
    #p_list .p_disease li .img{width:100%;}
    #p_list .p_disease li .img img{width: 70%; object-fit: contain;}
    #p_list .p_disease li .txt{width:100%; padding: 0;}
    #p_list .p_disease li .txt .num{font-size: 5rem;}
    #p_list .p_disease li .txt h3{font-size:3rem; margin-bottom: 1rem;}
    #p_list .p_disease li .txt > p{font-size:1.8rem;}
    #p_list .p_disease li .txt .info{margin-top:3rem; padding: 3rem 2rem; background: #e9f3f9; border-radius: 1rem;}
    #p_list .p_disease li .txt .info dt{font-size: 1.8rem;}
    #p_list .p_disease li .txt .info dd{font-size: 1.8rem;}
}


#vas_step .box{background:#f5f5f5; border-radius:2rem; text-align:center; padding:4rem 2rem;}
#vas_step .box h3{font-size:2.5rem;}
#vas_step .box p{font-size:2rem; margin-top:1.5rem;}
#vas_step .vas_list{position:relative; margin-top:8rem;}
#vas_step .vas_list:before{content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; background:var(--color1); transform:translateX(-50%);}
#vas_step .vas_item{display:flex;  position:relative; margin-bottom:8rem; justify-content: space-between;}
#vas_step .vas_item:last-child{margin-bottom:0;}
#vas_step .vas_item.reverse{flex-direction:row-reverse;}
#vas_step .vas_photo{width:calc(50% - 10rem); border-radius:2rem; overflow:hidden; height: 40rem;}
#vas_step .vas_photo img{width:100%; height:100%; object-fit:cover; display:block;}
#vas_step .vas_txt{width:calc(50% - 6rem); position:relative; padding-top: 2rem;}
#vas_step .vas_txt h3{font-size:3.5rem; margin-bottom:4rem;}
#vas_step .vas_txt ol{counter-reset:vasNum;}
#vas_step .vas_txt ol li{counter-increment:vasNum; position:relative; font-size:2.5rem; line-height:1.6; padding-left:6rem; margin-bottom:2rem;}
#vas_step .vas_txt ol li:last-child{margin-bottom:0;}
#vas_step .vas_txt ol li:before{content:counter(vasNum, decimal-leading-zero); position:absolute; left:0; top:0; color:var(--color1); font-size:2.5rem; font-weight: bold; font-family: 'Montserrat'; text-align: center;}
#vas_step .vas_txt ol li:after{content:""; position:absolute; left:-6.5rem; top:1.1rem; width:1rem; height:1rem; border-radius:50%; background:var(--color1);}
#vas_step .vas_item .vas_txt:before{content:""; position:absolute; left:-6.7rem; top:3.5rem; width:1.4rem; height:1.4rem; border-radius:50%; background:var(--color1); box-shadow:0 0 0 0.7rem rgba(47,148,209,.12);}
#vas_step .vas_item.reverse .vas_txt{text-align:right;}
#vas_step .vas_item.reverse .vas_txt:before{right:-6.7rem; left: auto;}
#vas_step .vas_item.reverse .vas_txt ol li{padding-left:0; padding-right:6rem;}
#vas_step .vas_item.reverse .vas_txt ol li:before{left:auto; right:0;}
#vas_step .vas_item.reverse .vas_txt ol li:after{left:auto; right:-6.5rem;}

@media all and (max-width:1280px){
    #vas_step .box h3{font-size:2.2rem;}
    #vas_step .box p{font-size:1.8rem;}
    #vas_step .vas_photo{width:calc(50% - 5rem);}
    #vas_step .vas_txt h3{font-size:3rem; margin-bottom:3rem;}
    #vas_step .vas_txt ol li{font-size: 2rem; padding-left: 4rem; word-break: keep-all;}
    #vas_step .vas_txt ol li:before{font-size: 2rem;}
    #vas_step .vas_item.reverse .vas_txt ol li{padding-right:4rem;}
}

@media all and (max-width:976px){
    #vas_step .vas_list:before{left:1rem;}
    #vas_step .vas_item,
    #vas_step .vas_item.reverse{margin-bottom:6rem; padding-left:4rem; gap: 2rem; flex-wrap: wrap;}
    #vas_step .vas_photo,
    #vas_step .vas_txt{width:100%;}
    #vas_step .vas_item .vas_txt:before{left: -3.7rem;}
    #vas_step .vas_txt ol li:after{left: -3.55rem;}
    #vas_step .vas_item.reverse .vas_txt{text-align: left;}
    #vas_step .vas_item.reverse .vas_txt:before{left:-3.7rem; right: auto;}
    #vas_step .vas_item.reverse .vas_txt ol li{padding-left:4rem; padding-right:0;}
    #vas_step .vas_item.reverse .vas_txt ol li:before{left:0; right:auto;}
    #vas_step .vas_item.reverse .vas_txt ol li:after{left:-3.55rem; right:auto;}
}
@media all and (max-width:480px){
    #vas_step .box{padding: 3rem; border-radius: 1rem;}
    #vas_step .box h3{font-size:2rem;}
    #vas_step .box p{font-size:1.6rem;}
    #vas_step .vas_photo{border-radius:1rem; height: 30rem;}
    #vas_step .vas_list{margin-top: 5rem;}
    #vas_step .vas_txt h3{font-size: 2.5rem; margin-bottom: 2rem;}
    #vas_step .vas_txt ol li{font-size: 1.7rem; padding-left: 3rem;}
    #vas_step .vas_txt ol li:before{font-size: 1.7rem;}
    #vas_step .vas_item.reverse .vas_txt ol li{padding-left:3rem;}
    #vas_step .vas_item .vas_txt:before{top: 3rem;}
}


#qna{background: #fcfcf6;}
#qna .m_txt p.eng{color: var(--color3);}

#faq .faq_list {border-top:3px solid var(--color3); background: #fff;}
#faq .faq_list li {border-bottom:1px solid #ddd; padding: 0 3rem;}
#faq .faq_list li button{font-family: 'suit';}
#faq .faq_list .q {width:100%; height:10rem; display:flex; align-items:center; gap:2rem; background:none; border:0; cursor:pointer; text-align:left;}
#faq .faq_list .q .icon {width:6rem; height:6rem; border-radius:50%; color:var(--color3); font-size:3rem; display:flex; align-items:center; justify-content:center;font-family: 'suit'; font-weight: bold; line-height: 3rem;}
#faq .faq_list li.active .q .icon {background:var(--color3); color:#fff; }
#faq .faq_list .q strong {font-size:2.5rem; color:#222;}
#faq .faq_list .q em {width:1.6rem; height:1.6rem; margin-left:auto; border-right:3px solid var(--color3); border-bottom:3px solid var(--color3); transform:rotate(45deg); transition:.3s;}
#faq .faq_list li.active .q em {transform:rotate(225deg);}
#faq .faq_list .a {display:none; padding:3rem 6rem; background:#fcfcf6; border-radius: 2rem; margin-bottom: 3rem;}
#faq .faq_list li.active .a {display:block; margin-top: 1rem;}
#faq .faq_list .a p {font-size:2rem; line-height:3rem; color:#222; word-break: keep-all;}
#faq .faq_list .a p + p {margin-top:.5rem;}

@media all and (max-width:980px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q {height:8rem;gap: 1rem;}
    #faq .faq_list .q .icon {width:5rem; height:5rem;font-size: 2.5rem;}
    #faq .faq_list .q strong {font-size:2.3rem;}
    #faq .faq_list .q em {width:1.4rem; height:1.4rem;}
}
@media all and (max-width:768px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q .icon {width:4rem; height:4rem;font-size: 2rem;padding-top: 0.3rem;}
    #faq .faq_list .q strong {font-size:2rem;}
    #faq .faq_list .a {padding:3rem 4rem;}
    #faq .faq_list .a p {font-size:1.8rem; line-height:2.8rem;}
}
@media all and (max-width:480px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q {height: 6rem;}
    #faq .faq_list .q .icon {width:3rem; height:3rem;font-size: 1.5rem;}
    #faq .faq_list .q strong {font-size:1.6rem;}
    #faq .faq_list .a {padding:2rem 3rem; border-radius: 1rem;}
    #faq .faq_list .a p {font-size:1.6rem; line-height:2.4rem;}
    #faq .faq_list .q em {width:1rem; height:1rem; border-right:2px solid var(--color3); border-bottom:2px solid var(--color3);}
}


#why{background: url('/images/sub/why_bg.jpg') center center / cover no-repeat; text-align: center;}
#why .t_txt h3{font-size: 6rem; position: relative;}
#why .t_txt h3::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 32rem; height: 18rem; background: url('/images/sub/why_font.png') center center / cover no-repeat;}
#why .t_txt h3 span{color: var(--color1);}
#why .t_txt p{font-size: 2.5rem; line-height: 1.4; margin: 2rem 0 8rem;}
#why ul{display: flex; gap: 1.5rem;}
#why ul li{width: calc(100%/4 - 4.5rem/4);}
#why ul li .img{width: 100%; overflow: hidden; border-radius: 2rem;}
#why ul li .img img{width: 100%;}
#why ul li .txt{margin-top: 2rem;}
#why ul li .txt h3{font-size: 3.5rem; color: var(--color2);}
#why ul li .txt p{font-size: 2rem; line-height: 1.5; margin-top: 1rem;}


@media all and (max-width:1280px){
    #why .t_txt h3{font-size: 5rem;}
    #why .t_txt h3::before{width: 27rem; height: 15rem;}
    #why .t_txt p{font-size: 2rem; margin: 2rem 0 6rem;}
    #why ul li .txt h3{font-size: 3rem;}
    #why ul li .txt p{font-size: 1.8rem;}
}
@media all and (max-width:1080px){
    #why ul{flex-wrap: wrap;gap: 3rem 1.5rem;}
    #why ul li{width: calc(100%/2 - 1.5rem/2);}
}
@media all and (max-width:768px){
    #why .t_txt h3{font-size: 4.5rem;}
    #why .t_txt h3::before{width: 22rem; height: 12rem;}
    #why .t_txt p{font-size: 1.8rem;}
    #why ul li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:480px){
    #why .t_txt h3{font-size: 3.5rem;}
    #why .t_txt h3::before{width: 17rem; height: 9rem;}
    #why .t_txt p{font-size: 1.6rem; margin-bottom: 5rem;}
    #why ul li .img{border-radius: 1rem;}
    #why ul li .txt h3{font-size: 2.5rem;}
}


.sports_table{border:1px solid #ddd; border-radius:1.5rem; overflow:hidden; background:#fff;}
.sports_table ul li{display:grid; grid-template-columns:15rem 20rem 1fr 40rem; align-items:center; border-bottom:1px solid #e5e5e5; background: #f4f9fc;}
.sports_table ul li:last-child{border-bottom:0;}
.sports_table .rank{font-size:4rem; font-weight:900; color:var(--color2); text-align:center; }
.sports_table .part{display:flex; align-items:center; gap:2rem;}
.sports_table .part h3{font-size:2.8rem; font-weight:900;}
.sports_table .part p{font-size:1.6rem; margin-top:.5rem;}
.sports_table .rate{display:flex; align-items:center; gap:2rem; padding:2rem;border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff;}
.sports_table .rate strong{font-size:3.8rem; font-weight:900; color:var(--color2); min-width:12rem;}
.sports_table .rate span{height:3rem; background:#eef0f3; flex:1; display:block;}
.sports_table .rate span em{height:100%; background:var(--color2); display:block;}
.sports_table .desc{font-size:2rem; line-height:1.5; font-weight:700; padding:2rem; background: #fff; height: 100%; display: flex; align-items: center;}

@media all and (max-width:1280px){
    .sports_table ul li{grid-template-columns:7rem 1fr; grid-template-areas:"rank part" "rate rate" "desc desc";}
    .sports_table .rank{grid-area:rank; display:flex; align-items:center; justify-content:center; font-size:3rem;}
    .sports_table .part{grid-area:part; padding:2rem;}
    .sports_table .part > div{display: flex; justify-content: space-between; width: 100%;}
    .sports_table .rate{grid-area:rate; padding:2rem; border-top:1px solid #e5e5e5; border-left:0; border-right:0;}
    .sports_table .desc{grid-area:desc; padding:2rem; border-top:1px solid #e5e5e5; text-align: center;justify-content: center;}
    }

@media all and (max-width:480px){
.sports_table .part h3{font-size:2.2rem;}
.sports_table .rate strong{font-size:2.2rem; min-width:6rem;}
.sports_table .desc{font-size:1.8rem;}
}


#zoster{background: #f4f9fc;}
.zoster_vaccine .vaccine_cards{display:flex; gap:4rem; margin-top:6rem;}
.zoster_vaccine .card{width:50%; background:#fff; border-radius:2rem; padding:5rem 4rem; text-align:center; box-shadow:0 1rem 3rem rgba(0,0,0,.08);}
.zoster_vaccine .card.point{border:3px solid var(--color1)}
.zoster_vaccine .card .icon{font-size:5rem; margin-bottom:2rem;}
.zoster_vaccine .card h4{font-size:3rem; color:#0b376f; font-weight:800;}
.zoster_vaccine .card .name{font-size:2rem; font-weight:700; margin:1rem 0 3rem;}
.zoster_vaccine .card strong{display:block; font-size:2.2rem; color:var(--color1); margin-bottom:2rem;}
.zoster_vaccine .card strong b{font-size:4rem;}
.zoster_vaccine .card p{font-size:1.8rem; line-height:1.6;}

@media all and (max-width:768px){
.zoster_vaccine .tit h3{font-size:3.6rem;}
.zoster_vaccine .tit p{font-size:1.6rem;}
.zoster_vaccine .vaccine_cards{display:block; margin-top:4rem;}
.zoster_vaccine .card{width:100%; padding:4rem 2rem; box-sizing:border-box;}
.zoster_vaccine .card+.card{margin-top:2rem;}
.zoster_vaccine .card h4{font-size:2.5rem;}
.zoster_vaccine .card p{font-size:1.6rem;}
}


.injection_list{margin-top:5rem; text-align: left;}
.injection_list .slick-list{margin:0 -2rem; padding:2rem 0 1rem;}
.injection_list .slick-slide{margin:0 2rem;}
.injection_list li{background:#fff; border-radius:2rem; overflow:hidden; box-shadow:0.1rem 0.1rem 1rem rgba(0,0,0,.08);}
.injection_list li .img{height:35rem; overflow:hidden; margin-top: 0;}
.injection_list li .img img{width:100%; height:100%; object-fit:cover; display:block; transition:.5s;}
.injection_list li:hover .img img{transform:scale(1.08);}
.injection_list li .txt{padding:4rem;}
.injection_list li .txt .num{display:block; font-family:'Montserrat',sans-serif; font-size:5rem; font-weight:800; color:var(--color2); line-height:1; margin-bottom:1.5rem; position: absolute; right: 5%; top: 5%; opacity: 0.5;}
.injection_list li .txt h3{font-size:3rem; line-height:1.3; margin-bottom:2rem;}
.injection_list li .txt h3:after{content:""; display:block; width:4rem; height:2px; background:var(--color2); margin:2rem 0;}
.injection_list li .txt p{font-size:2rem; line-height:1.7; color:#666; margin-top: 2rem;}
.injection_list .slick-dots{bottom:-4rem;}
.injection_list .slick-dots li{width:1.2rem; height:1.2rem; margin:0 .6rem; box-shadow:none; background:none; border-radius:0; overflow:visible;}
.injection_list .slick-dots li button{width:1.2rem; height:1.2rem; padding:0;}
.injection_list .slick-dots li button:before{content:""; width:1.2rem; height:1.2rem; border-radius:100px; background:#ccc; opacity:1;}
.injection_list .slick-dots li.slick-active button:before{width:3.5rem; background:var(--color2);}
.injection_list .slick-prev,.injection_list .slick-next{width:5rem; height:5rem; border-radius:50%; background: #fff; border: 1px solid var(--color2); z-index:10; box-shadow: none;}
.injection_list .slick-prev{left:-7rem; font-family: 'suit';}
.injection_list .slick-next{right:-7rem; font-family: 'suit';}
.injection_list .slick-prev:before,.injection_list .slick-next:before{color:var(--color2); font-size:2rem;}
.injection_list .slick-prev:hover,.injection_list .slick-next:hover{background:var(--color2);}
.injection_list .slick-prev:hover:before,.injection_list .slick-next:hover:before{color:#fff;}

@media all and (max-width:1280px){
.injection_list li .txt{padding:3rem;}
.injection_list li .txt h3{font-size:2.6rem;}
.injection_list li .txt p{font-size:1.8rem;}
.injection_list .slick-list{margin:0 -1rem; padding:2rem 0 5rem;}
.injection_list .slick-slide{margin:0 1rem;}
.injection_list .slick-prev{left:-3rem;}
.injection_list .slick-next{right:-3rem;}
}

@media all and (max-width:768px){
    .graph_wrap>.txt h3{font-size:3rem;}
    .graph_wrap>.txt p{font-size:1.6rem;}
    .injection_list{margin-top:3rem;}
    .injection_list li{border-radius:1rem;}
    .injection_list li .img{height:22rem;}
    .injection_list li .txt{padding:2.5rem;}
    .injection_list li .txt .num{font-size:3.5rem;}
    .injection_list li .txt h3{font-size:2.3rem;}
    .injection_list li .txt p{font-size:1.6rem;}
    .injection_list .slick-prev,.injection_list .slick-next{width:4rem; height:4rem; }
    .injection_list .slick-prev:before,.injection_list .slick-next:before{font-size:1.6rem;}
    .injection_list .slick-prev{left:calc(50% - 4.5rem);top: 100%;}
    .injection_list .slick-next{right:calc(50% - 4.5rem); top: 100%;}
}


#greeting{background:#fff;}
#greeting .greeting_wrap{display:flex; gap:8rem;}
#greeting .img{width:48%; border-radius:3rem; overflow:hidden;}
#greeting .img img{width:100%; display:block; height: 100%; object-fit: cover;}
#greeting .txt{width:52%;}
#greeting .txt .eng{font-size:1.8rem; font-weight:800; color:var(--color2); margin-bottom:2rem;}
#greeting .txt h3{font-size:5rem; line-height:1.25; font-weight:700; margin-bottom:4rem;}
#greeting .txt h3 span{color:var(--color2);}
#greeting .txt .cont{font-size:2rem; line-height:1.6; color:#444; margin-bottom:2rem; word-break:keep-all;}
#greeting .txt .sign{font-size:2.4rem; font-weight:800; color:#222; margin-top:4rem; display: flex; align-items: center;gap: 2rem;}
#greeting .txt .sign span{font-family: 'KimjungchulScript-Bold'; font-size: 4rem;}

@media all and (max-width:1280px){
    #greeting .greeting_wrap{gap:5rem;}
    #greeting .txt h3{font-size:4rem;}
    #greeting .txt .cont{font-size:1.9rem;}
}
@media all and (max-width:976px){
    #greeting .greeting_wrap{display:block;}
    #greeting .img{width:100%; border-radius:2rem; margin-bottom:4rem;}
    #greeting .txt{width:100%; text-align:center;}
    #greeting .txt .eng{font-size:1.5rem;}
    #greeting .txt h3{font-size:3.2rem;}
    #greeting .txt .cont{font-size:1.5rem; text-align:left;}
    #greeting .txt .sign{font-size:2rem;}
    #greeting .txt .sign span{font-size: 3rem;}
}



.intro2 .top{}
.intro2 .top .s-inner{display: flex; align-items: flex-start; gap:5rem;}
.intro2 .top .s-inner .l_cont{width: 50%; text-align: center; position: sticky; top:160px; left: 0;}
.intro2 .top .s-inner .l_cont img{max-width: 100%;}
.intro2 .top .s-inner .r_cont{width: 50%; padding-top: 8rem;}
.intro2 .top .s-inner .r_cont .ment{color: #000; font-size: 3rem; line-height: 1.4em; margin-bottom: 3rem;}
.intro2 .top .s-inner .r_cont .ment span{color: var(--color2); font-weight: 700;}
.intro2 .top .s-inner .r_cont .ment span.c2{color: var(--color1);}
.intro2 .top .s-inner .r_cont .name{font-size: 4.5rem; font-weight: 700; color: #000; margin-bottom: 5rem;}
.intro2 .top .s-inner .r_cont .name span{ font-weight: 400;}
.intro2 .top .s-inner .r_cont .box{}
.intro2 .top .s-inner .r_cont .box + .box{margin-top: 4rem;}
.intro2 .top .s-inner .r_cont .box h3{color: var(--color3); font-size:2rem; margin-bottom: 2rem;}
.intro2 .top .s-inner .r_cont .box p{font-size: 1.8rem; line-height: 1.5em;}
.intro2 .top .s-inner .r_cont .box p + p{margin-top: 1rem;}
.intro2 .top .s-inner .r_cont .box.en p{font-size: 1.6rem;}

.intro2 .mid{margin-top: 10rem; background: url(/images/sub/intro2_bg.jpg) no-repeat center center / cover; padding: 12rem 0; overflow-x: hidden;}
.intro2 .mid .s-inner{}
.intro2 .mid .tit{margin-bottom: 4rem;text-align: center;}
.intro2 .mid .tit h3{color: #fff; font-size: 3.2rem;}
.intro2 .mid .list{width: 100%;}
.intro2 .mid .list li{margin: 0 2rem;}
.intro2 .mid .list li .img{}
.intro2 .mid .list li .img img{width: 100%;}
.intro2 .mid .list li p{text-align: center; color: #eee;margin-top: 2rem; font-size: 1.8rem;}


@media all and (max-width:1280px){
    .intro2 .top .s-inner .r_cont{padding-top: 6rem;}
    .intro2 .top .s-inner .r_cont .ment{font-size: 2.5rem;}
    .intro2 .top .s-inner .r_cont .name{font-size: 4rem;}
    .intro2 .top .s-inner .r_cont .box h3{font-size:1.8rem;}
    .intro2 .top .s-inner .r_cont .box p{font-size: 1.6rem; line-height: 1.2;}
    .intro2 .mid .list li{margin: 0 1rem;}
}
@media all and (max-width:976px){
    .intro2 .top .s-inner{flex-wrap: wrap;}
    .intro2 .top .s-inner .l_cont{width: 100%; position: relative; top: 0;}
    .intro2 .top .s-inner .r_cont{width: 100%; padding-top: 4rem;}
    .intro2 .mid{margin-top: 7rem; padding: 10rem 0;}

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

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

}





.equip_sec{margin-bottom:10rem;}
.equip_sec:last-child{margin-bottom:0;}
.equip_sec .tit{display:flex; justify-content:space-between; align-items:center; margin-bottom:5rem;}
.equip_sec .tit .left{display:flex; align-items:flex-end; gap:2rem;}
.equip_sec .tit span{font-family:'Montserrat',sans-serif; font-size:5rem; color:var(--color2); font-weight: bold;  line-height: 0.9;}
.equip_sec .tit h3{font-size:3.5rem;}

.equip_sec .slide_arrow{display:flex; gap:1rem;}
.equip_sec .slide_arrow button{width:6rem; height:6rem; border:0; border-radius:50%; background:#fff; border: 1px solid var(--color2); cursor:pointer; position:relative; transition:.3s;}
.equip_sec .slide_arrow button:hover{background:var(--color2);}
.equip_sec .slide_arrow button::before{font-family:'SUIT',sans-serif; font-size:2rem; color:var(--color2); transition:.3s;}
.equip_sec .slide_arrow button:hover::before{color:#fff;}
.equip_sec .slide_arrow .prev::before{content:"<";}
.equip_sec .slide_arrow .next::before{content:">";}

.equip_slide{margin:0 -2rem;}
.equip_slide .slick-list{padding:1rem 0 4rem;}
.equip_slide .slick-slide{margin:0 2rem;}
.equip_slide li{background:#fff; border-radius:2rem; overflow:hidden; border: 1px solid #eee;}
.equip_slide li .img{ overflow:hidden;}
.equip_slide li .img img{width:100%; height:100%; object-fit:cover; display:block; transition:.5s;}
.equip_slide li .txt{padding:3rem;}
.equip_slide li .txt h4{font-size:2.8rem; font-weight:800; margin-bottom:1.5rem;}
.equip_slide li .txt p{font-size:1.8rem; line-height:1.6; color:#666;}

@media all and (max-width:768px){
.equip_sec{margin-bottom:7rem;}
.equip_sec .tit{margin-bottom:2.5rem;}
.equip_sec .tit .left{gap:1.2rem;}
.equip_sec .tit span{font-size:4rem;}
.equip_sec .tit h3{font-size:2.6rem;}
.equip_sec .slide_arrow button{width:4.5rem; height:4.5rem;}
.equip_slide{margin:0;}
.equip_slide .slick-slide{margin:0 .8rem;}
.equip_slide li{border-radius:1rem;}
.equip_slide li .txt{padding:2.5rem;}
.equip_slide li .txt h4{font-size:2.3rem;}
.equip_slide li .txt p{font-size:1.6rem;}
}


#location .loc_head{text-align:center; margin-bottom:7rem;}
#location .loc_head .eng{font-size:1.8rem; font-weight:800; color:var(--color2); margin-bottom:2rem;}
#location .loc_head h3{font-size:5rem; line-height:1.25;}
#location .loc_head h3 span{color:var(--color2);}
#location .loc_head>p:last-child{font-size:2rem; line-height:1.6; margin-top:2rem;}

#location .loc_map{position:relative; border-radius:3rem; overflow:hidden; box-shadow:0 2rem 5rem rgba(0,0,0,.1); background:#fff;}
#location .loc_map .map_area{height:48rem; background:#e9eef3;}
#location .loc_map .map_area iframe{width:100%; height:100%; border:0; display:block;}
#location .loc_map .map_info{position:absolute; left:4rem; bottom:4rem; background:rgba(255,255,255,.95); border-radius:2rem; padding:3rem; box-shadow:0 1rem 3rem rgba(0,0,0,.12);z-index: 100;}
#location .loc_map .map_info h4{font-size:3rem; margin-bottom:1rem;}
#location .loc_map .map_info p{font-size:1.8rem; line-height:1.5;}
#location .loc_map .btns{display:flex; gap:1rem; margin-top:2rem;}
#location .loc_map .btns a{display:flex; align-items:center; justify-content:center; height:4.2rem; padding:0 2rem; border-radius:100px; color:#fff; font-size:1.6rem; font-weight:700;}
#location .loc_map .btns .naver{background:#03c75a;}
#location .loc_map .btns .kakao{background:#f7db03; color: #444;}
#location .loc_map .btns .tmap{background:#2585d9;}

#location .loc_card{display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; margin-top:4rem;}
#location .loc_card .card{background:#fff; border-radius:2rem; padding:4rem 3rem; box-shadow:0 1rem 3rem rgba(0,0,0,.06); position:relative; overflow:hidden;}
#location .loc_card .ico{display:block; font-family:'Montserrat',sans-serif; font-size:4.5rem; font-weight:900; color:var(--color2); line-height:1; margin-bottom:2rem;}
#location .loc_card h4{font-size:3.5rem; margin-bottom:2.5rem;}
#location .loc_card dl{display:flex;gap:1rem; margin-bottom:1rem;}
#location .loc_card dt{min-width:10rem; height:2.7rem; display:flex; align-items:center; gap: 1rem;  font-size:2rem; font-weight:800;}
#location .loc_card dt span{display: inline-block;border-radius: 0.5rem; font-size: 1.6rem; text-align: center; background: #ce0000;color: #fff; font-weight: bold;padding: 0.3rem 0.5rem;}
#location .loc_card dd{font-size:2rem; display: flex; flex-wrap: wrap; gap: 1rem; flex-direction: column; line-height: 1.6;}
#location .loc_card dd b{color: #ffeb3b; background: #000; padding: 0.2rem 0.7rem; display: inline-block;}
#location .loc_card dd span.bl{background: var(--color1);}
#location .loc_card p{font-size:1.8rem; line-height:1.6;}
#location .loc_card .time{background: var(--color2); color: #fff;}
#location .loc_card .time>p{margin-top:2rem; font-size:1.5rem;}
#location .loc_card .reserve{padding:0; overflow:hidden;}
#location .loc_card .reserve .reserve_box{display:block; position:relative; min-height:37rem; height:100%; color:#fff;}
#location .loc_card .reserve .bg{position:absolute; inset:0;}
#location .loc_card .reserve .bg img{width:100%; height:100%; object-fit:cover; transition:.5s;}
#location .loc_card .reserve:hover .bg img{transform:scale(1.08);}
#location .loc_card .reserve .overlay{position:absolute; inset:0; background:rgba(0,0,0,.45);}
#location .loc_card .reserve .txt{position:relative; z-index:2; height:100%; padding:4rem 3rem; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
#location .loc_card .reserve .txt img{width:4.6rem; margin-bottom:2rem;}
#location .loc_card .reserve h4{font-size:3.4rem; line-height:1.25; color:#fff; margin-bottom:2rem;}
#location .loc_card .reserve p{font-size:1.8rem; line-height:1.7; color:rgba(255,255,255,.9); margin-bottom:3rem;}
#location .loc_card .reserve span{display:inline-flex; justify-content:center; align-items:center; width:22rem; height:5.4rem; border:.2rem solid rgba(255,255,255,.9); border-radius:.8rem; font-size:1.8rem; font-weight:700; color:#fff; transition:.3s;}
#location .loc_card .reserve:hover span{background:#03c75a; border-color:#03c75a;}
#location .loc_card .call .bg{background: var(--color1);}
#location .loc_card .call strong{display:block; font-family:'Montserrat',sans-serif; font-size:4.5rem; color:#fff;}

@media all and (max-width:1400px){
    #location .loc_card{grid-template-columns:repeat(2,1fr);}
    #location .loc_card .card:last-child{grid-column:1 / 3;}
    #location .loc_card dl{flex-wrap: wrap;}
}
@media all and (max-width:976px){
#location .loc_card{grid-template-columns:1fr;}
#location .loc_card .card:last-child{grid-column:auto;}
}

@media all and (max-width:768px){
#location .loc_head{margin-bottom:4rem;}
#location .loc_head .eng{font-size:1.5rem;}
#location .loc_head h3{font-size:3.5rem;}
#location .loc_head>p:last-child{font-size:1.6rem;}
#location .loc_map{border-radius:1.5rem;}
#location .loc_map .map_area{height:35rem;}
#location .loc_map .map_info{position:static; border-radius:0; box-shadow:none; padding:2.5rem;}
#location .loc_map .map_info h4{font-size:2.4rem;}
#location .loc_map .map_info p{font-size:1.6rem;}
#location .loc_map .btns{flex-wrap:wrap;}
#location .loc_map .btns a{height:3.8rem; font-size:1.4rem;}
#location .loc_card{gap:2rem;}
#location .loc_card .card{ border-radius:1.5rem;}
#location .loc_card .ico{font-size:3.5rem;}
#location .loc_card h4{font-size:2.3rem;}
#location .loc_card dd{font-size:1.7rem;}
#location .loc_card p{font-size:1.6rem;}
#location .loc_card .reserve .reserve_box{min-height:30rem;}
#location .loc_card .reserve .txt{padding:3rem 2rem;}
#location .loc_card .reserve .txt img{width:5.5rem;}
#location .loc_card .reserve h4{font-size:2.6rem;}
#location .loc_card .reserve p{font-size:1.6rem;}
#location .loc_card .reserve span{width:18rem; height:4.8rem; font-size:1.6rem;}
#location .loc_card .call strong{font-size:4rem;}
}