@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;
}
.style104 {}
.style104  .item img {max-width:100%; vertical-align:top}
.style104 h3 {font-size:20px; line-height:30px; padding-bottom:30px; font-weight:600} 
.style104 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; /*align-items:center;*/ 
background:#f5f5f5; margin-bottom:50px}
.style104 .flex1 .item:first-child{ width:50%;   }
.style104 .flex1 .item:last-child{ width:50%; padding:50px; }
.style104  .flex1 .item .txt { padding: 0px 0 0px 0; font-size:16px; line-height:26px}
.style104  .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;}
.style104  .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;}

.youtube {position: relative; height:0; padding-bottom: 56.25%; }
 .youtube iframe {width:600px;  left:0; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.style104 h3 {font-size:16px; line-height:26px;  padding:10px 0; } 
.style104 .flex1{ flex-direction: column;  margin-bottom:20px }
.style104 .flex1 .item{ padding:0; text-align:left;  }
.style104 .flex1 .item:first-child{ width:100%;   }
.style104 .flex1 .item:last-child{ width:100%;  padding:5px 20px 20px 20px; }
.style104 .flex1 .item .txt {font-size:14px; line-height:20px; padding: 0px }
.style104  .flex1 .item .btn a { padding:10px 25px 10px 0 ; width:190px; background-size:18px; margin-top:20px;
font-size:14px}

.youtube {position: relative; height:0; padding-bottom: 56.25%;}
 .youtube iframe {width:100%; height:100%; left:0; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}