@charset "utf-8";




#intro1 {display:flex; align-items: center; flex-wrap:wrap }
#intro1 #imgWrap {width:50%; position:relative}
#intro1 #imgWrap:before {content:'SEOUL DANAUN'; font-size:10.0rem; font-family:'Poppins'; font-weight:900; color:#FFF; opacity:.3; position:absolute; left:-10px; bottom:-7px; line-height:0.75em}
#intro1 #imgWrap img {width:90%; max-width:840px; border-top-right-radius:80px; border-bottom-right-radius:80px}
#intro1 #contWrap {width:45%; max-width:800px; font-size:1.7rem; background:url('/images/sub/intro1-symbol.png') no-repeat right bottom; background-size:50% auto}
#intro1 #contWrap ul li {margin-bottom:2em}
#intro1 #contWrap ul li p {line-height:1.8em; word-break: keep-all;}
#intro1 #contWrap ul li .point {font-size:2.0rem; font-weight:600}
#intro1 #contWrap ul.txt-h li {margin-bottom:0.5em}
#intro1 #contWrap ul.txt-h li p {font-size:2.4rem;  line-height:1.3em;  font-family: 'EliceDigitalBaeum-Bd'; transform: rotate(-0.03deg) ;}
#intro1 #contWrap p.linebg {margin:2em 0; background:url('/images/sub/linebg.png') repeat-X; width:100%; height:6px}
#intro1 #contWrap ul li p.name {font-size: 2.0rem; color:#222; font-weight:600;}
#intro1 #contWrap ul li p.name  .sign {padding-left:20px; font-family: 'Somi'; font-size:5.0rem; font-weight:normal}


@media all and (max-width:1599px){
	#intro1 { align-items: start; }
}
@media all and (max-width:1499px){
	#intro1 #contWrap ul li p br {display:none}
}
@media all and (max-width:1169px){
	#intro1 #imgWrap {width:100%; text-align:center}
	#intro1 #imgWrap:before { width:90%; font-size:10.0rem; left:50%; transform:translateX(-50%)}
	#intro1 #imgWrap img {  border-top-left-radius:80px; border-top-right-radius:0; }
	#intro1 #contWrap {width:90%; max-width:1024px; margin:0 auto; padding-top:4em }
	#intro1 #contWrap ul.txt-h {text-align:center}
}
@media all and (max-width:830px){
	#intro1 #imgWrap:before {width:60%;  font-size:11vw; }
	#intro1 #imgWrap img {  border-top-left-radius:50px; border-bottom-right-radius:50px}
}





#intro4 {height:530px; background:url('/images/sub/intro4-bg.png')no-repeat left top; background-size:auto 100%;}








#sDoctor { padding-top:2vw; position: relative; }
#sDoctor > p { position: absolute; left:0; top:0;  font-size: 8vw; color:#f6f7f9; font-weight: 900; font-family: 'Poppins'; line-height: 0.6em; }
#sDoctor::before { content:''; width: 92%; max-width: 1760px; height: calc(100% - 5vw); background: #f6f7f9;
                            border-radius: 0 5em 0 0 ; position: absolute; left:0; bottom:0; }
#sDoctor .inner { display: flex; align-items: start; flex-wrap:wrap }

#sDoctor .inner .img { width: calc(100% - 1130px); text-align: center;  }
#sDoctor .inner .img img { max-width: 95%; }

#sDoctor .inner .cont { width: 1130px;  padding: 4%; padding-top:6%  }
#sDoctor .inner .cont dl { position: relative; margin-bottom: 2.5em; color:#212121;  }
#sDoctor .inner .cont dl::after { content: ''; width: 197px; height: 60px;
                                                background: url("/images/sub/symbol.png") no-repeat right center; background-size: auto 100%;
                                                position: absolute; right:0; bottom:0; }
#sDoctor .inner .cont dl dt { margin-top:0.5em; font-size: 2.0rem; font-weight: 600; line-height: 1.5em; }
#sDoctor .inner .cont dl dd { font-size: 4.5rem; line-height: 1.0em; font-weight:700}
#sDoctor .inner .cont .profile { background: #fff; padding: 3rem; font-size:0; display:flex }
#sDoctor .inner .cont .profile ul:first-child { padding-right:50px  }
#sDoctor .inner .cont ul + ul { margin-right: 0; }
#sDoctor .inner .cont ul li { font-size: 1.7rem; margin: 0.7em 0; }

