/* intro1 */
.intro1{}
.intro1 .s-inner{}
.intro1 .s-inner .tit{font-size: 68px; font-weight: 200; color: #333333; text-align: center; margin: 120px 0 90px;}
.intro1 .s-inner .tit b{color: #645894;}
.intro1 .s-inner .box{display: flex; gap:0 110px;}
.intro1 .s-inner .box .img{width: 535px;}
.intro1 .s-inner .box .img img{max-width: 100%;}
.intro1 .s-inner .box .txt{padding: 30px 0; display: flex; flex-direction: column; width: calc(100% - 535px);}
.intro1 .s-inner .box .txt h3{font-size: 40px; font-weight: 200; color: #222222; line-height: 1.5em; margin-bottom: 75px; word-break: keep-all;}
.intro1 .s-inner .box .txt h3 b{font-weight: 600; color: #645894;}
.intro1 .s-inner .box .txt p{font-size: 18px; color: #6e6b7a; line-height: 1.8em;}
.intro1 .s-inner .box .txt p+p{margin-top: 55px;}
.intro1 .s-inner .box:nth-child(even){flex-direction: row-reverse; margin-top: -84px;}
.intro1 .s-inner .box:nth-child(even) .txt{align-self: flex-end;}

@media all and (max-width:1280px){
	.intro1 .s-inner .tit{font-size: 56px; margin: 100px 0 80px;}
	.intro1 .s-inner .box .img{width: 480px;}
	.intro1 .s-inner .box{gap:0 80px;}
	.intro1 .s-inner .box .txt{ width: calc(100% - 480px);}
	.intro1 .s-inner .box .txt h3{font-size: 36px; margin-bottom: 50px;}
	.intro1 .s-inner .box .txt p{font-size: 17px;}
	.intro1 .s-inner .box .txt p br{display: none;}
	.intro1 .s-inner .box .txt p+p{margin-top: 40px;}
	.intro1 .s-inner .box:nth-child(even){margin-top: 60px;}
}
@media all and (max-width:976px){
	.intro1 .s-inner .tit{font-size: 41px; margin: 90px 0 70px;}
	.intro1 .s-inner .box{gap:0 50px;}
	.intro1 .s-inner .box .txt h3{font-size: 32px; margin-bottom: 35px;}
	.intro1 .s-inner .box .txt p{font-size: 16px;}
	.intro1 .s-inner .box .txt p+p{margin-top: 30px;}
	.intro1 .s-inner .box .img{width: 50%;}
	.intro1 .s-inner .box .txt{ width: calc(100% - 50%);}
}
@media all and (max-width:640px){
	.intro1 .s-inner .tit{font-size: 30px; margin: 70px 0 55px; text-align: left;}
	.intro1 .s-inner .box:nth-child(even),
	.intro1 .s-inner .box{flex-direction: column;}
	.intro1 .s-inner .box .img{width: 100%;}
	.intro1 .s-inner .box .img img{width: 100%;}
	.intro1 .s-inner .box .txt{width: 100%; padding-bottom: 0;}
	.intro1 .s-inner .box .txt h3{font-size: 28px; margin-bottom: 30px;}
	.intro1 .s-inner .box .txt p{font-size: 15px;}
	.intro1 .s-inner .box .txt p+p{margin-top: 25px;}
	.intro1 .s-inner .box:nth-child(even){margin-top: 40px;}
}
@media all and (max-width:480px){
	.intro1 .s-inner .tit{font-size: 25px; margin: 60px 0 45px;}
	.intro1 .s-inner .box .txt h3{font-size: 24px; margin-bottom: 20px;}
}



.sTitle {margin-bottom:5em}
.sTitle dt {font-size:50px; font-weight:200; color:#333; word-break: keep-all;}
.sTitle dd {margin-top:0.7em; font-size:17px; opacity:.7; word-break: keep-all;}
@media all and (max-width:480px){
	.sTitle {margin-bottom:2em}
	.sTitle dt {font-size:40px; }
	.sTitle dd {margin-top:0.7em; font-size:15px; }
}
@media all and (max-width:410px){
	.sTitle {margin-bottom:2em}
	.sTitle dt {font-size:35px; }
}




.p-Part { padding:130px 0 ; }
.m-Part { margin:130px 0 ; }
.s-Part { padding:100px 0 ; }

@media all and (max-width:1280px){
	.p-Part { padding:100px 0 ; }
	.m-Part { margin:100px 0 ; }
	.s-Part { padding:80px 0 ; }
}
@media all and (max-width:976px){
	.p-Part { padding:70px 0 ; }
	.m-Part { margin:70px 0 ; }
	.s-Part { padding:60px 0 ; }
}
@media all and (max-width:480px){
	.p-Part { padding:50px 0 ; }
	.m-Part { margin:50px 0 ; }
	.s-Part { padding:50px 0 ; }
}

#clinicTitle {}
#clinicTitle h3 {font-size:60px; line-height:1.2em; font-weight:200; color:#333; position:relative} 
#clinicTitle h3 .underline {position:relative }
#clinicTitle h3 .underline:before {content:''; width:100%; height:0.4em; background:rgba(100,88,148,0.15); position:absolute;left:0;bottom:5px;}
#clinicTitle .t1 {margin-top:2em; font-size:17px; line-height:1.6em}

/*
@media all and (max-width:1280px){
	#clinicTitle h3{font-size: 56px;}
}
@media all and (max-width:976px){
	#clinicTitle h3{font-size: 52px;}
}
*/
@media all and (max-width:480px){
	#clinicTitle h3 {font-size:50px; }
	#clinicTitle .t1 {margin-top:1em; font-size:16px }
}
@media all and (max-width:410px){
	#clinicTitle h3 {font-size:40px; }
	#clinicTitle.derma1 .t1 br { display:none}
}

#clinicTop {display:flex; height: 415px; flex-direction: row-reverse; align-items: end; position:relative; background-repeat:no-repeat; background-position:left top }
#clinicTop:after {content:''; width:12px; height:100%;  background:url('/anesth/images/sub/clinictop-txt.png')no-repeat left top; position:absolute; left:-25px; top:0}
#clinicTop .sTitle  {margin-bottom:3em}
#clinicTop .cont {padding:0 0 2em 4%; width:50%}
#clinicTop .cont .t1 { font-size:18px; line-height:1.8em; word-break: keep-all;}

#clinicTop.pain1 {background-image:url('/anesth/images/sub/clinictop-pain1.png');}
#clinicTop.pain2 {background-image:url('/anesth/images/sub/clinictop-pain2.png');}
#clinicTop.pain3 {background-image:url('/anesth/images/sub/clinictop-pain3.png');}
#clinicTop.pain4 {background-image:url('/anesth/images/sub/clinictop-pain4.png');}
#clinicTop.pain5 {background-image:url('/anesth/images/sub/clinictop-pain5.png');}
#clinicTop.pain6 {background-image:url('/anesth/images/sub/clinictop-pain6.png');}
#clinicTop.pain7 {background-image:url('/anesth/images/sub/clinictop-pain7.png');}
#clinicTop.pain8 {background-image:url('/anesth/images/sub/clinictop-pain8.png');}
#clinicTop.pain9 {background-image:url('/anesth/images/sub/clinictop-pain9.png');}
#clinicTop.pain10 {background-image:url('/anesth/images/sub/clinictop-pain10.png');}
#clinicTop.spine1 {background-image:url('/anesth/images/sub/clinictop-spine1.png');}
#clinicTop.spine2 {background-image:url('/anesth/images/sub/clinictop-spine2.png');}
#clinicTop.spine3 {background-image:url('/anesth/images/sub/clinictop-spine3.png');}
#clinicTop.spine4 {background-image:url('/anesth/images/sub/clinictop-spine4.png');}
#clinicTop.spine5 {background-image:url('/anesth/images/sub/clinictop-spine5.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:90% auto; height: 455px;}
	#clinicTop .cont {padding:0; width:100%; background:#FFF}

	#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 .cont .t1 { font-size:16px;  }
}




#circleList ul {display:flex; gap:50px;justify-content:center;  }
#circleList ul li {width:340px;  text-align:Center}
#circleList ul.w3 li {width:340px; }
#circleList ul li .img img {width:100%; max-width:280px} 
#circleList ul li dl {margin-top:4em;}
#circleList ul li dl dt  {font-size:26px; font-weight:600; color:#333}
#circleList ul li dl dd  {margin-top:0.7em; font-size:18px; line-height:1.6em; word-break: keep-all;}

@media all and (max-width:1180px){
	#circleList ul.w3 li {width:calc(33% - 50px); }
	#circleList ul li .img img {width:100%;} 
}
@media all and (max-width:976px){
	#circleList ul.w3 {flex-wrap:wrap; gap:30px;}
	#circleList ul.w3 li {width:calc(50% - 50px); }
	#circleList ul li dl {margin-top:3em;}
}
@media all and (max-width:480px){
	#circleList ul.w3 li {width:80% }
	#circleList ul li .img img {width:60%; }
	#circleList ul li dl {margin-top:2em;}
	#circleList ul li dl dd  {margin-top:0.7em; font-size:16px; }
}

#squareList{}
#squareList + .sTitle{margin-top: 130px;}
#squareList ul{display: flex; gap:50px;}
#squareList ul li{width: 50%; border: 1px solid #dedede; align-items: center;}
#squareList ul li .img{width: 100%; display: block;}
#squareList ul li .img img{width: 100%; object-fit: cover;}
#squareList ul li .txt{width: 100%; padding: 30px 40px;}
#squareList ul li .txt h3{font-size: 26px; font-weight: 600; color: #333;}
#squareList ul li .txt p{margin-top: 0.7em; font-size: 18px; line-height: 1.6em; word-break: break-all;}

@media all and (max-width:1280px){
	#squareList + .sTitle{margin-top: 100px;}
}
@media all and (max-width:976px){
	#squareList ul{gap:30px;}
	#squareList + .sTitle{margin-top: 70px;}
}
@media all and (max-width:640px){
	#squareList ul{flex-wrap: wrap;}
	#squareList ul li{width: 100%;}
	#squareList ul li .txt{padding: 25px 25px;}
}




#solution {padding:5% 0;background:url('/anesth/images/sub/solution-bg.png') no-repeat right top; background-size:auto 100%}
#solution .m-inner {width:90%; max-width:1280px;}
#solutionCont {padding:65px 0 0 65px; width:90%; max-width:640px; height:740px; box-shadow:0 0 10px rgba(0,0,0,0.05); background:#FFF}
#solutionCont div {width:100%; height:100%; position:relative}
#solutionCont div .eng {font-size:18px; color:#9e9e9e; font-family: 'Marcellus', serif; letter-spacing:0}
#solutionCont div h3 {margin:0.7em 0 0.3em; font-size:50px; color:#645894; font-weight:200}
#solutionCont div .t1 {width:80%; font-size:17px; line-height:1.6em; position:relative; z-index:2}
#solutionCont div .bd-t {width:70%; margin-top:4em; display:flex; flex-wrap:wrap;  position:relative; z-index:2}
#solutionCont div .bd-t li  { margin:5px 5px 0 0; display:inline-block;  padding:0.5em 1em; font-size:18px; color:#b996a7; border:4px solid #f1e9ed; background:rgba(255,255,255,0.8); border-radius:50px;}
#solutionCont div .img {position:absolute;; right:0; bottom:0; z-index:1}
#solutionCont .slick-prev,
#solutionCont .slick-next {bottom:40px; width:17px; height:10px; }
#solutionCont .slick-prev { padding-right:60px; border-right:1px solid #DDD; background:url('/anesth/images/main/prev.webp') no-repeat left center; line-height: 1em;}
#solutionCont .slick-next { left:65px; margin-left:60px; padding-left:60px; margin-bottom:1px; background:url('/anesth/images/main/next.webp') no-repeat right center; }

@media all and (max-width:1280px){
	#solution {background-position:60% top}
	#solutionCont {padding:40px 0 0 40px; height:640px;}
	#solutionCont div .eng {font-size:17px;}
	#solutionCont div h3 {margin:0.7em 0 0.4em; font-size:45px;}
	#solutionCont div .t1 {font-size:16px; }
	#solutionCont div .bd-t li  { font-size:17px; }
	
	#solutionCont .slick-next { left:40px; }
}
@media all and (max-width:1024px){
	#solution {background-position:60% top}
	#solutionCont { height:580px;}
	#solutionCont div .img {width:50%}
}
@media all and (max-width:640px){
	#solution {padding:10% 0;}
	#solution {background-position:70% top}
	#solutionCont div .img {width:60%}
	#solutionCont div h3 {font-size:40px;}
	#solutionCont div .bd-t {width:80%}
}
@media all and (max-width:480px){
	#solutionCont {width:100%; padding:30px 20px 0 20px; height:540px;}
	#solutionCont div .eng {font-size:14px;}
	#solutionCont div h3 {margin:0.5em 0 0.3em; font-size:35px;}
	#solutionCont div .t1 {width:100%; font-size:15px; }
	#solutionCont div .bd-t {width:100%;  margin-top:2em;}
	#solutionCont div .bd-t li  { font-size:16px; }
	#solutionCont div .img { right:-20px; } 
	
	#solutionCont .slick-next { left:20px; }
}






#numList ul {display:flex; flex-wrap:wrap}
#numList ul li { width:49%; margin:0.5%; border:1px solid #EEE; position:relative; counter-increment: number;}
#numList ul li:before {content: counter(number, decimal-leading-zero); display:flex; align-items: center; justify-content:center; 
						width:70px; height:100%; background:#645894; font-size:24px; font-weight:600; color:#FFF; 
						position:absolute; left:0; top:0 }
#numList ul li p { padding:25px 0 25px 90px;  font-size:17px; background-color: #fff;}

@media all and (max-width:1280px){
	#numList ul li:before {width:60px}
	#numList ul li p { padding:20px 10px 20px 80px }
}
@media all and (max-width:976px){
	#numList ul li { width:100%; margin:0.5% 0;}
}
@media all and (max-width:480px){
	#numList ul li:before {width:40px; font-size:20px;}
	#numList ul li p { padding:15px 0 15px 50px;  font-size:15px}
}




#special { background:url('/anesth/images/sub/special-bg.png') no-repeat left top; background-size:cover}
#special ul {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
#special ul li {text-align:center;}
#special ul li .img { position:relative}
#special ul li .img:before {content:''; width:1px; height:80px; background:#645894; position:absolute; left:50%; bottom:-40px}
#special ul li dl {margin-top:60px}
#special ul li dl dt {font-size:20px; color:#645894;  font-family: 'Marcellus', serif;}
#special ul li dl dd {margin-top:0.7em; font-size:17px; word-break: keep-all;}

@media all and (max-width:680px){
	#special ul {gap:0; width:90%; margin:0 auto}
	#special ul li {width:48%; margin:1% 1% 5% 1%}
	#special ul li .img img {width:100%}
	#special ul li .img:before { height:60px;  bottom:-30px}
	#special ul li dl {margin-top:40px}
}
@media all and (max-width:480px){
	#special ul {gap:0; width:90%; margin:0 auto}
	#special ul li {width:47%; margin:1% 1.5% 5% 1.5%}
	#special ul li .img img {width:100%}
	#special ul li .img:before { height:50px;  bottom:-25px}
	#special ul li dl {margin-top:30px}
	#special ul li dl dt {font-size:18px;}
	#special ul li dl dd { font-size:15px; }
}

#bot_doctor{background: #e6e6e6 url(/anesth/images/sub/bot_doctor_bg.webp) no-repeat right 60px bottom 60px;}
#bot_doctor .box{display: flex; justify-content: center; width: 100%; gap:0 120px; align-items: center;}
#bot_doctor .box .img{position: relative; width: 50%; text-align: right;}
#bot_doctor .box .img img{max-width: 440px;}
#bot_doctor .box .img .name{position: absolute; right: 0; bottom: 90px; text-align: center;}
#bot_doctor .box .img .name h4{font-size: 22px; font-weight: 300;}
#bot_doctor .box .img .name h3{font-size: 32px; font-weight: 600; color: #000;}
#bot_doctor .box .list{width: 50%;}
#bot_doctor .box .list p{font-size: 36px; color: #000; margin-bottom: 30px; font-weight: 200; line-height: 1.3em;}
#bot_doctor .box .list p b{color: #645894; font-weight: 500;}
#bot_doctor .box .list li{font-size: 18px; color: #555; line-height: 2em; position: relative; padding-left: 15px;}
#bot_doctor .box .list li b{color: #222;}
#bot_doctor .box .list li::before{content: '·'; position: absolute; top: 0; left: 0; color: #645894; font-weight: 700;}

@media all and (max-width:1280px){
	#bot_doctor{background-size: 15% auto;}
	#bot_doctor .box{gap:0 80px;}
	#bot_doctor .box .img .name h4{font-size: 20px;}
	#bot_doctor .box .img .name h3{font-size: 28px;}
	#bot_doctor .box .img img{max-width: 40vw;}
	#bot_doctor .box .list p{font-size: 32px; margin-bottom: 25px;}
	#bot_doctor .box .list li{line-height: 1.9em;}
}
@media all and (max-width:976px){
	#bot_doctor{background-size: 15% auto; background-position: right 30px bottom 30px;}
	#bot_doctor .box{flex-direction: column;}
	#bot_doctor .box .img{text-align: center; width: 100%;}
	#bot_doctor .box .img .name{right: 20%; bottom: 120px;}
	#bot_doctor .box .img .name h4{font-size: 19px;}
	#bot_doctor .box .img .name h3{font-size: 25px;}
	#bot_doctor .box .img img{max-width: 50vw; min-width: 300px;}
	#bot_doctor .box .list{width: 96%; margin-left: auto; margin-right: auto; margin-top: -60px; z-index: 9; position: relative; text-align: center;}
	#bot_doctor .box .list li{padding-left: 0; font-size: 17px;}
	#bot_doctor .box .list li::before{display: none;}
	#bot_doctor .box .list p{font-size: 26px; margin-bottom: 20px;}
}
@media all and (max-width:640px){
	#bot_doctor .box .img .name{right: 20%;}
	#bot_doctor .box .img .name h4{font-size: 18px;}
	#bot_doctor .box .img .name h3{font-size: 22px;}
	#bot_doctor .box .list p{font-size: 24px; margin-bottom: 15px;}
	#bot_doctor .box .list li{font-size: 16px; line-height: 1.8em;}
}

.scroll{ overflow-x: scroll;}
.tb1{width: 100%;min-width: 800px;}
.tb1 tbody{}
.tb1 tbody tr{}
.tb1 tbody tr th{background-color: #645894; color: #fff; padding: 16px 6px; font-size: 18px; font-weight: 600;}
.tb1 tbody tr + tr th {border-top: 1px solid rgba(255,255,255,0.2);}
.tb1 tbody tr td{text-align: center; font-size: 17px; color: #888; word-break: keep-all; padding: 16px 25px; line-height: 1.6em;}
.tb1 tbody tr td b{font-weight: 700; color: #666;}
.tb1 tbody tr td.bg{background-color: #f1f0f8; color: #222;}
.tb1 tbody tr td.bg b{color: #645894;}
.tb1 tbody tr + tr td{border-top: 1px solid #ddd;}

@media all and (max-width:1280px){
	.tb1 tbody tr th{font-size: 17px;}
	.tb1 tbody tr td{font-size: 16px; padding: 12px 20px;}
}
@media all and (max-width:976px){
	.tb1{min-width: 720px;}
	.tb1 tbody tr th{}
	.tb1 tbody tr td{padding: 10px 16px;}
}

#vs-style { width: 100%; max-width:1280px; margin:0 auto;  position:relative;; text-align:center}
#vs-style:before {content:''; width:46.8%; height:calc(100% - 93px); box-shadow:0 0 10px rgba(85,85,85,0.5); border:8px solid #52419d; border-radius:20px; position:absolute; right:-4px; bottom:-4px}
#vs-style th p {margin: 1.2em 0 0.8em; padding:0 2em;line-height:55px; border-radius:10px }
#vs-style th .t1 {display:inline-block; font-size:2.2rem; background:#555; color:#FFF; }
#vs-style th .vs {padding:0; color:#AAA; font-family: 'Noto Serif KR', serif; font-size:2.2rem; font-weight:600; font-style: italic;}
#vs-style th .t2 {display:inline-block;font-size:2.4rem; background:#52419d; color:#FFF; font-weight:600; }
#vs-style td { padding:1em 0.5em;  border-bottom:1px solid #DDD; background:rgba(255,255,255,0.4) ;font-size: 1.8rem;}
#vs-style td:last-child {font-size:1.8rem; color:#222}
#vs-style td.td-vs {background:#BBB; font-size:1.8rem; color:#FFF}
#vs-style td.td-t1 { border-top:1px solid #DDD; }

@media all and (max-width:767px){	
	#vs-style:before {width:47%; border:5px solid #52419d; border-radius:10px;  height:calc(100% - 89px); }
	#vs-style th p { padding:0 1em; }
}
@media all and (max-width:480px){	
	#vs-style:before { height:calc(100% - 19vw); }
	#vs-style th p {line-height:11vw; }
}

@keyframes lr{
	0%{margin-right: 0;}
	50%{margin-right: 14px;}
	100%{margin-right: 0px;}
}

.drag.mo{display: none;  justify-content: flex-end;  margin-top: 15px;}
.drag.mo p{display: flex; align-items: center; gap:0 8px; font-size: 15px; color: #645894;}
.drag.mo p img{animation: lr infinite 1.5s linear;}

@media all and (max-width:800px){
	.drag.mo{display: flex;}
}

.clinicHalf{display: flex;}
.clinicHalf .img{width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.clinicHalf.clinic2 .img{background-image: url(/anesth/images/sub/clinic2_bg1.webp);}
.clinicHalf.clinic2-1 .img{background-image: url(/anesth/images/sub/clinic2_bg2.webp);}
.clinicHalf.clinic2-2 .img{background-image: url(/anesth/images/sub/clinic2_bg3.webp);}
.clinicHalf .txt{width: 50%; background-color: #645894; color: #fff; padding: 120px;}
.clinicHalf .txt h4{font-size: 20px; font-weight: 800;}
.clinicHalf .txt h3{font-size: 50px; margin: 50px 0 40px;}
.clinicHalf .txt p{font-size: 18px; line-height: 1.8em;}

@media all and (max-width:1280px){
	.clinicHalf .txt{padding: 80px;}
	.clinicHalf .txt h4{font-size: 18px;}
	.clinicHalf .txt h3{font-size: 46px; margin: 45px 0 35px;}
	.clinicHalf .txt p{font-size: 17px;}
}
@media all and (max-width:976px){
	.clinicHalf {flex-direction: column;}
	.clinicHalf .img{width: 100%; height: 50vw; min-height: 260px;}
	.clinicHalf .txt{padding: 50px; width: 100%;}
	.clinicHalf .txt h4{font-size: 18px;}
	.clinicHalf .txt h3{font-size: 40px; margin: 40px 0 30px;}
	.clinicHalf .txt p{font-size: 17px;}
}
@media all and (max-width:640px){
	.clinicHalf .img{min-height: 220px;}
	.clinicHalf .txt{padding: 40px 3%; width: 100%;}
	.clinicHalf .txt h4{font-size: 17px;}
	.clinicHalf .txt h3{font-size: 34px; margin: 30px 0 20px;}
	.clinicHalf .txt p{font-size: 16px;}
}

.m_bg{padding: 130px 0; margin: 130px 0; background-color: #f3f2f8;}

@media all and (max-width:1280px){
	.m_bg{padding: 100px 0; margin: 100px 0;}
}
@media all and (max-width:976px){
	.m_bg{padding: 80px 0; margin: 80px 0;}
}
@media all and (max-width:640px){
	.m_bg{padding: 70px 0; margin: 70px 0;}
}

dl.qna{}
dl.qna dt{border: 1px solid #645894; padding: 20px 30px; padding-left: 60px; color: #645894; font-size: 22px; position: relative;}
dl.qna dt+dd{margin-bottom: 20px;}
dl.qna dt::before{content: 'Q'; font-weight: 700; font-family: 'Marcellus', serif; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
dl.qna dd{ position: relative; padding: 20px; padding-left: 60px; font-size: 20px;}
dl.qna dd:before{content: 'A'; font-weight: 700; font-family: 'Marcellus', serif; position: absolute; left: 35px; top: 50%; transform: translateY(-50%); color: #000;}

@media all and (max-width:976px){
	dl.qna dt{padding: 15px 25px; padding-left: 50px; font-size: 20px;}
	dl.qna dt::before{left: 20px;}
	dl.qna dd{padding: 15px; padding-left: 50px; font-size: 18px;}
	dl.qna dd:before{left: 22px;}
}
@media all and (max-width:640px){
	dl.qna dt{padding: 12px 20px; padding-left: 40px; font-size: 19px;}
	dl.qna dt::before{left: 10px;}
	dl.qna dd{padding: 12px; padding-left: 40px; font-size: 17px;}
	dl.qna dd:before{left: 12px;}
}

.warning{}
.warning li{background-color: #fff; padding: 20px; font-size: 20px; padding-left: 55px;position: relative;}
.warning li::before{content: '\e86c'; font-family: 'Material Symbols Outlined'; color: #645894; font-size: 26px; position: absolute; left: 25px; top: 16px; left: 20px;}
.warning li + li{margin-top: 10px;}

@media all and (max-width:976px){
	.warning li{font-size: 18px; padding-left: 50px; word-break:keep-all;}
	.warning li::before{font-size: 24px; left: 20px; top: 17px;}
}
@media all and (max-width:640px){
	.warning li{font-size: 17px; padding-left: 45px; word-break:keep-all;}
	.warning li::before{font-size: 23px; left: 15px; top: 17px;}
}