@charset "utf-8";

/* intro1 */
.intro1{}
.intro1 .inner{display: flex; align-items: center; background: url(/images/sub/intro1_bg.png) no-repeat right 10px top; }
.intro1 .inner .img{width: 50%;}
.intro1 .inner .img img{max-width: 100%;}
.intro1 .inner .txt{width: 50%; height: 100%; padding-left: 40px; word-break: keep-all;}
.intro1 .inner .txt h4{font-weight: 500; color: #222222; font-size: 2.2rem;}
.intro1 .inner .txt p{font-size: 1.6rem; color: #686868; margin: 32px 0; line-height: 1.8em; word-break: keep-all;}
.intro1 .inner .txt p span{font-size: 2.2rem; font-weight: 500; color: #0d6fb8; line-height:1.6em; word-break: keep-all;}
.intro1 .inner .txt .name{font-size: 1.8rem; color: #222222;}
.intro1 .inner .txt .name span{font-family: 'ROEHOE-CHAN'; font-size: 3.4rem; color: #222222; margin-left: 12px;}

@media all and (max-width:1400px){
	.intro1 .inner .img{width: 55%;}
	.intro1 .inner .txt{width: 45%;}
	.intro1 .inner .txt h4{font-size: 2rem;}
	.intro1 .inner .txt p{margin: 24px 0;}
	.intro1 .inner .txt p span{font-size: 2rem;}
}
@media all and (max-width:976px){
	.intro1 .inner{flex-direction: column;}
	.intro1 .inner .img{width: 100%;}
	.intro1 .inner .txt{padding-left: 0; width: 100%; margin-top: 35px;}
	.intro1 .inner .txt h4{font-size: 1.8rem;}
	.intro1 .inner .txt p{font-size: 1.5rem; margin: 20px 0;}
	.intro1 .inner .txt p span{font-size: 1.8rem;}
	.intro1 .inner .txt .name{font-size: 1.7rem;}
	.intro1 .inner .txt .name span{font-size: 3rem;}
}


/* intro2 */
.intro2{}
.intro2 .ss-inner{display: flex; justify-content: space-between; align-items: center;}
.intro2 .ss-inner .img{}
.intro2 .ss-inner .img img{}
.intro2 .ss-inner .txt{padding-left: 60px; border-left: 20px solid #f3f3f3;}
.intro2 .ss-inner .txt .tit{margin-bottom: 50px;}
.intro2 .ss-inner .txt .tit h4{font-size: 2.4rem; color: #0d6fb8; font-weight: 500;}
.intro2 .ss-inner .txt .tit h3{color: #000; font-size: 6rem; margin: 10px 0 15px;}
.intro2 .ss-inner .txt .tit h3 span{font-weight: 300;}
.intro2 .ss-inner .txt .list{}
.intro2 .ss-inner .txt .list li{font-size: 1.8rem; color: #555; line-height: 1.8em; position: relative; padding-left: 12px;}
.intro2 .ss-inner .txt .list li::before{content: '·'; position: absolute; left: 0; color: #0d6fb8;}

@media all and (max-width:1280px){
	.intro2 .ss-inner .img{width: 50%;}
	.intro2 .ss-inner .img img{max-width: 100%;}
	.intro2 .ss-inner .txt{padding-left: 50px;}
	.intro2 .ss-inner .txt .tit{margin-bottom: 35px;}
	.intro2 .ss-inner .txt .tit h4{font-size: 2.2rem;}
	.intro2 .ss-inner .txt .tit h3{font-size: 5.4rem;}
	.intro2 .ss-inner .txt .list li{font-size: 1.7rem;}
}
@media all and (max-width:976px){
	.intro2 .ss-inner{flex-direction: column;}
	.intro2 .ss-inner .img{order: -1; width: 100%; max-width:640px;}
	.intro2 .ss-inner .txt{margin-top: 60px; width: 100%; max-width:640px; border-left: 14px solid #f3f3f3; padding-left: 40px;}
	.intro2 .ss-inner .txt .tit{margin-bottom: 25px;}
	.intro2 .ss-inner .txt .tit h4{font-size: 2rem;}
	.intro2 .ss-inner .txt .tit h3{font-size: 4.8rem;}
}
@media all and (max-width:640px){
	.intro2 .ss-inner .txt{padding-left: 25px; margin-top: 50px;}
	.intro2 .ss-inner .txt .tit{margin-bottom: 20px;}
	.intro2 .ss-inner .txt .tit h3{font-size: 3.6rem; margin: 8px 0 12px;}
	.intro2 .ss-inner .txt .list li{font-size: 1.6rem;}
}


/* intro3 */
.intro3{}
.intro3 .sec4{background: url(/images/sub/intro3_bg.jpg) no-repeat center center / cover; height: 600px; width: 100%; padding-left: 100px; padding-right: 100px; display: inline-flex; align-items: center;}
.intro3 .sec4 .inner{width: 100%;}
.intro3 .sec4 .inner .r_cont{width: auto !important;}
.intro3 .sec4 .inner .r_cont .box{width: auto; padding: 50px 60px;}

@media all and (max-width:1280px){
	.intro3 .sec4{padding-left: 40px; padding-right: 40px; height: 480px;}
	.intro3 .sec4 .inner .r_cont .box{padding: 40px 50px;}
}
@media all and (max-width:768px){
	.intro3 .sec4{height: 420px;}
	.intro3 .sec4 .inner .r_cont .box{padding: 40px 40px;}
}
@media all and (max-width:500px){
	.intro3 .sec4{padding-left: 30px; padding-right: 30px;}
}


/* intro4 */
.intro4{}
.intro4 .equip{display: flex; flex-wrap: wrap; gap:40px 30px;}
.intro4 .equip li{ width: calc(100% / 4 - 90px / 3);}
.intro4 .equip li .img{border: 1px solid #eee;}
.intro4 .equip li .img img{max-width: 100%;}
.intro4 .equip li .txt{margin-top: 20px;}
.intro4 .equip li .txt h4{font-size: 1.5rem; color: #0d6fb8; margin-bottom: 5px;}
.intro4 .equip li .txt h3{font-size: 2.2rem; color: #222; margin-bottom: 10px;}
.intro4 .equip li .txt p{font-size: 1.6rem; font-weight: 300; line-height: 1.7em; word-break: keep-all;}

@media all and (max-width:1280px){
	.intro4 .equip{gap:40px 20px;}
	.intro4 .equip li{width: calc(100% / 3 - 40px / 3);}
}
@media all and (max-width:768px){
	.intro4 .equip{gap:40px 20px;}
	.intro4 .equip li{width: calc(100% / 2 - 20px / 2);}
	.intro4 .equip li .txt h4{font-size: 1.4rem;}
	.intro4 .equip li .txt h3{font-size: 2rem;}
	.intro4 .equip li .txt p{font-size: 1.5rem;}
}
@media all and (max-width:500px){
	.intro4 .equip{gap:40px 00px;}
	.intro4 .equip li{width: 100%;}
}



/* intro5 */
.intro5{}
.intro5 .flex{display: flex;}
.intro5 .map_box{width: calc(100% - 400px);}
.intro5 .sec4{width: 400px;}
.intro5 .sec4 .inner{width: 100%;}
.intro5 .sec4 .inner .r_cont{width: 100%;}
.intro5 .sec4 .inner .r_cont .box{height: 600px; display: flex; flex-direction: column; justify-content: center; width: 100%;padding: 60px 40px;}
.intro5 .sec4 .inner .r_cont .box .blog{margin-top: 25px; display: block;}
.intro5 .map_box .sec4 .inner .r_cont .box{}

@media all and (max-width:1280px){
	.intro5 .root_daum_roughmap .wrap_map{height: 520px !important}
	.intro5 .sec4 .inner .r_cont .box{height: 520px;}
}
@media all and (max-width:976px){
	.intro5 .map_box{width: calc(100% - 340px);}
	.intro5 .sec4{width: 340px;}
	.intro5 .sec4 .inner .r_cont .box .blog img{max-width: 46px;}
}
@media all and (max-width:768px){
	.intro5 .flex{flex-direction: column;}
	.intro5 .root_daum_roughmap .wrap_map{height: 360px !important}
	.intro5 .map_box{width: 100%;}
	.intro5 .sec4{width: 100%;}
	.intro5 .sec4 .inner .r_cont .box{height: auto; width: 100%; padding: 40px 30px;}
}
@media all and (max-width:500px){
	.intro5 .root_daum_roughmap .wrap_map{height: 320px !important}
	.intro5 .sec4 .inner .r_cont .box{padding: 30px 20px;}
}



/* clinic_top */
.clinic_top{position: relative;}
.clinic_top .img{}
.clinic_top .img img{max-width: 100%;}
.clinic_top .txt{width: 60%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; padding: 50px 80px; border-left: 10px solid #e1e8ed; border-bottom: 10px solid #e1e8ed;}
.clinic_top .txt h3{font-size: 5.4rem; color: #0d6fb8; font-weight: 800; word-break:keep-all;}
.clinic_top .txt h4{color: #222; font-size: 2rem; margin: 20px 0 25px; font-weight: 600; word-break:keep-all;}
.clinic_top .txt p{font-size: 1.7rem; color: #555; line-height: 1.6em;}

@media all and (max-width:1280px){
	.clinic_top .txt{padding:35px 50px; width: 50%;}
	.clinic_top .txt h3{font-size: 4.6rem;}
	.clinic_top .txt h4{font-size: 1.9rem; margin: 15px 0 20px;}
}
@media all and (max-width:976px){
	.clinic_top{flex-direction: column;}
	.clinic_top .img img{width: 100%;}
	.clinic_top .txt{margin-left: auto; width: 100%; max-width: 100%; position: static; transform: translateY(0); text-align: center;}
}
@media all and (max-width:768px){
	.clinic_top .txt{padding: 30px 35px;}
	.clinic_top .txt h3{font-size: 3.8rem;}
	.clinic_top .txt h4{max-width: 90%; margin: 20px auto;}
}
@media all and (max-width:500px){
	.clinic_top .txt{padding: 30px 25px;}
	.clinic_top .txt h3{font-size: 3.2rem;}
	.clinic_top .txt h4{font-size: 1.8rem; margin: 15px auto;}
	.clinic_top .txt p{font-size: 1.6rem;}
}


.clinic .sec{padding: 80px 0; border-bottom: 1px solid #eee;}
.clinic .sec:last-child{border-bottom: 0; padding-bottom: 0;}

@media all and (max-width:1280px){
	.clinic .sec{padding: 70px 0;}
}
@media all and (max-width:768px){
	.clinic .sec{padding: 60px 0;}
}
@media all and (max-width:500px){
	.clinic .sec{padding: 55px 0;}
}


/* s_tit */
.s_tit{text-align: center;font-size: 3.6rem; color: #222; margin-bottom: 40px;}
.s_tit span{color: #0d6fb8;}

@media all and (max-width:1280px){
	.s_tit{font-size: 3.2rem; margin-bottom: 30px;}
}
@media all and (max-width:768px){
	.s_tit{font-size: 2.8rem; margin-bottom: 25px;}
}
@media all and (max-width:500px){
	.s_tit{font-size: 2.6rem; margin-bottom: 20px;}
}

/* s_txt */
.s_txt{text-align: center;}
.s_txt h4{font-weight: 500; color: #469ad9; font-size: 2rem; word-break:keep-all; line-height: 1.8em; max-width: 80%; margin: 0 auto;}
.s_txt p{font-size: 1.7rem; font-weight: 400; margin: 0 auto; margin-top: 15px; word-break: keep-all; line-height: 1.8em; word-break:keep-all; max-width: 80%;}

@media all and (max-width:1280px){
	.s_txt h4{font-size: 1.9rem; max-width: 90%;}
	.s_txt p{max-width: 100%;}
}
@media all and (max-width:768px){
	.s_txt h4{font-size: 1.8rem;}
	.s_txt p{font-size: 1.6rem; margin-bottom: 12px;}
}


/* cause */
.cause{background-color: #f3f5f7; padding: 40px;}
.cause .list{display: flex; gap:20px; flex-wrap: wrap;}
.cause .list li{background-color: #fff; padding: 14px 20px; border-radius: 40px; width: calc(100% / 2 - 20px / 2); font-size: 1.6rem; color: #666; font-weight: 400; position: relative; padding-left: 52px; word-break: keep-all;}
.cause .list li::before{content: '\e86c'; font-family: 'Material Symbols Outlined'; color: #0d6fb8; position: absolute; left: 20px; top: 11px; font-size: 2.4rem;}

@media all and (max-width:1280px){
	.cause{padding: 30px;}
	.cause .list{gap:15px;}
	.cause .list li{padding: 12px 18px; padding-left: 48px;}
}
@media all and (max-width:976px){
	.cause .list li{width: 100%;}
}
@media all and (max-width:768px){
	.cause{padding: 25px;}
	.cause .list li{border-radius: 30px;}
}
@media all and (max-width:500px){
	.cause{padding: 15px;}
	.cause .list li{border-radius: 25px;}
}


/* sym */
.sym{display: flex; gap:20px;}
.sym li{width: calc(100% / 4 - 60px / 4); flex: auto;}
.sym li .img{}
.sym li .img img{max-width: 100%;}
.sym li .txt{margin-top: 15px;}
.sym li .txt h3{font-size: 2rem; color: #222;}
.sym li .txt p{font-size: 1.6rem; word-break: keep-all;margin-top: 10px; line-height: 1.6em;}

@media all and (max-width:1280px){
	.sym li .txt h3{font-size: 1.9rem;}
}
@media all and (max-width:976px){
	.sym{gap:35px 15px; flex-wrap: wrap;}
	.sym li{width: calc(100% / 2 - 30px / 2);}
	.sym li .img img{width: 100%;}
}
@media all and (max-width:500px){
	.sym li{width: 100%;}
}


/* cure */
.cure{display: flex; flex-wrap: wrap; gap:20px;}
.cure li{width: calc(100% / 2 - 20px / 2); padding: 30px; border: 5px solid #e1ebf2; text-align: center; position: relative;}
.cure li h3{color: #0d6fb8; font-size: 2.4rem;}
.cure li p{margin-top: 10px; font-size: 1.6rem; color: #444; word-break: keep-all; line-height: 1.7em;}

@media all and (max-width:1280px){
	.cure li{padding: 25px;}
	.cure li h3{font-size: 2.2rem;}
}
@media all and (max-width:768px){
	.cure li{width: 100%;}
	.cure li h3{font-size: 2.1rem;}
}


/* tb-style1 */
.scroll table{min-width: 768px;}
.tb-style1{width: 100%; border-top: 2px solid #0d6fb8; font-size: 1.6rem; text-align: center; margin-top: 30px;}
.tb-style1 thead tr th{padding: 15px 10px; background-color: #fafafa; border-right: 1px solid #eee; font-size: 1.7rem; font-weight: 500; border-bottom: 1px solid #eee; color: #212121; }
.tb-style1 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th{background-color: #f5f5f3;  color: #000; font-weight: 500;border-bottom: 1px solid #dedede; border-right: 1px solid #eee;}
.tb-style1 tbody tr td{padding: 12px 6px; border-bottom: 1px solid #dedede; border-right: 1px solid #eee;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

@media all and (max-width:786px){
	.scroll{overflow-x: scroll;}
}



.disc_cont{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.disc_pic{width: 49%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; border: 5px solid #e1ebf2; padding: 10px;}
.disc_pic .txt{width: 100%; text-align: center; margin-top: 20px; font-weight: bold;}
.disc_pic li{width: 48%;}
.disc_pic li img{width: 100%;}

@media all and (max-width:786px){
	.disc_pic{width: 100%;}
}



.disc_cont2{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.disc_wrap{width: 49%;}
.disc_wrap.w100{width: 100%;}
.disc_tit{margin-top: 30px; text-align: center; font-weight: 500;}
.disc_pic2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; border: 5px solid #e1ebf2; padding: 10px;}
.disc_pic2.j-center{justify-content: center;}
.disc_pic2 .txt{width: 100%; text-align: center; margin-top: 20px; font-weight: bold;}
.disc_pic2 li{width: 48%;}
.w100 .disc_pic2 li{width: 24%;}
.disc_pic2 li img{width: 100%;}

@media all and (max-width:786px){
	.disc_pic2{width: 100%;}
}