@charset "utf-8";


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

@media all and (max-width:1024px) {
	.m-Part {margin:100px 0}
	.p-Part {padding:100px 0}
}
@media all and (max-width:480px) {
	.m-Part {margin:15vw 0}
	.p-Part {padding:15vw 0}
}



#intro1Top {background:url('/images/sub/intro1-sb.png') no-repeat center top}
#intro1Top h3 {padding:2em 0; font-size:3.8rem; color:#111; line-height:1.6em; text-align:center}
#intro1Top .br480 {display:none}

@media all and (max-width:1024px) {
	#intro1Top h3 {font-size:3.2rem}
}
@media all and (max-width:820px) {
	#intro1Top h3 br {display:none}
}
@media all and (max-width:480px) {
	#intro1Top h3 {font-size:2.4rem; line-height:1.4em;}
	#intro1Top h3 br {display:block}
	#intro1Top .br480 {display:block}
}



#intro1 {text-align:center}
#intro1 img {margin-bottom:80px; width:100%; max-width:1480px}
#intro1 h3 {font-size:2.8rem; color:#111; line-height:1.4em}
#intro1 > ul {margin:4em 0}
#intro1 > ul li + li {margin-top:2em; }
#intro1 > ul li p {font-size:1.8rem; line-height:2.0em;}
#intro1 > ul li p .point {font-size:2.2rem; font-weight:600 }
#intro1 .name {display:flex; color:#111; justify-content:center; align-items: top; gap:0 20px}
#intro1 .name dd {font-size:2.0rem}
#intro1 .name dt {font-size:5.5rem;  font-family: 'Yeongwol';}
#intro1 .name dt span {font-family:'SUIT'; font-size:0.4em; padding-left:0.3em}

#pointBox {margin:60px 0}
#pointBox .t1 {font-size:2.0rem; color:#333}
#pointBox ul {margin:30px; display:flex; justify-content:center; gap:10px}
#pointBox ul li {  border-radius:30px; padding:3em; text-align:center }
#pointBox ul li .icon {width:140px; height:140px; border-radius:50%; margin:0 auto}
#pointBox ul li .icon img {width:100%}
#pointBox ul li.bg1 .icon {background:#2fad9c }
#pointBox ul li.bg2 .icon {background:#009db0;}
#pointBox ul li.bg3 .icon {background:#2f7ead;}
#pointBox ul li.bg1 {background:#2fad9c17}
#pointBox ul li.bg2 {background:#009db017;}
#pointBox ul li.bg3 {background:#2f7ead17;}
#pointBox ul li p { margin-top:0.7em; font-size:2.2rem; font-weight:700; color:#111; line-height:1.4em}
#pointBox ul li + li {margin-top:0; }

@media all and (max-width:1024px) {
	#pointBox ul li {  border-radius:20px; padding:2em; }
	#pointBox ul li .icon {width:120px; height:120px;}
}
@media all and (max-width:850px) {
	#pointBox ul li .icon {width:100px; height:100px;}
	#pointBox ul li p br {display:none}
}
@media all and (max-width:680px) {
	#pointBox ul { flex-wrap:wrap; gap:5px }
	#pointBox ul li { width:calc(50% - 5px); border-radius:10px; }
	#pointBox ul li.bg1 {width:calc(100% - 5px); }
}
@media all and (max-width:480px) {
	#intro1 img {margin-bottom:50px; }
	#intro1 h3 {font-size:2.0rem;}
	#intro1 > ul {margin:2em 0 1em}
	#intro1 > ul li p {font-size:1.7rem; line-height:1.8em;}
	#intro1 .name {gap:0 10px}
	#intro1 .name dd {font-size:1.8rem}
	#intro1 .name dt {font-size:4.0rem;}
	#pointBox {margin:8vw 0}
	#pointBox ul li {padding:5vw 3vw}
	#pointBox .t1 {font-size:1.8rem; }
	#pointBox ul li .icon {width:18vw; height:18vw}
	#pointBox ul li p {font-size:2.0rem; line-height:1.2em}
	#pointBox ul li p br {display:block}
}



#dotList li {position:relative; text-align:left}
#dotList li + li {margin-top:0.5em; }
#dotList li:before {content:'';width:3px; height:3px; border-radius:10px; background:#009db0;
						position:absolute; left:0; top:0.7em}
#dotList li p {padding-left:10px; font-size:1.8rem; line-height:1.4em}

