@charset "utf-8";

/* ------------ 공통 ----------------------------------------------------------------------------- */

#sTitle {padding-bottom:80px}
#sTitle h3 { font-size:4.5rem; color:#222;   display:inline-block; ;}
#sTitle h3.ver2 {color:#cb351d; border-bottom:1px solid #cb351d;}
#sTitle h4 {margin-top:1.5em; font-size:2.4rem; font-weight:300; color:#222 }

@media all and (max-width:976px) {
	#sTitle {padding-bottom:60px}
}
@media all and (max-width:640px) {
	#sTitle {padding-bottom:40px}
}
@media all and (max-width:480px) {
	#sTitle h3 { font-size:4.0rem; }
}

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

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








#intro1 {display:flex; flex-wrap:wrap }
#intro1 .eng {margin-bottom:3em; color:#343a42; opacity:.28; letter-spacing:0 !important; font-weight:400 }
#intro1 dl { display:flex; flex-wrap:wrap; justify-content:center; align-items: end;}
#intro1 dl dd  {font-size: 4.0rem; }
#intro1 dl dt  {padding-left:0.5em; font-size: 5.0rem;  }
#intro1  h3 {margin-top:1em;  font-size: 2.4rem; color:#58b829; line-height:1.4em }

#intro1 .titWrap {margin-bottom:5%; width:100%; text-align:center}

#intro1 .imgWrap {width:480px; text-align: center;}
#intro1 .imgWrap img{width: 180px;}
#intro1 .imgWrap p{text-align: center; margin: 20px 0 30px; font-size: 1.8rem;    font-family: 'KIMM_Bold'; color: #000; line-height: 3rem;}
#intro1 .imgWrap p b{font-size: 2.2rem;}

#intro1 .contWrap {  width:calc(100% - 480px) }
#intro1 .contWrap li {margin-bottom:1.5em}
#intro1 .contWrap li .t1 {font-size:1.8rem; line-height:1.6em}


#intro1-2 {text-align:center; margin-top:5em; padding-bottom:5em; position:relative}
#intro1-2:before {content:''; width:100%; height:80%; background:linear-gradient(90deg, #0096e0 60%, #7cbd57); 
    position:absolute; left:0; bottom:-100px; z-index:-1}
    #intro1-2 .img {width:90%; max-width:1400px; margin:0 auto; border-radius:30px; overflow:hidden}
    #intro1-2 .img img {width:100%}
    
    
@media all and (max-width:1499px) {
    #intro1 .imgWrap {width:380px}
	#intro1 .contWrap {  width:calc(100% - 380px) }
}

@media all and (max-width:976px) {
    #intro1 dl dd  {font-size: 3.6rem; }
	#intro1 dl dt  {font-size: 4.6rem; width:100%; padding-left:0; line-height:1.6em; }
	#intro1 h3 {font-size: 2.4rem; }
    
	#intro1 .imgWrap {width:100%; text-align:Center}
	#intro1 .imgWrap img {width:55%; max-width: 305px}
	#intro1 .contWrap { margin-top:2em; width:100%; text-align:Center }
    
}

@media all and (max-width:480px) {
    #intro1 .eng {font-size:1.3rem}
	#intro1 dl dd  {font-size: 2.8rem; }
	#intro1 dl dt  {font-size: 4.0rem;  }
	#intro1 h3 {font-size: 2.0rem; }
	#intro1 .contWrap li .t1 {font-size:1.7rem}
    #intro1 .imgWrap p{font-size: 1.6rem; line-height: 2.5rem;}
    #intro1 .imgWrap p b{font-size: 2.0rem;}
    #intro1 .imgWrap img{width: 160px;}
}







#intro2 .in-box {display:flex; align-items: center;}
#intro2 #imgWrap {width:50%;}
#intro2 #imgWrap img {width:100%; }
#intro2 #contWrap {width:50%; padding:0 7%}
#intro2 #contWrap ul li {width:100%; display:flex; align-items: center; background:#f4f9fb; margin-bottom:10px}
#intro2 #contWrap ul li p.num { width:60px; line-height:60px; text-align:center; background:#2a70ec; color:#FFF;
										font-size:2.0rem; font-weight:500; font-family:'Roboto';}
