@charset "utf-8";

.intro1{display: flex;  height: 100%;}
.intro1 .lt{width: 48%;}
.intro1 .lt img{width: 100%;}
.intro1 .rt{width: 52%; background: url('/images/sub/intro1_bg.png') 90% 0% / auto no-repeat; height: 100%; padding: 150px 10% 0 90px; color: #222;}
.intro1 .rt h3{font-family: 'GmarketSans'; font-weight: 300; font-size: 3.5rem; margin-bottom: 60px;}
.intro1 .rt h3 span{font-weight: 700;}
.intro1 .rt h3 span span{color: #009770;}
.intro1 .rt p{font-size: 1.8rem; line-height: 2.8rem;}
.intro1 .rt p + p{margin-top: 30px;}
.intro1 .rt p.name{text-align: right;}
.intro1 .rt p.name span{font-weight: bold; font-size: 2.3rem; display: inline-block; margin-left: 10px;}

@media screen and (max-width:1600px){
    .intro1 .rt{padding: 5% 4% 0; background-size: 50%;}
}
@media screen and (max-width:1280px){
    .intro1 .lt{width: 40%;}
    .intro1 .rt{width: 60%;}
    .intro1 .rt h3{font-size: 3rem; margin-bottom: 40px;}
    .intro1 .rt p{font-size: 1.6rem; line-height: 2.6rem;}
    .intro1 .rt p + p{margin-top: 20px;}
    .intro1 .rt p.name span{font-size: 2rem;}
}
@media screen and (max-width:1080px){
    .intro1{flex-wrap: wrap;}
    .intro1 .lt{width: 100%; text-align: center;}
    .intro1 .lt img{width: 95%;}
    .intro1 .rt{width: 100%;}
}
@media screen and (max-width:480px){
    .intro1 .rt{padding: 10% 5% 0;}
    .intro1 .rt h3{font-size: 2.7rem; margin-bottom: 3rem; line-height: 3.5rem;}
    .intro1 .rt p + p{margin-top: 2rem;}
    .intro1 .rt p.name span{margin-left: 0.5rem;}
}


#clinicTop {display:flex; height: 480px; flex-direction: row-reverse; align-items: end; position:relative; background-repeat:no-repeat; background-position:left top; background-size: 60% auto;}
#clinicTop:after {content:''; width:12px; height:100%;  background:url('/images/sub/clinictop-txt.png')no-repeat left top; position:absolute; left:-25px; top:0}
#clinicTop .sTitle  {font-size: 4.5rem; margin-bottom: 20px; font-weight: 300;}
#clinicTop .cont {padding:4em; width:50%; background: rgb(0 151 112 / 95%); color: #fff;}
#clinicTop .cont span{font-weight: 800;}
#clinicTop .cont .t1 { font-size:18px; line-height:1.8em; word-break: keep-all;}

#clinicTop.cataract1 {background-image:url('/images/sub/cataract1_top.png');}
#clinicTop.cataract2 {background-image:url('/images/sub/cataract2_top.png');}
#clinicTop.cataract3 {background-image:url('/images/sub/cataract3_top.png');}

#clinicTop.retina1 {background-image:url('/images/sub/retina1_top.png');}
#clinicTop.retina2 {background-image:url('/images/sub/retina2_top_251208.jpg');}
#clinicTop.retina3 {background-image:url('/images/sub/retina3_top_251127.png');}
#clinicTop.retina4 {background-image:url('/images/sub/retina4_top.png');}

#clinicTop.surgery1 {background-image:url('/images/sub/surgery1_top.jpg');}
#clinicTop.surgery2 {background-image:url('/images/sub/surgery2_top.jpg');}

#clinicTop.clinic1 {background-image:url('/images/sub/clinic1_top.png');}
#clinicTop.clinic2 {background-image:url('/images/sub/clinic2_top.png');}
#clinicTop.clinic3 {background-image:url('/images/sub/clinic3_top.png');}
#clinicTop.clinic4 {background-image:url('/images/sub/clinic4_top.png');}

#clinicTop.glaucoma1 {background-image:url('/images/sub/glaucoma1_top.png');}
#clinicTop.glaucoma2 {background-image:url('/images/sub/glaucoma2_top.png');}

#clinicTop.ipl1 {background-image:url('/images/sub/ipl1_top_251107.png');}



@media all and (max-width:1399px){
    #clinicTop .cont .t1 br {display:none}
	#clinicTop:after {left:-5px; top:10px}
}
@media all and (max-width:1280px){
    #clinicTop {background-size:70% auto}
}
@media all and (max-width:976px){
    #clinicTop {padding-top:45vw; background-size:100% auto; height: 550px;}
	#clinicTop .cont {padding:0; width:100%; background:#FFF; color: #222; padding-top: 5rem;}
    #clinicTop .cont span{color: #009770;}
    
	#clinicTop.derma1 {height:auto;}
}
@media all and (max-width:640px){
    #clinicTop {padding-top:60vw; background-size:120% auto}
}
@media all and (max-width:480px){
    #clinicTop {height: 100%;}
    #clinicTop .sTitle  {font-size: 3.5rem; margin-bottom: 2rem;}
    #clinicTop .cont {padding-top: 0;}
    #clinicTop .cont .t1 { font-size:1.7rem; line-height: 2.7rem;}
}


#s_txt{margin-bottom: 60px; text-align: center; position: relative; padding-bottom: 40px;}
#s_txt:after{position: absolute; content: ''; width: 70px; height: 5px; background: #009770; bottom: 0; left: 50%; transform: translateX(-50%);}
#s_txt h4{font-family: 'montserrat'; color: #009770; font-size: 2rem;}
#s_txt h3{font-family: 'GmarketSans'; color: #222; font-size: 4rem; margin-top: 2rem; font-weight: normal;}
#s_txt h3 span{font-weight: bold;}

@media all and (max-width:1280px){
    #s_txt{margin-bottom: 50px; padding-bottom: 30px;}
    #s_txt:after{height: 3px;}
    #s_txt h4{font-size: 1.8rem;}
    #s_txt h3{font-size: 3.5rem; line-height: 4rem;}
}
@media all and (max-width:480px){
    #s_txt{margin-bottom: 4rem; padding-bottom: 3rem;}
    #s_txt:after{width: 5rem;}
    #s_txt h4{font-size: 1.6rem;}
}


#comparison .cont .box{background: #f7f7f7; padding: 50px 30px; text-align: center;}
#comparison .cont .box h4{font-size: 2.5rem;color: #009770; margin-bottom: 20px;}
#comparison .cont .box p{color: #222; font-size: 1.8rem; line-height: 2.8rem;}
#comparison ul{display: flex; justify-content: center; gap: 30px; margin-top: 50px;}
#comparison ul li{width: 100%; max-width: 700px; border: 1px solid #009770;}
#comparison ul li img{width: 100%;}
#comparison ul li h3{padding: 20px; text-align: center; font-size: 2.3rem;font-family: 'GmarketSans'; background: #009770;color: #fff;}
#comparison ul li.bl{ border: 1px solid #555;}
#comparison ul li.bl h3{background: #555;}

@media all and (max-width:1280px){
    #comparison .cont .box{padding: 40px 20px;}
    #comparison .cont .box h4{font-size: 2.3rem;}
    #comparison .cont .box p{font-size: 1.6rem; line-height: 2.6rem;}
    #comparison ul{gap: 20px; margin-top: 30px;}
    #comparison ul li h3{padding: 15px; font-size: 2rem;}
}
@media all and (max-width:680px){
    #comparison ul{flex-wrap: wrap;}
}
@media all and (max-width:480px){
    #comparison .cont .box{padding: 3rem 2rem;}
    #comparison .cont .box h4{font-size: 2rem;}
}


#bgWrap {background-size:cover; background-repeat:no-repeat; background-position:center center; }
#bgWrap .s-inner {padding:150px 0}

#bgWrap.cataract1 {background-image:url('/images/sub/cataract1_stepbg.png'); }

@media all and (max-width:1024px) {
	#bgWrap .s-inner  {padding:100px 0}
}
@media all and (max-width:480px) {
	#bgWrap .s-inner  {padding:18vw 0}
}


#step_list{display: flex; gap: 20px; justify-content: space-between; color: #fff; text-align: center; flex-wrap: wrap;}
#step_list li{width: calc(100%/4 - 60px/4);}
#step_list.w3{justify-content: center;}
#step_list.w3 li{width: calc(100%/3 - 40px/3);}
#step_list li .img{width: 100%; border-radius: 10px; overflow: hidden;}
#step_list li .img img{width: 100%;}
#step_list li .txt{margin-top: 3rem;}
#step_list li h3{display: inline-block; padding: 0.5rem 2rem; margin-bottom: 1.5rem; background: #009770; border-radius: 100px; font-family: 'montserrat', 'GmarketSans';}
#step_list li p{font-size: 1.8rem; line-height: 2.8rem;}

@media all and (max-width:1280px) {
    #step_list li{width: calc(100%/2 - 20px/2);}
    #step_list.w3 li{width: calc(100%/2 - 20px/2);}
}
@media all and (max-width:580px) {
    #step_list{gap: 30px;}
    #step_list li{width: 100%;}
    #step_list.w3 li{width: 100%;}
    #step_list li p{font-size: 1.7rem;}
}


#imgList {display:flex; flex-wrap:wrap; }
#imgList.w50 li {width:49%; margin:0.5%; }
#imgList.w100 li {width:100%; margin:0.5% 0; }
#imgList li {display:flex; background:#ebf7f4; padding:20px; align-items: center; position:relative; counter-increment: number;justify-content: space-between; }
#imgList li:before {content: counter(number, decimal-leading-zero); width:60px; line-height:60px; background:#009770; color:#FFF; font-size:2.2rem; font-family:'montserrat'; font-weight:500; position:absolute; left:-5px; top:-5px; text-align:center}
#imgList li .img {width:200px; order:2 }
#imgList.w100 li .img {width:350px; order:2 }
#imgList li .txt { width:calc(100% - 220px); padding-left:5%; order:1}
#imgList.w100 li .txt { width:calc(100% - 400px); padding-left:5%; order:1}
#imgList li .txt dt {font-size:2.6rem; font-weight:800; color:#009770;}
#imgList li .txt dd {font-size:1.8rem; padding-top:0.7em; line-height:1.4em}

@media all and (max-width:1280px) {
    #imgList li:before { width:40px; line-height:40px; }
	#imgList li .img {width:150px; }
	#imgList li .txt { width:calc(100% - 150px); }
    #imgList.w100 li .img {width:300px;}
    #imgList.w100 li .txt { width:calc(100% - 350px);}
}
@media all and (max-width:976px) {
    #imgList.w50 li {width:100%; margin:0.5% 0;}
    #imgList.w100 li{flex-wrap: wrap; gap: 30px;}
    #imgList.w100 li .img {width:100%; max-width: 300px; margin: 0 auto; order: 1;}
    #imgList.w100 li .txt { width: 100%;}
    #imgList.w100 li .txt br{display: none;}
}
@media all and (max-width:767px) {
    #imgList li:before { width:40px; line-height:40px;  left:0; top:0; font-size:1.8rem;}
}

@media all and (max-width:480px) {
	#imgList li {padding:10px; }
	#imgList li .img {width:25vw; order:1 }
	#imgList li .txt { width:calc(100% - 25vw); order:2 }
	#imgList li .txt dt {font-size:2.2rem;  }
	#imgList li .txt dd {font-size:1.6rem;}
	#imgList li:before {display:none}
}


.bg{background: #f7fcfb;}


.clinic_faq .s-inner .s_txt{text-align: center;}
.clinic_faq .s-inner .dl_box{margin-top: 60px; border-top: 2px solid #009770;}
.clinic_faq .s-inner .dl_box dl{ display: flex; flex-direction: column;}
.clinic_faq .s-inner .dl_box dl dt{font-size: 24px; font-weight: 700; position: relative; padding: 30px 60px 30px 80px; color: #222; border-bottom: 1px solid #dedede; cursor: pointer;}
.clinic_faq .s-inner .dl_box dl dt.on{color: #009770; background: #fff;}
.clinic_faq .s-inner .dl_box dl dt::before{content: 'Q'; position: absolute; left: 20px; color: #999; top: 50%; transform: translateY(-50%); font-size: 1.2em;}
.clinic_faq .s-inner .dl_box dl dt::after{content: '↓'; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; font-family: 'SUIT', sans-serif;}
.clinic_faq .s-inner .dl_box dl dt.on::after{content: '↑';}
.clinic_faq .s-inner .dl_box dl dd{font-size: 20px; word-break: keep-all; line-height: 1.6em; border-bottom: 1px solid #dedede; height: 0; opacity: 0; visibility: hidden; transition: .4s; padding: 0;}
.clinic_faq .s-inner .dl_box dl dt.on + dd{height: auto; opacity: 1; visibility: visible; padding: 30px 80px;}



@media all and (max-width:1280px){
    .clinic_faq .s-inner .dl_box dl dt{font-size: 20px; padding: 25px 0; padding-left: 60px;}
    .clinic_faq .s-inner .dl_box dl dd{font-size: 16px; line-height: 1.5em;}
    .clinic_faq .s-inner .dl_box dl dt.on + dd{padding: 20px 60px;}
}
@media all and (max-width:840px){
    .clinic_faq .s-inner .dl_box dl dt{font-size: 18px; padding: 20px 0; padding-left: 50px;}
    .clinic_faq .s-inner .dl_box dl dt.on + dd{padding: 20px 50px;}
}
@media all and (max-width:680px){
    .clinic_faq .s-inner .dl_box{margin-top: 30px;}
    .clinic_faq .s-inner .dl_box dl dt{font-size: 16px; padding: 15px 40px;}
    .clinic_faq .s-inner .dl_box dl dd{font-size: 14px; line-height: 1.4em;}
    .clinic_faq .s-inner .dl_box dl dt::before{left: 15px; font-size: 1.1em;}
}
@media all and (max-width:480px){
    .clinic_faq .s-inner .dl_box dl dt{font-size: 1.8rem;padding: 1.5rem 4rem; }
    .clinic_faq .s-inner .dl_box dl dd{font-size: 1.6rem;padding:0 4rem;}
    .clinic_faq .s-inner .dl_box dl dt.on + dd{padding: 2rem 4rem;}
}



#imgList2{margin-top: 50px;justify-content: space-between; display: flex;} 
#imgList2 .imgbox{width:calc((100% - 30px *3)/4); box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.05); border-radius: 5px; overflow:hidden} 
#imgList2 .imgbox .img img {width:100%}
#imgList2 .imgbox .tit {font-size:2.1rem; background:#393939; color:#FFF; width:80%; padding:0 0.3em; text-align:center; margin:-50px auto 0; font-weight:700; line-height:50px; position:relative }
#imgList2 .imgbox:nth-child(even) .tit { background:#009770;}
#imgList2 .imgbox .cont {padding:30px 10px; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; gap:5px}
#imgList2 .imgbox .cont span {font-size:1.7rem; padding:0.5em 1.0em; background:#f7f6f5; border-radius:50px }
#imgList2 .imgbox .cont p {padding:0 10px; font-size:1.7rem; line-height:1.6em; text-align:center}



@media all and (max-width:1599px) {
	#imgList2 {gap:15px;}	
	#imgList2 .imgbox {width:calc((100% - 15px *3)/4);}
}
@media all and (max-width:1280px) {
	#imgList2{gap:20px; flex-wrap:wrap; justify-content:center}
	#imgList2 .imgbox {width:calc(100%/2 - 10px);}
	#imgList2 .imgbox .cont {padding:20px 5px;}


}
@media all and (max-width:976px) {
	#imgList2{flex-wrap:wrap; justify-content:center;}
	#imgList2 .imgbox {width:calc((100% - 20px *1)/2);}
	#imgList2 .imgbox .tit {font-size:2.4rem;margin:-50px auto 0;line-height:50px; }

	#imgList2.w4  .imgbox {width:calc((100% - 20px *1)/2);}
}
@media all and (max-width:580px) {
	#imgList2{gap:10px 0; margin-top: 30px;}
	#imgList2 .imgbox {width:100%}

	#imgList2.w4  .imgbox {width:100%}
}
@media all and (max-width:480px) {
	#imgList2 .imgbox .tit {margin:-12vw auto 0;line-height:12vw; }
	#imgList2 .imgbox .cont {padding:5vw 2vw; }
}


#leftBgWrap { background-size:auto 100%;background-position:left top; position:relative; z-index:-3}
#leftBgWrap #contWrap {width:60%; padding:5%;  margin-left:auto; background:#FFF; position:relative; z-index:-2}

#leftBgWrap.cataract3 {background-image:url('/images/sub/cataract3_bg01.png') }
#leftBgWrap.retina3 {background-image:url('/images/sub/retina3_bg01.png') }
#leftBgWrap.retina4 {background-image:url('/images/sub/retina4_bg01.png') }
#leftBgWrap.clinic1 {background-image:url('/images/sub/clinic1_bg01.png') }
#leftBgWrap.clinic2 {background-image:url('/images/sub/clinic2_bg01.png') }
#leftBgWrap.clinic3 {background-image:url('/images/sub/clinic3_bg01.png') }
#leftBgWrap.clinic4 {background-image:url('/images/sub/clinic4_bg01.png') }
#leftBgWrap.ipl1 {background-image:url('/images/sub/ipl1_bg01.png') }

@media all and (max-width:1499px) {
	#leftBgWrap #contWrap { padding:3%; }
}
@media all and (max-width:1024px) {
	#leftBgWrap {padding:5%; background-size:cover;}
	#leftBgWrap #contWrap { padding:5%; width:100%; background:rgba(255,255,255,0.9)}
}
@media all and (max-width:768px) {
	#leftBgWrap {padding:0; padding-top:70vw; background-size:100% auto; }
	#leftBgWrap #contWrap { padding:10% 0; background:#FFF}
}


#checkList {display:flex; flex-wrap:wrap} 
#checkList li {padding:1.8em 1em; width: 49%; margin:0.5%; border-radius: 100px; position: relative; background:#f4f9f7}
#checkList li:before {content:''; width:26px; height:26px; background:url('/images/sub/checklist-icon.png') no-repeat left top; position:absolute; left:1.5em; top:1.5em; background-size:100% auto}
#checkList li p {font-size:1.8rem; padding-left:46px; color:#555; line-height:1.6em}

#checkList.c2 li:before {background:url('/images/sub/checklist-icon2.png') no-repeat left top; background-size:100% auto}

#checkList.bg li {background:#FFF}
#checkList.w100 li {width:100%; margin:0.5% 0;   border-radius:0} 

#checkList.wAuto {width:fit-content; margin:0 auto } 
#checkList.wAuto li {width:100%;  margin:0.5% 0; }


#checkList.v2 li {padding:1.5em 0; background-color:transparent; border-top:1px dashed rgba(0,0,0,0.1)}
#checkList.v2 li:last-child {border-bottom:1px dashed rgba(0,0,0,0.1)}
#checkList.v2 li:before { left:0;}
#checkList.v2 li p { padding-left:36px; }

#checkList.v3 li {padding:1.5em 0; background-color:transparent; border-top:1px dotted rgba(0,0,0,0.2);  border-radius:0}
#checkList.v3 li:last-child {border-bottom:1px dotted rgba(0,0,0,0.2)}
#checkList.v3 li:before { left:0;;}
#checkList.v3 li p { padding-left:36px; }

#checkList.eyes5-1 {width:100%; max-width:1024px}

@media screen and (max-width:1024px) {	
	#checkList li { width: 100%; margin:5px 0}
	#checkList li p { line-height:1.4em}
}
@media screen and (max-width:768px) {	
	#checkList li:before {width:22px; height:22px;}
	#checkList li p {padding-left:2.5em;}
}
@media screen and (max-width:480px) {	
	#checkList li {padding:1em;  border-radius:30px;}
	#checkList li:before {width:4vw; height:4vw;  top:1em; left:1em}
	#checkList li p {font-size:1.7rem; padding-left:5vw;}
	#checkList.v2 li {padding:1.0em 0;}
	#checkList.v2 li:before {  top:1.0em;}
	#checkList.v2 li p { padding-left:5vw; }
	#checkList.v3 li p { padding-left:5vw; }
	#checkList.v3 li {padding:1.0em 0;}
	#checkList.v3 li:before {  top:1.0em;}
}


#howto ul{display: flex; gap: 50px; text-align: center;}
#howto ul.w4{flex-wrap: wrap; gap: 20px;}
#howto ul li{ border: 3px solid transparent;  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #009770, #00c6a7) border-box;  border-radius: 20px;  padding: 30px; width: 50%;}
#howto ul.w4 li{width: calc(100%/2 - 10px);}
#howto ul li i{color: #009770; font-size: 3rem;}
#howto ul li h3{margin: 10px 0; font-size: 2.5rem;color: #009770;}
#howto ul li p{color: #222; font-size: 1.8rem; line-height: 2.6rem;}

@media screen and (max-width:1024px){
    #howto ul{gap: 30px;}
}
@media screen and (max-width:780px){
    #howto ul{flex-wrap: wrap;gap: 15px;}
    #howto ul li{width: 100%;padding: 20px;}
    #howto ul.w4 li{width: 100%;}
}
@media screen and (max-width:480px){
    #howto ul li i{font-size: 2.5rem;}
    #howto ul li h3{margin: 1rem 0; font-size: 2.2rem;}
    #howto ul li p{font-size: 1.6rem;}
}


.ntc{text-align: center; background: url('/images/sub/ntc_bg.png') center center / cover no-repeat; color: #fff;}
.ntc i{ font-size: 5rem;color: #009770;}
.ntc h3{margin: 20px 0 30px; font-size: 4.5rem;}
.ntc h3 span{color: #009770;}
.ntc p{font-size: 2rem; line-height: 3.5rem;}

@media screen and (max-width:1280px){
    .ntc h3{font-size: 4rem;}
    .ntc p{font-size: 1.8rem;}
}

@media screen and (max-width:680px){
    .ntc i{ font-size: 4rem;}
    .ntc h3{font-size: 3.5rem; margin: 2rem 0 3rem;}
    .ntc p{font-size: 1.6rem; line-height: 2.6rem;}
}

.doctor{background: #f3faf8; position: relative;}
.doctor + .doctor{margin-top: 150px;}
.doctor:after{background: #fff;position: absolute; content: 'EYE GOOD CLINIC';color: #f3faf8; top: 0; width: 100%; text-align: right; font-weight: 900; font-family: 'montserrat'; font-weight: 800; font-size: 9rem;line-height: 6rem;}
.doctor .s-inner{display: flex; padding-top: 100px; align-items: center;gap: 50px;}
.doctor .img{width: 50%; margin: 0 auto;text-align: center;}
.doctor .txt{width: 50%; color: #222;}
.doctor .txt .top{margin-bottom: 30px;}
.doctor .txt .top h4{font-size: 2.3rem;color: #009770;}
.doctor .txt .top h3{font-size: 4.5rem; font-family: 'GmarketSans';}
.doctor .txt .top h3 span{font-weight: normal; font-size: 3rem;}
.doctor .txt .top ul{display: flex; gap: 5px;margin-top: 5px; flex-wrap: wrap;}
.doctor .txt .top ul li{background: #009770;padding: 2px 15px;color: #fff; font-weight: bold; border-radius: 5px; font-size: 1.8rem;}
.doctor .txt .career{background: #fff; padding: 30px;}
.doctor .txt .career ul li{padding-left: 15px; font-size: 1.8rem; position: relative;}
.doctor .txt .career ul li:after{position: absolute; content: '•'; left: 0;top: 0; color: #009770;}
.doctor .txt .career ul li + li{margin-top: 10px;}


@media screen and (max-width:980px){
    .doctor + .doctor{margin-top: 100px;}
    .doctor:after{font-size: 8vw;line-height: 5vw;}
    .doctor .img img{width: 100%; max-width: 432px;}
    .doctor .txt .top h4{font-size: 2rem;}
    .doctor .txt .top h3{font-size: 4rem;}
    .doctor .txt .top h3 span{font-size: 2.5rem;}
    .doctor .txt .top ul li{font-size: 1.6rem;}
    .doctor .txt .career ul li{font-size: 1.6rem;}
}
@media screen and (max-width:780px){
    .doctor .s-inner{flex-wrap: wrap;}
    .doctor .img{width: 100%;order: 2;}
    .doctor .txt{width: 100%;order: 1;}
}
@media screen and (max-width:480px){
    .doctor:after{font-size: 9vw;}
    .doctor .s-inner{padding-top: 8rem; gap: 3rem;}
    .doctor .txt .top{margin-bottom: 2rem;;}
    .doctor .txt .top h3{font-size: 3.5rem;}
    .doctor .txt .top ul{margin-bottom: 0;}
    .doctor .txt .career{padding: 2rem;}
    .doctor .img{width: 90%;}
}


.intro3 ul{display: flex; flex-wrap: wrap;gap: 20px;}
.intro3 ul li{width: calc(100%/3 - 40px/3); border: 1px solid #eee; padding: 30px;}
.intro3 ul li .img{width: 100%;}
.intro3 ul li .img img{width: 100%;}
.intro3 ul li .txt{margin-top: 30px; color: #222;}
.intro3 ul li .txt h4{color: #009770;}
.intro3 ul li .txt h3{font-size: 2.7rem; margin: 5px 0 20px; padding-bottom: 20px; position: relative;}
.intro3 ul li .txt h3:after{position: absolute; width: 30px; height: 2px; background: #009770; content: ''; bottom: 0;left: 0;}
.intro3 ul li .txt p{line-height: 2.6rem;}

@media screen and (max-width:980px){
    .intro3 ul li{width: calc(100%/2 - 20px/2);}
}
@media screen and (max-width:580px){
    .intro3 ul li{width: 100%;}
}


#intro5 {padding:3em; height:580px; background:url('/images/sub/intro5-bg.png') no-repeat 79% 10%; display:flex; align-items: center; }
#intro5 #contWrap {padding:4em; width:500px; color:#FFF; background:url('/images/sub/intro5-contbg.png')no-repeat right top}
#intro5 #contWrap h3 {padding-bottom:0.3em; font-size:3.2rem; font-family: 'GmarketSans'; line-height: 3.2rem;}
#intro5 #contWrap .time {padding-bottom:3em; width:fit-content; }
#intro5 #contWrap .time li {margin-bottom:7px; text-align:left; font-size:1.8rem;  font-family: 'montserrat', 'pretendard'; font-weight:400} 
#intro5 #contWrap .time li span { width:80px; display:inline-block;}
#intro5 #contWrap .tel {font-size:3.5rem; font-family:'montserrat'; font-weight:700}

@media all and (max-width:976px) {
	#intro5 {padding-top:380px; height:auto }
	#intro5 #contWrap {width:100%; background-size:cover}
}
@media all and (max-width:580px) {
	#intro5 {padding:380px 0 0 0; }
	#intro5 #contWrap {width:100%; background-size:cover}
	#intro5 #contWrap .time {padding-bottom:2em}
}
@media all and (max-width:480px) {
	#intro5 {padding-top:80vw;  background-size:auto 80%}
	#intro5 #contWrap {padding:2em;  }
	#intro5 #contWrap h3 {font-size:2.4rem}
	#intro5 #contWrap .time {padding-bottom:1.5em}
	#intro5 #contWrap .time li { font-size:1.7rem;}
	#intro5 #contWrap .time li span { width:16vw }
	#intro5 #contWrap .tel {font-size:2.2rem}
}



#intro6  .root_daum_roughmap .wrap_map { height: 500px !important; }
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}



#intro6-2 {margin-top:30px}
#intro6-2 .tit {width:100px; font-size:1.8rem; color:#222; font-weight:700}

#intro6-2 .add {padding:30px; ;border-bottom:1px solid #e9e9e9; display:flex;    }
#intro6-2 .add .li-f {width:calc(100% - 100px); display:flex; justify-content:space-between;  align-items: end;}
#intro6-2 .add dl dt {font-size:2.0rem; color:#222; line-height:1.6em; font-weight:500}
ul.m_list{display: flex; gap: 1rem; margin-top: 1rem;}
ul.m_list li{box-shadow: 1px 1px 20px 5px rgba(0,0,0,0.05);width: 40px; height: 40px;border-radius: 5px;overflow: hidden;}
ul.m_list a{ display: inline-block;  width: 100%; height: 100%;}
ul.m_list a img{width: 100%; }
/* #intro6-2 .add dl dt ul a{font-size: 1.5rem; background: #000; color: #fff; padding: 3px 10px;} */
/* #intro6-2 .add dl dt ul li:nth-child(1) a{background: #d70000;}
#intro6-2 .add dl dt ul li:nth-child(2) a{background: #ffb600;}
#intro6-2 .add dl dt ul li:nth-child(3) a{background: #04b566;} */
#intro6-2 .add dl dd.eng,
#intro6-2 .add .li-f .num {font-family:'Montserrat'; font-weight:500; font-size: 1.6rem;}
#intro6-2 .add .li-f .num span {padding-right:10px; }

#intro6-2 .sub dl dd {line-height:1.8em; font-size: 1.6rem;}
#intro6-2 .sub,
#intro6-2 .bus {padding:30px; border-bottom:1px solid #e9e9e9; display:flex; }
#intro6-2 .sub span {margin-right:5px; padding:2px 8px; display:inline-block; background:#222; color:#FFF; font-size:1.3rem; line-height: 1.4em;}

#intro6-2 .bus .bus-dl {margin-bottom:20px;  display:flex; font-size: 1.6rem;}
#intro6-2 .bus .bus-dl dt {width:215px}
#intro6-2 .bus .bus-dl dd {width:calc(100% - 215px);  }
#intro6-2 .bus .bus-dl dd p {padding-bottom:5px}
#intro6-2 .bus .bus-dl dd span {margin-right:5px; padding:2px 8px; display:inline-block; background:#222; color:#FFF; font-size:1.3rem; }

span.bl{background: #6175f5 !important;}
span.gr{background: #47af1b !important;}
span.rd{background: #ff451e !important;}
span.yl{background: #e5a900 !important;}
span.yl2{background: #feb402 !important;}

@media all and (max-width:1080px){
	#intro6-2 .add .li-f {flex-wrap:wrap}
	#intro6-2 .add dl {width:100%}
	#intro6-2 .add .li-f .num {padding-top:15px; width:100%}
}
@media all and (max-width:640px){
	#intro6 .root_daum_roughmap .wrap_map { height: 430px !important; }
	#intro6-2 .add {padding:20px 10px; }
	#intro6-2 .tit {width:60px; }
	#intro6-2 .add .li-f {width:calc(100% - 60px);}
	#intro6-2 .sub,
	#intro6-2 .bus {padding:20px 10px; }
    #intro6-2 .bus .bus-dl {flex-wrap:wrap }
    #intro6-2 .bus .bus-dl dt {width:100%; margin-bottom:5px }
    #intro6-2 .bus .bus-dl dd {width:100%;  }
}
@media all and (max-width:480px){
	#intro6 .root_daum_roughmap .wrap_map { height: 80vw !important; }

	#intro6-2 .add .li-f .num .sp1 {display:block}
    ul.m_list li{width: 3.5rem; height: 3.5rem;}
}



#tb-style1{width: 100%;  font-size: 1.8rem; text-align: center;}
#tb-style1 thead tr th {padding: 1em; background-color: #009770; border-right: 1px solid #eee; font-size: 1.9rem; font-weight: 500; border-bottom: 1px solid #eee; color: #FFF; }
#tb-style1 thead tr th:last-child{border-right: 0;}
#tb-style1 tbody tr th{background-color: #f9f9f9; padding: 1em 0.5em; color: #222; font-weight: 500;border-bottom: 1px solid #dedede; border-right: 1px solid #eee;  word-break: unset !important;}
#tb-style1 tbody tr td{padding: 1em 0.5em; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; background:#FFF}
#tb-style1 tbody tr td:last-child{border-right: 0;}



@media all and (max-width:480px){
    #tb-style1{font-size: 1.5rem;}
	#tb-style1 thead tr th{padding: 1em 0.3em;}
    #tb-style1 tbody tr td{padding: 1em 0.3em;}
} 



.d_time h4{font-size: 3rem; margin-bottom: 2rem; color: #222; display: flex; align-items:  center; gap: 1.5rem; font-family: 'GmarketSans';}
.d_time h4 i{color: #009770; padding-bottom: 0.4rem;}

.d_time .rd{color: #d50000; font-weight: bold;}