@media all and (max-width:480px) {
	#dotList li p {padding-left:2vw; font-size:1.7rem;}
}


#intro2 {background:#f3fafb}
#intro2 .in-box {display:flex; justify-content:center; align-items:center;  gap:0 50px}
#intro2 #imgWrap {position:relative}
#intro2 #imgWrap:before {content:''; width:100%; height:100%; background:#FFF; position:absolute; right:50%; top:0;}
#intro2 #imgWrap img {position:relative}
#intro2 #contWrap {margin-bottom:50px; position:relative; z-index:3}
#intro2 dl {margin-bottom:3em; display:flex; align-items: end; }
#intro2 dl dt {font-size:5.0rem; font-weight:800; color:#111}
#intro2 dl dd {margin-left:0.5em; font-size:3.0rem; font-weight:600; line-height:1.8em; letter-spacing:-0.03em;}
#intro2 h3 { font-size:2.0rem; border-radius:50px; padding:0.7em 2em; background:#009db0; color:#FFF;
				font-weight:700; display:inline-block; }
#intro2 h3.bg2 {background:#007fb0}
#intro2 h4 { margin-bottom:0.7em; font-size:2.4rem; color:#3f6d75; font-weight:700 }
#intro2 .t2 {  font-size:2.0rem; color:#555; }
#intro2 .t2 span {margin:2px 0;border-radius:5px; border:1px solid #c7d0d5; padding:0.5em 1em; background:#FFF;
					display:inline-block}
#intro2 .cont { display:flex; gap:0 10px}
#intro2 .cont #dotList {background:#FFF; padding:50px 30px 30px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.03)}
#intro2 .proCont {margin:2em 0;}
@media all and (max-width:1499px) {
	#intro2 {padding:0 5%}
	#intro2 #imgWrap {width:35%}
	#intro2 #contWrap {width:calc(100% - 35% - 50px)}
}
@media all and (max-width:1399px) {
	#intro2 {padding:0 5% 0 0}
	#intro2 .in-box { justify-content:space-between;}
}
@media all and (max-width:1280px) {
	#intro2 dl {margin-bottom:2em}
}
@media all and (max-width:1080px) {
		#intro2 {padding:0}
	#intro2 .in-box {flex-wrap:wrap; gap:0}
	#intro2 #imgWrap {width:100%; text-align:center}
	#intro2 #imgWrap img {width:70%; max-width:500px;}
	#intro2 #contWrap {padding:50px; width:100%; margin:0}
	#intro2 .cont {width:100%}
}
@media all and (max-width:680px) {
	#intro2 #contWrap {padding:5%}
	#intro2 dl {flex-wrap:wrap}
	#intro2 dl dt {width:100%}
	#intro2 dl dd {margin-left:0; } 
	#intro2 .cont {flex-wrap:wrap;  gap:10px 0}
	#intro2 .cont ul {width:100%;}
	#intro2 .cont #dotList:nth-child(2) {padding:30px}
}
@media all and (max-width:480px) {
	#intro2 dl dt {font-size:4.0rem}
	#intro2 dl dd {font-size:2.0rem;}
	#intro2 .cont #dotList { padding:10vw 5vw 5vw;}
	#intro2 .cont #dotList:nth-child(2) {padding:5vw}
}







#intro2-time { width:100%; display:flex; gap:5px; white-space:nowrap }
#intro2-time li {width:calc((100% - 5px *2)/3);  text-align:center;
					background:#FFF;}
#intro2-time li .tit {padding:1em; font-size:2.0rem; color:#FFF; font-weight:700; }
#intro2-time li .t1 {padding:1em 2em; font-size:1.8rem; font-weight:600; color:#555; border:1px solid #c7d0d5;
					border-top:0}

#intro2-time li .tit.bg1 {background:#00b098 }
#intro2-time li .tit.bg2 {background:#009db0 }
#intro2-time li .tit.bg3 {background:#0077b0 }

@media all and (max-width:1280px) {
	#intro2-time li .tit { font-size:2.0rem;}
	#intro2-time li .t1 { padding:1em; font-size:1.8rem}
}
@media all and (max-width:640px) {
	#intro2-time {flex-wrap:wrap; gap:5px }
	#intro2-time li {width:calc((100% - 5px * 1)/2); }
	#intro2-time li:first-child {width:100%}
}
@media all and (max-width:480px) {
	#intro2-time {gap:5px 0 }
	#intro2-time li {width:100%; }
}