#intro2 #contWrap ul li p.t1 {width:calc(100% - 80px); padding-left:20px; font-size:1.8rem }

#intro2 .in-box:nth-child(even) {margin-top:8%}
#intro2 .in-box:nth-child(even) #imgWrap {order:2}
#intro2 .in-box:nth-child(even) #contWrap {order:1; }

@media all and (max-width:1399px) {
	#intro2 #contWrap { padding:0 5%}
}
@media all and (max-width:1280px) {
	#intro2 #contWrap ul li p.t1 {width:calc(100% - 75px); padding-left:15px}
}
@media all and (max-width:1180px) {
	#intro2 #imgWrap {width:45%;}
	#intro2 #contWrap {width:55%; }
}
@media all and (max-width:976px) {
	#intro2 .in-box {flex-wrap:wrap}
	#intro2 #imgWrap {width:100%; }
	#intro2 #contWrap {width:100%; padding:2em; padding-bottom:0}
	#intro2 #contWrap ul li { margin-bottom:5px}

	#intro2 .in-box:nth-child(even) #imgWrap {order:1}
	#intro2 .in-box:nth-child(even) #contWrap {order:2; }
}
@media all and (max-width:767px) {
	#intro2 #contWrap ul li p.num { width:40px; }
	#intro2 #contWrap ul li p.t1 {width:calc(100% - 55px);}
}








#intro3 {width:100%; max-width:1180px; margin:0 auto;position:relative}
#intro3:before {content:''; width:1px; height:100%; position:absolute; left:50%; top:0; background:#e9e9e9; z-index:-1}
#intro3 section { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; gap:50px;position:relative}
#intro3 section #box {width:360px; border:1px solid #e9e9e9; background:#FFF}
#intro3 section #box dl dt {font-size:2.0rem; font-weight:700;  color:#FFF; padding:1em 0.3em}
#intro3 section #box dl dd {font-size:2.0rem; color:#222; font-weight:500; padding:1.5em 0.3em}
#intro3 section #box ul {padding:1.5em}
#intro3 section #box ul li {font-size:1.7rem; border-bottom:1px dashed #DDD; margin-bottom:0.5em; padding-bottom:0.5em}
#intro3 section #box ul li:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}

#intro3 section.box-4f #box dl dt {font-size:2.4rem; background:#2a70ec; font-weight:normal }

#intro3 section.box-3f {margin:40px 0}
#intro3 section.box-3f:before {content:''; width:50%; height:1px; background:#e9e9e9; 
										position:absolute; right:0; top:50%; z-index:-1}
#intro3 section.box-3f #box {margin-left: auto}
#intro3 section.box-3f #box dl dt {background:#7cbd58; }

#intro3 section.box-2f { padding-top:40px; }
#intro3 section.box-2f:after {content:''; width:calc(100% - 360px); height:1px;  background:#e9e9e9; 
									position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%)}
#intro3 section.box-2f:before {content:'';  width:calc(100% - 360px); height:150%; border-left:1px solid #e9e9e9;  
									border-right:1px solid #e9e9e9;	position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%)}

#intro3 section.box-2f #box dl dt {background:#ec862a; }

#intro3 section.box-1f { margin-top:10px;}
#intro3 section.box-1f #box dl dt {background:#828282; }


@media all and (max-width:1312px) {
	#intro3 section { justify-content:space-between; gap:0}
	#intro3 section #box {width:30%; }

	#intro3 section.box-4f #box {margin:0 auto}
	#intro3 section.box-2f:after {content:''; width:calc(100% - 30%);}
	#intro3 section.box-2f:before {content:'';  width:calc(100% - 30%);}
}