@media all and (max-width:1499px){
	#sDoctor .inner .img { width: 100%; }
	#sDoctor .inner .cont { width:92%;  padding: 0; padding-bottom:5%;   margin-top:-16vw }

}
@media all and (max-width:976px){
	#sDoctor .inner .img img { max-width: 50%; }

	#sDoctor .inner .cont .profile {flex-wrap:wrap; padding: 3rem; }
	#sDoctor .inner .cont .profile ul { width:100%}
	#sDoctor .inner .cont .profile ul:first-child { padding-right:0  }
}
@media all and (max-width:767px){
	#sDoctor::before {  height: 90%; }
	#sDoctor > p { display:none }
	#sDoctor .inner {width:100%}

	#sDoctor .inner .img {position:relative;  }
	#sDoctor .inner .img img {position:relative;  z-index:3}
	#sDoctor .inner .img:before {content:'SEOUL DANAUN CLINIC'; font-size:20vw; color:rgba(255,255,255,0.5); text-align:left;  line-height:0.8em; font-family:'Poppins'; font-weight:900;
							position:absolute; left:-10px; bottom:-15px ; z-index:1} 

	#sDoctor .inner .cont { background:#FFF; padding:6em 0 5% 5%; margin-top:0 }
	#sDoctor .inner .cont .profile {border:1px solid #eee}
}
@media all and (max-width:520px){
	#sDoctor .inner .cont dl dt span {display:block}
	#sDoctor .inner .cont dl dt span.dot {display:none}
}

.dotList li {position:relative; }
.dotList li:before {content:''; width:3px; height:3px; background:#222; position:absolute; left:0; top:1rem}
.dotList li p {padding-left:10px; }




#clinicTop {display:flex; flex-wrap:wrap}
#clinicTop > div {width:50%}
#clinicTop .img img {width: 100%; }
#clinicTop .cont { position: relative; display:table; padding:0 5%;  background: url("/images/sub/clinic-top-bg.png") no-repeat center; background-size:cover }
#clinicTop .cont::before { content: ''; width: 463px; height: 274px; position: absolute; right:2vw; bottom:2vw;
                                  background: url("/images/sub/clinic-top-logo.png") no-repeat right bottom; }
#clinicTop .cont .in { position: relative; display:table-cell; vertical-align:middle;  color:#FFF; }
#clinicTop .cont .en { font-size: 1.3rem; font-weight:600; opacity:.5; font-family:'Poppins' ; text-transform:uppercase;
						position:absolute; right:0; top:3vw; 	text-align:right; letter-spacing:0.2em}
#clinicTop .cont h3 { margin-top:1.5em; font-size: 5.0rem; color:#FFF; letter-spacing: -0.02em; }
#clinicTop .cont .t1 { margin-top:1.5em; max-width:530px; font-size: 1.8rem; line-height: 1.8em; word-break: keep-all;}

@media all and (max-width:1399px){
	#clinicTop .cont { padding:0 3%; }
	#clinicTop .cont::before {  right:2vw; bottom:2vw; }
	#clinicTop .cont h3 { margin-top:1.5em; font-size: 4.0rem;}	
	#clinicTop .cont .t1 { line-height: 1.6em; }
}
@media all and (max-width:976px){
	#clinicTop > div {width:100%}
	#clinicTop .cont {padding:7%}
	#clinicTop .cont .en {top:0; right:-4vw}
}
@media all and (max-width:640px){
	#clinicTop .cont::before {background-size:60% auto}
}
@media all and (max-width:480px){
	#clinicTop .cont {padding:30px}
	#clinicTop .cont h3 { margin-top:2.0em;}
}









.s-Part {padding:150px 0}
.m-Part {padding:150px 0}

@media all and (max-width:976px){
	.s-Part {padding:100px 0}
	.m-Part {padding:100px 0}
}
@media all and (max-width:480px){
	.s-Part {padding:80px 0}
	.m-Part {padding:80px 0}
}




#partTitle {margin-bottom:80px; text-align:center}
#partTitle .t1 {display:inline-block; padding:0.8em 2.5em; border-radius:30px; color:#FFF; font-size:1.7rem;}
#partTitle .t1.blu { background:#14588f}
#partTitle .t1.grn { background:#00974a}