#intro2-2 {display:flex; flex-wrap:wrap; }
#intro2-2 #title {padding-top:50px;  width:360px; border-top:2px solid #009db0 }
#intro2-2 #title h3 {font-size:3.0rem; color:#111}
#intro2-2 #cont {padding:50px 0; width:calc(100% - 360px); border-top:2px solid #555 }
#intro2-2 #cont #dotList li {display:flex; align-items:start;}
#intro2-2 #cont #dotList .num {padding-left:15px; font-size:1.8rem; color:#333; padding-right:0.5em; font-family:'Roboto' }



@media all and (max-width:1280px) {
	#intro2-2 #title {padding-top:30px;  width:300px;}
	#intro2-2 #cont {padding:30px 0; width:calc(100% - 300px);}
}
@media all and (max-width:1024px) {
	#intro2-2 #title h3 {font-size:2.6rem;}
	#intro2-2 #title { width:260px;}
	#intro2-2 #cont {width:calc(100% - 260px);}
}
@media all and (max-width:976px) {
	#intro2-2 #title {width:100%; }
	#intro2-2 #cont {padding:1em 0 30px; width:100%; border-top:0}
}
@media all and (max-width:480px) {
	#intro2-2 #cont #dotList li {flex-wrap:wrap}
	#intro2-2 #cont #dotList .num {padding-left:10px; width:100%}
}




#intro3 {display:flex;}
#intro3 #img {width:50%; overflow:hidden}
#intro3 #cont {padding:5%; width:50%; background:#26404b; color:#FFF}
#intro3 #cont h3 {font-size:4.0rem; }
#intro3 #cont .t1 {font-size:2.0rem; padding-top:0.5em; color:#3dd2e4; font-weight:600} 
#intro3 #cont .time {margin:30px 0; padding:20px 0; border-top:1px solid #335061; border-bottom:1px solid #335061;
						display:flex; flex-wrap:wrap}
#intro3 #cont .time dt {width:120px; font-size:1.8rem; line-height:1.8em; font-weight:600}
#intro3 #cont .time dd {width:calc(100% - 120px); font-size:1.8rem; line-height:1.8em }
#intro3 #cont .tel {display:flex;  align-items: center;}
#intro3 #cont .tel dt {width:90px;  font-size:1.8rem; font-weight:600}
#intro3 #cont .tel dd {font-size:3.2rem;font-weight:600; font-family:'Roboto'}
#intro3 #cont .tel .btn {margin-left:20px; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,0.1); 
							display:flex;  justify-content: center; align-items: center;}
#intro3 #cont .tel .btn:hover {background:#ddc000}

@media all and (max-width:1469px) {
	#intro3 {height:530px;}
}
@media all and (max-width:1280px) {
	#intro3 {height:510px; justify-content:space-between}
	#intro3 #img {width:calc(100% - 525px)}
	#intro3 #img img {margin-left:0}
	#intro3 #cont {width:525px}
	#intro3 #cont .tel dt {width:80px;  }
	#intro3 #cont .tel dd {font-size:2.8rem}
}
@media all and (max-width:1060px) {
	#intro3 {height:480px;}
	#intro3 #img img {margin-left:-15%; height:100%}
	#intro3 #cont h3 {font-size:3.6rem; }
	#intro3 #cont .t1 {font-size:1.8rem;}
	#intro3 #cont .tel dt {width:80px; }
	#intro3 #cont .tel dd {font-size:2.8rem}
}
@media all and (max-width:976px) {
	#intro3 {height:auto; flex-wrap:wrap}
	#intro3 #img {width:100%}
	#intro3 #img img {width:100%; height: auto; margin-left:0}
	#intro3 #cont {width:100%}
}
@media all and (max-width:480px) {
	#intro3 #cont h3 {font-size:3.2rem; }
	#intro3 #cont .time {margin:5vw 0; padding:4vw 0; }
	#intro3 #cont .time dt {width:22vw; font-size:1.7rem; line-height:1.6em; }
	#intro3 #cont .time dd {width:calc(100% - 22vw); font-size:1.7rem; line-height:1.6em }
	#intro3 #cont .tel dt {width:16vw;  font-size:1.7rem}
	#intro3 #cont .tel dd {font-size:2.4rem}
	#intro3 #cont .tel .btn {margin-left:3vw; width:9vw; height:9vw; }
	#intro3 #cont .tel .btn img {width:50%}
}



