@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
.style89 {padding-top:50px}
.style89 .head {text-align:center; padding-bottom:50px}
.style89 .head .tit {font-size:50px; line-height:60px; padding-bottom:30px; font-weight:600;  font-family: 'Paperlogy-8ExtraBold';}
.style89 .head .txt1{font-size:28px; line-height:40px; padding-bottom:10px; font-weight:600}
.style89 .head .txt2{font-size:18px; line-height:30px; padding-bottom:40px;}
.style89  .item img {max-width:100%}
.style89 h3 {font-size:28px; line-height:36px; padding-bottom:30px; font-weight:600} 
.style89 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items:center; background:#f5f5f5; }
.style89 .flex1 .item:first-child{ width:50%;   }
.style89 .flex1 .item:last-child{ width:46%; padding-right:40px; }
.style89  .flex1 .item .txt { padding: 0px 0 30px 0; font-size:18px; line-height:30px}
.style89  .flex1 .item .btn a {display:block; padding:12px 25px 12px 0 ; width:230px; border:1px solid #333; 
text-align:center;background:url(../img/arrow_b.svg)no-repeat 90% center; background-size:20px; margin-top:20px;
border-radius:50px; transition:0.3s all;}
.style89  .flex1 .item .btn a:hover {border:1px solid #333; background-color:#333; color:#fff; transition:0.3s all;
background-image:url(../img/arrow_w.svg); background-repeat:no-repeat; background-position:90% center;}

.style89 .flex3{display:flex; flex-wrap: wrap;  justify-content: space-between;  padding-top:25px }
.style89 .flex3 .item{ width:32%; padding:0px 0px 0px 0;  }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.mgT80 {margin-top:50px}
.mgT150 {margin-top:90px}
.style89 {padding-top:0px}
.style89 .head {text-align:center; padding-bottom:20px}
.style89 .head .tit {font-size:25px; line-height:30px; padding-bottom:20px; font-weight:600}
.style89 .head .txt1{font-size:18px; line-height:25px; padding-bottom:10px; font-weight:600}
.style89 .head .txt2{font-size:14px; line-height:22px; padding-bottom:25px;}
.style89 h3 {font-size:18px; line-height:26px;  padding:10px 0; } 
.style89 .flex1{ flex-direction: column;  margin-bottom:30px }
.style89 .flex1 .item{ padding:0; text-align:left;  }
.style89 .flex1 .item:first-child{ width:100%;   }
.style89 .flex1 .item:last-child{ width:100%;  padding:10px 20px 30px 20px; }
.style89 .flex1 .item .txt {font-size:15px; line-height:22px; padding: 0px }
.style89  .flex1 .item .btn a { padding:10px 25px 10px 0 ; width:190px; background-size:18px; margin-top:20px;
font-size:14px}

.style89 .flex3{  padding:10px 0 0px 0;  }
.style89 .flex3 .item{  padding:0px 0px 10px 0;  }
.style89  .flex3 .item .txt { padding: 10px 0px 10px 0px; text-align:center; font-size:15px; }


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