@media all and (max-width:1024px) {
	#intro3 section #box {width:32%; }
	#intro3 section #box dl dd {padding:1em 0.3em}

	#intro3 section.box-3f {margin:30px 0}
	#intro3 section.box-2f { padding-top:30px; }
	#intro3 section.box-2f:after {content:''; width:calc(100% - 32%);}
	#intro3 section.box-2f:before {content:'';  width:calc(100% - 32%);}
}
@media all and (max-width:480px) {
	#intro3 section #box dl dt,
	#intro3 section #box dl dd {font-size:1.8rem; padding:0.8em 0.3em}
	#intro3 section #box ul {padding:1em}
	#intro3 section #box ul li {font-size:1.5rem; }

	#intro3 section.box-3f {margin:20px 0}
	#intro3 section.box-2f { padding-top:20px; }
	#intro3 section.box-4f #box dl dt {font-size:2.2rem; }
}






#intro4 dl {margin-bottom:3%; padding:1em; border-radius:100px; border:10px solid #f9f9f9;display:flex;align-items: center;}
#intro4 dl dt {width:200px; line-height:70px; border-radius:100px; text-align:center; coloR:#FFF;
				font-size:3.0rem; font-weight:700}
#intro4 dl dt.bg1 { background:#0096e0 ; }
#intro4 dl dt.bg2 { background:#9cc813 ; }
#intro4 dl dd {width:calc(100% - 200px); padding-left:1em;; font-size:2.2rem; color:#343a42}

@media all and (max-width:976px) {
	#intro4 dl {flex-wrap:wrap; border-radius:30px; border-width:7px}
	#intro4 dl dt {margin:0 auto;  line-height:0; padding:1.2em 0; font-size:2.0rem}
	#intro4 dl dd {width:90%; text-align:Center; margin:1em auto 0; line-height:1.3em; font-size:2.4rem}
}








#intro4-2 {text-align:center}
#intro4-2 h3{margin:1.5em 0 1em; font-size:4.0rem; font-weight:700}

@media all and (max-width:976px) {
	#intro4-2 img {width:50%}
	#intro4-2 h3{margin:1.0em 0 0.7em; font-size:3.2rem;}
}



#intro4-3 {margin-top:4em; display:flex; justify-content:space-between; }
#intro4-3 .box {padding:0 2em 2em; width:24%; background:#f4f9fb; border-radius:10px;}
#intro4-3 .box h3 { margin-bottom:1em; font-size:2.2rem; text-align:Center; line-height:1.3em; color:#343a42}
#intro4-3 .box .num {width:50px; line-height:50px; border-radius:100%; text-align:center; color:#FFF; font-family:'Roboto'; 
					 font-weight:700; margin:-25px auto 20px; font-size:2.0rem;}
#intro4-3 .box .num.bg1 {background:#0f51a0}
#intro4-3 .box .num.bg2 {background:#0096e0}
#intro4-3 .box .num.bg3 {background:#2fa5ac}
#intro4-3 .box .num.bg4 {background:#7cbd57}

#dotList li {position:relative; margin-bottom:0.7em}
#dotList li:last-child { margin-bottom:0}
#dotList li:before {content:''; width:3px; height:3px; background:#394049; border-radius:100%; position:absolute; left:0; top:0.6em} 
#dotList li p {font-size:1.8rem; padding-left:0.7em; }

@media all and (max-width:1399px) {
	#intro4-3 .box {padding:0 1em 2em;}
}
@media all and (max-width:1024px) {
	#intro4-3 {flex-wrap:wrap; width:100%; max-width:700px; margin:3em auto 0}
	#intro4-3 .box { width:48%; margin-bottom:2em}
}
@media all and (max-width:640px) {
	#intro4-3 .box { width:100%; }
}
@media all and (max-width:480px) {
	#intro4-3 .box .num {width:40px; line-height:40px; margin:-20px auto 30px; }
}






#intro5 {display:flex; margin-bottom:8%}
#intro5 h3 {width:calc(100% - 1080px); font-size:3.0rem; font-weight:800; letter-spacing:0}
#intro5 #contWrap {width:1080px}
#intro5 #contWrap .img {margin-bottom:15px;  padding:3em 0;  border:1px solid #e9e9e9; background:url('/images/sub/intro5-bg.png');
								display:flex; align-items: center; justify-content:center; text-align:center; min-height:276px;}
#intro5 #contWrap .t1 { font-size:1.8rem; line-height:1.6em}
#intro5 #contWrap ul {display:flex; justify-content:space-between;}
#intro5 #contWrap ul li {width:49%; text-align:center;}
#intro5 #contWrap ul li h4 { font-size:2.2rem; }