#intro4 ul {display:flex; flex-wrap:wrap; gap:20px}
#intro4 ul li {width:calc(33.33% - 20px); text-align:center; border:1px solid #dde2e5}
#intro4 ul li img {width:100%}
#intro4 ul li h3 {background:#009db0; padding:0.7em 0; color:#FFF}
#intro4 ul li:nth-child(even) h3 {background:#3d6477}
#intro4 ul li dl {padding:20px;}
#intro4 ul li dl dt {font-sizE:2.2rem; color:#111}
#intro4 ul li dl dd {margin-top:0.5em; font-size:1.8rem; line-height:1.6em}

@media all and (max-width:1399px) {
	#intro4 ul li {width:calc(33.33% - 20px);}
}
@media all and (max-width:976px) {
	#intro4 ul {gap:10px}
	#intro4 ul li {width:calc(33.33% - 10px);}
}
@media all and (max-width:768px) {
	#intro4 ul li {width:calc(50% - 10px);}
}
@media all and (max-width:480px) {
	#intro4 ul {gap:10px 0}
	#intro4 ul li {width:100%}
	#intro4 ul li dl dt {font-sizE:2.2rem;}
	#intro4 ul li dl dd {font-size:1.7rem; line-height:1.4em}
}





#sMap .root_daum_roughmap .wrap_map  {height: 580px; !important; border-bottom:1px solid #e5e5e5}
#sMap .wrap_controllers {display:none}
#sMap .root_daum_roughmap .cont {display:none}

#sInfo { display:flex; align-items: center; background:#009db0; }
#sInfo ul {padding:30px;  padding-right:0; display:flex; align-items: center; gap: 10px 30px}
#sInfo li {display:flex; align-items: center;}
#sInfo li i {width:58px; height:58px; line-height:58px; text-align:center; color:#FFF; border-radius:50%;
			background:rgba(0,0,0,0.1); font-size:2.0rem; }
#sInfo dl {padding-left:8px; color:#FFF ;}
#sInfo dl dt {font-size:2.1rem; font-weight:600; }
#sInfo dl dd {font-size:1.8rem;color:#a5e1e7;  line-height:1.6em }
#mapBtn { margin-left: auto; display:flex}
#mapBtn a {padding:30px 20px; text-align:center; 
			display:flex; align-items: center; flex-direction: column;  justify-content:center; }
#mapBtn a p {padding-top:0.5em; font-size:1.8rem; font-weight:600}
#mapBtn a p br {display:none}
#mapBtn .bg1 {background-color:#f2da00; color:#0079f7}
#mapBtn .bg2 {background-color:#03c75a; color:#FFF}

@media all and (max-width:1479px) {
	#mapBtn a {width:120px; padding:20px 0}
	#mapBtn a p br {display:block}

	#sInfo {padding:20px;}
	#sInfo ul {padding:0; flex-wrap:wrap}
	#sInfo ul li:nth-child(1) {width:100%}
	#sInfo dl {padding-left:10px;}
}
@media all and (max-width:768px) {
	#sMap .root_daum_roughmap .wrap_map  {height: 480px; !important;} 
	#sInfo li i {width:46px; height:46px; line-height:46px; font-size:1.8rem}
}
@media all and (max-width:680px) {
	#sInfo {padding:0; flex-wrap:wrap}
	#sInfo ul {padding:20px 30px;}
	#mapBtn {width:100%}
	#mapBtn a {width:50%}
	#mapBtn a p br {display:none}
}
@media all and (max-width:480px) {
	#sMap .root_daum_roughmap .wrap_map  {height: 100vw !important; }
		#sInfo ul {padding:6vw 4vw}
		#sInfo li i {width:10vw; height:10vw; line-height:10vw;  font-size:1.6rem; }
		#sInfo dl dt {font-size:2.0rem;}
		#sInfo dl dd {font-size:1.7rem}
		#mapBtn a p {padding-top:0.5em; font-size:1.7rem}
}







#sTitle {margin-bottom:50px;}
#sTitle li {margin-top:1em; font-size:1.8rem; line-height:1.8em}

#sTitle-h3 {margin-bottom:0.8em; font-size:4.8rem; font-weight:300; color:#111}