#sTitle {margin-bottom:3em; text-align:center}
#sTitle h3 {font-size:4.0rem; position:relative; color:#222; font-weight:800; display:inline-block; word-break: keep-all; }
/* #sTitle h3::before {content:''; width:10px; height:10px; border-radius:10px; position:absolute; right:-30px; top:-5px}
#sTitle h3.blu::before {background:#14588f; }
#sTitle h3.grn::before {background:#00974a; } */
#sTitle h4 { margin:2em 0 1.8em; font-size:2.0rem; padding:0.8em 0.3em; border-top:5px solid; border-bottom:5px solid; font-weight:500;word-break: keep-all; }
#sTitle h4.blu {color:#07bbe2; border-color:#e9f9fc; }
#sTitle h4.grn {color:#7bb008 ;border-color:#edf7d9;  }
#sTitle .lt1 {padding:1.5em 0 1em; color:#222;  font-size:2.2rem; font-weight:700; line-height:1.6em; word-break: keep-all;}
#sTitle .t1 {padding-top:1.5em; font-size:1.6rem; opacity:.7;; line-height:1.8em; word-break: keep-all;}
#sTitle .t2 {font-size:1.8rem; line-height:1.8em; word-break: keep-all;} 







#numimgList ul {display:flex; flex-wrap:wrap; justify-content:center;}
#numimgList ul li {position:relative; counter-increment: number;  border:1px solid #e4eaf1; }
#numimgList ul li:first-child {margin-left:0 !important}

#numimgList ul li img {width:100%}
#numimgList ul li dl {padding:0 3em 1.5em; margin-top:-55px; text-align:center; position:relative}
#numimgList ul li dl dt {width:80%; margin:0 auto; background:#0044a3;  line-height:55px; font-size:2.2rem; color:#FFF; font-weight:600}
#numimgList ul li dl dd{font-size:1.7rem; line-height:1.6em; padding-top:1.5em; word-break: keep-all;}

#numimgList.grn ul li dl dt {background:#76aa00 ; }
#numimgList ul.w4 li {width:calc(25% - 22.5px); margin-left:30px;}
#numimgList ul.w4 li:before {width:60px; line-height:60px; font-size:var(--fz26); left:10px; top:-20px; }
#numimgList ul.w4 li dl {padding:30px}
#numimgList ul.w3 li {width:calc(33.333% - 33.333px); margin-left:50px;}
#numimgList ul.w2 li {width:calc(33.333% - 33.333px); margin-left:50px;}

@media screen and (max-width:1599px) {	
	#numimgList ul.w4 li {width:calc(25% - 15px); margin-left:20px;}
}
@media screen and (max-width:1280px) {	
	#numimgList ul.w2 li {width:calc(45% - 33.333px); margin-left:50px;}
	#numimgList ul.w3 li {width:calc(33.333% - 13.333px); margin-left:20px;}
}
@media screen and (max-width:1024px) {	
	#numimgList ul.w4 li {width:calc(50% - 2%); margin:1%;}
}
@media screen and (max-width:976px) {	
	#numimgList ul li dl { padding:20px }
	#numimgList ul.w3 li {width:calc(50% - 2%); margin:1%}
	#numimgList ul.w2 li {width:calc(50% - 10px); margin-left:20px;}
	#numimgList ul.w4 li dl {padding:20px}
}
@media screen and (max-width:767px) {	
	#numimgList ul.w2 li {width:100%; margin-left:0; margin-bottom:20px}
}
@media screen and (max-width:480px) {	
	#numimgList ul.w4 li {width:100%; margin:0 0 10px 0}
	#numimgList ul.w3 li {width:100%; margin:0 0 10px 0}
}






/* table */
.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:2.0rem;  padding:0.6em 5px; background:#f0f5f9; border-left:1px solid #d7dfe5;  border-bottom:1px solid #14588f; border-top:2px solid #14588f;   color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { font-size:1.7rem; padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #d7dfe5; border-bottom:1px solid #d7dfe5; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em;}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0; }
.tb-style td:first-child { background:#f9f9f9}

.tb-style td br.br640 {display:none}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}


@media all and (max-width:640px){
	.tb-style td br.br640 {display:block}
}
@media all and (max-width:480px){
	.tb-style th {font-size:1.8rem}
	.tb-style td { font-size:1.5rem;}
}






#illuBox {padding:5em; border:12px solid; display:flex; flex-wrap:wrap;  align-items: center;}
#illuBox.blu {border-color:#f0f7fd}
#illuBox.grn {border-color:#edf8f2}
#illuBox #img {width:350px;}
#illuBox #cont {width:calc(100% - 350px);}