#intro5 #downBtn { margin-top:4em; text-align:center}
#intro5 #downBtn a {display:inline-block; background:#343a42 ; padding:0.8em 2em;}
#intro5 #downBtn a p {font-size:2.0rem; color:#FFF}
#intro5 #downBtn a p i {padding-left:20px}
#intro5 #downBtn a:hover {background:#2a70ec}


@media all and (max-width:1399px) {
	#intro5 h3 {width:calc(100% - 900px);}
	#intro5 #contWrap {width:900px}
}
@media all and (max-width:1220px) {
	#intro5 {flex-wrap:wrap}
	#intro5 h3 {width:100%; margin-bottom:1em;}
	#intro5 #contWrap {width:100%; max-width:830px; margin:1em auto 0}
}
@media all and (max-width:976px) {
	#intro5 {flex-wrap:wrap}
	#intro5 h3 {width:100%; margin-bottom:1em;}
	#intro5 #contWrap {width:100%; max-width:830px; margin:1em auto 0}

	#intro5 .img img {width:50%}
	#intro5 .img.ver2 img {width:90%; max-width:362px}
}
@media all and (max-width:767px) {
	#intro5 #contWrap ul  {flex-wrap:wrap}
	#intro5 #contWrap ul li {width:100%; margin-bottom:4em}
	#intro5 #contWrap .img {min-height:auto;}
}





#halfWrap {display:flex; flex-wrap:wrap; margin-bottom:10%;}
#halfWrap #titleWrap {width:360px}
#halfWrap #titleWrap h3 {font-size:3.8rem; line-height:1.3em}
#halfWrap #titleWrap .t1 {font-size:1.8rem; line-height:1.6em; margin-bottom:0.5em;}
#halfWrap #contWrap {width:calc(100% - 360px)}
#halfWrap #contWrap h4 { margin-bottom:2em; font-size:2.1rem; font-weight:400; line-height:1.6em;}


#halfWrap {margin-bottom:7%;}
#halfWrap.dcnc4 #titleWrap {width:300px}
#halfWrap.dcnc4 #contWrap {width:calc(100% - 300px)}


.part2 {padding:7% 0; background:#f8fbfc; margin-bottom:7%}
#halfWrap.dcnc2 #titleWrap {width:100%; text-align:center; margin-bottom:2em;}
#halfWrap.dcnc2 #titleWrap h3 { margin-bottom:1em}
#halfWrap.dcnc2 #contWrap {width:100%}



@media all and (max-width:1399px) {
	#halfWrap #titleWrap {width:280px}
	#halfWrap #contWrap {width:calc(100% - 280px)}

	#halfWrap.dcnc4 #titleWrap {width:280px}
	#halfWrap.dcnc4 #contWrap {width:calc(100% - 280px)}
}
@media all and (max-width:1024px) {
	#halfWrap {margin-bottom:15%;}
	#halfWrap #titleWrap {width:100%;margin-bottom:3em; }
	#halfWrap #titleWrap h3 br {display:none}
	#halfWrap #contWrap {width:100%}

	#halfWrap {margin-bottom:10%;}
	#halfWrap.dcnc4 #titleWrap {width:100%}
	#halfWrap.dcnc4 #contWrap {width:100%}
}
@media all and (max-width:767px) {
	#halfWrap #titleWrap {margin-bottom:1em; }
}
@media all and (max-width:480px) {
	#halfWrap #titleWrap h3 {font-size:3.2rem }
}




#dcnc1-dl dl {margin-bottom:10px; padding:0.5em; border-radius:100px; display:flex;align-items: center;}
#dcnc1-dl dl dt {width:180px; line-height:60px; border-radius:100px; text-align:center; coloR:#FFF;
				font-size:2.2rem; font-weight:700}

#dcnc1-dl dl.ver1 {background:rgba(0,150,224,0.07)}
#dcnc1-dl dl.ver2 {background:rgba(156,200,19,0.1)}