@media all and (max-width:480px) {
	#sTitle-h3 {font-size:3.6rem;}
	#sTitle li { font-size:1.7rem; line-height:1.4em}

}






#clinicTop {padding:50px 0; background-size:65% auto; background-position:left top; background-repeat:no-repeat}
#clinicTop #cont {padding:0 5%;width:50%; height:410px;  margin-left:auto; background:url('/images/sub/clinictop-contbg.png');
					background-size:cover; color:#FFF;
					display:flex; align-items: center; flex-direction: column;  justify-content:center; }
#clinicTop h3 {font-size:5.5rem; font-family: 'ONE-Mobile-Title'; font-weight:normal;}				
#clinicTop #cont dt { margin:2em 0 1em; font-size:2.4rem; color:#67c6d1; font-weight:600}
#clinicTop #cont dd { font-size:1.8rem; line-height:1.6em }

#clinicTop.dizziness1 {background-image:url('/images/sub/clinictop-dizziness1.png')}
#clinicTop.dizziness2 {background-image:url('/images/sub/clinictop-dizziness2.png')}
#clinicTop.dizziness3 {background-image:url('/images/sub/clinictop-dizziness3.png')}
#clinicTop.dizziness4 {background-image:url('/images/sub/clinictop-dizziness4.png')}
#clinicTop.dizziness5 {background-image:url('/images/sub/clinictop-dizziness5.png')}
#clinicTop.ear1 {background-image:url('/images/sub/clinictop-ear1.png')}
#clinicTop.ear2 {background-image:url('/images/sub/clinictop-ear2.png')}
#clinicTop.ear3 {background-image:url('/images/sub/clinictop-ear3.png')}
#clinicTop.ear4 {background-image:url('/images/sub/clinictop-ear4.png')}
#clinicTop.ear5 {background-image:url('/images/sub/clinictop-ear5.png')}
#clinicTop.nose1 {background-image:url('/images/sub/clinictop-nose1.png')}
#clinicTop.nose2 {background-image:url('/images/sub/clinictop-nose2.png')}
#clinicTop.nose3 {background-image:url('/images/sub/clinictop-nose3.png')}
#clinicTop.nose4 {background-image:url('/images/sub/clinictop-nose4.png')}
#clinicTop.nose5 {background-image:url('/images/sub/clinictop-nose5.png')}
#clinicTop.nose6 {background-image:url('/images/sub/clinictop-nose6.png')}
#clinicTop.thro1 {background-image:url('/images/sub/clinictop-thro1.png')}
#clinicTop.thro2 {background-image:url('/images/sub/clinictop-thro2.png')}
#clinicTop.thro3 {background-image:url('/images/sub/clinictop-thro3.png')}
#clinicTop.thro4 {background-image:url('/images/sub/clinictop-thro4.png')}
#clinicTop.thro5 {background-image:url('/images/sub/clinictop-thro5.png')}
#clinicTop.thro6 {background-image:url('/images/sub/clinictop-thro6.png')}
#clinicTop.thro7 {background-image:url('/images/sub/clinictop-thro7.png')}
#clinicTop.face1 {background-image:url('/images/sub/clinictop-face1.png')}

@media all and (max-width:1399px) {
	#clinicTop {background-size:70% auto;}
}
@media all and (max-width:976px) {
	#clinicTop {padding:50vw 0 0;  background-size:100% auto; }
	#clinicTop #cont {padding:5%;width:100%; height:auto;  }
}
@media all and (max-width:480px) {
	#clinicTop h3 {font-size:3.8rem; }
	#clinicTop #cont {padding:8vw; }
	#clinicTop #cont dt {  margin:1.2em 0 0.6em;  font-size:2.0rem; }
	#clinicTop #cont dd { font-size:1.7rem; line-height:1.4em }
}





#clinicWrap {width:90%; max-width:1280px; margin:0 auto; text-align:center}
#clinicWrap dl dt {margin:2em 0 1em; font-size:2.6rem; font-weight:700; 
					  text-decoration:underline; text-decoration-thickness:1px; line-height:1.4em}
#clinicWrap dl dd {font-size:2.0rem; line-height:1.8em}

@media all and (max-width:1180px) {
	#clinicWrap dl dd br {display:none}
}
@media all and (max-width:480px) {
	#clinicWrap dl dt { font-size:2.2rem}
	#clinicWrap dl dd {font-size:1.7rem; line-height:1.6em}
}





