@charset "utf-8";

.member textarea{font-family: 'Pretendard'; width: 100% !important; outline: none;}

.intro1_1{display: flex; align-items: center; justify-content: space-between;}
.intro1_1 .l_cont h4{font-weight: 500; font-size: 3.6rem; color: #000;}
.intro1_1 .l_cont h4 span{color: #0046ac; font-weight: 700;}
.intro1_1 .l_cont p{margin-top: 40px; line-height: 1.7em; font-size: 1.8rem;}
.intro1_1 .l_cont p b{font-size: 2.0rem; color: #000;}
@media all and (max-width:1439px){
    .intro1_1 .r_cont img{width: 100%;}
}
@media all and (max-width:1280px){
    .intro1_1 .l_cont h4{font-size: 2.7rem;}
    .intro1_1 .l_cont p{font-size: 1.7rem;}
}
@media all and (max-width:976px){
    .intro1_1{flex-direction: column-reverse;}
    .intro1_1 .r_cont img{max-width: 500px;}
    .intro1_1 .l_cont{width: 100%; margin-top: 30px;}
    .intro1_1 .l_cont h4{font-size: 3.4rem;}
}
@media all and (max-width:640px){
    .intro1_1 .l_cont h4{font-size: 3.2rem;}
}
@media all and (max-width:480px){
    .intro1_1 .l_cont{margin-top: 10px;}
    .intro1_1 .l_cont h4{font-size: 2.6rem;}
    .intro1_1 .l_cont p{margin-top: 25px;}
}
@media all and (max-width:380px){
    .intro1_1 .l_cont h4 br{display: none;}
}


.intro1_2{margin-top: 60px; padding: 120px 0; background: url('/images/sub/intro1-bg.webp')no-repeat center center/cover;}
.intro1_2 h4{font-size: 3.6rem; color: #fff;}
.intro1_2 ul{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}
.intro1_2 ul li{padding: 40px; width: calc(33.3333% - 20px); background-color: #fff;}
.intro1_2 ul li dl dt{padding-bottom: 10px; font-size: 2.0rem; font-weight: 600; color: #0046ac; border-bottom: 1px solid #0046ac; }
.intro1_2 ul li dl dd{padding: 10px 0; font-size: 1.8rem; color:#444444;}
@media all and (max-width:976px){
    .intro1_2{padding: 80px 0;}
    .intro1_2 ul li{width: calc(50% - 15px);}
}
@media all and (max-width:640px){
    .intro1_2{padding: 60px 0;}
    .intro1_2 ul li{width: 100%;}
}


.intro2 ul{display: flex; flex-wrap: wrap; gap: 30px;}
.intro2 ul li{width: calc((100% - 30px*2)/3);}
.intro2 ul li .img{position: relative; border-radius: 25px; overflow: hidden;}
.intro2 ul li img{width: 100%;}
.intro2 ul li .img:before{content: ''; width: 100%; height: 50%; left: 0; bottom: 0; position: absolute; background: linear-gradient(to top, #000000, transparent); opacity: 0.5; transition: all .5s;}
.intro2 ul li .img .tit{position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 20px; color: #fff; text-align: center; transition: all .5s;}
.intro2 ul li .img .tit p{font-size: 18px; color:#43d5ff; font-weight: 500;}
.intro2 ul li .img .tit h4{font-size: 30px;}
.intro2 ul li .txt{padding: 25px; font-size: 18px; line-height: 1.55em; text-align: center;}
.intro2 ul li a:hover .img:before{background: linear-gradient(to top, #0046ac, transparent); opacity: 1;}
.intro2 ul li a:hover .tit{transform: translate(-50%, -20px);}
.intro2 ul li a .tit:before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 105%; width: 20px; height: 20px; background:url('/images/sub/intro2_icon.webp')no-repeat center center/100% auto; opacity: 0; transition: all .5s;}
.intro2 ul li a:hover .tit:before{opacity: 1;}
@media all and (max-width:1280px){
    .intro2 ul li .img .tit h4{font-size: 24px;}
    .intro2 ul li .txt{font-size: 17px;}
}
@media all and (max-width:976px){
    .intro2 ul li{width: calc((100% - 20px*1)/2);}
    .intro2 ul li .img .tit h4{font-size: 30px;}
}
@media all and (max-width:767px){
    .intro2 ul li .img .tit h4{font-size: 24px;}
}
@media all and (max-width:640px){
    .intro2 ul li .img .tit h4{font-size: 20px;}
    .intro2 ul li .txt{font-size: 16px;}
}
@media all and (max-width:540px){
    .intro2 ul li{width: 100%;}
    .intro2 ul li .img .tit h4{font-size: 24px;}
}


.intro3_tit{margin-top: 70px; margin-bottom: 30px;}
.intro3_tit h3{font-size: 40px; color: #222;}

.intro2.intro3 {margin-top: 70px;}
.intro2.intro3 ul{justify-content: center;}
.intro2.intro3 ul li{width: calc((100% - 30px*3)/4);}

.intro3_1 .mis_txt{margin-top: 20px; font-size: 40px; color: #000; font-weight: 600; }
.intro3_1 .mis_t1{margin-top: 1em; color: #686868; opacity: 0.8;}

.intro3_2 ul{display: flex;}
.intro3_2 ul li{width: 33.3333%; height: 370px; display: flex; justify-content: center; align-items: center; background-size: cover; text-align: center; color: #fff;}
.intro3_2 ul li:nth-child(1){background-image: url('/images/sub/intro3_img1.webp');}
.intro3_2 ul li:nth-child(2){background-image: url('/images/sub/intro3_img2.webp');}
.intro3_2 ul li:nth-child(3){background-image: url('/images/sub/intro3_img3.webp');}
.intro3_2 ul li div .eng{margin-bottom: 0.5em; font-size: 18px; font-weight: 600; opacity: 0.3; letter-spacing: 0;}
.intro3_2 ul li div .han{font-size: 27px; line-height: 1.3em;}

.intro3_3 .logo_wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url('/images/sub/intro3_img7.webp')repeat; border:1px solid #ddd;}

.intro3_3 ul.ul-cont { display:flex; flex-wrap:wrap}
.intro3_3 ul.ul-cont li.tit {width:200px; font-size:2.6rem; border-top:2px solid #222; color:#222; 
								padding:30px 20px; font-weight: 500;  color:#143f74}
.intro3_3 ul.ul-cont li.cont {width:calc(100% - 200px); font-size:1.8rem;  border-top:1px solid #222; padding:30px; }

.subject_effect ul.ul-cont li.tit{width: 350px;}
.subject_effect ul.ul-cont li.cont{width:calc(100% - 350px);}

.intro3_4{margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: center; font-size:3rem; gap: 36px; font-weight: 700; color: #333;}
.intro3_4 p{height: 140px; padding: 20px; text-align: center; display: flex; justify-content: center; align-items: center;}
.intro3_4 p span{display: inline-block; position: relative;;}
.intro3_4 p span:before{content: ''; width: 120%; height: 3px; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); background-color: #333;}

@media all and (max-width:1280px){
    .intro3_1 .mis_txt{font-size: 30px;}
    .intro2.intro3 ul li{width: calc((100% - 20px*2)/3);}
    .intro3_2 ul li div .han{font-size: 24px;}
}
@media all and (max-width:976px){
    .intro3_2 ul{flex-wrap: wrap;}
    .intro3_2 ul li{width: 50%;}
    .intro3_2 ul li:nth-child(3){width: 100%;}

    .intro3_4{gap:30px 60px; }
    .intro3_4 p{width: auto; height: auto; font-size: 2rem;}
    .intro3_4 p span{white-space: nowrap;}
}
@media all and (max-width:767px){
    .intro3_1 .mis_txt{word-break: keep-all; font-size: 26px;}
    .intro3_1 .mis_txt span{word-break: keep-all;}
    .intro3_1 .mis_txt br{display: none;}
    .intro3_1 .mis_t1{padding-inline:5%;}
    .intro2.intro3 ul li{width: calc((100% - 20px*1)/2);}
    .intro3_3 .logo_wrap img{width: 60%;}
    .intro3_2 ul li{width: 100%;}
    .intro3_3 ul.ul-cont li.tit{width: 100%;}
    .intro3_3 ul.ul-cont li.cont {width: 100%;border-top: 0;padding: 0 1em 1em;}

    .intro3_4{margin-top: 20px; gap: 0;}
    .intro3_4 p{width: 100%; padding: 10px;}
}
@media all and (max-width:480px){
    .intro2.intro3 ul li{width: 100%;}
    .intro3_3 .logo_wrap{height: 200px;}
}





#dotList li {position:relative; border-bottom:1px dashed #e9e9e9}
#dotList li:before {content:''; width:3px; height:3px; border-radius:5pc; background:#143f74; 
						position:absolute; left:0; top:0.6em}
#dotList li p {padding-left:10px; margin:0.5em 0; font-size:1.8rem;}

#dotList.c_box li p{font-size: 16px;}


.info_top{width: 100%; display: flex; align-items: center; background-color: #f7f7f7;}
.info_top .img{padding-left: 40px;}
.info_top .img img{}
.info_top .txt{padding:50px; padding-right: 70px; position: relative; width: 100%;}
.info_top .txt div h3{font-size: 40px; color: #222;}
.info_top .txt div p.t1{margin-top: 20px; font-size: 17px; line-height: 1.6em; word-break: keep-all;}
.info_top .txt div .dotlist{margin-top: 30px;}
.info_top .txt div .dotlist li{position: relative; padding-left: 10px; margin-bottom: 4px; font-size: 16px;}
.info_top .txt div .dotlist li:before{position: absolute; content: ''; left: 0; top:6px; width: 3px; height: 3px; background-color: #0046ac; border-radius: 50%;}
.info_top .txt div .dotlist li strong{margin-right: 7px;}
.info_top .txt div a{position: absolute; right: 0; bottom: 0; padding:1.5em 2em; background-color: #0046ac; color: #fff; font-weight: 600; display: flex; justify-content: space-between; gap: 20px;}
@media all and (max-width:1280px){
    .info_top .img{overflow: hidden; width: 50%;}
    .info_top .txt{width: 50%;}
}
@media all and (max-width:976px){
    .info_top{flex-wrap: wrap; padding: 50px;}
    .info_top .img{padding-left: 0px; width: 100%;}
    .info_top .img img{width: 100%;}
    .info_top .txt{margin-top: 30px; padding: 0; width: 100%;}
    .info_top .txt div h3{font-size: 30px;}
    .info_top .txt div a{position: static; padding: 1em; margin-top: 30px; display: inline-flex;}
}
@media all and (max-width:767px){
    .info_top{padding: 30px;}   
    #dotList.c_box li p{font-size: 14px;}

}
@media all and (max-width:480px){
    .info_top{padding: 20px;}   
}


.info_tit{margin-top: 70px;}
.info_tit h3{font-size: 40px; color: #222;}

.info_proc{display: flex; justify-content: center;}
.info_proc li{padding: 2% 3%; position: relative; text-align: center;}
.info_proc li+li:before{content: '→'; position: absolute; right: 100%; top: 50%; transform: translate(50%, -50%); color: #00b4dd; font-size: 18px; font-weight: 500;}
.info_proc li .img{display: inline-block; background-color: #f2fcff; border-radius: 50%; overflow: hidden;}
.info_proc li .txt{margin-top: 10px; display: flex; justify-content: center; font-size: 18px;}
.info_proc li .txt .num{color: #00b4dd; margin-right: 5px;}
.info_proc li .txt p{font-weight: 600;}

.info_linebox{padding: 30px; border:10px solid #f0f6fa;}
.info_linebox .rd{font-size: 18px; color: #e51717;}
.info_linebox .dashlist + .rd{margin-top: 10px;}
.info_linebox .t1{line-height: 1.8em; font-size: 17px;}
.info_linebox .t1 b{color: #e51717; font-weight: 500;}
.info_linebox .t2{line-height: 1.8em; font-size: 20px; font-weight: bold;}
.info_proc + .info_linebox{margin-top: 60px;}
.info_tit + .info_linebox{margin-top: 30px;}
.info_linebox.subject{padding: 20px;}

.dashlist{}
.dashlist li{position: relative; padding-left: 0.8em; line-height: 1.3em; margin-bottom: 7px; font-size: 17px;}
.dashlist li:last-child{margin-bottom: 0;}
.dashlist li:before{content: ''; position: absolute; top: 0.6em; left: 0; width: 6px; height: 1px; background-color: #686868;}

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

}
@media all and (max-width:976px){
    .info_tit{margin-top: 35px;}
    .info_tit h3{font-size: 30px;}
    .info_proc li img{width: 100px;}
    .info_proc li .txt{font-size: 15px;}
    .info_linebox{padding: 15px;}
    .info_linebox .rd{font-size: 17px;}
    .info_proc + .info_linebox{margin-top: 30px;}
    .info_tit + .info_linebox{margin-top: 20px;}
    .info_linebox .t1{font-size: 16px;}

}
@media all and (max-width:767px){
    .info_proc{flex-wrap: wrap;}
    .info_linebox .t1{font-size: 15px;}
    .dashlist li{font-size: 15px;}

}
@media all and (max-width:480px){
    .info_proc li img{width: 80px;}
    .info_proc li .txt{font-size: 14px;}
    .info_linebox .rd{font-size: 16px;}
}




#sMap .map_border{display: none;}
#sMap .wrap_controllers {display: none;}

.map_info .top{padding: 50px 70px;}
.map_info .top ul{display: flex; flex-wrap: wrap; gap: 40px;}
.map_info .top ul li{width: calc(50% - 20px);}
.map_info .top ul li strong{font-size: 30px; color: #222;}
.map_info .top ul li p{margin-top: 3px; font-size: 22px; color: #4b4b4b;}
.map_info .btm{padding: 50px 70px 0; border-top:4px solid #f9f9f9;}
.map_info .btm dl{padding-bottom: 40px; border-bottom: 1px dotted rgba(41,41,41,0.19);}
.map_info .btm dl:not(:first-child){padding-top: 40px;}
.map_info .btm dl:last-child{border-bottom: 0; padding-bottom: 0;}
.map_info .btm dl dt{margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #000;}
.map_info .btm dl dt span{font-weight: 400;}
.map_info .btm dl dd:has(.time){display: flex; flex-wrap: wrap;}
.map_info .btm dl dd ul.time{width: 50%;}
.map_info .btm dl dd ul.time li{margin-bottom: 10px; display: flex; font-size: 18px; color: #2b2b2b;}
.map_info .btm dl dd ul.time li:last-child{margin-bottom: 0;}
.map_info .btm dl dd ul.time li .tit{width: 115px;}
.map_info .btm dl dd ul.way{display: flex; flex-wrap: wrap; margin-left: -15px;}
.map_info .btm dl dd ul.way li{position: relative; padding:0 15px; margin-bottom: 8px;}
.map_info .btm dl dd ul.way li p{ padding: 8px 24px; font-size: 18px; color: #555; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 50px;}
.map_info .btm dl dd ul.way li::before{content:'→'; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); color:#000; font-size: 18px; opacity: 0.5;}
.map_info .btm dl dd ul.way li:last-child:before{display: none;}
/* .map_info .btm dl dd ul.way li:first-child{padding-left: 0; } */
.map_info .btm dl dd ul.way li:first-child p{background-color: #0046ac; color: #fff;}
.map_info .btm dl dd ul.way:nth-child(2){margin-top: 10px;}
@media all and (max-width:976px){
    .map_info .top{padding: 50px 35px;}
    .map_info .btm{padding: 35px 35px 0;}
    .map_info .btm dl dd ul.way li p{font-size: 16px; padding: 7px 20px;}
}
@media all and (max-width:767px){
    #sMap .wrap_map{height: 400px !important;}
    .map_info .top{padding: 20px;}
    .map_info .btm{padding: 20px 20px 0;}
    .map_info .top ul li{width: 100%;}
    .map_info .top ul li strong{font-size: 24px;}
    .map_info .top ul li p{font-size: 18px;}
    .map_info .btm dl dd ul.time{width: 100%;}
    .map_info .btm dl dd ul.time:nth-child(2){margin-top: 10px;}
    .map_info .btm dl dd ul.way{margin-left: -10px;}
    .map_info .btm dl dd ul.way li{padding: 0 10px;}
    .map_info .btm dl dd ul.way li p{font-size: 15px; padding: 6px 15px;}
    .map_info .btm dl dd ul.way li::before{font-size: 14px;}
}
@media all and (max-width:480px){
    .map_info .top{padding: 30px 0;}
    .map_info .btm{padding: 30px 0 0;}
    .map_info .btm dl dd ul.way li p{font-size: 14px; padding: 4px 12px;}
}


.info4_list{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;}
.info4_list li{padding:30px; width: calc(50% - 25px); background-color: #f8f8f8; border:1px solid #ddd;}
.info4_list li dl{display: flex; align-items: flex-end; color: #222;}
.info4_list li dl dt{font-size: 40px; font-weight: 700;}
.info4_list li dl dd{font-size: 18px; margin-bottom: 7px; margin-left: 14px;}
.info4_list li img{width: 100%;;}




#history_top { color:#fff; width: 100%; height: 480px; position: relative; display: table; padding: 0 5%; max-width: 1400px; margin: 0 auto;
    background: url("/images/sub/history_top.jpg") no-repeat center; background-size: cover; }
#history_top dl { display: table-cell; vertical-align: middle; }
#history_top dl dt { font-size: 6rem; font-weight: 700; font-family: 'Poppins'; }
#history_top dl dd { font-size: 1.8rem; line-height: 1.8em; }

@media all and (max-width:976px) {
#history_top { height: 38vw; }
#history_top dl dt { font-size: 4rem;}
#history_top dl dd { font-size: 1.6rem; line-height: 1.4em; }
}

@media all and (max-width:767px) {
#history_top { height: 45vw; }
#history_top dl dt { font-size: 3rem;}
}

@media all and (max-width:400px) {
    #history_top dl dd br{display: none;}
}


#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e9e9e9; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 30px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #0046ac; font-size: 6rem; position: relative;
            line-height: 1.0em; font-weight: 600; margin-bottom: 0.5em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px;
                        border-radius: 100%; background: #0046ac; border: 6px solid #bff3ff; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #00b4dd; z-index:1;
                      position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl { margin-bottom: 1.5em; font-size: 1.8rem; }
/*#history li .txt dl dt { width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 600; line-height: 1.5em; } */
#history li .txt dl dd {width:100%; display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }

#history li:nth-child(even) dt { float: right; }

#history li .txt img{width: 100%;}

@media all and (max-width:976px) {
    #history li .txt h4 {font-size: 3rem;}

}
@media all and (max-width:767px) {
#history li .txt { padding: 2% 0 2% 40px; }
#history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

#history li .txt h4::after { width: 30px; }
#history li .txt h4::before,
#history li .txt h4::after { left: -40px; }
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
#history::before { left: 8px; margin-left:0;}
#history li .txt { width: 100%; padding: 2% 0 2% 40px; }
#history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
#history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
#history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }
}




.c_box2{display: flex; gap:30px; }
.c_box2.col4{flex-wrap: wrap;}
.c_box2 li{width: 100%;}
.c_box2.col4 li{width: calc(100% /4 - 90px /4);}
.c_box2 li .img{}
.c_box2 li .img img{width: 100%;}
.c_box2 li .txt{padding: 20px; border: 1px solid #eee;}
.c_box2 li .txt h3{font-size: 22px; color:#005f9f; margin-bottom: 10px;}
.c_box2 li .txt p{font-size: 17px; color: #666; line-height: 1.5em;} 

@media all and (max-width:1439px){
	.c_box2 li .txt h3{font-size: 20px; margin-bottom: 8px;}
	.c_box2 li .txt p{font-size: 17px;}
}
@media all and (max-width:1280px){
	.c_box2{gap:20px;flex-wrap: wrap;}
	.c_box2 > li{width: calc(50% - 20px /2);}
	.c_box2.col4 li{width: calc(100% /2 - 20px /2);}
	.c_box2 li .txt h3{font-size: 19px; margin-bottom: 7px;}
}
@media all and (max-width:640px){
	.c_box2 li{width: 100%;}
	.c_box2.col4 li{width: 100%;}
	.c_box2 li .img img{width: 100%;}
	.c_box2 li .txt h3{font-size: 18px; margin-bottom: 6px;}
	.c_box2 li .txt p{font-size: 16px;} 
}



#halfNum {background-repeat:no-repeat;  background-position:left top; overflow:hidden; background-size:auto 100%; }
#halfNum.subject3 {background-image: url('/images/sub/halfnum-subject3.jpg'); }
#halfNum #contWrap {float:right; width:50%; background:#FFF; padding:3em; /*border:10px solid #f1f9fd;*/}
#halfNum #contWrap ul li { padding:1.5em 0; border-bottom:1px dashed #e9e9e9;
									position:relative; counter-increment: number; }
#halfNum #contWrap ul li:before {content: counter(number, decimal-leading-zero);  width:50px;  line-height:50px; color:#FFF; 
										background:#143f74; text-align:center; position:absolute; left:0; top:50%; margin-top:-25px; 
										font-family:'Roboto'; font-size:2.2rem; font-weight:700}
#halfNum #contWrap ul li p {padding-left:70px; font-size:1.8rem; }

@media all and (max-width:1280px){
	#halfNum {background-size: auto 100%}
	#halfNum #contWrap { padding:2em;}
	#halfNum #contWrap ul li { padding:1em 0; }
	#halfNum #contWrap ul li:before { width:40px; line-height:40px; margin-top:-20px; font-size:2.0rem }
	#halfNum #contWrap ul li p {padding-left:60px;}
}
@media all and (max-width:1024px){
	#halfNum {background-size:100% auto}
	#halfNum #contWrap {margin-top:55vw; width:100%; /*border-width:5px*/}
}
@media all and (max-width:480px){
	#halfNum #contWrap { padding:1em;}
}

.subject_effect img{max-width: 100%;}

.medi_top.subject .s-inner h3 .br767{display: none;}
@media all and (max-width:767px){
.medi_top.subject .s-inner h3 .br767{display: block;}
}


#sDoctor{position: relative;}
#sDoctor:not(:first-child){margin-top: 100px;}
#sDoctor:before{width: 100%; position: absolute; left: 0; bottom: 0; content: ''; height: calc(100% - 100px); background-color: #85afd567;}
#sDoctor .s-inner{display: flex; padding-bottom: 100px;}
#sDoctor .img{width: 420px;}
#sDoctor .img img{border-radius: 0 0 0 90px; max-width: 100%;}
#sDoctor .img .name{padding-right: 20px; text-align: right; font-size: 2.8rem; font-weight: 700; color: #111;}
#sDoctor .img .name span{font-weight: 500;}
#sDoctor .img .name p{padding: 1em 0 0.5em; color: #0046ac; font-size: 1.9rem;}
#sDoctor .txt{width: calc(100% - 420px);}
#sDoctor .txt .inbox{padding: 80px 70px; background-color: #fff; border:10px solid #ecf3f9;}
#sDoctor .txt .inbox + .inbox{margin-top: 30px;}
#sDoctor .txt .inbox .greeting{line-height: 1.8em;}
#sDoctor .txt .inbox .greeting span{color: #0046ac;}
#sDoctor .txt h4{display: flex; align-items: center; gap: 5px; position: relative; margin-bottom: 0.6em; font-size: 2.2rem; color: #111;}
/* #sDoctor .txt h4 span{color: #0046ac;} */
/* #sDoctor .txt h4:before{content: ''; position: absolute; left: 0; top: -25px; width: 30px; height: 3px; background-color: #00b4dd;} */
#sDoctor .txt h4:not(:first-child){margin-top: 90px;}
#sDoctor .txt ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
#sDoctor .txt ul li{width: 48%; padding: 10px 0; border-bottom: 1px dashed #ddd;}
#sDoctor .txt ul.w100 li{width: 100%;}
#sDoctor .txt ul li p{display: flex;}
#sDoctor .txt ul li p .auth{font-size: 12px; opacity: 0.6;}
@media all and (max-width:1280px){
    #sDoctor .txt ul li{width: 100%;}
    #sDoctor .txt .inbox{ padding: 30px;}
}
@media all and (max-width:976px){
    #sDoctor .s-inner{flex-wrap: wrap;}
    #sDoctor .img{text-align: center; width: 100%;}
    #sDoctor .img .name{text-align: center;}
    #sDoctor .txt{margin-top: 30px; width: 100%;}
}
@media all and (max-width:640px){
    #sDoctor .txt{margin-top: 20px;}
    #sDoctor .txt .inbox{ padding: 20px;}
}



#roomTop{margin-bottom: 60px; position: relative;}
#roomTop .bg{width: 100%; height: 29.167vw; background-position: left center; background-size: 100% auto;}
#roomTop.room1 .bg{background-image: url('/images/sub/room1_img1.webp');}
#roomTop .txt{position: absolute; right: 10%; top: 50%; transform: translateY(-50%); color: #fff; border-left: 2px solid #fff; padding-left: 30px;}
#roomTop .txt h3{margin-top: -10px; font-size: 32px; font-weight: 500; line-height: 1.5em;}
#roomTop .txt p{margin-top: 1em; font-size: 16px; opacity: 0.8;}
#roomTop .txt p br{display: none;}


.room_imgs{margin-bottom: 100px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.room_imgs li{width: 49.5%;}
.room_imgs li img{width: 100%;}


@media all and (max-width:976px){
    #roomTop .bg{height: 34vw;}
    #roomTop .txt h3{font-size: 24px;}
    #roomTop .txt p br{display: block;}
}
@media all and (max-width:640px){
    #roomTop{margin-bottom: 50px;}
    #roomTop .txt{margin-top: 20px; padding-left: 15px; position: static; transform: none; color: #222; border-color: #0046ac;}
    #roomTop .txt h3{margin-top: 0; color: #0046ac; font-size: 22px;}

    .room_imgs{margin-bottom: 50px;}
    .room_imgs li{width: 100%;}
    .room_imgs li + li{margin-top: 10px;}
}


.visit4 .accordion-content { display: none;}
/* .visit4 .accordion-item:first-child .accordion-content {display: block;} */
.visit4 .accordion-header{width: 100%; padding: 30px 40px; border-top: 2px solid #222; color: #222; font-size: 18px; text-align: left; display: flex; align-items: center; font-family: 'Pretendard'; font-weight: 500;}
.visit4 .accordion-header.down{background: #0046ac; border: none; color: #fff;}
.visit4 .accordion-header:after{content: '↓'; font-family: 'suit'; margin-left: auto;}
.visit4 .accordion-header.down:after{content: '↑';}
.visit4 .accordion-content .img{width: 100%; height: 17vw; background-position: center center; background-size: cover;}
.visit4 .accordion-content.one .img{background-image: url('/images/sub/program1_img1.png');}
.visit4 .accordion-content.two .img{background-image: url('/images/sub/program1_img2.png');}
.visit4 .accordion-content.thr .img{background-image: url('/images/sub/program1_img3.png');}
.visit4 .accordion-content.four .img{background-image: url('/images/sub/program1_img4.png');}
.visit4 .accordion-content .txt{padding: 40px;}
.visit4 .accordion-content .txt .icon_list li{display: flex; gap: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 17px;}
.visit4 .accordion-content .txt .icon_list li span.material-symbols-outlined{display: inline-block; margin-top: -3px; color: #0046ac;}
@media all and (max-width:640px){
    .visit4 .accordion-header{padding: 15px 20px; border-width: 1px;}
    .visit4 .accordion-content .img{height: 28vw;}
    .visit4 .accordion-content .txt{padding:30px 15px;}
    .visit4 .accordion-content .txt .icon_list li{font-size: 16px;}
    .visit4 .accordion-content .txt .icon_list li span.material-symbols-outlined{margin-top: 0;}
}
@media all and (max-width:380px){
    .visit4 .accordion-header{padding: 10px 15px; font-size: 16px;}
    .visit4 .accordion-content .txt{padding: 20px 10px;}
    .visit4 .accordion-content .txt .icon_list li{font-size: 15px;}
    .visit4 .accordion-content .txt .icon_list li span.material-symbols-outlined{font-size: 18px;}
}

.tb-style.cal .day th, .tb-style.cal .day td{padding: 2px 5px;}
.tb-style.cal td.noday{background-color: #eee;}


.zz_cont{display: flex; height: 280px;}
.zz_cont:nth-child(2n){flex-direction: row-reverse;}
.zz_cont .img{width: 500px; background-image: url('/images/sub/program1_img1n.png'); background-size: cover; background-repeat: no-repeat;  border:6px solid #509cce22}
.zz_cont .txt{width: calc(100% - 500px); padding:0 80px; display: flex; align-items: center;}
.zz_cont .txt h5{font-size: 30px; margin-bottom: 0.5em; color: #333;}
.zz_cont .txt p{line-height: 1.6em;}

.zz_cont.two .img{background-image: url('/images/sub/program1_img2n.png');}
.zz_cont.thr .img{background-image: url('/images/sub/program1_img3n.png');}
.zz_cont.four .img{background-image: url('/images/sub/program1_img4n.png');}
.zz_cont.five .img{background-image: url('/images/sub/program1_img5.webp');}
.zz_cont.six .img{background-image: url('/images/sub/program1_img6.webp');}

@media all and (max-width:1599px){
    .zz_cont{height: 300px;}
    .zz_cont .txt{padding-left: 40px;}
}
@media all and (max-width:976px){
    .zz_cont{height: 350px;}
    .zz_cont .img{width: 350px;}
    .zz_cont .txt{width: calc(100% - 350px); padding: 40px;}
}
@media all and (max-width:767px){
    .zz_cont{display: block; height: auto;}
    .zz_cont .img{width: 100%; height: 50vw;}
    .zz_cont .txt{width: 100%; padding: 5vw;}
}


#sPartner{display: flex; flex-wrap: wrap; --gap:30px; gap:var(--gap);}
#sPartner li{width: calc((100% - var(--gap)*2)/3); text-align: center;}
#sPartner li .img{border:1px solid #eee; padding: 40px;}
#sPartner li .img img{max-width: 90%;}
#sPartner li .txt{background-color: #0046ac; color: #fff; padding: 20px; font-size: 18px;}
@media all and (max-width:976px){
    #sPartner li .img{padding: 40px 10px;}
    #sPartner li{width: calc((100% - var(--gap))/2);}
}
@media all and (max-width:640px){
    #sPartner{--gap:20px;}
    #sPartner li .txt{font-size: 16px;}
}
@media all and (max-width:480px){
    #sPartner li{width: 100%;}
}


#sParking{display: flex; max-width: 1280px; margin: 0 auto; flex-wrap: wrap;}
#sParking > div{width: 50%; padding: 80px; height: 400px; text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#sParking > div:nth-child(1){background-color: #0046ac; color: #fff;}
#sParking > div .t1{font-size: 20px; opacity: 0.6; margin-bottom: 40px; font-weight: 500;letter-spacing: 0.25em;}
#sParking > div h3{font-size: 40px;}
#sParking > div .t2{font-size: 24px;}
#sParking > div .t3{margin-top: 1em; font-size: 16px;}
#sParking > div:nth-child(2){position: relative; border:2px solid #0046ac; color: #0046ac; border-radius: 0 50px 0 0;}
#sParking > div:nth-child(2) .t1{color: #0046ac; }
#sParking > div:nth-child(2):before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); border:1px dashed #0046ac99; border-radius: 0 40px 0 0;}
#sParking > div:nth-child(2):after{content: ''; position: absolute; right: -50px; bottom: -20px; width: 317px; height: 176px; background:url(/images/main/mv-symbol.webp); opacity: 0.2;}

#sParking.visit3 > div{justify-content: flex-start; text-align: left;}
#sParking.visit3 > div:nth-child(1){padding: 0;}
#sParking.visit3 > div ul {width: 100%;}
#sParking.visit3 > div ul li{display: flex; gap: 0.7em; font-size: 24px; margin-bottom: 0.5em; width: 100%;}
@media all and (max-width:976px){
    #sParking > div{width: 100%; height: 300px;}
    #sParking > div:nth-child(1){}
    #sParking > div:nth-child(2){border-radius: 0 0 40px 0;}
    #sParking > div:nth-child(2):before{border-radius: 0 0 30px 0;}

    #sParking.visit3 > div > div{width: 100%;}
    #sParking.visit3 > div:nth-child(1) img{width: 100%;}

}
@media all and (max-width:640px){
    #sParking > div{height: 240px; padding: 40px;}
    #sParking > div .t1{font-size: 17px; margin-bottom: 24px;}
    #sParking > div h3{font-size: 30px;}
    #sParking > div .t2{font-size: 19px;}

    #sParking.visit3 > div:nth-child(1){height: auto;}
    #sParking.visit3 > div ul li{font-size: 16px;}

}


.businfolink{margin-left: 0.5em; font-size: 0.8em; color: #fff; background-color: #00b4dd; font-weight: 500; padding:3px 6px; border-radius: 3px;}
.tb-p{margin-left: 1em; font-size: 18px; margin-bottom: 20px; font-weight: 600; color: #222;}


.visit1cont{height: 730px;}
.visit1cont .bg{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: url('/images/sub/visit1-img2.webp')no-repeat center center/cover;}
@media all and (max-width:976px){
    .visit1cont{height: 100vw;}
    .visit1cont .bg a{width: 60%; max-width: 440px;}
    .visit1cont .bg a img{width: 100%;}
}
@media all and (max-width:640px){
    .visit1cont .bg a{width: 70%;}
}

.blog-program{ text-align: center; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 2px solid #ddd;}
@media all and (max-width:640px){
    .blog-program a{display: inline-block; width: 70%;max-width: 440px;}
    .blog-program a img{width:100%;}
}