@media all and (max-width:1280px){
	#illuBox #img {width:280px;}
	#illuBox #img img {width:90%; max-width:293px}
	#illuBox #cont {width:calc(100% - 280px);}

	#illuBox.internal2-1 {padding:3em; }
	#illuBox.internal2-1 #img {margin-bottom:4em; width:100%; text-align:center}
	#illuBox.internal2-1 #cont {width:100%}
}
@media all and (max-width:976px){
	#illuBox {padding:3em; }
	#illuBox #img {margin-bottom:4em; width:100%; text-align:center}
	#illuBox #cont {width:100%}
}
@media all and (max-width:767px){
	#illuBox {  border-width:10px }
}






#dl-table dl {display:table; width:100%;  margin-bottom:2em; padding-bottom:2em;  border-bottom:1px dashed #eee}
#dl-table dl:last-child { margin-bottom:0; padding-bottom:0;  border-bottom:0}
#dl-table dl dt,
#dl-table dl dd {display:table-cell; vertical-align:middle;}
#dl-table dl dt { font-size:2.4rem; color:#222; padding-left:0.5em; font-weight:700}
#dl-table dl dd {font-size:1.7rem; line-height:1.8em; word-break: keep-all;} 

#dl-table.internal1-1 dt {width:140px;}
#dl-table.internal1-1 dd {width:calc(100% - 140px)}

#dl-table.internal1-3 dt {width:180px;}
#dl-table.internal1-3 dd {width:calc(100% - 180px)}

#dl-table.internal2-1 dt {width:200px;}
#dl-table.internal2-1 dd {width:calc(100% - 200px)}


@media all and (max-width:1280px){
	#dl-table dl {  margin-bottom:1.5em; padding-bottom:1.5em; }


	#dl-table.internal1-1 dt {width:130px;}
	#dl-table.internal1-1 dd {width:calc(100% - 130px)}

	#dl-table.internal2-1 dl {display:block}
	#dl-table.internal2-1 dt {width:100%;display:block; padding:0 0 0.5em 0;  }
	#dl-table.internal2-1 dd {width:100%;display:block}
}
@media all and (max-width:767px){
	#dl-table dl {  margin-bottom:1em; padding-bottom:1em; }

	#dl-table.internal1-1 dl {display:block}
	#dl-table.internal1-1 dt {width:100%;display:block; padding:0 0 0.5em 0;  }
	#dl-table.internal1-1 dd {width:100%;display:block}

	#dl-table.internal1-3 dl {display:block}
	#dl-table.internal1-3 dt {width:100%;display:block; padding:0 0 0.5em 0;  }
	#dl-table.internal1-3 dd {width:100%;display:block}
}





#clinicTop2 {display:flex; flex-wrap:wrap; align-items: center; }
#clinicTop2 > div {width:50%}
#clinicTop2 .img img {width: 100%; }
#clinicTop2 .cont { position: relative; display:table; padding-left:7em }
#clinicTop2 .cont:before {content:''; width: px; height: px; background:url('/images/sub/clinicTop2-sy.png'); background-size:50% auto;  position:absolute; right:0; bottom:0 }
#clinicTop2 .cont .in { position: relative; display:table-cell; vertical-align:middle; }

@media all and (max-width:1399px){
	#clinicTop2 .cont { padding-left: 4em; }
}
@media all and (max-width:976px){
	#clinicTop2 > div {width:100%}
	#clinicTop2 .cont {padding:50px 30px 0}
}
@media all and (max-width:480px){
	#clinicTop2 .cont {padding:30px 15px 0}
}






#checkList { }
#checkList  {display:flex; flex-wrap:wrap} 
#checkList  li {padding:1.7em 1.7em 1.7em 0;  line-height:2.0em; width: 48.5%; border-radius: 50px; display: inline-block; 
			position: relative; margin:6px 3px}
#checkList  li p {float: left; font-size:1.7rem; padding-left: 60px; color:#555; line-height:1.4em}

#checkList.blu li { background:#f6fafe url('/images/sub/check_bg_blu.png') no-repeat 20px center;}
#checkList.grn li { background:#f6fbf5 url('/images/sub/check_bg_grn.png') no-repeat 20px center;}
@media screen and (max-width:1060px) {	
	#checkList  {width:80%; margin:0 auto;}
	#checkList  li { width:calc(100% - 10px); }
}
@media screen and (max-width:976px) {	
	#checkList  {width:100%}
}



#PartTop {width:90%; max-width:1024px; margin:0 auto}



#circleList ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content:center; text-align: center; gap: 20px; }
#circleList ul li { width: 230px; height:230px;  border: 12px solid #e9f4fe; border-radius:100%; padding:30px;
					display: flex; align-items: center; justify-content: center; position: relative; counter-increment: number; overflow:hidden}