#partBg {background-color: rgb(109,200,243, 0.1)}

#imgList {display:flex; flex-wrap:wrap;  justify-content:center; gap:20px}
#imgList li:nth-child(even) {background:#3d6477}
#imgList li:nth-child(odd) {background:#009db0}
#imgList li img {width:100%}
#imgList li p.t1 {padding:0.8em 0; font-size:2.2rem; font-weight:500; color:#FFF}
#imgList.w4 li {width:calc((100% - 20px *3)/4)}
#imgList li p.st1 {background:#FFF; font-size:2.0rem; color:#777; padding:20px; line-height:1.8em;}
@media all and (max-width:1280px) {
	#imgList { gap:10px}
	#imgList.w4 li {width:calc((100% - 10px *3)/4)}
}
@media all and (max-width:976px) {
	#imgList { gap:10px}
	#imgList.w4 li {width:calc((100% - 10px *1)/2)}
}
@media all and (max-width:480px) {
	#imgList li p { font-size:1.8rem;}
}




#imgList2 {display:flex; flex-wrap:wrap; gap:20px}
#imgList2 li {border:1px solid #e4eced}
#imgList2 li:nth-child(even) p.t1 {background:#3d6477}
#imgList2 li:nth-child(odd) P.t1 {background:#009db0}
#imgList2 li img {width:100%}
#imgList2 li p.t1 {padding:0.8em 0; font-size:2.2rem; font-weight:500; color:#FFF}
#imgList2 li p.st1 {font-size:2.0rem; color:#777; padding:20px; line-height:1.6em;}

#imgList2.w4 li {width:calc((100% - 20px *3)/4)}
@media all and (max-width:1280px) {
	#imgList2 { gap:10px}
	#imgList2.w4 li {width:calc((100% - 10px *3)/4)}
}
@media all and (max-width:976px) {
	#imgList2 { gap:10px}
	#imgList2.w4 li {width:calc((100% - 10px *1)/2)}
}
@media all and (max-width:480px) {
	#imgList2 li p { font-size:1.8rem;}
}








#halfimgWrap {padding:60px 0; background-color: rgb(109,200,243, 0.1); position:relative; display:flex;}
#halfimgWrap:before {content:''; width:20%; height:100%; background:#FFF; position:absolute; left:0; top:0}
#halfimgWrap #img {width:50%; position:relative; overflow:hidden}
#halfimgWrap #img img {height:100%}
#halfimgWrap #cont {width:740px; padding-left:5%; 
							display:flex; flex-direction: column;  justify-content:center}

@media all and (max-width:1479px) {
	#halfimgWrap #cont {width:45%; padding-left:3%}
}
@media all and (max-width:976px) {
	#halfimgWrap {padding:0;}
	#halfimgWrap:before { width:100%; height:30%;}
	#halfimgWrap {flex-wrap:wrap}
	#halfimgWrap #img {width:90%; margin: auto}
	#halfimgWrap #img img {width:100%; }
	#halfimgWrap #cont {width:90%; padding-left:0; margin: 30px auto 60px}
}
@media all and (max-width:480px) {
	#halfimgWrap #cont {margin: 5vw auto 10vw}
}





#checkList  {display:flex; flex-wrap:wrap} 
#checkList  li {padding:1.5em 1.7em 1.5em 0; width: 48.5%; border-radius: 50px; display: inline-block; 
			position: relative; margin:6px 3px; background:#FFF url('/images/sub/check_icon.png') no-repeat 20px center;}
#checkList  li p {float: left; font-size:2.0rem; padding-left: 60px; line-height:1.4em}
#checkList.w100 li {width:100%}
#checkList.bg li {background-color:rgb(109,200,243, 0.07)}

@media screen and (max-width:976px) {	
	#checkList  {width:100%}
	#checkList li {margin:2px}
}
@media screen and (max-width:480px) {	
	#checkList  li {padding:1em 1em 1em 0; border-radius:5px;  margin:2px 0; 
					background:#FFF url('/images/sub/check_icon.png') no-repeat 10px center;
					background-size:20px auto}
	#checkList  li p {padding-left:40px; font-size:1.7rem }
}



#dl-radius #cont {display:flex; flex-wrap:Wrap; }
#dl-radius #cont dl {padding:4%; width:49%; margin:0.5%; background:rgb(207, 231, 2541, 0.1); border:1px solid #dfe6eb;
						counter-increment: number;}
