div.rnd .flex{display:flex; flex-wrap: wrap;  justify-content: center; }
div.rnd .flex2 > .item:first-child {width:calc(100% - 900px);}
div.rnd .flex2 > .item:last-child {width:900px; color:#535353}

div.rnd h3 {font-size:45px; line-height:50px; font-weight:700;}
div.rnd .txtH {font-size:20px; line-height:30px; padding-top:0px; color:#868686;   }
div.rnd .txtH2 {margin-top:30px}
div.rnd .flex .item p {padding-bottom:30px}

div.rnd h4 {font-size:35px; line-height:60px; font-weight:600; }
div.rnd .flex3 .item {width:25%;  text-align:center; font-size:15px; line-height:28px; padding:0 10px; margin-bottom:45px}
div.rnd .flex3 .item .img {border:1px solid #dfdfdf; padding:5px;  box-shadow:1px 1px 5px rgba(0,0,0,0.05);  }
div.rnd .flex3 .item .img img {max-width:100%; vertical-align:top}
div.rnd .flex3 .item  .tit {min-height:auto; padding:5px 0 0px 0}
div.rnd .flex .item .btn2 a{border:1px solid #ccc ; display:inline-block;  margin: 0 auto; text-align:center;
background-image:url(../img/ico.png); background-repeat:no-repeat; background-position:10px center;   border-radius:30px;
 background-size:20px; padding:0px 15px 0px 35px; font-weight:500; transition:0.3s all; font-size:12px; line-height:24px  }
div.rnd .flex .item .btn2 a:hover{border:1px solid #333; background-image:url(../img/ico_w.png);
 background-color:#333; color:#fff; transition:0.3s all; }
div.rnd .flex .item .btn2 span {font-weight:100%}

div.rnd .flex4 .item {width:49.3%; margin-top:20px; background:#f8f8f8; padding:50px 30px; text-align:center;
font-size:18px; line-height:28px;}

div.rnd .btn1 a {display:inline-block; padding:15px 50px 15px 25px; border:1px solid #5a646f;  margin-top:60px;
background:url(../../../common/img/arrow1.png)no-repeat 93% center; font-weight:500; font-size:18px; background-size:12px;}

div.rnd .flex1 {margin-top:60px}
div.rnd .flex1 .item {width:100%; background:#f8f8f8; margin-bottom:30px; padding:30px 30px 25px 220px; color:#868686; 
background-repeat:no-repeat; background-position:75px center; background-size:90px; min-height:215px }
div.rnd .flex1 .ico1 {background-image:url(../img/ico1.png); }
div.rnd .flex1 .ico2 {background-image:url(../img/ico2.png);}
div.rnd .flex1 .ico3 {background-image:url(../img/ico3.png); }
div.rnd .flex1 .ico4 {background-image:url(../img/ico4.png);}
div.rnd .flex1 .item .tit{color:#72adea; font-size:22px; font-weight:600}
div.rnd .flex1 .item .txt{font-size:16px; padding-top:15px; }
div.rnd .flex1 .item .txt p {font-size:18px; color:#1e2b3a; padding-bottom:15px;}
div.rnd .flex1 .item .txt ul li {position:relative; padding-left:12px; margin-bottom:5px; }
div.rnd .flex1 .item .txt ul li:before { content: "";  width: 3px; height: 3px; background-color: #868686; 
 position: absolute; left: 2px; top: 10px;   border-radius: 50%;}

div.rnd.eng .flex3 .item {font-size:13px; line-height:16px;}
div.rnd.eng .flex3 .item .tit { padding-bottom:5px}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1320px) {
div.rnd .flex2 > .item:first-child {width:35%;}
div.rnd .flex2 > .item:last-child {width:65%;}	
}
@media (max-width: 1023px) {
div.rnd .flex2 > .item:first-child {width:100%;}
div.rnd .flex2 > .item:last-child {width:100%; }		
div.rnd h3 {font-size:30px; line-height:35px; font-weight:700 }
div.rnd .txtH {font-size:16px; line-height:24px; padding-top:30px;   }
div.rnd .txtH2 {    margin-top: 0px;}
div.rnd h4 {font-size:22px; line-height:28px; }
div.rnd .value .item p {padding-top:10px !important; }
div.rnd .flex .item p {padding-bottom:15px; font-size:16px; line-height:24px;}
div.rnd .img {padding:50px 0 60px 0; }
div.rnd .cont {margin-top:50px}
div.rnd .flex3 .item,
div.rnd .flex4 .item {width:50%; margin-top:0px;  padding:0px 10px;  margin-bottom:35px;
font-size:15px; line-height:20px;}
div.rnd .flex3 .item  .tit {min-height:auto; padding:10px 0 5px 0}
div.rnd .flex1 {margin-top:35px}
div.rnd .flex1 .item {margin-bottom:20px; padding:20px 20px 15px 100px; 
 background-position:15px center; background-size:70px; min-height:auto }
div.rnd .flex1 .item .tit{font-size:18px;}
div.rnd .flex1 .item .txt{font-size:14px; padding-top:10px; }
div.rnd .flex1 .item .txt p {font-size:15px; line-height:22px;  padding-bottom:10px;}
div.rnd .flex1 .item .txt ul li {position:relative; padding-left:10px; margin-bottom:3px; }
div.rnd .flex1 .item .txt ul li:before { content: "";  width: 3px; height: 3px; background-color: #868686; 
 position: absolute; left: 2px; top: 9px;   border-radius: 50%;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