#circleList ul li::before { content: counter(number, decimal-leading-zero); color:#e9f4fe; font-size: 8rem; font-weight: 800;
                          font-family:'Montserrat';    font-style: italic;    position: absolute;    right: 0.5em;    bottom: -0.3em;    z-index: -1; }
#circleList ul li p {font-size: 2.0rem; color:#333; line-height: 1.4em;  word-break: keep-all; }

#circleList.grn li {border-color: #edf8f2;}
#circleList.grn ul li::before {color:#edf8f2;}

@media screen and (max-width:767px) {	
	#circleList ul { gap: 10px; }
	#circleList ul li {  border-width:10px; width: 27vw; height:27vw;  padding:10px; }
	#circleList ul li::before { font-size: 6rem }
}
@media screen and (max-width:640px) {	
	#circleList ul li {  border-width:10px; width: 42vw; height:42vw; }
	#circleList ul li::before { font-size: 13vw ; right: 3vw;    bottom:1vw; }
}
@media screen and (max-width:480px) {
	#circleList.longtxt ul li {width:100%; height:auto;  padding:6vw 2vw; border-radius:10px; border-width:2px}
	#circleList.longtxt ul li::before {right: 2vw;    bottom:-4vw; }
}

#tdList.blu {background:#f0f7fd}
#tdList ul {padding:30px}
#tdList ul li {margin-bottom:20px; display:flex; flex-wrap:wrap; background:#FFF}
#tdList ul li:last-child {margin-bottom:0}
#tdList ul li .img {width:400px;}
#tdList ul li .txt {padding:20px 50px; width:calc(100% - 400px); display:flex; align-items: center; background:#FFF}
#tdList ul li .txt h3 {margin-bottom:0.7em;  font-size:2.6rem; font-weight:700; color:#222}
#tdList ul li .txt .t1 { font-size:1.7rem; line-height:1.6em; word-break: keep-all;}
#tdList ul li .txt dl {margin-top:30px; display:flex;  align-items: center;}
#tdList ul li .txt dl dt { padding:10px 20px; border-radius:50px; color:#FFF; font-size:1.8rem; }
#tdList ul li .txt dl dt.blu {background:#0044a3 }
#tdList ul li .txt dl dd {font-size:1.8rem; padding-left:20px; color:#222; word-break: keep-all; font-weight:500}

#tdList ul li:nth-child(even) .img {order:2}
#tdList ul li:nth-child(even) .txt {order:1}
@media screen and (max-width:1280px) {	
	#tdList ul li .img {width:300px;}
	#tdList ul li .txt { width:calc(100% - 300px); }
}
@media screen and (max-width:1024px) {	
	#tdList ul li .txt {padding:10px 30px; }
}
@media screen and (max-width:976px) {	
	#tdList ul {padding:20px}
	#tdList ul li .img {padding:20px; width:100%; text-align:center}
	#tdList ul li .img img {width:100%; max-width:400px;}
	#tdList ul li .txt { width:100%; }
	#tdList ul li .txt {padding:20px 30px 30px;}
	#tdList ul li .txt dl {flex-wrap:wrap}
	#tdList ul li .txt dl dd {width:100%; padding:10px 0 0;}

	#tdList ul li:nth-child(even) .img {order:1}
	#tdList ul li:nth-child(even) .txt {order:2}
}
@media screen and (max-width:530px) {	
	#tdList ul li {margin-bottom:10px;}
	#tdList ul li .txt {padding:0 20px 20px;}
}




#halfCont { display: flex; align-items: center; flex-wrap: wrap; }
#halfCont > div { width: 50%; }
#halfCont .cont { padding: 3% 5%; border:1px solid #e4eaf1; background:rgba(255,255,255,0.8)}

#halfCont.rtl { direction: rtl; }
#halfCont.rtl .cont { direction: ltr; padding: 3% 6% 3% 0; }

@media all and (max-width:1480px) {
  #halfCont .cont { padding: 3% }
}
@media all and (max-width:1024px) {
  #halfCont > div { width: 100%; }
  #halfCont .img { text-align: center; }
  #halfCont .img img { width:100% }
  #halfCont .cont { padding: 2%; }
}