#dl-radius #cont dl dt {padding-left:35px; font-size:2.6rem; font-weight:700; color:#111; position:relative;}
#dl-radius #cont dl dt:before {content: counter(number, decimal-leading-zero);; font-size:1.6rem; font-family:'Roboto';
									width:30px; height:30px; line-height:30px; border-radius:50%; background:#009db0;
									text-align:center; color:#FFF; display:inline-block; position:absolute; left:0; top:50%;
									transform:translateY(-50%)}
#dl-radius #cont dl dd { margin-top:0.5em; font-size:2.0rem; line-height:1.6em; }

@media screen and (max-width:976px) {	
	#dl-radius #cont dl {padding:20px; width:100%; margin:4px 0}
}
@media screen and (max-width:480px) {
	#dl-radius #cont dl dt { font-size:2.2rem; padding-left:8vw}
	#dl-radius #cont dl dt:before {width:6vw; height:6vw; line-height:6vw; font-size:1.5rem}
	#dl-radius #cont dl dd { font-size:1.7rem;  }
}





#circleList {display:flex; gap:30px}
#circleList > div {width:calc((100% - 30px * 3)/4); text-align:center}
#circleList > div h3 {width:200px; height:200px; border-radius:50%; margin:0 auto 30px;
						display:flex; align-items: center; flex-direction: column;  justify-content:center;}
#circleList > div h3 p {font-size:2.6rem; color:#FFF }
#circleList > div ul li {font-size:2.0rem; border-bottom:1px dashed #dfe6eb;
						margin-bottom:0.8em; padding-bottom:0.8em}
#circleList > div h3.bg1 {background:#00b098 }
#circleList > div h3.bg2 {background:#009db0 }
#circleList > div h3.bg3 {background:#0077b0 }
#circleList > div h3.bg4 {background:#3d4f93 }

@media screen and (max-width:1479px) {
	#circleList > div h3 {width:180px; height:180px;}
}
@media screen and (max-width:976px) {
	#circleList {flex-wrap:wrap; gap:20px}
	#circleList > div {width:calc((100% - 20px * 1)/2);}
}
@media screen and (max-width:768px) {
	#circleList > div h3 {margin:0 auto 20px}
	#circleList > div h3 {width:150px; height:150px;}
}
@media screen and (max-width:480px) {
	#circleList > div h3 {width:38vw; height:38vw;}
	#circleList > div h3 p {font-size:2.4rem;}
	#circleList > div ul li {font-size:1.7rem; }
}





#boxList {display:flex; gap:20px; }
#boxList .in-box {width:calc((100% - 20px * 2)/3); background:rgb(207, 231, 2541, 0.1); border:1px solid #dfe6eb;}
#boxList .in-box .img img {width:100%}
#boxList .in-box h3 {padding:0.6em; font-size:2.6rem; color:#FFF; font-weight:700; text-align:center}
#boxList .in-box h3.bg1 {background:#00b098 }
#boxList .in-box h3.bg2 {background:#009db0 }
#boxList .in-box h3.bg3 {background:#0077b0 }
#boxList .in-box h3.bg4 {background:#3d4f93 }
#boxList .in-box .t1 {padding-bottom:30px; margin:30px; margin-bottom:0; font-size:1.8rem;  line-height:1.6em; color:#555;
						border-bottom:1px solid #dfe6eb}
#boxList .in-box .t2 {padding:30px; font-size:2.0rem; line-height:1.8em;}
#boxList .in-box dl {padding:30px;}
#boxList .in-box dl dt {margin-bottom:0.2em; font-size:2.6rem; color:#111; font-weight:600}
#boxList .in-box dl dd {padding:0.5em 0; padding-left:12px; font-size:2.0rem; border-bottom:1px dashed #e9e9e9; line-height:1.6em;
							position:relative}
#boxList .in-box dl dd:before {content:''; width:3px; height:3px; background:#555; border-radius:5px; 
									position:absolute; left:0; top:1.2em;}
#boxList .in-box dl.w2 {display:flex; flex-wrap:wrap; gap:0 20px}
#boxList .in-box dl.w2 dt {width:100%}
#boxList .in-box dl.w2 dd {width:calc((100% - 20px *1 )/2)}
#boxList.w2 {flex-wrap:wrap}
#boxList.w2 .in-box {width:calc((100% - 20px * 1)/2)}

