@charset "utf-8";

/* .s_txt */
.s_txt{}
.s_txt h3{font-family: 'Noto Serif KR', serif; font-size: 28px; font-weight: 600; color: #222;}
.s_txt h3 span{color: #1b4075;}
.s_txt p{font-size: 18px; color: #666; margin-top: 15px;}

@media all and (max-width:1280px){
	.s_txt h3{font-size: 25px;}
	.s_txt p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.s_txt h3{font-size: 23px;}
}
@media all and (max-width:768px){
	.s_txt h3{font-size: 22px;}
	.s_txt p{font-size: 16px; margin-top: 12px;}
}
@media all and (max-width:500px){
	.s_txt h3{font-size: 20px;}
}


/* d_cont */
.d_cont{display: flex;}
.d_cont + .d_cont{margin-top: 150px;}
.d_cont .l_cont{width: 30%;}
.d_cont .l_cont h3{font-size: 24px; color: #000; word-break: keep-all;}
.d_cont .r_cont{width: 70%;}
.d_cont .r_cont .title{margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ddd;}
.d_cont .r_cont .title h3{font-size: 20px; color: #222; font-weight: 600; word-break: keep-all;}
.d_cont .r_cont .cont{display: flex;}
.d_cont .r_cont .cont + .cont{margin-top: 10px;}
.d_cont .r_cont .cont .tit{width: 140px;}
.d_cont .r_cont .cont .tit h3{font-size: 17px; color: #333; font-weight: 600; word-break: keep-all;}
.d_cont .r_cont .cont .text{width: calc(100% - 140px);}
.d_cont .r_cont .cont .text p{font-size: 17px; color: #666; font-weight: 300; word-break: keep-all;}

@media all and (max-width:1280px){
	.d_cont + .d_cont{margin-top: 120px;}
	.d_cont .l_cont h3{font-size: 22px;}
	.d_cont .r_cont .title{margin-bottom: 15px; padding-bottom: 15px;}
	.d_cont .r_cont .title h3{font-size: 19px;}
	.d_cont .r_cont .cont + .cont{margin-top: 8px;}
	.d_cont .r_cont .cont .tit{width: 120px;}
	.d_cont .r_cont .cont .tit h3{font-size: 16px;}
	.d_cont .r_cont .cont .text{width: calc(100% - 120px);}
	.d_cont .r_cont .cont .text p{font-size: 16px;}
}
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.d_cont{flex-direction: column;}
	.d_cont + .d_cont{margin-top: 80px;}
	.d_cont .l_cont{width: 100%; margin-bottom: 30px;}
	.d_cont .l_cont h3{font-size: 20px;}
	.d_cont .r_cont{width: 100%;}
	.d_cont .r_cont .title h3{font-size: 18px;}
}
@media all and (max-width:500px){}


/* intro1 */
.intro1{}
.intro1 .bg{width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; height: 540px; background: url(/images/sub/intro1_bg.webp) no-repeat center center / cover;}
.intro1 .bg .s-inner{height: 100%; display: flex; justify-content: flex-end;}
.intro1 .bg .s-inner .txt{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 130px;}
.intro1 .bg .s-inner .txt h3{font-family: 'Noto Serif KR', serif; font-size: 48px; color: #000; font-weight: 500; word-break: keep-all;}
.intro1 .bg .s-inner .txt h3 span{font-weight: 600; color: #1b4075; word-break: keep-all;}
.intro1 .bg .s-inner .txt .img{margin-top: 40px;}
.intro1 .bg .s-inner .txt .img img{}
.intro1 .text{margin-top: 60px;}
.intro1 .text .s-inner{}
.intro1 .text .s-inner p{font-size: 18px; color: #666666; word-break: keep-all; line-height: 1.7em; font-weight: 300;}
.intro1 .text .s-inner p + p{margin-top: 40px;}
.intro1 .text .s-inner h4{font-size: 20px; font-weight: 600; color: #1b4075; margin-top: 40px; text-align: right;}

@media all and (max-width:1280px){
	.intro1 .bg{height: 460px;}
	.intro1 .bg .s-inner .txt h3{font-size: 42px;}
	.intro1 .bg .s-inner .txt .img{margin-top: 35px;}
	.intro1 .bg .s-inner .txt .img img{width: 210px;}
	.intro1 .text{margin-top: 50px;}
	.intro1 .text .s-inner p{font-size: 17px;}
	.intro1 .text .s-inner p + p{margin-top: 35px;}
	.intro1 .text .s-inner h4{font-size: 19px; margin-top: 35px;}
}
@media all and (max-width:1024px){
	.intro1 .bg{height: 400px;}
	.intro1 .bg .s-inner .txt{padding-left: 100px;}
	.intro1 .bg .s-inner .txt h3{font-size: 36px;}
	.intro1 .bg .s-inner .txt .img{margin-top: 30px;}
	.intro1 .bg .s-inner .txt .img img{width: 200px;}
	.intro1 .text{margin-top: 45px;}
	.intro1 .text .s-inner p + p{margin-top: 30px;}
	.intro1 .text .s-inner h4{font-size: 18px; margin-top: 30px;}
}
@media all and (max-width:768px){
	.intro1 .bg{height: 340px;}
	.intro1 .bg .s-inner .txt{padding-left: 50px;}
	.intro1 .bg .s-inner .txt h3{font-size: 32px;}
	.intro1 .bg .s-inner .txt .img{margin-top: 25px;}
	.intro1 .bg .s-inner .txt .img img{width: 180px;}
	.intro1 .text{margin-top: 40px;}
	.intro1 .text .s-inner p{font-size: 16px;}
	.intro1 .text .s-inner p + p{margin-top: 25px;}
	.intro1 .text .s-inner h4{font-size: 18px; margin-top: 25px;}
}
@media all and (max-width:500px){
	.intro1 .bg{height: 260px; background-position: left center; background-size: auto;}
	.intro1 .bg .s-inner{justify-content: flex-start;}
	.intro1 .bg .s-inner .txt{padding-left: 20px; width: 100%;}
	.intro1 .bg .s-inner .txt h3{font-size: 26px;}
	.intro1 .bg .s-inner .txt .img img{width: 160px;}
	.intro1 .text{margin-top: 35px;}
	.intro1 .text .s-inner p + p{margin-top: 20px;}
	.intro1 .text .s-inner h4{font-size: 17px; margin-top: 20px;}
}


/* intro2 */
.intro2{}
.intro2 .tab_box{margin-bottom: 80px; position: sticky; top:99px; background-color: #fff; z-index: 2; width: 100%;}
.intro2 .tab_box.sticky{border-bottom: 1px solid #eee;}
.intro2 .tab_box .tabs{display: flex; justify-content: center;}
.intro2 .tab_box .tabs li{font-size: 18px; font-weight: 600; line-height: 56px; border: 1px solid #eee; margin-left: -1px;}
.intro2 .tab_box.sticky .tabs li{border-bottom: 0;}
.intro2 .tab_box .tabs li.on{background-color: #1b4075;}
.intro2 .tab_box .tabs li a{display: block; color: #444; padding: 0 30px;}
.intro2 .tab_box .tabs li.on a{color: #fff;}
.intro2 .s-inner{}
.intro2 .s-inner .doctor_box{}
.intro2 .s-inner .doctor_box .box{display: flex; align-items: flex-start;}
.intro2 .s-inner .doctor_box .box + .box{margin-top: 120px; padding-top: 120px; border-top: 1px dotted #ddd;}
.intro2 .s-inner .doctor_box .box .l_cont{text-align: center; width: 50%; position: sticky; top: 190px; padding-right: 40px;}
.intro2 .s-inner .doctor_box .box .l_cont img{max-width: 100%;}
.intro2 .s-inner .doctor_box .box .r_cont{width: 50%;}
.intro2 .s-inner .doctor_box .box .r_cont .name{}
.intro2 .s-inner .doctor_box .box .r_cont .name h4{color: #1b4075; font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.intro2 .s-inner .doctor_box .box .r_cont .name h3{font-family: 'Noto Serif KR', serif; font-size: 36px; font-weight: 600; color: #000;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info{margin-top: 60px;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .tit{font-size: 20px; color: #000; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text{}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p{font-size: 17px; color: #666; font-weight: 400; line-height: 1.6em;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p small{color: #888; font-size: 15px; font-weight: 300;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p + p{margin-top: 5px;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table{}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table{width: 100%; font-size: 16px; line-height: 48px;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table thead tr th{background-color: #1b4075; color: #fff;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table tbody tr th{border-bottom: 1px solid #ddd; color: #222; font-weight: 600;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table tbody tr td{text-align: center;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table tbody tr td.on{background-color: #f0f3f8; color: #1b4075;}

@media all and (max-width:1400px){
	.intro2 .tab_box{top: 69px;}
}
@media all and (max-width:1280px){
	.intro2 .tab_box{margin-bottom: 70px;}
	.intro2 .tab_box .tabs li{font-size: 17px; line-height: 52px;}
	.intro2 .tab_box .tabs li a{padding: 0 25px;}
	.intro2 .s-inner .doctor_box .box + .box{margin-top: 100px; padding-top: 100px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h4{font-size: 17px; margin-bottom: 4px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h3{font-size: 32px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info{margin-top: 50px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .tit{font-size: 19px; margin-bottom: 13px; padding-bottom: 13px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p{font-size: 16px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p small{font-size: 14px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table{font-size: 15px; line-height: 44px;}
}
@media all and (max-width:1024px){
	.intro2 .tab_box{margin-bottom: 60px;}
	.intro2 .s-inner .doctor_box .box + .box{margin-top: 90px; padding-top: 90px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h3{font-size: 30px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info{margin-top: 40px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .tit{font-size: 18px; margin-bottom: 11px; padding-bottom: 11px;}
}
@media all and (max-width:768px){
	.intro2 .tab_box{top: 59px; margin-bottom: 50px;}
	.intro2 .tab_box .tabs{justify-content: flex-start; overflow-x: scroll;}
	.intro2 .tab_box .tabs li{font-size: 16px; line-height: 48px; flex:0 0 auto;}
	.intro2 .tab_box .tabs li a{padding: 0 22px;}
	.intro2 .s-inner .doctor_box .box{flex-direction: column;}
	.intro2 .s-inner .doctor_box .box + .box{margin-top: 80px; padding-top: 80px;}
	.intro2 .s-inner .doctor_box .box .l_cont{position: static; padding-right: 0; width: 100%; text-align: center;}
	.intro2 .s-inner .doctor_box .box .l_cont img{max-width: 65%;}
	.intro2 .s-inner .doctor_box .box .r_cont{width: 100%; margin-top: 50px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .tit{margin-bottom: 10px; padding-bottom: 10px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h4{font-size: 16px; margin-bottom: 3px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h3{font-size: 28px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p{line-height: 1.5em;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .text p + p{margin-top: 3px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info{margin-top: 35px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table{line-height: 42px; font-size: 14px;}
}
@media all and (max-width:500px){
	.intro2 .tab_box{margin-bottom: 45px;}
	.intro2 .tab_box .tabs li{font-size: 15px; line-height: 43px;}
	.intro2 .s-inner .doctor_box .box .r_cont .name h3{font-size: 26px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info{margin-top: 30px;}
	.intro2 .s-inner .doctor_box .box .r_cont .doc_info .table table{line-height: 40px;}
}


/* intro3 */
.intro3{}
.intro3 .cont{display: flex; justify-content: space-between; gap:40px; align-items: center; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #eee;}
.intro3 .cont .l_cont{width: 50%; padding-right: 40px;}
.intro3 .cont .l_cont .m_txt{margin-bottom: 50px;}
.intro3 .cont .l_cont .info{}
.intro3 .cont .l_cont .info > div{margin-top: 40px;}
.intro3 .cont .l_cont .info .tel{display: flex; align-items: flex-end;}
.intro3 .cont .l_cont .info .tel h4{font-weight: 400; color: #222; font-size: 20px;}
.intro3 .cont .l_cont .info .tel h3{font-size: 32px; color: #eabe8b; line-height: .85em; margin-left: 8px;}
.intro3 .cont .l_cont .info .adress{}
.intro3 .cont .l_cont .info .adress h3{font-weight: 600; font-size: 20px; color: #222;}
.intro3 .cont .l_cont .info .adress p{font-size: 18px; color: #222; opacity: 0.7; font-weight: 300; margin-top: 5px;}
.intro3 .cont .l_cont .info .time{}
.intro3 .cont .l_cont .info .time h3{font-size: 20px; font-weight: 600; color: #000;}
.intro3 .cont .l_cont .info .time dl{margin-top: 15px; display: flex; flex-wrap: wrap; font-size: 18px; color: #222; gap:10px 0;}
.intro3 .cont .l_cont .info .time dl dt{ opacity: 0.85; width: 90px;}
.intro3 .cont .l_cont .info .time dl dd{width: calc(100% - 90px); font-weight: 600;}
.intro3 .cont .l_cont .info .time p{font-size: 16px; color: #222; opacity: 0.7; margin-top: 15px; font-weight: 300;}
.intro3 .cont .l_cont .info .index{}
.intro3 .cont .l_cont .info .index h3{font-size: 20px; font-weight: 600; color: #000;}
.intro3 .cont .l_cont .info .index ul{display: flex; gap:6px 3px; margin-top: 20px; flex-wrap: wrap;}
.intro3 .cont .l_cont .info .index ul li{border: 2px solid #415d84; line-height: 40px; color: #1b4075; border-radius: 20px; font-size: 16px; padding: 0 20px;}

.intro3 .cont .r_cont{width: 50%;}
.intro3 .cont .r_cont img{max-width: 100%;}
.intro3 .tab_box{background-color: #f3f3f3; border-radius: 10px; padding: 10px; display: flex; justify-content: center; gap:20px;}
.intro3 .tab_box li{font-size: 16px; font-weight: 600;line-height: 48px; color: #999; cursor: pointer;}
.intro3 .tab_box li.on{background-color: #1b4075;  color: #fff;  border-radius: 5px; padding: 0 25px; }
.intro3 .tabcontent{margin-top: 40px; display: none;}
.intro3 .tabcontent.on{display: block;}
.intro3 .tabcontent .boxs{display: flex;justify-content: space-between;}
.intro3 .tabcontent .boxs .box{width: 100%; position: relative; padding-top: 30px; border-top: 1px solid #eee;}
.intro3 .tabcontent .boxs .box::before{content: ''; position: absolute; top: -4px; left: 0; width: 8px; height: 8px; border-radius: 100%; background-color: #1b4075;}
.intro3 .tabcontent .boxs .box .tit{}
.intro3 .tabcontent .boxs .box .tit h4{color: #1b4075; font-weight: 600; font-size: 16px;}
.intro3 .tabcontent .boxs .box .tit h3{margin-top: 10px; font-size: 20px; font-weight: 700; color: #000;}
.intro3 .tabcontent .boxs .box .text{margin-top: 20px;}
.intro3 .tabcontent .boxs .box .text p{font-size: 17px; color: #666; font-weight: 300; line-height: 1.6em; word-break: keep-all; padding-right: 30px;}

@media all and (max-width:1280px){
	.intro3 .cont .l_cont .info .tel h4{font-size: 19px;}
	.intro3 .cont .l_cont .info .tel h3{font-size: 28px; margin-left: 7px;}
	.intro3 .cont .l_cont .info .adress h3{font-size: 19px;}
	.intro3 .cont .l_cont .info .adress p{font-size: 17px; margin-top: 4px;}
	.intro3 .cont .l_cont .info .time h3{font-size: 19px;}
	.intro3 .cont .l_cont .info .time dl{font-size: 17px;}
	.intro3 .cont .l_cont .info .time p{font-size: 15px; margin-top: 12px;}
	.intro3 .cont .l_cont .info .index ul li{font-size: 15px; line-height: 38px; padding: 0 18px;}
	.intro3 .tabcontent .boxs .box{padding-top: 25px;}
	.intro3 .tabcontent .boxs .box .tit h3{font-size: 18px;}
	.intro3 .tabcontent .boxs .box .text{margin-top: 10px;}
	.intro3 .tabcontent .boxs .box .text p{font-size: 16px; padding-right: 15px;}
}
@media all and (max-width:1024px){
	.intro3 .cont .l_cont .info .tel h4{font-size: 18px;}
	.intro3 .cont .l_cont .info .tel h3{font-size: 26px; margin-left: 6px;}
	.intro3 .cont .l_cont .info .adress h3{font-size: 18px;}
	.intro3 .cont .l_cont .info .time h3{font-size: 18px;}
}
@media all and (max-width:768px){
	.intro3 .cont{flex-direction: column-reverse; margin-bottom: 60px; padding-bottom: 60px;}
	.intro3 .cont .l_cont{width: 100%;}
	.intro3 .cont .l_cont .m_txt{margin-bottom: 40px;}
	.intro3 .cont .l_cont .info > div{margin-top: 30px;}
	.intro3 .cont .l_cont .info .tel h4{font-size: 17px;}
	.intro3 .cont .l_cont .info .tel h3{font-size: 24px; margin-left: 5px;}
	.intro3 .cont .l_cont .info .adress h3{font-size: 17px;}
	.intro3 .cont .l_cont .info .adress p{font-size: 16px; margin-top: 3px;}
	.intro3 .cont .l_cont .info .time h3{font-size: 17px;}
	.intro3 .cont .l_cont .info .time dl{font-size: 16px;}
	.intro3 .cont .l_cont .info .time p{font-size: 14px; margin-top: 10px;}
	.intro3 .cont .l_cont .info .index ul li{font-size: 14px; line-height: 35px; padding: 0 15px;}
	.intro3 .cont .r_cont{width: 100%;}
	.intro3 .tab_box{padding: 8px; gap:16px;}
	.intro3 .tab_box li{font-size: 15px; line-height: 44px;}
	.intro3 .tab_box li.on{padding: 0 20px;}
	.intro3 .tabcontent .boxs{flex-direction: column;}
	.intro3 .tabcontent .boxs .box{border-top: 0; border-left: 1px solid #eee; padding-left: 25px; padding-top: 0;}
	.intro3 .tabcontent .boxs .box + .box{padding-top: 30px;}
	.intro3 .tabcontent .boxs .box:nth-child(1)::before{top: 0px; left: -4px;}
	.intro3 .tabcontent .boxs .box::before{top: 35px; left: -4px;}
	.intro3 .tabcontent .boxs .box .tit h3{font-size: 17px;}
	.intro3 .tabcontent .boxs .box .text p{font-size: 15px; padding-right: 0px;}
}
@media all and (max-width:500px){
	.intro3 .cont .l_cont .info .tel h4{font-size: 16px;}
	.intro3 .cont .l_cont .info .tel h3{font-size: 22px; margin-left: 4px;}
	.intro3 .cont .l_cont .info .adress h3{font-size: 16px;}
	.intro3 .cont .l_cont .info .adress p{font-size: 15px;}
	.intro3 .cont .l_cont .info .time h3{font-size: 16px;}
	.intro3 .cont .l_cont .info .time dl{font-size: 15px;}
}


/* intro4 */
.intro4 .slide_pic{margin-top: 30px;}
.intro4 .slide_pic .slide{border-radius: 10px; overflow: hidden;}
.intro4 .slide_pic .slide img{max-width: 100%;}
.intro4 .slide_thumb{margin-top: 10px;}
.intro4 .slide_thumb .slide{margin: 0 5px; border-radius: 5px; overflow: hidden;}
.intro4 .slide_thumb .slide img{max-width: 100%;}
.intro4 .slide_thumb .slick-arrow{background-color: #22372b; font-family: 'SUIT', sans-serif;}
.intro4 .tabcontent{display: none;}
.intro4 .tabcontent.on{display: block;}
.intro4 .tabs{margin-top: 40px; display: flex; justify-content: center; background-color: #f1f3f6; border-radius: 10px; padding: 8px 0;}
.intro4 .tabs li{line-height: 48px; color: #333; font-size: 18px; font-weight: 700; padding: 0 30px; border-radius: 4px; cursor: pointer;}
.intro4 .tabs li.on{ background-color: #fff; box-shadow: 2px 8px 12px rgba(0,0,0,0.06); color: #1b4075;}

@media all and (max-width:1280px){
	.intro4 .tabs{padding: 7px 0;}
	.intro4 .tabs li{line-height: 46px; font-size: 17px; padding: 0 27px;}
}
@media all and (max-width:1024px){
	.intro4 .slide_pic{margin-top: 25px;}
	.intro4 .tabs{margin-top: 35px; flex-wrap: wrap;}
	.intro4 .tabs li{line-height: 44px; width: 49%; text-align: center;}
}
@media all and (max-width:768px){
    .intro4 .m_txt p br{display: none;}
	.intro4 .tabs{padding: 6px 0;}
	.intro4 .tabs li{line-height: 42px; font-size: 16px; padding: 0 23px; width: 99%;}
}
@media all and (max-width:500px){
	.intro4 .slide_pic{margin-top: 20px;}
	.intro4 .tabs{margin-top: 30px;}
	.intro4 .tabs li{line-height: 40px;}
}


/* intro5 */
.intro5{}
.intro5 .s-inner{}
.intro5 .s-inner .map_box{}
.intro5 .s-inner .map_box .root_daum_roughmap .wrap_controllers{display: none;}
.intro5 .s-inner .map_box .root_daum_roughmap .cont{display: none;}
.intro5 .s-inner .map_info{margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-end;}
.intro5 .s-inner .map_info .l_cont{}
.intro5 .s-inner .map_info .l_cont .s_txt{}

.intro5 .map_bg{background-color: #f1f3f6; padding: 80px 0; margin-top: 80px;}

@media all and (max-width:1280px){
	.intro5 .s-inner .map_box .root_daum_roughmap .wrap_map{height: 480px !important;}
}
@media all and (max-width:1024px){
	.intro5 .s-inner .map_box .root_daum_roughmap .wrap_map{height: 420px !important;}
}
@media all and (max-width:768px){
	.intro5 .s-inner .map_box .root_daum_roughmap .wrap_map{height: 360px !important;}
	.intro5 .s-inner .map_info{margin-top: 20px; flex-direction: column; align-items: flex-start; gap:30px;}
	.intro5 .map_bg{margin-top: 60px; padding-top: 60px;}
}
@media all and (max-width:500px){
	.intro5 .s-inner .map_box .root_daum_roughmap .wrap_map{height: 300px !important;}
}


/* clinic */
.clinic{}
.clinic .tab{display: flex; justify-content: center; gap:0 30px; margin-bottom: 60px;}
.clinic .tab li{}
.clinic .tab li.on{}
.clinic .tab li a{font-size: 18px; font-weight: 700; color: #666;}
.clinic .tab li.on a{color: #1b4075; border-bottom: 2px solid #1b4075;}

.clinic .fullimg{margin-bottom: 80px;}


.clinic .bg_txt{background: url(/images/sub/bg_txt_bg.webp) no-repeat center center / cover; padding: 160px 0; text-align: center;}
.clinic .bg_txt .txt{color: #fff;}
.clinic .bg_txt .txt h3{font-size: 42px; margin-bottom: 30px;}
.clinic .bg_txt .txt h3 span{color: #eabe8b;}
.clinic .bg_txt .txt p{line-height: 1.6em; font-size: 28px; font-weight: 600; word-break: keep-all;}
.clinic .bg_txt .txt p span{color: #eabe8b;}
br.br786{display: none;}

@media all and (max-width:1280px){
    .clinic .bg_txt{padding: 140px 0;}
    .clinic .bg_txt .txt h3{font-size: 37px;}
    .clinic .bg_txt .txt p{ font-size: 25px;}
}
@media all and (max-width:980px){
    .clinic .bg_txt{padding: 120px 0;}
    .clinic .bg_txt .txt h3{font-size: 32px;}
    .clinic .bg_txt .txt p{font-size: 22px;}
}
@media all and (max-width:786px){
    .clinic .bg_txt{padding: 100px 0;}
    br.br786{display: block;}
    .clinic .bg_txt .txt h3{font-size: 30px;}
    .clinic .bg_txt .txt p{font-size: 20px;}
}
@media all and (max-width:480px){
    .clinic .bg_txt{padding: 80px 0;}
    br.br786{display: block;}
    .clinic .bg_txt .txt h3{font-size: 27px;}
    .clinic .bg_txt .txt p{font-size: 18px;}
}


.clinic .check{display: grid; grid-template-columns: repeat(2, 1fr); gap:50px 30px;}
.clinic .check li{display: flex; align-items: center; gap:30px; width: 100%;}
.clinic .check .img{width: 100%; border-radius: 10px; overflow: hidden;}
.clinic .check .img img{max-width: 100%;}
.clinic .check .txt{width: 100%;}
.clinic .check .txt h3{color: #1b4075; font-size: 24px; margin-bottom: 15px;}
.clinic .check .txt p{font-size: 18px; word-break: keep-all; line-height: 1.5em; color: #555;}


@media all and (max-width:1280px){
    .clinic .check .txt h3{font-size: 20px;}
    .clinic .check .txt p{font-size: 16px;}
}

@media all and (max-width:980px){
    .clinic .check{grid-template-columns: repeat(1, 1fr);}
}



.clinic .process{display: flex; justify-content: space-between;}
.clinic .process li{text-align: center; position: relative; width: 100%;}
.clinic .process li::after{content: '→'; font-family: 'SUIT', sans-serif; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; color: #000; font-weight: 700;}
.clinic .process li:last-child::after{display: none;}
.clinic .process li .icon{margin-bottom: 25px;}
.clinic .process li .icon img{max-width: 100%;}
.clinic .process li .txt{}
.clinic .process li .txt .num{color: #1b4075; font-size: 20px; font-weight: 700;}
.clinic .process li .txt p{font-size: 20px; color: #000; word-break: keep-all; line-height: 1.4em; margin-top: 10px;}

@media all and (max-width:1280px){
    .clinic .process li::after{right: -10px;}
    .clinic .process li .txt p{font-size: 17px;}
}
@media all and (max-width:980px){
    .clinic .process{flex-wrap: wrap; gap: 20px 0;}
    .clinic .process li{width: calc(100%/3);}
    .clinic .process li:nth-child(3)::after{display: none;}
    .clinic .process li:nth-child(4):before{content: '→'; font-family: 'SUIT', sans-serif; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px; color: #000; font-weight: 700;}
}
@media all and (max-width:680px){
    .clinic .process{gap: 30px 0;}
    .clinic .process li{width: calc(100%/2);}
    .clinic .process li:nth-child(2n)::after{display: none;}
    .clinic .process li:nth-child(3)::after{display: block;}
    .clinic .process li:nth-child(4):before{display: none;}
    .clinic .process li .txt p{font-size: 16px;}
}



.clinic table.tb-style1{width: 100%; font-size: 17px; line-height: 48px;}
.clinic table.tb-style1 thead tr th{background-color: #1b4075; color: #fff;}
.clinic table.tb-style1 thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
.clinic table.tb-style1 tbody tr th{border-bottom: 1px solid #ddd; color: #222; font-weight: 600; background-color: #e8edf5;}
.clinic table.tb-style1 tbody tr td{text-align: center;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff;}
.clinic table.tb-style1 tbody tr td.on{background-color: #f0f3f8; color: #1b4075;}

@media all and (max-width:1280px){
    .clinic table.tb-style1{font-size: 16px;}
}
@media all and (max-width:980px){
    .clinic table.tb-style1{line-height: 25px;}
    .clinic table.tb-style1 thead tr th{padding: 20px 10px;}
    .clinic table.tb-style1 tbody tr td, .clinic table.tb-style1 tbody tr th{padding: 20px 10px;}
}
@media all and (max-width:480px){
    .clinic table.tb-style1{font-size: 15px;}
}



.clinic .tabcontent{padding-top: 30px;}
.clinic .tabcontent .boxs{display: flex;justify-content: space-between;}
.clinic .tabcontent .boxs .box{width: 100%; position: relative; padding-top: 30px; border-top: 1px solid #eee;}
.clinic .tabcontent.color .boxs .box{border-top: 1px solid #ccc;}
.clinic .tabcontent .boxs .box::before{content: ''; position: absolute; top: -4px; left: 0; width: 8px; height: 8px; border-radius: 100%; background-color: #eabe8b;}
.clinic .tabcontent.color .boxs .box::before{background-color: #1b4075;}
.clinic .tabcontent .boxs .box .tit{}
.clinic .tabcontent .boxs .box .tit h4{color: #eabe8b; font-weight: 600; font-size: 16px;}
.clinic .tabcontent.color .boxs .box .tit h4{color: #1b4075;}
.clinic .tabcontent .boxs .box .tit h3{margin-top: 10px; font-size: 20px; font-weight: 700; color: #fff;}
.clinic .tabcontent.color .boxs .box .tit h3{color: #000;}
.clinic .tabcontent .boxs .box .text{margin-top: 20px;}
.clinic .tabcontent .boxs .box .text p{font-size: 17px; color: #eee; font-weight: 300; line-height: 1.6em; word-break: keep-all; padding-right: 30px;}
.clinic .tabcontent.color .boxs .box .text p{color: #666;}

@media all and (max-width:1280px){
	.clinic .tabcontent{padding-top: 20px;}
	.clinic .tabcontent .boxs .box{padding-top: 25px;}
	.clinic .tabcontent .boxs .box .tit h3{font-size: 18px;}
	.clinic .tabcontent .boxs .box .text{margin-top: 10px;}
	.clinic .tabcontent .boxs .box .text p{font-size: 16px; padding-right: 15px;}
}
@media all and (max-width:768px){
	.clinic .tabcontent{padding-top: 15px;}
	.clinic .tabcontent .boxs{flex-direction: column;}
	.clinic .tabcontent .boxs .box{border-top: 0; border-left: 1px solid #eee; padding-left: 25px; padding-top: 0;}
	.clinic .tabcontent .boxs .box + .box{padding-top: 30px;}
	.clinic .tabcontent .boxs .box:nth-child(1)::before{top: 0px; left: -4px;}
	.clinic .tabcontent .boxs .box::before{top: 35px; left: -4px;}
	.clinic .tabcontent .boxs .box .tit h3{font-size: 17px;}
	.clinic .tabcontent .boxs .box .text p{font-size: 15px; padding-right: 0px;}
}


.clinic .progress{display: flex; margin-top: 50px;}
.clinic .progress li{width: 100%;}
.clinic .progress li .gage{height: 64px; width: 100%; text-align: center; line-height: 64px;}
.clinic .progress li .gage.gage1{background-color: #eabe8b;}
.clinic .progress li .gage.gage2{background-color: #476988;}
.clinic .progress li .gage.gage3{background-color: #1b4075;}
.clinic .progress li .gage p{color: #fff; font-size: 24px; font-weight: 700;}
.clinic .progress li .txt{padding-top: 20px;}
.clinic .progress li:nth-child(1){border-left: 2px solid #eabe8b;}
.clinic .progress li:nth-child(2){border-left: 2px solid #476988;}
.clinic .progress li:nth-child(3){border-left: 2px solid #1b4075;}
.clinic .progress li .txt p{padding-left: 30px; font-size: 19px; line-height: 1.5em; word-break: keep-all; color: #222; font-weight: 300;}

@media all and (max-width:1280px){
    .clinic .progress{margin-top: 40px;}
    .clinic .progress li .gage p{font-size: 22px;}
    .clinic .progress li .txt p{font-size: 18px;}
}
@media all and (max-width:980px){
    .clinic .progress{flex-wrap: wrap;}
    .clinic .progress li .txt{padding: 30px 0;}
    .clinic .progress li .txt p{padding: 0 10px 0 20px;}
}
@media all and (max-width:768px){
    .clinic .progress{margin-top: 30px;}
    .clinic .progress li .gage{height: 50px; line-height: 50px;}
    .clinic .progress li .gage p{font-size: 20px;}
    .clinic .progress li .txt p{font-size: 16px;}
}


.clinic .clinic_top{position: relative; width: 100%; height: 520px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.clinic.clinic1-1 .clinic_top{background-image: url(/images/sub/clinic1-1_top.webp);}
.clinic.clinic1-2 .clinic_top{background-image: url(/images/sub/clinic1-2_top.webp);}
.clinic.clinic2-1 .clinic_top{background-image: url(/images/sub/clinic2-1_top.webp);}
.clinic.clinic2-2 .clinic_top{background-image: url(/images/sub/clinic2-2_top.webp);}
.clinic.clinic2-3 .clinic_top{background-image: url(/images/sub/clinic2-3_top.webp);}
.clinic.clinic2-4 .clinic_top{background-image: url(/images/sub/clinic2-4_top.webp);}
.clinic.clinic3-1 .clinic_top{background-image: url(/images/sub/clinic3-1_top.png);}
.clinic.clinic3-2 .clinic_top{background-image: url(/images/sub/clinic3-2_top.png);}
.clinic.clinic4-1 .clinic_top{background-image: url(/images/sub/clinic4-1_top.png);}
.clinic.clinic4-2 .clinic_top{background-image: url(/images/sub/clinic4-2_top.png);}
.clinic.clinic4-3 .clinic_top{background-image: url(/images/sub/clinic4-3_top.webp);}
.clinic.clinic4-3-2 .clinic_top{background-image: url(/images/sub/clinic4-3-2_top.webp);}
.clinic.clinic4-4 .clinic_top{background-image: url(/images/sub/clinic4-4_top.webp);}
.clinic.clinic4-4-2 .clinic_top{background-image: url(/images/sub/clinic4-4-2_top.webp);}
.clinic.clinic4-4-3 .clinic_top{background-image: url(/images/sub/clinic4-4-3_top.webp);}
.clinic.clinic4-4-4 .clinic_top{background-image: url(/images/sub/clinic4-4-4_top.webp);}
.clinic.clinic4-5 .clinic_top{background-image: url(/images/sub/clinic4-5_top.webp);}
.clinic.clinic4-5-2 .clinic_top{background-image: url(/images/sub/clinic4-5-2_top.webp);}
.clinic.clinic4-5-3 .clinic_top{background-image: url(/images/sub/clinic4-5-3_top.webp);}
.clinic.clinic4-5-4 .clinic_top{background-image: url(/images/sub/clinic4-5-4_top.webp);}
.clinic.clinic4-6 .clinic_top{background-image: url(/images/sub/clinic4-6_top.webp);}
.clinic.clinic4-6-2 .clinic_top{background-image: url(/images/sub/clinic4-6-2_top.webp);}
.clinic.clinic4-6-3 .clinic_top{background-image: url(/images/sub/clinic4-6-3_top.webp);}
.clinic.clinic4-6-4 .clinic_top{background-image: url(/images/sub/clinic4-6-4_top.webp);}
.clinic.clinic4-7 .clinic_top{background-image: url(/images/sub/clinic4-7_top.webp);}
.clinic.clinic4-7-2 .clinic_top{background-image: url(/images/sub/clinic4-7-2_top.webp);}
.clinic.clinic4-7-3 .clinic_top{background-image: url(/images/sub/clinic4-7-3_top.webp);}
.clinic.clinic4-7-4 .clinic_top{background-image: url(/images/sub/clinic4-7-4_top.webp);}
.clinic.clinic5-1 .clinic_top{background-image: url(/images/sub/clinic5-1_top.png);}
.clinic .clinic_top .s-inner{height: 100%; display: flex; align-items: flex-end;}
.clinic .clinic_top .s-inner .txt{padding-bottom: 100px;}
.clinic .clinic_top .s-inner .txt h3{font-size: 56px; color: #fff;}


@media all and (max-width:1280px){
    .clinic .clinic_top{height: 400px;}
    .clinic .clinic_top .s-inner .txt{padding-bottom: 80px;}
    .clinic .clinic_top .s-inner .txt h3{font-size: 45px;}
}
@media all and (max-width:768px){
    .clinic .clinic_top{height:380px;background-position: 80% 50%;}
    .clinic .clinic_top .s-inner .txt{padding-bottom: 60px;}
    .clinic .clinic_top .s-inner .txt h3{font-size: 40px;}
}
@media all and (max-width:480px){
    .clinic .clinic_top{height:300px;}
    .clinic .clinic_top .s-inner .txt{padding-bottom: 40px;}
    .clinic .clinic_top .s-inner .txt h3{font-size: 32px;}
}


.clinic_box{padding: 100px 0;}
.bg .clinic_box{padding: 80px 0;}
.bg2 .clinic_box{padding: 120px 0;}
.clinic_box.flex{display: flex;}
.clinic_box .l_cont{margin-bottom: 40px;}
.clinic_box.flex .l_cont{width: 384px; margin-bottom: 0;}
.clinic_box .l_cont h3{font-size: 32px; color: #222; margin-bottom: 30px;}
.bg2 .clinic_box .l_cont h3{color: #fff;}
.clinic_box .l_cont h3 span{color: #1b4075;}
.bg2 .clinic_box .l_cont h3 span{color: #fff;}
.clinic_box .l_cont p{font-size: 18px; color: #555555; line-height: 1.8em; font-weight: 300;}
.clinic_box .r_cont{}
.clinic_box.flex .r_cont{width: calc(100% - 384px);}
.clinic_box .r_cont .text{}
.clinic_box .r_cont .text p{font-size: 20px; color: #555555; line-height: 1.8em; word-break: keep-all;}

@media all and (max-width:1280px){
    .clinic_box{padding: 80px 0;}
    .bg2 .clinic_box{padding: 100px 0;}
    .clinic_box.flex{flex-wrap: wrap;}
    .clinic_box.flex .l_cont{width: 100%;}
    .clinic_box .l_cont h3{font-size: 28px;margin-bottom: 15px;}
    .clinic_box.flex .r_cont{width: 100%;}
    .clinic_box .r_cont .text p{font-size: 18px;}
    br.mo{display: none;}
    br.mo2{display: none;}
}
@media all and (max-width:768px){
    .clinic_box{padding: 60px 0;}
    .bg2 .clinic_box{padding: 80px 0;}
    .clinic_box .l_cont{margin-bottom: 30px;}
    .clinic_box .l_cont h3{font-size: 26px; margin-bottom: 10px;}
    .clinic_box .l_cont p{font-size: 16px;line-height: 1.6em;}
    .clinic_box .r_cont .text p{font-size: 16px;}
}
@media all and (max-width:480px){
    .bg2 .clinic_box{padding: 60px 0;}
    .clinic_box .l_cont{margin-bottom: 20px;}
    br.mo2{display: block;}
}

.clinic_box .r_cont .cause{display: flex; gap:10px;}
.clinic_box .r_cont .cause li{text-align: center; width: 100%;}
.clinic_box .r_cont .cause li .img{}
.clinic_box .r_cont .cause li .img img{max-width: 100%; border-radius: 100%; overflow: hidden;}
.clinic_box .r_cont .cause li p{font-size: 20px; color: #555555; margin-top: 20px;}


@media all and (max-width:1280px){
    .clinic_box .r_cont .cause{margin-top: 50px;}
    .clinic_box .r_cont .cause li p{font-size: 18px;}
}
@media all and (max-width:768px){
    .clinic_box .r_cont .cause{flex-wrap: wrap; gap: 30px 10px;}
    .clinic_box .r_cont .cause li{width: calc(100%/2 - 5px);}
}

.clinic_box .symptom{display: flex; align-items: center;}
.clinic_box .symptom .img{width: 51.5625%;}
.clinic_box .symptom .img img{max-width: 100%;}
.clinic_box .symptom ul{width:calc(100% - 51.5625%); padding-left: 120px;}
.clinic_box .symptom ul li{position: relative; font-size: 20px; color: #555555; word-break: keep-all; line-height: 1.6em; letter-spacing: -0.05em;}
.clinic_box .symptom ul li + li{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #e5e5e5; }
.clinic_box .symptom ul li::before{content: ''; position: absolute; width: 32px; height: 32px; display: inline-block; left: -50px; top: 20px; background: url(/images/sub/symtom_check.webp) no-repeat center center / cover;}
.clinic_box .symptom ul li:nth-child(1)::before{top: 0;}

@media all and (max-width:1280px){
    .clinic_box .symptom ul{padding-left: 80px;}
    .clinic_box .symptom ul li{font-size: 18px;}
}
@media all and (max-width:1080px){
    .clinic_box .symptom ul{padding-left: 60px;}
    .clinic_box .symptom ul li{font-size: 16px;}
    .clinic_box .symptom ul li::before{width: 22px; height: 22px; left: -35px; top: 22px;}
    .clinic_box .symptom ul li:nth-child(1)::before{top: 2px;}
}
@media all and (max-width:880px){
    .clinic_box .symptom{flex-wrap: wrap;}
    .clinic_box .symptom .img{width: 100%;}
    .clinic_box .symptom .img img{width: 100%;}
    .clinic_box .symptom ul{width:100%; margin-top: 40px;padding-left: 50px;}
}
@media all and (max-width:480px){
    .clinic_box .symptom ul{padding-left: 40px;}
    .clinic_box .symptom ul li::before{width: 18px; height: 18px; left: -30px; top: 24px;}
    .clinic_box .symptom ul li:nth-child(1)::before{top: 4px;}
}


.clinic_box .how{display: flex; gap:20px;}
.clinic_box .how li{border-radius: 15px; overflow: hidden; width: 100%;}
.clinic_box .how li .img{width: 100%; height: 240px;}
.clinic_box .how li .img img{width: 100%; height: 100%; object-fit: cover;}
.clinic_box .how li .txt{text-align: center; padding: 30px; background-color: #fff; height: 100%;}
.clinic_box .how li .txt h3{font-size: 24px; color: #1b4075; margin-bottom: 15px;}
.clinic_box .how li .txt p{font-size: 18px; color: #555555; line-height: 1.8em; letter-spacing: -0.05em; word-break: keep-all;}
.clinic_box .how li .txt p br{display: none;}


@media all and (max-width:1280px){
    .clinic_box .how li .txt h3{font-size: 22px;}
    .clinic_box .how li .txt p{font-size: 16px; line-height: 1.6em;}
}
@media all and (max-width:1080px){
    .clinic_box .how{flex-wrap: wrap;}
    .clinic_box .how li{width: calc(100%/2 - 10px);}
}
@media all and (max-width:768px){
    .clinic_box .how li{width: 100%;}
    .clinic_box .how li .txt{padding: 20px;}
}


.clinic_box .qna{}
.clinic_box .qna dt{font-size: 20px; color: #444444; letter-spacing: -0.05em; border: 1px solid #eeeeee; position: relative; padding: 25px 30px; padding-left: 80px; font-weight: 500;}
.clinic_box .qna dt::before{content: 'Q'; position: absolute; font-size: 24px; color: #1b4075; left: 30px; top: 26px; font-weight: 700;}
.clinic_box .qna dd{font-size: 18px; color: #555555; letter-spacing: -0.05em; background-color: #f1f3f6; padding: 25px 30px; word-break: keep-all; line-height: 1.6em;}

@media screen and (max-width:1280px){
    .clinic_box .qna{margin-top: 30px;}
    .clinic_box .qna dt::before{left: 20px; top: 20px;}
    .clinic_box .qna dt{padding-left: 55px; font-size: 18px;}
    .clinic_box .qna dd{font-size: 16px; padding: 20px 25px;}
}
@media screen and (max-width:780px){
    .clinic_box .qna{margin-top: 20px;}
}
@media screen and (max-width:480px){
    .clinic_box .qna dt::before{font-size: 20px;top: 17px;}
    .clinic_box .qna dt{font-size: 16px;padding: 20px 30px; padding-left: 50px;}
    .clinic_box .qna dd{font-size: 15px;}
}


.clinic_box .different{}
.clinic_box .different li{margin-right: 20px; width: 420px;}
.clinic_box .different li .img{width: 100%; height: 254px; border-radius: 20px; overflow: hidden; background-color: #000;} 
.clinic_box .different li .img img{width: 100%; height: 100%; object-fit: cover;}
.clinic_box .different li p{font-weight: 700; font-size: 22px; color: #222222; line-height: 1.6em; margin-top: 15px;}

@media screen and (max-width:1280px){
    .clinic_box .different{margin-top: 50px;}
}
@media screen and (max-width:780px){
    .clinic_box .different{margin-top: 30px;}
    .clinic_box .different li p{ font-size: 20px;}
}
@media screen and (max-width:480px){
    .clinic_box .different li p{ font-size: 18px; line-height: 1.4em;}
}


.clinic .bg{background-color: #f1f3f6;}
.clinic .bg2{background-color: #1b4075;}