#numList {position:relative}
#numList li {margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #e4eaf1; counter-increment: number; display:flex; align-items: center;}
#numList li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0}
#numList li:before {content: counter(number); font-size:2.4rem; font-family:'Roboto'; font-weight:700; width:60px; height:60px;  line-height:60px; text-align:center; color:#FFF; display:inline-block }
#numList.blu li:before {background:#0044a3 }
#numList li p {width:calc(100% - 60px); padding-left:30px;  font-size:1.7rem; line-height:1.4em; word-break: keep-all;}

@media all and (max-width:976px) {
  #numList li:before { width:50px; height:50px; line-height:50px; }
  #numList li p {width:calc(100% - 50px); padding-left:20px; }
}





#circleList2 {display:flex; justify-content:center; }
#circleList2 li {padding:20px; margin:10px -10px;display:flex; align-items: center; justify-content:center; border-radius:100%; background:rgba(14,74,158,0.9);
				counter-increment: number; position:relative }
#circleList2 li:before {content: counter(number); font-size:8rem; font-family:'Roboto'; font-weight:700;color:rgba(255,255,255,0.2); display:inline-block;
					position:absolute; right:35px; bottom:0 }
#circleList2 li:nth-child(even) {background:rgba(18,175,209,0.9)}
#circleList2 li p {font-size:2.2rem; color:#FFF; text-align:center; word-break: keep-all; font-weight:500 }


#circleList2.grn li {background:rgba(118,170,0,0.9);}
#circleList2.grn li:nth-child(even) {background:rgba(23,154,63,0.9)}


#circleList2.w6 li { width:250px; height:250px; }
#circleList2.center1 li { width:230px; height:230px; }

@media all and (max-width:1499px) {
	#circleList2.w6 li {width:16vw; height:16vw;}
	#circleList2.w6 li:before {font-size:6vw; right:1.5vw; bottom:0vw}

}
@media all and (max-width:1280px) {
	#circleList2.w6 {flex-wrap:wrap}
	#circleList2.w6 li {width:21vw; height:21vw;}
	#circleList2.w6 li:before {font-size:7vw; right:2.5vw; }
	
	#circleList2.center1 li { width:190px; height:190px; }
	#circleList2.center1 li:before {right:20px;}
}
@media all and (max-width:976px) {
	#circleList2.w6 li {width:30vw; height:30vw;}
	#circleList2.w6 li:before {font-size:9vw; right:4vw; }	
	#circleList2 li p {font-size:2.0rem; }

	#circleList2.center1 li {width:19vw; height:19vw;}
	#circleList2.center1 li:before {font-size:7vw; right:2.5vw; }
}
@media all and (max-width:580px) {
	#circleList2.center1 {flex-wrap:wrap}
	#circleList2.center1 li {width:27vw; height:27vw; margin:-5px 5px }
	#circleList2.center1 li:before {font-size:12vw; right:2.5vw; }
}
@media all and (max-width:480px) {
	#circleList2.w6 li {width:48vw; height:48vw; margin:-10px}
	#circleList2.w6 li:before {font-size:15vw; right:7vw; }
	#circleList2.w6 li:nth-child(even) {background:rgba(14,74,158,0.9);} 
	#circleList2.w6 li:nth-child(2),
	#circleList2.w6 li:nth-child(3), 
	#circleList2.w6 li:nth-child(6), 
	#circleList2.w6 li:nth-child(7) {background:rgba(18,175,209,0.9)}

	#circleList2.grn.w6 li:nth-child(even) {background:rgba(118,170,0,0.9););} 
	#circleList2.grn.w6 li:nth-child(2),
	#circleList2.grn.w6 li:nth-child(3), 
	#circleList2.grn.w6 li:nth-child(6), 
	#circleList2.grn.w6 li:nth-child(7) {background:rgba(23,154,63,0.9)}
}





#dl-table2.w50 {display:flex; flex-wrap:wrap;  justify-content:space-between;  justify-self: stretch;}
#dl-table2.w50 dl {width:48%; margin:1%; border:1px solid #e4eaf1; }
#dl-table2 dl {display:table} 
#dl-table2 dl dt,
#dl-table2 dl dd {display:table-cell; vertical-align:middle}
#dl-table2 dl dt {width:20%; padding:25px 0; text-align:center; color:#FFF; font-size:2.2rem; font-weight:700;  background:rgba(14,74,158,1)}
#dl-table2 dl dd {width:80%; padding:25px 30px; line-height:1.6em; font-size:1.7rem; word-break: keep-all;}

#dl-table2 dl:nth-child(even) dt {background:rgba(18,175,209,1)}

@media all and (max-width:1120px) {
	#dl-table2.w50 dl {width:100%; margin:0 0 10px 0;}
}