@media screen and (max-width:1024px) {
	#boxList .in-box dl.w2 {gap:0}
	#boxList .in-box dl.w2 dd {width:100%}
}
@media screen and (max-width:976px) {
	#boxList { flex-wrap:wrap; gap:10px }
	#boxList .in-box {width:calc((100% - 10px * 1)/2)}
}
@media screen and (max-width:768px) {
	#boxList.w2 .in-box {width:100%}

}
@media screen and (max-width:580px) {
	#boxList { flex-wrap:wrap; gap:5px 0 }
	#boxList .in-box {width:100%}
	#boxList .in-box dl {padding:20px;}
	#boxList .in-box .t1 {padding-bottom:20px; margin:20px; margin-bottom:0 }
}
@media screen and (max-width:480px) {
	#boxList .in-box h3 {font-size:2.4rem;}
	#boxList .in-box dl dt {font-size:2.4rem}
	#boxList .in-box dl dd {font-size:1.8rem; }
}




#imgHalf ul {padding:30px; display:flex;  align-items: center; border:15px solid #ecf4f9}
#imgHalf ul + ul {margin-top:10px; }
#imgHalf ul .img {width:40%; } 
#imgHalf ul .img img {width:100%; } 
#imgHalf ul dl  {width:60%; padding-left:50px}
#imgHalf ul dl dt {margin-bottom:0.2em; font-size:2.6rem; color:#111; font-weight:700}
#imgHalf ul dl dd {padding:0.5em 0; font-size:2.0rem;  line-height:1.8em;}

@media screen and (max-width:1280px) {
	#imgHalf ul {padding:20px;border:10px solid #ecf4f9}
}
@media screen and (max-width:976px) {
	#imgHalf ul {flex-wrap:wrap}
	#imgHalf ul .img {width:100%; } 
	#imgHalf ul dl {width:100%; padding:50px 0 0 0}
}
@media screen and (max-width:768px) {
	#imgHalf ul {padding:10px;border:5px solid #ecf4f9}
	#imgHalf ul dl { padding:30px 0 0 0}
}
@media screen and (max-width:480px) {
	#imgHalf ul dl dt {font-size:2.4rem}
	#imgHalf ul dl dd {font-size:1.8rem; line-height:1.6em;}
}



#halfWrap {display:flex; flex-wrap:wrap; border-top:2px solid #111}
#halfWrap > div {padding:30px 0 0 0;}
#halfWrap .title { width:25%; font-size:3.2rem; color:#111; font-weight:700}
#halfWrap .title .st1 {padding-top:0.7em; font-size:0.7em; opacity:.5} 
#halfWrap .cont { width:75%}
#halfWrap .cont .t1 {font-size:1.8rem; line-height:1.6em}

@media screen and (max-width:1024px) {
	#halfWrap .title { width:100%; }
	#halfWrap .cont { width:100%; padding-top:20px}
}





#ear5-1 {display:flex; gap:20px}
#ear5-1 ul {width:calc((100% - 20px * 1)/2); padding-bottom:30px;  margin-bottom:0; font-size:1.8rem; line-height:1.6em; 
				color:#555; border:1px solid #dfe6eb}
#ear5-1 ul .t1 {padding:0.6em; font-size:2.6rem; color:#FFF; font-weight:700; text-align:center}
#ear5-1 ul .t1.bg1 {background:#00b098 }
#ear5-1 ul .t1.bg2 {background:#0077b0 }
#ear5-1 ul .t2 {padding:1em 0 1.5em; font-size:2.2rem; color:#111; text-align:center}
#ear5-1 ul dl {margin:0 30px; border-bottom:1px dashed #DDD; padding-bottom:1em; margin-bottom:1em}
#ear5-1 ul dl dt {font-size:2.0rem; line-height:1.8em }
#ear5-1 ul dl dd {font-size:2.6rem; font-weight:800; color:#111; text-align:right;   }

@media screen and (max-width:768px) {
	#ear5-1 { gap:10px}
	#ear5-1 ul {width:calc((100% - 10px * 1)/2); padding-bottom:10px; }
	#ear5-1 ul dl {margin:0 20px;}
}
@media screen and (max-width:590px) {
	#ear5-1 {flex-wrap:wrap; gap:10px 0}
	#ear5-1 ul {width:100% }
}