@charset "utf-8";


/* �λ縻 */
.intro1_innerbox { display: flex; justify-content: space-between; align-items: center; }

.intro1_innerbox > img { width: 50%; height: 100%; max-width: 640px;  }

.intro1_txtbox { width: 47%; padding-top: 30px; padding-right: 20px; }
.intro1_txtbox p:first-child { font-size: 1.9em; line-height: 1.2; margin-bottom: 30px; }

@media screen and (max-width: 1080px) {
	.intro1_innerbox { display: flex; flex-direction: column; align-items: center; }
	.intro1_innerbox > img { width: 95%; height: 100%; max-width: 640px;  }

	.intro1_txtbox { width: 95%; padding-top: 30px; padding-right: 20px; text-align: center; }
}


/* ã�ƿ��ô� �� */
#sMap {}
#sMap .root_daum_roughmap .wrap_controllers {display:none}
#sMap .root_daum_roughmap .wrap_map  { height: 530px !important; }
.wrap_controllers  { display: none; }


.sMap-info {width:95%; background:#454e96;position: relative; margin:-3vw auto 0; z-index:55; padding:3%;  color:#fff; overflow:hidden;}
.sMap-info p {float:left; width:50%;}
.sMap-info p.p1 {font-size:1.2em;}
.sMap-info p.p2 {font-size:1.1em;}

@media screen and (max-width:976px){
#sMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
.sMap-info {padding:5%;}
.sMap-info p {float:left; width:90%;}
}


/* ���� */
.his_wrap{overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:7em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li{position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t{position:relative; font-size:2.2em; font-weight:700; margin-bottom:30px;  color:#454e96;}
.his_wrap li .t:before{content:""; position:absolute; top:0.5em; left:-26px; width:14px; height:14px; border-radius:100%; background:#454e96; }

.his_wrap li .c{ font-size: 1.05em; line-height: 1.8em;}
.his_wrap li .c dt{width:60px; display:inline-block; font-weight:700; color:#a9a9a9; vertical-align:top; margin-bottom:10px;}
.his_wrap li .c dd{width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:10px; }

.his_wrap li:nth-of-type(2n){float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-27px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }

@media all and (max-width:850px) {
	.his_wrap .his_bx .in .bg{background-size:95% auto;}
}
@media all and (max-width:650px) {
	.his_wrap .his_bx{padding-left:10px;}
	.his_wrap:before{margin-left:0; left:9px;}
	.his_wrap li{width:100%;}
	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-28px; right:unset;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
}

.his_wrap2 {}
.his_wrap2 ul {overflow:hidden; padding-top:3%; }
.his_wrap2 ul li {float:left; width:calc(25% - 15px); margin-right:20px;}
.his_wrap2 ul li:last-child {margin-right:0;}
.his_wrap2 ul li img {width:100%;  border:1px solid #ddd;}
.his_wrap2 ul li p {text-align:center; font-size: 1.2em; letter-spacing:-0.05em; padding-top:15px;}
@media all and (max-width:650px) {
	.his_wrap2 ul li {float:left; width:calc(25% - 7.5px); margin-right:10px;}
	.his_wrap2 ul li p {font-size: 1.0em; }
}

.his_wrap3 {}
.his_wrap3 ul {overflow:hidden; padding-top:3%; }
.his_wrap3 ul li {float:left; width:calc(20% - 16px); margin-right:20px;}
.his_wrap3 ul li:last-child {margin-right:0;}
.his_wrap3 ul li img {width:100%;  border:1px solid #ddd;}
@media all and (max-width:650px) {
	.his_wrap3 ul li {float:left; width:calc(33.3333% - 6.6666px); margin-right:10px; margin-bottom:10px;}
	.his_wrap3 ul li:nth-child(3n) {margin-right:0;}
}




/* ������� ���� ��Ÿ��*/
.stit1 { font-size: 1.7em; margin: 0 auto 20px; }
.stit1::before { content: ""; display: inline-block; width: 16px; height: 16px;border-radius: 50%; border: 4px solid #006cb7; margin-right: 6px; }

@media screen and (max-width:1280px) {
	.stit1 { padding: 0 5% 0 2%; }
}
@media screen and (max-width:640px) {
	.stit1 { font-size: 1.5em; margin: 0 auto 10px; }
	.stit1::before { content: ""; display: inline-block; width: 14px; height: 14px;border-radius: 50%; border: 3px solid #006cb7; margin-right: 3px; }
}



/*orderCircle*/
.orderCircle2  { overflow: hidden; text-align: center;}
.orderCircle2 li { position: relative; counter-increment: number; vertical-align:top; display: inline-block; *zoom:1; *display:inline; overflow: hidden; font-size: 1.28em;
				width: 200px; height: 200px; max-width: 17%; max-height: 17vw; box-sizing: border-box; padding: 3% 1%; border-radius: 360px;background:#fff; border:7px solid #006cb7;
				 /*background:linear-gradient(to bottom right, #06b3ba, #58ba80); */box-sizing:border-box; margin: 0 5px; }
.orderCircle2 li:nth-child(even) {border:7px solid #57ba45; }
.orderCircle2 li:before { content: counter(number, decimal-leading-zero); color:#006cb7;  font-weight:700;  /* opacity: 0.5;*/
					   border-bottom: 1px solid #006cb7; line-height: 1.0em; }
.orderCircle2 li:nth-child(even):before {color:#57ba45; border-bottom: 1px solid #57ba45;}
.orderCircle2 li p { padding-top: 20px; line-height: 1.3em; font-size:0.95em}


@media screen and (max-width:1399px) {
.orderCircle2 li { font-size: 1.1em; max-width: 170px; max-height: 170px; margin: 0 3px;  padding: 2% 1%; }
}

@media screen and (max-width:1299px) {
.orderCircle2 li {  max-width: 155px; max-height: 155px; border:5px solid #006cb7;}
.orderCircle2 li:nth-child(even) {border:5px solid #57ba45; }
}

@media screen and (max-width:1199px) {
.orderCircle2 li {  max-width: 140px; max-height: 140px;}
.orderCircle2 li p { padding-top: 10px;}
}

@media screen and (max-width:976px) {
.orderCircle2 { max-width: 600px; margin: 0 auto; }
.orderCircle2 li { max-width: 170px; max-height: 170px; padding: 6% 1%; margin-bottom:2% }
.orderCircle2 li p { padding-top: 15px; }
}

@media screen and (max-width:640px) {
.orderCircle2 { max-width: 100%; }
.orderCircle2 li { max-width: 30vw; max-height: 30vw; margin: 0; padding: 8% 1%; }
.orderCircle2 li p { padding-top: 10px; }
}

@media screen and (max-width:480px) {
.orderCircle2 li {padding:5% 1%; border:3px solid #006cb7; }
.orderCircle2 li:nth-child(even) {border:3px solid #57ba45; }
}



/*�������� ���׶��*/
.orderCircle  { overflow: hidden; text-align: center;}
.orderCircle li { position: relative; counter-increment: number; vertical-align:top; display: inline-block; *zoom:1; *display:inline; overflow: hidden; font-size: 1.28em;
				width: 200px; height: 200px; max-width: 13%; max-height: 18vw; box-sizing: border-box; padding: 3% 1%; border-radius: 360px;background:#fff; border:7px solid #006cb7;
				 /*background:linear-gradient(to bottom right, #06b3ba, #58ba80); */box-sizing:border-box; margin: 0 5px; }
.orderCircle li:nth-child(even) {border:7px solid #57ba45; }
.orderCircle li:before { content: counter(number, decimal-leading-zero); color:#006cb7;  font-weight:700;  /* opacity: 0.5;*/
					   border-bottom: 1px solid #006cb7; line-height: 1.0em; }
.orderCircle li:nth-child(even):before {color:#57ba45; border-bottom: 1px solid #57ba45;}
.orderCircle li p { padding-top: 20px; line-height: 1.3em; font-size:0.95em}

.orderCircle.orderCircle_smalltxt li p { padding-top: 10px; line-height: 1.3em; font-size:0.8em;}
.orderCircle.orderCircle_smalltxt li p span { font-size: 1.2em; font-weight: 600; }

.orderCircle.orderCircle_busi2 { display: flex; justify-content: space-between; }
.orderCircle.orderCircle_busi2 li { max-width: 31%; width: 31%; }

@media screen and (max-width:1399px) {
.orderCircle li { font-size: 1.1em; max-width: 170px; max-height: 170px; margin: 0 3px;  padding: 2% 1%; }
}

@media screen and (max-width:1299px) {
.orderCircle li {  max-width: 155px; max-height: 155px; border:5px solid #006cb7;}
.orderCircle li:nth-child(even) {border:5px solid #57ba45; }
}

@media screen and (max-width:1199px) {
.orderCircle li {  max-width: 140px; max-height: 140px;}
.orderCircle li p { padding-top: 10px;}
}

@media screen and (max-width:976px) {
.orderCircle { max-width: 800px; margin: 0 auto; }
.orderCircle li { max-width: 170px; max-height: 170px; padding: 6% 1%; margin-bottom:2% }
.orderCircle li p { padding-top: 15px; }
}

@media screen and (max-width:640px) {
.orderCircle { max-width: 90%; }
.orderCircle li { max-width: 40vw; max-height: 40vw; margin: 0; padding: 8% 1%; }
.orderCircle li p { padding-top: 30px; }
}

@media screen and (max-width:480px) {
.orderCircle li {padding:5% 1%; border:3px solid #006cb7; }
.orderCircle li:nth-child(even) {border:3px solid #57ba45; }
.orderCircle li p { padding-top: 20px; }
}

@media screen and (max-width:400px) {
	.orderCircle.orderCircle_busi2 { flex-direction: column; }
	.orderCircle.orderCircle_busi2 li { width: 100%; max-width: 100%; height: 30vw; }
	.orderCircle.orderCircle_busi2 li p { padding-top: 4px !important; line-height: 1.5; }
	.orderCircle.orderCircle_busi2 li:nth-child(2) { margin-top: 10px; }
	.orderCircle.orderCircle_busi2 li:last-child { margin-top: 10px; }
	.orderCircle.orderCircle_busi2 li p span { font-size: 1.2em; font-weight: 600;}
}




/*�̿��� ����Ʈ*/
.orderList2 { overflow: hidden; margin: 0 auto; }
.orderList2 li { position: relative; counter-increment: number; float: left; overflow: hidden;  width: calc(50% - 13px); box-sizing: border-box; line-height: 70px;
				 background-color:rgba(69,78,150,0.1); border-radius: 70px; margin-bottom: 10px; margin-right:25px }
.orderList2 li:nth-child(even) {background-color:rgba(0,108,183,0.1); margin-right:0}
.orderList2 li:nth-child(even):before {background-color:rgba(0,108,183,1);}
.orderList2 li:before { content: counter(number, decimal-leading-zero); color:#fff; background-color:rgba(69,78,150,1); font-size: 1.25em; font-weight:600;
					   width: 40px; height: 40px; line-height: 40px; border-radius:40px; display: inline-block; text-align: center;
					   position: absolute; left: 15px; top: 15px; }
.orderList2 li p { padding-left: 70px; color:#414141; font-size: 1.05em; font-weight: 400; text-align:left;}

.orderList2 li.col1 {width: 100%;  margin-right:0}

.orderList2 li.col3 {width: calc(33.333333% - 20px);  margin-right:25px}
.orderList2 li.col3:nth-of-type(3n) {margin-right:0}


.orderList2.orderList2_color li {background-color:rgba(87,185,70,0.1); }
.orderList2.orderList2_color li:nth-child(even) {background-color:rgba(88,135,14,0.1); }
.orderList2.orderList2_color li:nth-child(even):before {background-color:rgba(88,135,14,1);}
.orderList2.orderList2_color li:before { background-color:rgba(87,185,70,1);}

.orderList2 .line_control { line-height: 1.2 ; padding: 5% 5% 5% 60px; }


@media screen and (max-width:1399px) {
.orderList2 li { /*width: 24%;*/ max-height: 24vw; }
}

@media screen and (max-width:1199px) {
.orderList2 { font-size: 0.9em; }
.orderList2 li {line-height:60px}
.orderList2 li:before {  width: 36px; height: 36px; line-height: 36px;   left: 10px; top: 10px; }
.orderList2 li p { padding-left: 60px;  }

.orderList2 li.col3 {width: calc(33.333333% - 8px);  margin-right:10px;  }
}

@media screen and (max-width:976px) {
.orderList2 li { width: 100%; line-height: 50px; margin-bottom: 5px; }
.orderList2 li:before  {  left: 8px; top: 8px; }
}

@media screen and (max-width:676px) {
.orderList2 li.col3 {width: calc(50% - 10px);  margin-right:10px;  }
.orderList2 li.col3:nth-of-type(2n) {margin-right:0}
.orderList2 li.col3:nth-of-type(3n) {margin-right:10px}
}


/*ǥ*/
.tb-style3 { width: 100%;  border-top: 2px solid #0a4595; line-height: 1.3em; text-align: center; border-right: 1px solid #e5e5e5; }
.tb-style3 thead tr th { background: rgba(235, 240, 244, 0.5); color:#212121; padding: 14px 0;
                                  border-bottom: 1px solid #d5dfe7; border-left:1px solid #d5dfe7;  }
/*.tb-style3 thead tr th.first { border-left:0; }*/
.tb-style3 tbody td { padding: 10px; border-bottom: 1px solid #e5e5e5; border-left:1px solid #e5e5e5; font-size: 1em;  }
.service_table tbody tr td:last-child { text-align: left; padding-left: 2%; }
.service_table tbody tr td br.mo_br { display:none; }

@media all and (max-width:976px) {
   .tb-style3 thead tr th { padding: 10px 0; }
   .tb-style3 tbody td { padding: 7px 10px; }

}
@media all and (max-width:480px) {
   .service_table tbody tr td br.mo_br { display:block; }

}


/* ���� �������� ���� */
/*���Ұ�*/
#service_photolist ul { overflow: hidden; }
#service_photolist ul li { float: left; width: calc(25% - 23.33px); margin: 0 0 35px 30px; position: relative;}
#service_photolist ul li:nth-child(4n+1) { margin-left:0; }
#service_photolist ul li img { max-width: 100%; }
#service_photolist ul li p { background:rgba(69,78,150, 0.9); color:#fff; font-size: 1em; padding-left: 5%;
                          position: absolute; left:0; bottom:0;  width: 100%; padding: 4%; }
#service_photolist ul li:nth-child(even) p { background: rgba(0,108,183, 0.9); }

@media all and (max-width:1280px) {
  #service_photolist ul li { width: calc(33.33% - 13.33px); margin: 0 0 35px 20px; }
}

@media all and (max-width:976px) {
  #service_photolist ul li { width: calc(50% - 10px); margin: 0 0 20px 20px; }
  #service_photolist ul li:nth-child(3n+1) { margin-left:20px; }
  #service_photolist ul li:nth-child(odd) { margin-left:0; }
  #service_photolist ul li:nth-child(3) p { background: rgba(0,108,183, 0.9); }
  #service_photolist ul li:nth-child(4) p { background:rgba(69,78,150, 0.9); }
}

@media all and (max-width:640px) {
  #service_photolist ul li { margin: 0 0 10px 10px; }
  #service_photolist ul li:nth-child(3n+1) { margin-left:10px; }
  #service_photolist ul li:nth-child(odd) { margin-left:0; }
  #service_photolist ul li p { font-size: 1.0em; }
}



/*�����ִ� �ܰ�*/
.stepList2 { overflow: hidden; text-align: center; }
.stepList2 li { position: relative; float: left; width: calc(25% - 15px); margin: 0 0 20px 20px; counter-increment: number;
                  border:1px solid #dedede; box-sizing: border-box;}
.stepList2 li:first-child { margin-left:0 !important; }
.stepList2 li:before {  content: counter(number, decimal-leading-zero); width: 50px; height: 46px; line-height: 46px;  background:#454e96; color:#fff; font-size: 1.06em;
                           position: absolute; top:0; left: 10px; border-radius: 0 0 50px 50px; text-align: center; font-weight: 700 }
.stepList2 li img { width: 100%; }
.stepList2 li dl { background:#fff; padding: 8% 5%;  }
.stepList2 li:first-child dl { border:0; }
.stepList2 li dl dt { font-size: 1.46em; color:#2b2b2b; margin-bottom: 10px; }

.stepList2.col5 li { width: calc(20% - 12px); margin: 0 0 15px 15px;}
.stepList2.col5 li dl dt { font-size: 1.3em;  }
.stepList2.col5 li dl { min-height: 120px; }

@media screen and (max-width:1399px) {
   .stepList2 li dl { min-height: 120px; }
}

@media screen and (max-width:1080px) {

   .stepList2.col5 li { width: calc(33.33% - 16px); margin: 0 0 20px 20px; }
   .stepList2.col5 li:nth-child(3n+1) { margin-left:0; }
   .stepList2.col5 li dl { min-height: 13vw; }
}

@media screen and (max-width:976px) {
   .stepList2 li { width: calc(25% - 7.5px); margin: 0 0 10px 10px; }
   .stepList2 li:before  { width: 40px; height: 35px; line-height: 35px; left: 2%;  }
   .stepList2 li dl { min-height: 10vw; }
   .stepList2 li dl dt { margin-bottom: 6px; }
}

@media screen and (max-width:767px) {

   .stepList2 li { width: calc(50% - 5px) !important; margin: 0 0 10px 0 !important; }
   .stepList2 li:nth-child(even) { float: right; }
   .stepList2.col5 li dl { min-height: 18vw; }

}

@media screen and (max-width:568px) {

.stepList2 li dl { min-height: 18vw; }

}


/* �Ŀ��ȳ� */
#support .support-img { position: relative; width: 100%; height: 400px;
                              background: url("/images/sub/sup1_img1.jpg") no-repeat center; background-size: cover; }
#support .support-img.support2-img { position: relative; width: 100%; height: 400px;
                              background: url("/images/sub/sup2_img1.jpg") no-repeat center; background-size: cover; }
#support .support-txt { position: relative;  overflow: hidden; margin-top: 4%; text-align:center; }
#support .support-txt h5 { font-size: 2.9em; font-family: 'Noto Serif KR', serif; font-weight: normal; color: #454e96; }
#support .support-txt p { margin-top: 20px; }
.support-txt .pc_br { display: none; }

@media all and (max-width:1280px) {
  #support .support-img { height: 30vw; }
  #support .support-img.support2-img { height: 30vw; }
}

@media all and (max-width:1080px) {
 #support .support-txt h5 { font-size: 2.5em; }
}

@media all and (max-width:767px) {
  #support .support-img { height: 35vw; }
  #support .support-img.support2-img { height: 35vw; }
  #support .support-txt h5, #support .support-txt p { width:100%; }
}

@media all and (max-width:640px) {
 #support .support-txt h5 { font-size: 2em; }
 #support .support-txt p { margin-top: 10px; }
 #support .support-txt p .mo_br { display: none; }
}

@media all and (max-width:480px) {
 #support .support-txt h5 { font-size: 1.8em; line-height: 1.2; }
.support-txt .pc_br { display: block; }
}


/* �Ŀ���ǰ, ���¾ȳ� */
#support_item { position: relative; overflow: hidden; margin-top: 5%; }
#support_item:before { content:''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -0.5px; background:#e5e5e5; }
#support_item > div { float: left; width: 50%; padding: 0 3.5%; box-sizing: border-box;  }

#support_item .tit { margin-bottom: 40px; }
#support_item .tit h4 { color:#fff; font-size: 24px; line-height: 1.5em; font-weight: 500; width: 140px; height: 40px; background: #454e96; border-radius: 30px; text-align: center; }
#support_item .tit p { color:#999; font-size: 1.1em; line-height: 1.5em; margin-top: 10px; }

#support_item .sup_item dl { overflow: hidden; color:#333; font-size: 1.50em; }
#support_item .sup_item dl dt,
#support_item .sup_item dl dd { line-height: 1.88em; float: left;  }
#support_item .sup_item dl dt { width: 125px; } 
#support_item .sup_item dl dd { width: calc(100% - 125px); letter-spacing: 0; }
#support_item .sup_item p { font-size: 1.1em; }

#support_item .sup_account .tit { margin-bottom:0; }
#support_item .sup_account .account { background:url("/images/common/t_call.png") no-repeat right 90%; display:inline-block; padding-right: 80px; }
#support_item .sup_account .account dt { font-size: 3em; font-weight: 900; color:#dddde1; opacity:0.7; }
#support_item .sup_account .account dd { position: relative; font-size: 1.5em; line-height: 1.3em;  margin-top: -26px; }
#support_item .sup_account .account dd span { padding-right: 3%; font-weight: normal; }

.sup2_circle_m { display: none; }


@media all and (max-width:1099px) {

#support_item .sup_account { padding-right:0; }
#support_item .tit h4 { font-size: 18px; width: 100px; height: 36px; line-height: 1.9; } 
#support_item .tit p { margin-top: 6px; }

}

@media all and (max-width:976px) {

#support_item .sup_account .account { background-size: 50px auto; background-position: 98% center; padding-right: 65px; font-size: 0.9em;  }
#support_item .sup_item dl dt { width: 110px; } 
#support_item .sup_item dl dd { width: calc(100% - 110px); }

}

@media all and (max-width:800px) {

#support_item .tit  { margin-bottom: 30px; }
#support_item .tit h4 { font-size: 15px; width: 90px; height: 30px; line-height: 1.9; } 
#support_item .tit p { margin-top: 6px; }

#support_item .sup_item dl { font-size: 1.3em; }
#support_item .sup_item dl dt { width: 90px; } 
#support_item .sup_item dl dd { width: calc(100% - 90px); }

#support_item .sup_account .account { font-size: 0.75em; background-size: 40px auto; padding-right: 55px; }
#support_item .sup_account .account dd { position: relative; font-size: 1.5em; line-height: 1.3em;  margin-top: -18px; }

.sup2_circle { display: none; }
.sup2_circle_m { display: block;  margin: 0 auto; }

}



@media all and (max-width:640px) {

#support_item { margin-top: 8%; } 
#support_item:before { display: none; }
#support_item > div { width: 100%; }
#support_item .tit  { margin-bottom: 20px; }
#support_item .cssup_item { padding-bottom: 5%; margin-bottom: 5%; border-bottom:1px solid #e5e5e5; }
#support_item .sup_account .account { font-size: 1.0em; }
#support_item .sup_account .account dd { margin-top: -1.1em;}
#support_item .tit p { margin-top: 4px; font-size:1em; }

#support_item .sup_account .account dt { font-size: 2.4em; }
#support_item .sup_account .account dd { position: relative; font-size: 1.3em; line-height: 1.3em;  margin-top: -18px; }

}

@media all and (max-width:480px) {
	.sup2_circle_m { display: block;  margin: 0 auto; width: 95%; }
}



/* �����Ȳ */
.intro5_sec1 { width: 100%; display: flex; }
.intro5_sec1 .intro5_img1 { width: 50%; }
.intro5_sec1 .intro5_txt1 { width: 50%; padding: 2%; font-size: 1.25em;}

.intro5_ul_sec { width: 100%; }
.intro5_ul_sec li { margin-bottom: 2%; }
.intro5_ul_sec li span { font-size: 1.2em; font-weight: bold; color: #006cb7; }
.intro5_ul_sec li > p { font-size: 1em; font-weight: normal; margin-left: 1%; }

.intro5_sec2 table tbody tr td { font-size: 1.1em; }
.intro5_sec2 table tbody tr td:first-child { background: rgba(235, 240, 244, 0.5); }

@media all and (max-width:480px) {
	.intro5_sec1 .intro5_img1 { display: none; }
	.intro5_sec1 .intro5_txt1 { width: 100%; padding: 0; }
	.intro5_sec1 .intro5_txt1 p { margin-left: 1%; }
}




.equipList .zzWrap { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.equipList .zz-cont{ min-height: 25vw; padding-top: 6%; border:0;}
.equipCont h4 { color:#454e96; font-size: 2.66em; margin-bottom: 20px; }
.equipCont ul { overflow: hidden; }
.equipCont ul li { float: left; margin-right: 10px; color:#212121; font-size: 1.2em; }
.equipCont p { font-size: 1em;  line-height:1.4; margin-top: 2rem; padding-top: 2rem; background:url("/images/sub/slsline.png") repeat-x top;  }


@media all and (max-width:767px) {
.equipCont h4 { font-size: 2.4em; margin-bottom: 0.8rem; }
.equipCont p { margin-top: 1rem; padding-top: 1.5rem;  }
}

.mriVod { overflow: hidden; }
.mriVod .half { width: 50%; float: left; box-sizing: border-box; padding: 0 4%; border-right: 1px solid #ccc; }
.mriVod .half:first-child { border-left: 1px solid #ccc; }
.mriVod .half dl dt { font-size: 1.86em; color:#212121; font-weight: 700; line-height: 1.2em; margin-bottom: 0.5rem;  }
.mriVod .half dl dd { font-size: 1.13em; line-height: 2em;  }

.mriVod .half video { width: 100%; margin-bottom: 1rem; }

.mriCase { background:#19355c; color:#fff; padding: 3%; overflow: hidden;  }
.mriCase img { max-width: 55%; float: left;  }
.mriCase dl { width: 41%; float: left; margin-left: 4%; padding: 4% 0; }
.mriCase dl dt { font-size: 2.4em; font-weight: 700; margin-bottom: 30px; }
.mriCase dl dd { font-size: 1.13em; line-height: 2em;  }


@media all and (max-width:767px) {

.mriVod .half { width: 100%; border-right:0; border-bottom: 1px solid #ccc; padding: 4% 0; }
.mriVod .half:first-child { border-left:0;}
.mriVod .half dl { padding: 3% 0; }

.mriCase { text-align: center; padding: 5%; }
.mriCase img { min-width: 70%; margin: 0 auto; float: none;  }
.mriCase dl { width: 100%; margin: 5% 0 0; padding: 0 ; text-align: left; }
.mriCase dl dt { margin-bottom: 0.5rem; }
}


.locationMap { overflow: hidden; background: url("/images/main/mission_top.png") no-repeat right bottom; background-size: 34% auto;   }
.locationMap img { float: left; width: 60%; }
.locationMap .txt { float: right; width: 36%; padding: 3% 0; }
.locationMap .txt h4 { font-size: 2.4em; color:#212121;  line-height: 1.2em;  margin-bottom: 0.8rem;}
.locationMap .txt p { font-size: 1.33em;  line-height: 1.8em; }


@media all and (max-width:767px) {
.locationMap { background: none; }
.locationMap img,
.locationMap .txt { width: 100%; }
.locationMap img { margin-bottom: 0.8rem; }
}

.ourmission { padding-top: 40px; }
.ourvision { padding-top: 70px; }
.mission_topImg > img { width: 100%; }

@media all and (max-width:980px) {
	.ourmission { padding-top: 40px; }
	.ourvision { padding-top:50px; }
}
@media all and (max-width:580px) {
	.ourmission { padding-top: 20px; }
	.ourvision { padding-top:20px; }
}



.proc1{display: flex; flex-wrap: wrap; gap:20px 2%;}
.proc1 > li{padding: 2%; text-align: center; border:2px solid #006cb7; border-radius:15px;}
.proc1.col4 > li{width: 23%;}
.proc1 > li:nth-child(even){border-color: #57ba45;}
.proc1 > li > div > .num{color: #006cb7; font-size: 1.35em; font-weight: 900; position: relative;}
.proc1 > li > div > .num:before{content: ''; position: absolute; left: 50%; transform:translateX(-50%); bottom: -2px; width: 26px; height: 2px; background-color: #006cb7;}
.proc1 > li:nth-child(even)  > div > .num:before{background-color: #57ba45;}
.proc1 > li:nth-child(even) > div > .num{color: #57ba45;}
.proc1 > li > div strong{display: block; margin: .6em 0; font-size: 1.3em; color: #333;}
.proc1 > li > div .desc{}
@media all and (max-width:640px){
    .proc1.col4{gap: 10px;}
    .proc1.col4 > li{padding: 1% 3%; width: 100%; border-radius: 5px; text-align: left;}
    .proc1.col4 > li > div{display: flex; align-items: center; gap: 10px;}
}
@media all and (max-width:380px){
    .proc1.col4 > li{text-align: center; padding: 2%; width: 48%;}
    .proc1.col4 > li > div strong{margin: 0.2em 0;}
    .proc1.col4 > li > div{display: block;}
}
