@charset "utf-8";

/* intro1 */
.intro1{text-align: center;}
.intro1 .intro1_tit{font-size: 3.5rem; color: #222222; line-height: 1.4em; margin-bottom: 70px; word-break: keep-all;}
.intro1 .intro1_tit span{position: relative; word-break: keep-all;}
.intro1 .intro1_tit span::after{content: ''; width: 100%; height: 19px; background-color: #ddf2e1; position: absolute; bottom: 0; display: block; left: 0; z-index: -1; opacity: 0.24;}
.intro1 .img{}
.intro1 .img img{max-width: 100%;}
.intro1 .intro1_list{display: flex; justify-content: center; margin-top: -125px;}
.intro1 .intro1_list li{width: 251px; height: 251px; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 -15px;}
.intro1 .intro1_list li:nth-child(1){background-color: #41a356;}
.intro1 .intro1_list li:nth-child(2){background-color: #14892d;}
.intro1 .intro1_list li:nth-child(3){background-color: #119776;}
.intro1 .intro1_list li:nth-child(4){background-color: #00523e;}
.intro1 .intro1_list li .img{margin-bottom: 20px;}
.intro1 .intro1_list li .img img{max-width: 100%;}
.intro1 .intro1_list li p{color: #fff; font-size: 2.6rem; font-weight: 700;}
.intro1 .text{}
.intro1 .text .img{margin-top: 30px;}
.intro1 .text .img img{max-width: 100%;}
.intro1 .text h4{font-size: 2.2rem; color: #222222; font-weight: 500; margin: 40px 0;}
.intro1 .text p{font-size: 1.8rem; color: #686868; line-height: 1.8em; margin-bottom: 35px;}
.intro1 .text p:last-child{margin-bottom: 0;}

@media all and (max-width:976px){
    .intro1 .intro1_tit{font-size: 3rem; margin-bottom: 60px;}
    .intro1 .intro1_tit br{display: none;}
    .intro1 .intro1_tit span::after{display: none;}
    .intro1 .intro1_list{margin-top: -80px;}
    .intro1 .intro1_list li{width: 160px; height: 160px;}
    .intro1 .intro1_list li .img{margin-bottom: 10px;}
    .intro1 .intro1_list li .img img{max-width: 60px;}
    .intro1 .intro1_list li p{font-size: 2.2rem;}
    .intro1 .text .img img{max-width: 60px;}
}
@media all and (max-width:640px){
    .intro1 .inner{overflow: hidden;}
    .intro1 .inner > .img{width: 200%;}
    .intro1 .intro1_tit{font-size: 2.4rem; margin-bottom: 40px;}
    .intro1 .intro1_list{margin-top: 30px; flex-wrap: wrap;}
    .intro1 .intro1_list li{margin: -10px;}
    .intro1 .intro1_list li{width: 40vw; height: 40vw;}
    .intro1 .intro1_list li .img{margin-bottom: 5px;}
    .intro1 .intro1_list li .img img{max-width: 52px;}
    .intro1 .intro1_list li p{font-size: 2rem;}
    .intro1 .text .img img{max-width: 54px;}
    .intro1 .text h4{font-size: 2rem; margin: 30px 0; word-break: keep-all; line-height: 1.7em;}
}

/* intro2 */
.intro2{}
.intro2 .inner{}
.intro2 .inner .flex{display: flex; align-items: center;}
.intro2 .inner .flex .img{}
.intro2 .inner .flex .img img{max-width: 100%;}
.intro2 .inner .flex .txt{width: calc(100% - 610px); margin-left: 60px; padding-left: 0;}
.intro2 .inner .flex .txt h3{color: #41a356; font-size: 3rem; font-weight: 500; margin-bottom: 15px;}
.intro2 .inner .flex .txt h2{font-weight: 300; color: #000; font-size: 5rem; margin-bottom: 25px;}
.intro2 .inner .flex .txt h2 span{font-weight: 800;}
.intro2 .inner .flex .txt ul.list{display: flex; gap:10px;}
.intro2 .inner .flex .txt ul.list li{color: #232323; font-weight: 500; font-size: 2rem; line-height: 1.4em; background-color: #f3f3f3; padding: 5px 10px;}
.intro2 .inner .flex .txt ul.list li span{font-weight: 700;}
.intro2 .inner .flex .txt .list_box{margin-top: 40px;}
.intro2 .inner .flex .txt .list_box ul.list2{display: flex; flex-wrap: wrap; margin-top: 20px;}
.intro2 .inner .flex .txt .list_box ul.list2 li{width: 50%; padding-left: 10px; position: relative; line-height: 1.8em; font-size: 1.9rem; font-weight: 300; color: #333;}
.intro2 .inner .flex .txt .list_box ul.list2 li::before{content: '·'; position: absolute; top: 0; left: 0; color: #41a356;}

@media all and (max-width:976px){
    .intro2 .inner .flex{flex-direction: column;}
    .intro2 .inner .flex .img{width: 100%;}
    .intro2 .inner .flex .img img{width: 100%; max-width: inherit;}
    .intro2 .inner .flex .txt{width: 100%; margin-left: 0; margin-top: 60px;}
    .intro2 .inner .flex .txt ul.list{flex-wrap: wrap;}
    .intro2 .inner .flex .txt h3{font-size: 2.7rem;}
    .intro2 .inner .flex .txt h2{font-size: 4.2rem;}
    .intro2 .inner .flex .txt ul.list li{font-size: 1.9rem;}
    .intro2 .inner .flex .txt .list_box{margin-top: 30px;}
}
@media all and (max-width:640px){
    .intro2 .inner .flex .txt{margin-top: 40px;}
    .intro2 .inner .flex .txt .list_box ul.list2 li{width: 100%;}
    .intro2 .inner .flex .txt h3{font-size: 2.3rem;}
    .intro2 .inner .flex .txt h2{font-size: 3.6rem; margin-bottom: 20px;}
    .intro2 .inner .flex .txt ul.list li{font-size: 1.8rem;}
}

/* intro3 */
.intro3{}
.intro3 .s_tit{font-size: 3rem; color: #444; font-weight: 600; margin-bottom: 30px;}
.intro3 .s_tit span{color: #b00708;}
.intro3 .list{display: flex; flex-wrap: wrap;}
.intro3 .list li{width: calc(100% / 3 - 40px / 3); margin-right: 20px; margin-bottom: 20px; border: 1px solid #dedede;}
.intro3 .list li:nth-child(3n){margin-right: 0;}
.intro3 .list li .img{background-color: #fafafa;}
.intro3 .list li .img img{max-width: 100%}
.intro3 .list li .txt{padding: 30px;}
.intro3 .list li .txt h3{color: #000; font-weight: 600; font-size: 2.2rem;}
.intro3 .list li .txt p{margin-top: 10px; font-weight: 300; line-height: 1.6em; font-size: 1.8rem;}

@media all and (max-width:976px){
	.intro3 .s_tit{font-size: 2.6rem;}
	.intro3 .list li{width: calc(100% / 2 - 20px / 2); margin-bottom: 20px;}
	.intro3 .list li:nth-child(3n){margin-right: 20px;}
	.intro3 .list li:nth-child(2n){margin-right: 0 !important;}
}
@media all and (max-width:640px){
	.intro3 .s_tit{margin-bottom: 20px; font-size: 2.4rem;}
	.intro3 .list li{width: 100%; margin-bottom: 20px; margin-right: 0;}
	.intro3 .list li:nth-child(3n){margin-right: 0px;}
	.intro3 .list li .txt{padding: 20px;}
	.intro3 .list li:nth-child(2n){margin-right: 0 !important;}
    .intro3 .list li .txt h3{font-size: 2rem;}
    .intro3 .list li .txt p{font-size: 1.7rem;}
}


/* intro5 */
.intro5{}
.intro5 .wrap_controllers{display: none;}
.intro5 .map_info{max-width: 1000px; margin: -66px auto 0; background-color: #fff; position: relative; z-index: 2; border: 1px solid #eee; display: flex;}
.intro5 .map_info h3{background:linear-gradient(120deg, #41a356, #00523e); display: flex; justify-content: center; align-items: center; padding: 0 3em;}
.intro5 .map_info ul{padding: 1rem 3rem; width: 100%;}
.intro5 .map_info ul li{display: flex; margin: 2rem 0;}
.intro5 .map_info ul li span{display: block; width: 80px; font-size: 1.9rem; font-weight: bold; color: #000;}
.intro5 .map_info ul li span i{color: #f4c900; display: inline-block; width: 30px; text-align: center;}
.intro5 .map_info ul li p{font-size: 1.7rem; transform: skew(0.1deg);}

@media all and (max-width:976px){
	.intro5 .root_daum_roughmap .wrap_map{height: 55vw !important; min-height: 350px;}
    .intro5 .map_info{flex-direction: column;}
	.intro5 .map_info h3{ padding: 2rem; order: -1;}
    .intro5 .map_info h3 img{max-width: 48px;}
	.intro5 .map_info ul{padding: 1.5rem 3rem;}
	.intro5 .map_info ul li{flex-direction: column;}
	.intro5 .map_info ul li p{margin-top: 10px; font-size: 1.6rem; letter-spacing: -0.06em;}
}
@media all and (max-width:640px){
    .intro5 .map_info h3 img{max-width: 40px;}
    .intro5 .map_info ul{padding: 2rem;}
    .intro5 .map_info ul li{margin: 0; margin-bottom: 2rem;}
    .intro5 .map_info ul li:last-child{margin-bottom: 0;}
}

/* clinic */
.chapter{margin-bottom: 150px;}
.clinic_top{display: flex; align-items: center;}
.clinic_top .txt{width: 50%; padding: 30px; padding-right: 80px;}
.clinic_top .txt h4{color: #444; font-weight: 700; font-size: 2.4rem; margin-bottom: 15px;}
.clinic_top .txt h3{font-size: 5.6rem; color: #000; font-weight: 300;}
.clinic_top .txt h3 span{color: #41a356; font-weight: 800;}
.clinic_top .txt p{font-size: 1.8rem; line-height: 1.9em; font-weight: 300; word-break: keep-all; margin-top: 30px;}
.clinic_top .img{width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 400px; border-radius: 20px; overflow: hidden;}
.clinic_top .img.clinic1-1{background-image: url(/images/sub/clinic1-1_top.jpg);}
.clinic_top .img.clinic1-2{background-image: url(/images/sub/clinic1-2_top.jpg);}
.clinic_top .img.clinic1-3{background-image: url(/images/sub/clinic1-3_top.jpg);}
.clinic_top .img.clinic1-4{background-image: url(/images/sub/clinic1-4_top.jpg);}
.clinic_top .img.clinic1-5{background-image: url(/images/sub/clinic1-5_top.jpg);}
.clinic_top .img.clinic2-1{background-image: url(/images/sub/clinic2-1_top.jpg);}
.clinic_top .img.clinic2-2{background-image: url(/images/sub/clinic2-2_top.jpg);}
.clinic_top .img.clinic2-3{background-image: url(/images/sub/clinic2-3_top.jpg);}
.clinic_top .img.clinic3-1{background-image: url(/images/sub/clinic3-1_top.jpg);}
.clinic_top .img.clinic3-2{background-image: url(/images/sub/clinic3-2_top.jpg);}
.clinic_top .img.clinic3-3{background-image: url(/images/sub/clinic3-3_top.jpg);}
.clinic_top .img.clinic4-1{background-image: url(/images/sub/clinic4-1_top.jpg);}
.clinic_top .img.clinic4-2{background-image: url(/images/sub/clinic4-2_top.jpg);}
.clinic_top .img.clinic4-3{background-image: url(/images/sub/clinic4-3_top.jpg);}
.clinic_top .img.clinic4-4{background-image: url(/images/sub/clinic4-4_top.jpg);}
.clinic_top .img.clinic5-1{background-image: url(/images/sub/clinic5-1_top.jpg);}
.clinic_top .img.clinic6-1{background-image: url(/images/sub/clinic6-1_top.jpg);}
.clinic_top .img.clinic6-2{background-image: url(/images/sub/clinic6-2_top.jpg);}
.clinic_top .img.clinic6-3{background-image: url(/images/sub/clinic6-3_top.jpg);}
.clinic_top .img.nonsur1-1{background-image: url(/images/sub/nonsur1-1_top.jpg);}
.clinic_top .img.nonsur1-2{background-image: url(/images/sub/nonsur1-2_top.jpg);}
.clinic_top .img.nonsur1-3{background-image: url(/images/sub/nonsur1-3_top.jpg);}
.clinic_top .img.nonsur1-4{background-image: url(/images/sub/nonsur1-4_top.jpg);}
.clinic_top .img.nonsur1-5{background-image: url(/images/sub/nonsur1-5_top.jpg);}
.clinic_top .img.dosu1-1{background-image: url(/images/sub/dosu1-1_top.jpg);}
.clinic_top .img.dosu1-2{background-image: url(/images/sub/dosu1-2_top.jpg);}
.clinic_top .img.health1-1{background-image: url(/images/sub/health1-1_top.jpg);}

@media all and (max-width:976px){
    .chapter{margin-bottom: 120px;}
    .clinic_top{flex-direction: column}
    .clinic_top .img{order: -1; width: 100%; height: 30vw; min-height: 320px; border-radius: 15px;}
    .clinic_top .txt{width: 100%; padding: 0; margin-top: 30px;}
    .clinic_top .txt h4{font-size: 2.2rem;}
    .clinic_top .txt h3{font-size: 4.6rem;}
    .clinic_top .txt p{font-size: 1.7rem; margin-top: 25px;}
}
@media all and (max-width:640px){
    .chapter{margin-bottom: 90px;}
    .clinic_top .txt h4{font-size: 2rem; margin-bottom: 10px;}
    .clinic_top .txt h3{font-size: 3.8rem;}
    .clinic_top .txt p{margin-top: 20px;}
}

.clinic_box{margin: 80px auto;}
.clinic_box.bg{padding: 80px 60px; background: #fafafa url(/images/sub/bg_img1.png)no-repeat right center / contain; border-radius: 20px;}

@media all and (max-width:976px){
    .clinic_box{margin: 70px auto;}
    .clinic_box.bg{padding: 70px 45px; border-radius: 15px;}
}
@media all and (max-width:640px){
    .clinic_box{margin: 60px auto;}
    .clinic_box.bg{padding: 50px 30px;}
}

.c_tit{text-align: center; font-size: 4.2rem; font-weight: 800; color: #000; margin-bottom: 60px;}
.c_tit span{color: #41a356}

@media all and (max-width:976px){
    .c_tit{font-size: 3.6rem; margin-bottom: 45px;}
}
@media all and (max-width:640px){
    .c_tit{font-size: 3.2rem; margin-bottom: 35px;}
}

ul.check_list{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -20px;}
ul.check_list li{width: calc(50% - 20px); font-size: 2rem; margin-bottom: 20px; padding-bottom: 20px; padding-top: 2px;  border-bottom: 1px dashed #ddd; color: #000; position: relative; padding-left: 50px;}
ul.check_list li::before{content: ''; background: url(/images/sub/ico_check.png) no-repeat center center / 100%; width: 29px; height: 28px; position: absolute; left: 10px; top: 0;}

@media all and (max-width:976px){
    ul.check_list li{width: 100%; font-size: 1.9rem;}
}
@media all and (max-width:640px){
    ul.check_list{margin-bottom: -15px;}
    ul.check_list li{font-size: 1.8rem; padding-left: 45px; margin-bottom: 15px; padding-bottom: 15px;}
    ul.check_list li::before{width: 24px; height: 23px;}
}

.c_flex{display: flex;}
.c_flex .img{background-repeat: no-repeat; background-size: cover; background-position: center center; width: 50%;}
.c_flex .img.clinic1-1{background-image: url(/images/sub/clinic1-1_bg.jpg);}
.c_flex .img.clinic1-2{background-image: url(/images/sub/clinic1-2_bg.jpg);}
.c_flex .img.clinic1-3{background-image: url(/images/sub/clinic1-3_bg.jpg);}
.c_flex .img.clinic1-4{background-image: url(/images/sub/clinic1-4_bg.jpg);}
.c_flex .img.clinic1-5{background-image: url(/images/sub/clinic1-5_bg.jpg);}
.c_flex .img.clinic2-1{background-image: url(/images/sub/clinic2-1_bg.jpg);}
.c_flex .img.clinic2-2{background-image: url(/images/sub/clinic2-2_bg.jpg);}
.c_flex .img.clinic2-3{background-image: url(/images/sub/clinic2-3_bg.jpg);}
.c_flex .img.clinic3-1{background-image: url(/images/sub/clinic3-1_bg.jpg);}
.c_flex .img.clinic3-2{background-image: url(/images/sub/clinic3-2_bg.jpg);}
.c_flex .img.clinic3-3{background-image: url(/images/sub/clinic3-3_bg.jpg);}
.c_flex .img.clinic4-1{background-image: url(/images/sub/clinic4-1_bg.jpg);}
.c_flex .img.clinic4-2{background-image: url(/images/sub/clinic4-2_bg.jpg);}
.c_flex .img.clinic4-3{background-image: url(/images/sub/clinic4-3_bg.jpg);}
.c_flex .img.clinic4-4{background-image: url(/images/sub/clinic4-4_bg.jpg);}
.c_flex .img.clinic6-1{background-image: url(/images/sub/clinic6-1_bg.jpg);}
.c_flex .img.clinic6-3{background-image: url(/images/sub/clinic6-3_bg.jpg);}
.c_flex .img.nonsur1-1{background-image: url(/images/sub/nonsur1-1_bg.jpg);}
.c_flex .img.nonsur1-2{background-image: url(/images/sub/nonsur1-2_bg.jpg);}
.c_flex .img.nonsur1-3{background-image: url(/images/sub/nonsur1-3_bg.jpg);}
.c_flex .img.nonsur1-4{background-image: url(/images/sub/nonsur1-4_bg.jpg);}
.c_flex .img.nonsur1-5{background-image: url(/images/sub/nonsur1-5_bg.jpg);}
.c_flex .img.dosu1-1{background-image: url(/images/sub/dosu1-1_bg.jpg);}
.c_flex .img.dosu1-2{background-image: url(/images/sub/dosu1-2_bg.jpg);}
.c_flex .img.health1-1{background-image: url(/images/sub/health1-1_bg.jpg);}
.c_flex ul.list{width: 50%; padding: 60px; border: 10px solid rgba(65, 163, 86,0.1); counter-reset: list;}
.c_flex ul.list li{padding-left: 40px; padding-bottom: 15px; padding-top: 3px; border-bottom: 1px dashed #dedede; margin-bottom: 15px; font-size: 2rem; color: #000; position: relative; line-height: 1.6em;}
.c_flex ul.list li::before{content: counter(list); counter-increment: list; font-weight: 800; color: #41a356; margin-right: 10px; font-size: 2rem; border: 1px solid #41a356; width: 30px; height: 30px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 5px; left: 0;}
.c_flex ul.list li:last-child{margin-bottom: 0;}

.c_flex2{display: flex; align-items: center; border: 1px solid #dedede; margin-bottom: 20px;}
.c_flex2 .img{width: 480px;}
.c_flex2 .img img{max-width: 100%;}
.c_flex2 .text{padding: 60px; width: calc(100% - 480px);}
.c_flex2 .text h3{color: #41a356; font-size: 3.6rem; margin-bottom: 20px;}
.c_flex2 .text p{font-size: 1.8rem; color: #444; font-weight: 300; line-height: 1.7em; word-break: keep-all;}

@media all and (max-width:976px){
    .c_flex{flex-direction: column;}
    .c_flex .img{width: 100%; height: 30vw; min-height: 320px;}
    .c_flex ul.list{width: 100%; padding: 45px;}
    .c_flex ul.list li{font-size: 1.9rem;}
    .c_flex ul.list li::before{font-size: 1.9rem;}
    .c_flex2 .img{width: 320px;}
    .c_flex2 .text{width: calc(100% - 320px); padding: 30px;}
    .c_flex2 .text h3{font-size: 3rem; margin-bottom: 15px;}
    .c_flex2 .text p{font-size: 1.7rem;}
}
@media all and (max-width:768px){
    .c_flex2{flex-direction: column;}
    .c_flex2 .img{width: 100%;}
    .c_flex2 .img img{width: 100%;}
    .c_flex2 .text{width: 100%; padding: 20px;}
    .c_flex2 .text h3{font-size: 2.6rem; margin-bottom: 10px;}
}
@media all and (max-width:640px){
    .c_flex ul.list{padding: 35px;}
    .c_flex ul.list li{font-size: 1.8rem; padding-left: 35px;}
    .c_flex ul.list li::before{font-size: 1.8rem; width: 26px; height: 26px;}
}

table.tb1{width: 100%; border-top: 2px solid #41a356;}
table.tb1 thead tr th{background-color: #f3f3f3; padding: 20px; font-weight: 600; color: #000; font-size: 2rem; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
table.tb1 thead tr th:last-child{border-right: 0;}
table.tb1 tbody tr th{padding: 20px; color: #000; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fafafa;}
table.tb1 tbody tr td{padding: 20px; font-size: 1.8rem; border-bottom: 1px solid #dedede; line-height: 1.8em; border-right: 1px solid #dedede;}
table.tb1 tbody tr td:last-child{border-right: 0;}

@media all and (max-width:976px){
    table.tb1 thead tr th{padding: 15px; font-size: 1.9rem;}
    table.tb1 tbody tr th,
    table.tb1 tbody tr td{padding: 15px; font-size: 1.7rem;}
}
@media all and (max-width:640px){
    table.tb1 thead tr th{font-size: 1.8rem;}
    table.tb1 tbody tr th,
    table.tb1 tbody tr td{font-size: 1.6rem;}
}

.s_tit{font-size: 3rem; font-weight: 800; color: #000; margin-top: 60px; margin-bottom: 20px;}
.ann{display: flex; gap:20px;}
.ann li{width: 50%; display: flex; border: 1px solid #dedede; align-items: center;}
.ann li .img{width: 360px;}
.ann li .img img{max-width: 100%;}
.ann li .txt{padding: 40px; width: calc(100% - 360px);}
.ann li .txt h4{font-size: 2.2rem; color: #41a356;}
.ann li .txt h3{font-size: 2.8rem; color: #000; margin: 10px 0 15px;}
.ann li .txt p{font-size: 1.8rem;}

@media all and (max-width:976px){
    .ann{flex-wrap: wrap;}
    .ann li{width: 100%;}
    .ann li .img{width: 50%;}
    .ann li .txt{padding: 30px; width: 50%;}
    .ann li .txt h4{font-size: 2rem}
    .ann li .txt h3{font-size: 2.5rem;}
}
@media all and (max-width:640px){
    .ann li{flex-direction: column;}
    .ann li .img{width: 100%;}
    .ann li .img img{width: 100%; max-width: auto;}
    .ann li .txt{width: 100%;}
}