@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#style80 {width:100%; }
#style80 img {vertical-align:top; max-width:100%; }
#style80 .txt1{width:100%; font-size:25px; line-height:32px; text-align:center; margin-bottom:20px; font-weight:600  }
#style80 .txt2{width:100%; font-size:22px; line-height:32px; text-align:center; margin-bottom:50px  }

#style80 .cont {background:#fff; padding:0px 0px 0px 0px; position:relative}
#style80  .img {padding-top:60px}
#style80 .cont .img3 {text-align: center; padding:0px 0 80px 0; position:relative }
#style80 .cont .img3 .rnd {position:absolute; top:0; left:0; background:rgba(38,54,99,0.8); width:100%;padding:30px 0 80px 0;}
#style80 .cont .img3 .rnd span {display:block; font-size:32px; font-weight:600; color:#fff; width:310px; margin:0 auto;}
#style80 .cont .img3 .rnd span:first-of-type {text-align:left}
#style80 .cont .img3 .rnd span:last-of-type {text-align:right}
#style80 .cont .img3 .rnd img {max-width:100px; padding-bottom:50px}

#style80 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between;padding:120px 0px; 
background:#fff; border-radius:50px; }
#style80 .flex2 .item:first-child {width:35%; text-align:center; font-size:30px; line-height:40px; font-weight:600;}
#style80 .flex2 .item:first-child img {max-width:180px}
#style80 .flex2 .item:last-child {width:60%; padding:0 0 0 0px;font-size:18px; line-height:28px; font-weight:500;}

#style80 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; padding:30px; 
background:#f6f6f6; border-radius:30px }
#style80 .reverse {flex-direction: row-reverse; margin:40px 0}
#style80 .reverse .itemTxt {text-align:left}
#style80 .flex .item{  padding: 0 0 0px 0px;  }
#style80 .flex .item:first-child {width:35%; }
#style80 .flex .item:last-child {width:62%; padding-left:35px}
#style80  .flex .item .num {display:none;  font-family: 'GmarketSansMedium'; color:#efefef; font-size:75px; 
line-height:85px; padding-bottom:1px; position: relative; margin-bottom:5px; font-weight:800 }
#style80  .flex .item .tit {font-size:26px; line-height:36px; padding:0 ; font-weight:600; color:#333 }
#style80  .flex .item .txt {display:block; padding:20px 0 0 0; font-weight:500; font-size:16px; line-height:26px;  }
#style80  .flex .item .txt ul li  {font-size:16px; line-height:26px;  position:relative; padding-left:13px; margin-bottom:5px; }
#style80  .flex .item .txt ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}

#style80 .line {border-top:1px solid #888; padding-top:50px; margin-top:50px;}
#style80 h3 {font-size:30px; font-weight:600; padding:50px 0 30px 20px; color:#333  }

#style80 .btn { margin-top:42px}
#style80 .btn a{display:inline-block; border:1px solid #aaa;  padding: 12px 6px 12px 6px;
 font-size: 18px; line-height:22px; font-weight:500; border-radius: 50px; width:180px;  text-align:center; }
#style80  .btn a:hover {	border:1px solid #333; background:#333; color:#fff; transition:0.3s all  }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style80 .flex2{padding:40px 0px; border-radius:30px; }
#style80 .flex2 .item:first-child {width:100%; font-size:20px; line-height:26px;} 
#style80 .flex2 .item:last-child {width:100%; padding:20px 0 0 0px;font-size:15px; line-height:22px; font-weight:400; }


#style80  .img {padding-top:30px}
#style80 .cont .img3 { padding:0px 0 40px 0;  }
#style80 .cont .img3 .rnd {padding:10px 0 20px 0;}
#style80 .cont .img3 .rnd span { font-size:20px; line-height:26px;  width:200px; margin:0 auto;}
#style80 .cont .img3 .rnd span:first-of-type {text-align:left}
#style80 .cont .img3 .rnd span:last-of-type {text-align:right}
#style80 .cont .img3 .rnd img {width:80px; padding-bottom:10px}

#style80 .txt1{ font-size:20px; line-height:26px;margin-bottom:10px  }	
#style80 .txt2{ font-size:18px; line-height:26px;margin-bottom:0px  }	
#style80 .flex { padding:20px 0; border-radius:20px }
#style80 .reverse { margin:20px 0}
#style80 .reverse .itemTxt {text-align:left}
#style80 .flex .item{  padding:10px 20px;   }
#style80 .flex .item:first-child {width:100%; }
#style80 .flex .item:last-child {width:100%; padding-left:20px; }
#style80  .flex .item .num { font-size:55px;padding-top:5px; line-height:65px;margin-bottom:0px; }
#style80 .flex .item .tit {font-size:18px; line-height:24px; }
#style80  .flex .item .txt { padding:10px 0 0 0; font-size:14px; line-height:20px;}
#style80  .flex .item .txt ul li  {font-size:14px; line-height:20px;   padding-left:10px; margin-bottom:5px; }
#style80  .flex .item .txt ul li:before { content: "";  width: 3px; height: 3px;  top: 9px;  }

#style80 .line {border-top:1px solid #aaa; padding-top:30px; margin-top:30px;}
#style80 h3 {font-size:20px; font-weight:600; padding:30px 0 0px 10px; color:#333  }

#style80 .btn {text-align:center; margin-top:30px}
#style80 .btn a{display:block;  padding: 15px 16px 6px 16px; font-size: 18px; line-height:25px; 
	margin:10px auto; border-radius: 50px; width:200px;  }
#style80  .btn a:hover {	color: #333;	border:1px solid #333; background:#fff; transition:0.3s all  }

	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}