@charset "utf-8";

.intro1{text-align: center;}
.intro1 h3{font-size: 5rem; color: #222;}
.intro1 > p{margin: 30px 0 60px; color: #12224a; font-size: 2rem; font-weight: 600;}
.intro1 ul{display: flex;}
.intro1 ul li{width: 50%;}
.intro1 ul img{width: 100%;}
.intro1 .cont{margin: 100px 0 120px; color: #222;}
.intro1 .cont h4{font-weight: 600; font-size: 2.6rem; margin-bottom: 50px;}
.intro1 .cont p{color: #777; font-weight: 500; font-size: 1.8rem;}
.intro1 .cont p + p{margin-top: 50px;}

@media screen and (max-width:1280px){
    .intro1 h3{font-size: 4rem;}
    .intro1 > p{font-size: 1.8rem;}
    .intro1 .cont{margin: 80px 0 100px;}
    .intro1 .cont h4{font-size: 2.4rem;}
    .intro1 .cont p{font-size: 1.6rem;}
    .intro1 .cont p + p{margin-top: 30px;}
}

@media screen and (max-width:980px){
    .intro1 h3{font-size: 3.5rem;}
    .intro1 .cont{margin: 80px 0 100px;}
    .intro1 .cont p br{display: none;}
}
@media screen and (max-width:580px){
    .intro1 h3{font-size: 3rem;}
    .intro1 > p{font-size: 1.6rem; margin: 30px 0 50px;}
    .intro1 .cont{margin: 60px 0 80px;}
    .intro1 ul{flex-wrap: wrap;}
    .intro1 ul li{width: 100%;}
    .intro1 .cont h4{font-size: 2.2rem; margin-bottom: 30px;}
    .intro1 .cont p{font-size: 1.5rem;}
    .intro1 .cont p + p{margin-top: 20px;}
}


#doctorTitle h3 {font-size:5.0rem; color:#222; line-height:1.2em;}
#doctorTitle h3 .sm{font-size: 2.5rem;font-weight: 400;}
#doctorTitle h3 .ud-line {position:relative}
#doctorTitle h3 .ud-line:before {content:''; width:100%; height:30%; background:#e5f4f9; position:absolute; left:0; bottom:0; z-index:-1}
#doctorTitle .eng {margin-top:0.5em; line-height:1.0em; font-size:5.0rem; font-weight:900; font-family:'Montserrat'; color:#e5f4f9; text-transform:uppercase; text-align:right; position:relative; z-index:-1}
#doctor { margin-top:-1em; display:flex; justify-content:space-between; gap:100px; align-items: center;}
#doctor .imgWrap {position:relative}
#doctor .imgWrap:before {content:''; width:95%; height:95%; background:#12224a;  position:absolute; left:-15px; bottom:-15px; z-index:-1}
#doctor .contWrap ul {margin:2em 0; display:flex}
#doctor .contWrap ul h3 {width:150px; font-size:2.2rem; color:#12224a; font-weight:600}
#doctor .contWrap ul li {width:calc(100% - 150px)}
#doctor .contWrap ul li p {font-size:1.8rem; margin-bottom:0.3em;}

@media all and (max-width:1399px) {
    #doctorTitle h3 { font-size:4.0rem; }
    #doctorTitle .eng { font-size:4.0rem;}
}

@media all and (max-width:1280px) {
    #doctor { margin-top:1em;  gap:50px; align-items: start;}
	#doctor .imgWrap {width:50%}
	#doctor .imgWrap img {width:100%}
	#doctor .contWrap {width:50%}
	#doctor .contWrap ul h3 {width:120px;}
	#doctor .contWrap ul {margin:0 0 2em 0;}
	#doctor .contWrap ul li {width:calc(100% - 120px)}
}
@media all and (max-width:1024px) {
    #doctorTitle h3 {text-align: center;}
    #doctorTitle .eng {text-align: center; margin-top: 30px;font-size: 3rem;}
    #doctor { flex-wrap:wrap; gap:0; margin-top: 50px; justify-content: center;}
	#doctor .imgWrap {width:80%; max-width:600px ; margin-bottom:5em}
	#doctor .imgWrap:before { right:-15px; left:unset }
	#doctor .imgWrap img {width:100%; }
	#doctor .contWrap {width:100%; margin-top: 30px;}
}
@media all and (max-width:580px) {
    #doctorTitle h3 { font-size:3rem; }
    #doctorTitle h3 .sm{font-size: 2rem;}
    #doctorTitle .eng {font-size: 2.5rem;}
    #doctor {margin-top: 30px;}
    #doctor .contWrap ul h3 {width:22vw; font-size: 1.8rem;}
	#doctor .contWrap ul li {width:calc(100% - 22vw)}
	#doctor .contWrap ul li p{font-size: 1.6rem;}
}


.intro3{}
.intro3 .list{display: flex; flex-wrap: wrap; gap:60px 30px; margin-top: 60px;}
.intro3 .list li{width: calc(100% /3 - 60px /3); box-shadow: 15px 12px 36px rgba(0,0,0,0.08); border: 1px solid #eee;}
.intro3 .list li .img{background-color: #fafafa;}
.intro3 .list li .img img{max-width: 100%;}
.intro3 .list li .txt{text-align: center; margin-top: -53px;}
.intro3 .list li .txt h3{display: inline-block; background-color: rgba(36, 54, 103,0.95); color: #fff; font-size: 20px; padding: 14px 20px; width: 100%;}
.intro3 .list li:nth-child(even) .txt h3{ background-color: rgba(25, 39, 77, 0.95);}
.intro3 .list li .txt p{font-size: 17px; color: #666; line-height: 1.6em; padding: 20px; word-break: keep-all;}

@media all and (max-width:1280px){
	.intro3 .list{margin-top: 50px;}
	.intro3 .list li{width: calc(100% / 3 - 60px /3);}
	.intro3 .list li .txt{margin-top: -43px;}
	.intro3 .list li .txt h3{font-size: 18px; padding: 10px 16px;}
	.intro3 .list li .txt p{font-size: 16px; padding: 16px;}
}
@media all and (max-width:976px){
	.intro3 .list{gap:50px 20px; margin-top: 40px;}
	.intro3 .list li{width: calc(100% / 2 - 20px /2);}
}
@media all and (max-width:640px){
	.intro3 .list{margin-top: 35px;}
	.intro3 .list li{width: calc(100% / 1 - 0px /2);}
	.intro3 .list li .img{text-align: center;}
}


#sMap {width:100%;}
#sMap .root_daum_roughmap .wrap_map {height: 600px;}
#mapWrap {display:flex; width:100%; margin-left:auto;  position:relative; z-index:2 } 
#mapWrap #in-box {padding:50px;color:#FFF} 
#mapWrap #in-box.bg1 {width:40%; background:#12224a url('/images/sub/mapwrap-bg1.png') no-repeat 90% 80%; }
#mapWrap #in-box.bg2 {width:35%; background:#1597cb url('/images/sub/mapwrap-bg2.png') no-repeat 90% 80%; }
#mapWrap #in-box.bg3 {width:35%; background:#0a5987 url('/images/sub/mapwrap-bg3.png') no-repeat 90% 80%; }

#mapWrap #in-box h3 {font-size:3.0rem;}
#mapWrap #in-box .t1 {padding:0.3em 0 1.5em; font-size:1.8rem}
#mapWrap #in-box dl dt { font-size:2.0rem; font-weight:600; }
#mapWrap #in-box dl dd { font-size:1.8rem }
#mapWrap #in-box h4 { font-size:2.4rem; padding-bottom:0.5em; margin-bottom:1em; border-bottom:1px solid rgba(255,255,255,0.1)}

#mapWrap #in-box .cs {display:flex; flex-wrap:wrap; font-family:'Montserrat'; align-items: center;}
#mapWrap #in-box .cs dd {width:50px; font-weight:500;}
#mapWrap #in-box .cs dt {width:calc(100% - 50px); }
#mapWrap #in-box .cs dt.tel {font-size:2.6rem}

#mapWrap #in-box .park {padding-top:1em; display:flex; flex-wrap:wrap;}
#mapWrap #in-box .park dd {width:60px;  }
#mapWrap #in-box .park dt {width:calc(100% - 60px); font-size:1.8rem}

#mapWrap #in-box .traffic dt {font-size:2.2rem; padding-bottom:0.5em}
#mapWrap #in-box .traffic dd {line-height:1.4em}
#mapWrap #in-box .traffic dd span {padding-right:1em; display:inline-block}
.root_daum_roughmap .wrap_controllers{display: none;}

@media all and (max-width:1599px) {
    #intro5 {width:95%; margin:0 auto}
}
@media all and (max-width:1280px) {
    #mapWrap #in-box {padding:50px 30px} 
    #mapWrap #in-box h3 {font-size:2.8rem;}
}
@media all and (max-width:1099px) {
    #sMap .root_daum_roughmap .wrap_map {height: 500px;}
	#mapWrap {flex-wrap:wrap} 
	#mapWrap #in-box.bg1 {width:55%}
	#mapWrap #in-box.bg2 {width:45%}
	#mapWrap #in-box.bg3 {width:100%}
}
@media all and (max-width:720px) {
    #sMap .root_daum_roughmap .wrap_map {height: 450px;}
    .intro5{display: flex; flex-wrap: wrap;}
	#mapWrap {flex-wrap:wrap;order: 2;} 
	#mapWrap #in-box {padding:30px}
	#mapWrap #in-box.bg1 {width:100%}
	#mapWrap #in-box.bg2 {width:100%}
	#mapWrap #in-box.bg3 {width:100%}
    #mapWrap #in-box h3 {font-size:2.5rem;}
	#mapWrap #in-box h4 { margin-bottom:0.5em; }
    #mapWrap #in-box .traffic dt {font-size:2rem;}
}
@media all and (max-width:480px) {
    #sMap .root_daum_roughmap .wrap_map {height:80vw;}
	#mapWrap #in-box {padding:7vw}
	#mapWrap #in-box.bg1,
	#mapWrap #in-box.bg2,
	#mapWrap #in-box.bg3 {background-size:25% auto}
    #mapWrap #in-box h3 {font-size:2.3rem;}
}


#sTitle {margin-bottom:50px; text-align:center; color: #222;}
#sTitle h3 {font-size:5.0rem; margin-bottom:0.7em; transform: rotate(-0.03deg);}
#sTitle h4 {font-size:4.0rem; margin-bottom:0.5em; transform: rotate(-0.03deg);}
#sTitle span{color: #1597cb;}
#sTitle .t1 {font-size:1.8rem; font-weight:500;  line-height:1.6em}
#sTitle .t2 {font-size:1.6rem; line-height:1.4em}

@media all and (max-width:1280px){
    #sTitle h3 {font-size:4.5rem;} 
    #sTitle h4 {font-size:3.5rem;}
}
@media all and (max-width:980px){
    #sTitle h3 {font-size:4.0rem;} 
    #sTitle h4 {font-size:3rem;}
}
@media all and (max-width:480px){
    #sTitle {margin-bottom:30px;}
    #sTitle h3 {font-size:3.5rem;}
}

.p-Part { padding:130px 0}
.m-Part { margin:130px 0}

@media all and (max-width:1280px){
	.p-Part { padding:100px 0}
	.m-Part { margin:100px 0}
}
@media all and (max-width:980px){
	.p-Part { padding:80px 0}
	.m-Part { margin:80px 0}
}
@media all and (max-width:480px){
	.p-Part { padding:60px 0}
	.m-Part { margin:60px 0}
}


.chapter{margin-bottom: 150px;}
.clinic_top{display: flex; align-items: center;}
.clinic_top .txt{width: 50%; padding: 30px; padding-right: 80px;}
.clinic_top .txt h4{color: #444; font-weight: 700; font-size: 2.4rem; margin-bottom: 15px;}
.clinic_top .txt h3{font-size: 5.6rem; color: #000; font-weight: 300;}
.clinic_top .txt h3 span{color: #1597cb; font-weight: 800;}
.clinic_top .txt p{font-size: 1.8rem; line-height: 1.9em; font-weight: 300; word-break: keep-all; margin-top: 30px;}
.clinic_top .img{width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 400px; border-radius: 20px; overflow: hidden;}

.clinic_top .img.clinic1-1{background-image: url('/images/sub/clinic1-1_top.jpg');}
.clinic_top .img.clinic1-2{background-image: url('/images/sub/clinic1-2_top.jpg');}
.clinic_top .img.clinic1-3{background-image: url('/images/sub/clinic1-3_top.jpg');}
.clinic_top .img.clinic1-4{background-image: url('/images/sub/clinic1-4_top.jpg');}
.clinic_top .img.clinic1-5{background-image: url('/images/sub/clinic1-5_top.jpg');}

.clinic_top .img.clinic2-1{background-image: url('/images/sub/clinic2-1_top.jpg');}
.clinic_top .img.clinic2-2{background-image: url('/images/sub/clinic2-2_top.jpg');}
.clinic_top .img.clinic2-3{background-image: url('/images/sub/clinic2-3_top.jpg');}

.clinic_top .img.clinic3-1{background-image: url('/images/sub/clinic3-1_top.jpg');}
.clinic_top .img.clinic3-2{background-image: url('/images/sub/clinic3-2_top.jpg');}

.clinic_top .img.clinic4-1{background-image: url('/images/sub/clinic4-1_top.jpg');}
.clinic_top .img.clinic4-2{background-image: url('/images/sub/clinic4-2_top.jpg');}
.clinic_top .img.clinic4-3{background-image: url('/images/sub/clinic4-3_top.jpg');}
.clinic_top .img.clinic4-4{background-image: url('/images/sub/clinic4-4_top.jpg');}
.clinic_top .img.clinic4-5{background-image: url('/images/sub/clinic4-5_top.jpg');}

.clinic_top .img.clinic5-1{background-image: url('/images/sub/clinic5-1_top.jpg');}
.clinic_top .img.clinic5-2{background-image: url('/images/sub/clinic5-2_top.jpg');}
.clinic_top .img.clinic5-3{background-image: url('/images/sub/clinic5-3_top.jpg');}

.clinic_top .img.clinic6-1{background-image: url('/images/sub/clinic6-1_top.jpg');}
.clinic_top .img.clinic6-2{background-image: url('/images/sub/clinic6-2_top.jpg');}
.clinic_top .img.clinic6-3{background-image: url('/images/sub/clinic6-3_top.jpg');}

.clinic_top .img.surgery1{background-image: url('/images/sub/surgery1_top.jpg');}
.clinic_top .img.surgery2{background-image: url('/images/sub/surgery2_top.jpg');}
.clinic_top .img.surgery3{background-image: url('/images/sub/surgery3_top.jpg');}

.clinic_top .img.nonsgr1{background-image: url('/images/sub/nonsgr1_top.jpg');}
.clinic_top .img.nonsgr2{background-image: url('/images/sub/nonsgr2_top.jpg');}
.clinic_top .img.nonsgr3{background-image: url('/images/sub/nonsgr3_top.jpg');}
.clinic_top .img.nonsgr4{background-image: url('/images/sub/nonsgr4_top.jpg');}

.clinic_top .img.manual1{background-image: url('/images/sub/manual1_top.jpg');}
.clinic_top .img.manual2{background-image: url('/images/sub/manual2_top.jpg');}


@media all and (max-width:1280px){
    .clinic_top .txt h4{font-size: 2rem;}
    .clinic_top .txt h3{font-size: 5rem;}
    .clinic_top .txt p{font-size: 1.7rem; line-height: 1.8em;}
}
@media all and (max-width:976px){
    .chapter{margin-bottom: 120px;}
    .clinic_top{flex-direction: column}
    .clinic_top .img{order: -1; width: 100%; height: 30vw; min-height: 320px; border-radius: 15px;}
    .clinic_top .txt{width: 100%; padding: 0; margin-top: 30px;}
    .clinic_top .txt h3{font-size: 4.3rem;}
    .clinic_top .txt p{font-size: 1.6rem; margin-top: 25px;}
}
@media all and (max-width:640px){
    .chapter{margin-bottom: 90px;}
    .clinic_top .txt h4{font-size: 2rem; margin-bottom: 10px;}
    .clinic_top .txt h3{font-size: 3.8rem;}
    .clinic_top .txt p{margin-top: 20px;}
}


#c_List {display:flex; flex-wrap:wrap; justify-content:center; gap:5px 10px; margin-top: 80px;}
#c_List li { background:#3e5374; display:flex; justify-content:center; align-items: center;  width: calc(100%/4 - 8px); height:180px; border-radius: 20px; text-align: center;counter-increment: number; position: relative;}
#c_List li::before{content: counter(number, decimal-leading-zero); font-size:7.0rem; color:#ffffff73;font-family:'Oswald'; position:absolute; right:0.2em; bottom:-0.35em; font-weight:800}
#c_List li:nth-child(even) { background:#3aa6cf;}
#c_List li p { font-size:2.4rem; font-weight:700; color:#FFF}


@media all and (max-width:980px){
    #c_List {margin-top: 50px;}
    #c_List li {height: 150px; border-radius: 10px;}
    #c_List li p { font-size:2.2rem;}
}
@media all and (max-width:780px){
    #c_List{gap: 10px;}
    #c_List li {height: 130px; width: calc(100%/2 - 5px);}
    #c_List li::before{font-size: 5rem;}
    #c_List li p { font-size:2rem;}
    #c_List li:nth-child(1) { background:#3aa6cf;}
    #c_List li:nth-child(2) { background:#3e5374;}
}
@media all and (max-width:480px){
    #c_List {margin-top: 30px;}
    #c_List li {height: 100px;}
    #c_List li::before{font-size: 4rem;}
	#c_List li p { font-size:1.8rem;}
}


#halfNum {display:flex; flex-wrap:wrap}
#halfNum #imgWrap {width:50%; border-bottom-left-radius:30px; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat}

#halfNum #imgWrap.clinic1-1 {background-image:url('/images/sub/clinic1-1_bg.jpg')}
#halfNum #imgWrap.clinic1-2 {background-image:url('/images/sub/clinic1-2_bg.jpg')}
#halfNum #imgWrap.clinic1-3 {background-image:url('/images/sub/clinic1-3_bg.jpg')}
#halfNum #imgWrap.clinic1-4 {background-image:url('/images/sub/clinic1-4_bg.jpg')}
#halfNum #imgWrap.clinic1-5 {background-image:url('/images/sub/clinic1-5_bg.jpg')}

#halfNum #imgWrap.clinic2-1 {background-image:url('/images/sub/clinic2-1_bg.jpg')}
#halfNum #imgWrap.clinic2-2 {background-image:url('/images/sub/clinic2-2_bg.jpg')}
#halfNum #imgWrap.clinic2-3 {background-image:url('/images/sub/clinic2-3_bg.jpg')}

#halfNum #imgWrap.clinic3-1 {background-image:url('/images/sub/clinic3-1_bg.jpg')}
#halfNum #imgWrap.clinic3-2 {background-image:url('/images/sub/clinic3-2_bg.jpg')}

#halfNum #imgWrap.clinic4-1 {background-image:url('/images/sub/clinic4-1_bg.jpg')}
#halfNum #imgWrap.clinic4-2 {background-image:url('/images/sub/clinic4-2_bg.jpg')}
#halfNum #imgWrap.clinic4-3 {background-image:url('/images/sub/clinic4-3_bg.jpg')}
#halfNum #imgWrap.clinic4-4 {background-image:url('/images/sub/clinic4-4_bg.jpg')}
#halfNum #imgWrap.clinic4-5 {background-image:url('/images/sub/clinic4-5_bg.jpg')}

#halfNum #imgWrap.clinic5-1 {background-image:url('/images/sub/clinic5-1_bg.jpg')}
#halfNum #imgWrap.clinic5-2 {background-image:url('/images/sub/clinic5-2_bg.jpg')}
#halfNum #imgWrap.clinic5-3 {background-image:url('/images/sub/clinic5-3_bg.jpg')}

#halfNum #imgWrap.clinic6-1 {background-image:url('/images/sub/clinic6-1_bg.jpg')}
#halfNum #imgWrap.clinic6-2 {background-image:url('/images/sub/clinic6-2_bg.jpg')}
#halfNum #imgWrap.clinic6-3 {background-image:url('/images/sub/clinic6-3_bg.jpg')}

#halfNum #imgWrap.surgery1 {background-image:url('/images/sub/surgery1_bg.jpg')}
#halfNum #imgWrap.surgery2 {background-image:url('/images/sub/surgery2_bg.jpg')}
#halfNum #imgWrap.surgery3 {background-image:url('/images/sub/surgery3_bg.jpg')}

#halfNum #imgWrap.nonsgr1 {background-image:url('/images/sub/nonsgr1_bg.jpg')}
#halfNum #imgWrap.nonsgr2 {background-image:url('/images/sub/nonsgr2_bg.jpg')}
#halfNum #imgWrap.nonsgr3 {background-image:url('/images/sub/nonsgr3_bg.jpg')}
#halfNum #imgWrap.nonsgr4 {background-image:url('/images/sub/nonsgr4_bg.jpg')}

#halfNum #imgWrap.manual1 {background-image:url('/images/sub/manual1_bg.jpg')}
#halfNum #imgWrap.manual2 {background-image:url('/images/sub/manual2_bg.jpg')}

#halfNum #contWrap {width:50%; padding:5em 4em; border: 10px solid #ecf7fb; border-top-right-radius:30px}

@media all and (max-width:1399px){
	#halfNum #contWrap { padding:2em}
}
@media all and (max-width:1024px){
	#halfNum #imgWrap {width:100%;  border-radius:0; border-top-left-radius:30px; height: 60vw;}
	#halfNum #contWrap {width:100%;  border-radius:0; border-bottom-right-radius:30px}
}
@media all and (max-width:976px){
	#halfNum #contWrap { border-width:5px }
}
@media all and (max-width:480px){
	#halfNum #contWrap { padding:3em 2em;}
}



#numList li {position:relative; counter-increment: number; padding-bottom:2.0em; margin-bottom:2.0em; border-bottom:1px dashed #e9e9e9 }
#numList li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0}
#numList li:before {content: counter(number, decimal-leading-zero); font-size:2.0rem; color:#FFF; background:#12224a;width:50px; line-height:50px; border-radius:100%; font-family:'Oswald'; position:absolute; left:0; top:0.1em;font-weight:700; text-align:center}
#numList li > dl {padding-left:70px}
#numList li > dl dt {font-size:2.2rem; font-weight:700; color:#222}
#numList li > dl dd { font-size:1.7rem; line-height:1.4em}

@media all and (max-width:1399px){
    #numList li:before {width:40px; line-height:40px; font-size:1.8rem;  }
	#numList li > dl {padding-left:55px}
}
@media all and (max-width:1024px){
    #numList li:before {width:30px; line-height:30px; font-size:1.6rem;  }
	#numList li > dl {padding-left:40px}
    #numList li > dl dt {font-size:2rem; }
    #numList li > dl dd { font-size:1.6rem;}
}
@media all and (max-width:480px){
    #numList li:before {top: -0.2em;}
    #numList li > dl dt {font-size: 1.9rem;}
	#numList li > dl dd {margin-top:0.5em; font-size:1.5rem; line-height:1.2em}
}


.bg{background: #f2f9fc;}
.bg2{background: #f9f9f9;}
#checkNeed ul {overflow:hidden}
#checkNeed ul li {padding:2em 3em; width:49%; margin:0.5%; float:left; border-radius:100px; background:#FFF; box-sizing:border-box; position:relative}
#checkNeed ul li:before {content: '\e937'; font-family: 'Material Symbols Outlined'; width:30px; height:30px; margin-top:-15px;  border-radius:100px;  position:absolute; left:1em; top:50%; font-size: 2.5rem; color: #1597cb;}
#checkNeed ul li p {padding-left: 3.5rem;; font-size: 2rem;}

#checkNeed ul.w100 li {width:100%;  margin:0.5% 0; border-bottom:1px dashed #f3f3f3} 
#checkNeed ul.w100 li:last-child {border-bottom:0}
#checkNeed ul.bgn li{background: #f2f9fc; width: 100%;}

@media all and (max-width:1024px) {
    #checkNeed ul li {width:99%; margin:1%; }
}
@media all and (max-width:767px) {
    #checkNeed ul li:before {width:26px; height:26px; margin-top:-13px;} 
    #checkNeed ul li p {font-size: 1.6rem;}
}



.clinic_faq .inner .s_txt{text-align: center;}
.clinic_faq .inner .dl_box{margin-top: 60px; border-top: 2px solid #1597cb;}
.clinic_faq .inner .dl_box dl{ display: flex; flex-direction: column;}
.clinic_faq .inner .dl_box dl dt{font-size: 24px; font-weight: 700; position: relative; padding: 30px 0; padding-left: 80px; color: #222; border-bottom: 1px solid #dedede; cursor: pointer;}
.clinic_faq .inner .dl_box dl dt.on{color: #1597cb; background: #fff;}
.clinic_faq .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 .inner .dl_box dl dt::after{content: '↓'; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; font-family: 'SUIT', sans-serif;}
.clinic_faq .inner .dl_box dl dt.on::after{content: '↑';}
.clinic_faq .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 .inner .dl_box dl dt.on + dd{height: auto; opacity: 1; visibility: visible; padding: 30px 80px;}



@media all and (max-width:1280px){
    .clinic_faq .inner .dl_box dl dt{font-size: 20px; padding: 25px 0; padding-left: 60px;}
    .clinic_faq .inner .dl_box dl dd{font-size: 16px; line-height: 1.5em;}
    .clinic_faq .inner .dl_box dl dt.on + dd{padding: 20px 60px;}
}
@media all and (max-width:840px){
    .clinic_faq .inner .dl_box dl dt{font-size: 18px; padding: 20px 0; padding-left: 50px;}
    .clinic_faq .inner .dl_box dl dt.on + dd{padding: 20px 50px;}
}
@media all and (max-width:680px){
    .clinic_faq .inner .dl_box{margin-top: 30px;}
    .clinic_faq .inner .dl_box dl dt{font-size: 16px; padding: 15px 40px;}
    .clinic_faq .inner .dl_box dl dd{font-size: 14px; line-height: 1.4em;}
    .clinic_faq .inner .dl_box dl dt::before{left: 15px; font-size: 1.1em;}
}
@media all and (max-width:480px){
}


.gray_box{margin-top: 30px; background: #f5f5f5; border-radius: 5px;}
.gray_box p{padding: 30px; font-size: 1.8rem; line-height: 2.8rem;}
@media all and (max-width:780px){
    .gray_box{margin-top: 20px;}
    .gray_box p{padding: 20px; font-size: 1.6rem; line-height: 2.6rem;}
}