#dcnc1-dl dl dt.bg1 { background:#0096e0 ; }
#dcnc1-dl dl dt.bg2 { background:#9cc813 ; }
#dcnc1-dl dl dd {width:calc(100% - 180px); padding-left:1em;; font-size:1.8rem; }


@media all and (max-width:976px) {
	#dcnc1-dl dl dt {width:150px }
	#dcnc1-dl dl dd {width:calc(100% - 150px); }
}
@media all and (max-width:640px) {
	#dcnc1-dl dl {flex-wrap:wrap;  border-radius:5px; padding:1em}
	#dcnc1-dl dl dt { margin:0 auto; line-height:50px}
	#dcnc1-dl dl dd {width:100%; padding-left:0; margin-top:0.5em; text-align:center } 
}

.dcnc1-img {background:#f9f9f9; border-radius:35px; text-align:center; padding:2em 0}
.dcnc1-img img {width:92%; max-width:943px;}

@media all and (max-width:640px) {
	.dcnc1-img {border-radius:5px;} 
}


#dcnc1-2 {padding:2em 0; display:flex; flex-wrap:wrap; position:relative }
#dcnc1-2:before {content:''; width:2px; height:100%; background:#e9e9e9; position:absolute; left:170px; top:0; z-index:-1}
#dcnc1-2 .year {width:170px; font-size:3.4rem; letter-spacing:0; font-weight:800; position:relative}
#dcnc1-2 .year:before {content:''; width:20px; height:20px; background:#343a42 ; border-radius:100%; border:6px solid #e9e9e9;
							position:absolute; right:0; top:0; margin:5px -10px 0 0}
#dcnc1-2 .year.fc1 {color:#0f51a0}
#dcnc1-2 .year.fc1:before {background:#0f51a0; }
#dcnc1-2 .year.fc2 {color:#0096e0}
#dcnc1-2 .year.fc2:before {background:#0096e0}
#dcnc1-2 .year.fc3 {color:#2fa5ac}
#dcnc1-2 .year.fc3:before {background:#2fa5ac}
#dcnc1-2 .year.fc4 {color:#7cbd57}
#dcnc1-2 .year.fc4:before {background:#7cbd57}

#dcnc1-2 .cont {width:calc(100% - 170px); padding-left:60px; margin-bottom:60px}
#dcnc1-2 .tit {margin-bottom:1em; font-size:2.6rem; font-weight:700}
#dcnc1-2 ul {border-radius:5px; padding:20px; background:#f9f9f9}
#dcnc1-2 .st1 {margin-top:1em; opacity:.5}

@media all and (max-width:1399px) {
	#dcnc1-2:before {left:150px; }
	#dcnc1-2 .year {width:150px;}
	#dcnc1-2 .cont {width:calc(100% - 150px); padding-left:40px;}
}
@media all and (max-width:976px) {
	#dcnc1-2:before {left:10px }
	#dcnc1-2 .year {width:100%; padding-left:50px }
	#dcnc1-2 .year:before {left:0; right:unset}
	#dcnc1-2 .cont {width:100%; padding-left:50px;}
}
@media all and (max-width:580px) {
	#dcnc1-2 .year {padding-left:30px }
	#dcnc1-2 .cont {padding-left:30px;}
}





#dcnc3-img {display:flex; justify-content:space-between; flex-wrap:wrap}
#dcnc3-img li {width:49.5%; margin-bottom:1.5%}
#dcnc3-img li img {width:100%}

#dcnc3-img.bd1 li {border:1px solid #e9e9e9; margin-bottom:1em;}

.dcnc3 .tit {margin:1em 0 1em; font-size:2.8rem; font-weight:700}

#dcnc3-dl { }
#dcnc3-dl dl {display:flex; flex-wrap:wrap}
#dcnc3-dl dl dt {border-top:1px solid #343a42 ; width:200px; font-size:1.8rem; font-weight:600; text-align:center }
#dcnc3-dl dl:last-child dt {border-bottom:1px solid #343a42 }
#dcnc3-dl dl dd {padding-left:2em !important; border-top:1px solid #BBB ; width:calc(100% - 200px);  font-size:1.8rem; }
#dcnc3-dl dl:last-child dd {border-bottom:1px solid #BBB }
#dcnc3-dl dl dt,
#dcnc3-dl dl dd {padding:1em 0; background:#FFF}

@media all and (max-width:976px) {
	#dcnc3-dl dl dt {width:150px;}
	#dcnc3-dl dl dd {width:calc(100% - 150px) }
}
@media all and (max-width:767px) {
	#dcnc3-img li {width:100%}	
	#dcnc3-dl dl dt {width:130px;}
	#dcnc3-dl dl dd {width:calc(100% - 130px); padding-left:1em !important;  }
}
@media all and (max-width:480px) {
	#dcnc3-dl dl dt {width:20vw;}
	#dcnc3-dl dl dd {width:calc(100% - 20vw); }
}





.dcnc4-1 {padding:2em; width:98%; margin:0 auto; border-radius:60px; box-shadow:0 0 10px rgba(0,0,0,0.1); text-align:center}
.dcnc4-1 span {font-size:3.2rem; font-weight:500; }
.dcnc4-1 span.point {font-size:4.2rem}



.dcnc4-2 ul {display:flex; justify-content:space-between; align-items: center;}
.dcnc4-2 ul li {width:32%; text-align:center;; border-bottom:1px solid #343a42; padding-bottom:30px; }
.dcnc4-2 ul li img {width:100%}
.dcnc4-2 ul li .num {width:50px; line-height:50px; border-radius:100%; color:#FFF; font-family:'Roboto'; margin:-25px auto 20px;
						font-size:2.0rem; font-weight:700; position:relative; background:#306edd }
/* .dcnc4-2 ul li .num.bg1 {background:#0f51a0} 
.dcnc4-2 ul li .num.bg2 {background:#0096e0} 
.dcnc4-2 ul li .num.bg3 {background:#9cc813 }  */

.dcnc4-2 ul li dl {margin-top:1em;}
.dcnc4-2 ul li dl dd {font-size:1.8rem;}
.dcnc4-2 ul li dl dt {font-size:2.6rem; font-weight:800; line-height:1.6em}

@media all and (max-width:767px) {
	.dcnc4-2 ul {flex-wrap:wrap;  justify-content:center; }
	.dcnc4-2 ul li {width:48%; margin:1%;}
}





.dcnc4-3 {display:flex; flex-wrap:wrap; gap:10px}
.dcnc4-3 .box { padding:2em; width: 24%; background: #f4f9fb;}
.dcnc4-3 .box img {width:90px; height:90px; border-radius:100%; background:#343a42; overflow:hidden; display:block; margin:0 auto;}
.dcnc4-3 .box dl  {text-align:center}
.dcnc4-3 .box dl dt {margin:1.0em 0 0.5em; font-size:2.6rem; font-weight:800; color:#343a42  }
.dcnc4-3 .box dl dd {font-size:1.8rem; line-height:1.6em;}

@media all and (max-width:1399px) {
	.dcnc4-3 .box { width: 32%;} 
}
@media all and (max-width:767px) {
	.dcnc4-3 .box img {width:70px; height:70px; }
	.dcnc4-3 .box { width: 48%;} 
		
}




#dcnc4-4 h3 {font-size:4.5rem; margin:4em 0 2em; font-weight:300; line-height:1.4em}
#dcnc4-4 h3 br.br480 {display:none}
@media all and (max-width:480px) {
	#dcnc4-4 h3 {font-size:3.8rem;}
	#dcnc4-4 h3 br.br480 {display:block}
}




.tb-style1{width: 100%; ; font-size: 1.8rem; border-top:2px solid #343a42; text-align: center}
.tb-style1 thead tr th{padding: 15px 10px; background-color: #fafafa; border-right: 1px solid #eee;  font-size: 2.0rem;
							font-weight: 600; color: #343a42; border-bottom: 1px solid #b4b4b4; }
.tb-style1 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 thead tr th:last-child{border-right: 0;}

.tb-style1 tbody tr th{  color: #000; font-weight:600;border-bottom: 1px solid #dedede; background:#FFF;
							border-right: 1px solid #eee;}
.tb-style1 tbody tr td{padding: 15px 5px; border-bottom: 1px solid #dedede; border-right: 1px solid #eee; background:#FFF}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

.tb-style1 tfoot tr th{padding: 15px 10px; background-color: #f4f7fb; border-right: 1px solid #eee;  font-size: 2.0rem;
							font-weight: 600; color: #222 ; border-bottom: 1px solid #343a42; }
.tb-style1 tfoot tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 tfoot tr th:last-child{border-right: 0;}
.tb-style1 tfoot tr td{padding: 15px 5px; border-bottom: 1px solid #343a42; border-right: 1px solid #eee; background-color: #f4f7fb; color:#222 }
.tb-style1 tfoot tr td:last-child{border-right: 0;}

@media all and (max-width:480px){
	.tb-style1{font-size: 1.6rem}
	.tb-style1 thead tr th{padding: 10px 5px;}
	.tb-style1 tbody tr td,
	.tb-style1 tfoot tr td{padding: 10px 0px;}
} 





#dcnc2-2 dt {padding:0.5em 1em; border-radius:50px;  color:#FFF; font-size:1.9rem; display:inline-block; font-weight:600}
#dcnc2-2 dt.bg1 {background:#0096e0;}
#dcnc2-2 dt.bg2 {margin-top:1.2em; background:#9cc813;}
#dcnc2-2 dd { margin-top:0.7em; font-size:1.8rem; padding-left:1em}





#chartWrap {width:100%; max-width:978px; margin: 4em auto}
#chartWrap2 {width:100%; max-width:580px; margin:4em auto}

#dcnc2-3 {width:100%; max-width:1024px; margin:5em auto 3em; display:flex; justify-content:center; gap:50px; flex-wrap:wrap;
			position:relative}
#dcnc2-3:before {content:''; width:148px; height:78px; background:url('/images/sub/dcnc2-arrow.png') no-repeat center center;
					position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#dcnc2-3 #chartWrap3 {width:45%; max-width:480px; }

@media all and (max-width:1140px){
}
@media all and (max-width:976px){
	#dcnc2-3 {gap:10px}
}
@media all and (max-width:740px){
	#dcnc2-3 #chartWrap3 {width:100%; margin-bottom:3em}
	#dcnc2-3:before {transform:rotate(90deg); left:50%; top:45%; margin-left:-75px }
}
@media all and (max-width:480px){
	#dcnc2-3 { gap:0;}
	#dcnc2-3:before {background-size:auto 100%; height:14vw;;top:47%; }
}






.dcnc3-1 dl {text-align:center}
.dcnc3-1 dl dt {padding:0.6em 1em; background:#0f51a0; color:#FFF; font-size:2.6rem; font-weight:700; line-height:1.4em}
.dcnc3-1 dl dd {margin-top:2em; font-size:2.0rem; color:#222; font-weight:500}
.dcnc3-1 dl dd i {display:block; opacity:.7; padding:1em 0; font-size:1.6rem;}
.dcnc3-1 dl dd .lt1 {display:inline-block; font-size:2.4rem;; font-weight:700; padding:0.5em 2em; border-radius:60px; 
						background:rgba(0, 150, 224, 0.07);}

#dcnc3-1-tit  {margin-top:3em;}
#dcnc3-1-tit p {  background: #2a70ec; padding: 0.7em 2em 0.5em;  color: #FFF; 
				font-size: 2.2rem; display: inline-block; font-weight: 600;}

#numList.dcnc3-1 {border-top:2px solid #2a70ec; border-bottom:1px solid #2a70ec}
#numList li {position:relative; counter-increment: number;} 
#numList li:before { content: counter(number, decimal-leading); font-size:1.8rem; color:#222; font-weight:700; font-family:'Roboto';
						position:absolute; left:0.5em; top:50%; transform:translateY(-50%); width:30px; line-height:30px; border-radius:100%;
						/* background:rgba(156, 200, 19, 0.1); */ background:#f9f9f9;  text-align:Center} 
#numList li p {font-size:1.8rem; border-bottom:1px dashed #e9e9e9; padding:1em; padding-left:3em}
#numList li:last-child p {border-bottom:0}




#dcnc3-2 { margin-top:5%}
/* #dcnc3-2.bg1 { background: rgba(156, 200, 19, 0.1);}
#dcnc3-2.bg2 { background: rgba(0, 150, 224, 0.07);} */

#dcnc3-2-tit {padding:0.6em 1em; background:#9cc813; color:#FFF; font-size:2.6rem; font-weight:700; line-height:1.4em;
				text-align:center; margin-bottom:10px}
#dcnc3-2-tit.v2 {  background:#0096e0; }

.dcnc3-3 img {width:100%}
.dcnc3-3 .st1 {margin-top:1em; font-size:1.5rem; opacity:.7}

.location .wrap_controllers {display: none !important;}
.location .map_border{display: none;}
.location .map_info_wrap{padding: 50px;width: 90%; margin: -40px auto 0; position: relative; z-index: 99; background-color: #fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
.location .map_info{ display: flex;}
/* .location .map_info{ display: flex; padding-bottom: 50px; } */
.location .map_info > div{}
.location .map_info .tit{width: 36%; padding-right: 8%;}
.location .map_info .tit h3{font-size: 34px; color: #444;}
.location .map_info .tit h3 span{color: #2a70ec;}
.location .map_info .tit p{margin-left: 4px; margin-top: 1em; opacity: 0.9; color:#777;}
.location .map_info .cont{width: 64%;}
.location .map_info .cont dl{margin-top: 10px; padding-bottom: 10px; width: 100%; display: flex; align-items: flex-start;}
.location .map_info .cont dl dt{flex:0 0 auto; margin-right: 1em; font-size: 20px; font-weight: 700; color: #fff; background: #2a70ec; border-radius: 4px; padding: 4px 0; width: 100px; text-align: center; font-family: 'Montserrat';}
.location .map_info .cont dl dd{margin-top:4px; font-size: 20px; font-weight: 500; color: #666;}

.location .map_info2{display: flex; }
.location .map_info2 > div{}
.location .map_info2 .tit{width: 36%; padding-right: 8%;}
.location .map_info2 .tit h3{font-size: 24px; color: #444;}
/* .location .map_info2 .tit h3 span{color: #f3773b;} */
.location .map_info2 .tit p{margin-left: 4px; margin-top: 1em; opacity: 0.9; color:#777;}
.location .map_info2 .cont{width: 64%;}
.location .map_info2 .cont dl{margin-top: 10px; padding-bottom: 10px; width: 100%; display: flex; align-items: flex-start; }
.location .map_info2 .cont dl dt{flex:0 0 auto; margin-right: 1em; font-size: 20px; font-weight: 700; color: #fff; background: #2a70ec; border-radius: 4px; padding: 4px 0; width: 100px; text-align: center; font-family: 'Montserrat';}
.location .map_info2 .cont dl dd{margin-top: 4px; font-size: 20px; font-weight: 500; color: #666;}
.location .map_info2 .cont dl dd b{color: #2a70ec; display:inline-block; width: 60px; text-align: center;}

@media all and (max-width:767px){
    .location .wrap_map{height: 400px !important;}
    .location .map_info_wrap{padding: 30px;}
    .location .map_info{flex-direction: column; gap:20px;}
    .location .map_info2{flex-direction: column; gap:20px;}
    .location .map_info .tit{width: 100%;}
    .location .map_info .cont{width: 100%;}
    .location .map_info2 .tit{width: 100%;}
    .location .map_info2 .cont{width: 100%;}
    .location .map_info .cont dl dt{font-size: 18px; width: 90px;}
    .location .map_info2 .cont dl dt{font-size: 18px; width: 90px;}
    .location .map_info .cont dl dd{font-size: 18px;}
    .location .map_info2 .cont dl dd{font-size: 18px;}
}
@media all and (max-width:480px){
    .location .map_info_wrap{padding: 20px; width: 94%;}
    .location .map_info .tit h3{font-size: 28px;}
    .location .map_info2 .tit h3{font-size: 20px;}
    .location .map_info .cont dl{flex-direction: column;}
    .location .map_info2 .cont dl{flex-direction: column;}
    .location .map_info2 .cont dl dd b{text-align: left; width: 55px;}
}