@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#style66 {width:100%; }
#style66 img {vertical-align:top; max-width:100%; border-radius:50% }
#style66 .flex:first-child {margin:0 0 50px 0}
#style66 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:60px 0;  }
#style66 .reverse {flex-direction: row-reverse;}
#style66 .reverse .item:last-child {padding-left:50px  }
#style66 .flex .item:first-child {width:40%; position:relative }
#style66 .flex .item:last-child {width:48%; padding-bottom:50px  }
#style66  .flex .item .num { color:#333; font-size:28px; line-height:35px; font-weight:600; position: relative;margin-bottom:6px; }
#style66  .flex .item .num span {/*display:inline-block;*/ display:none; font-weight: 800; background:#333; font-size:18px; padding:10px;
border-radius:50px; color:#fff; margin-right:13px; font-family:var(--num); width:42px; height:42px; line-height:24px;
 text-align:center; vertical-align:middle  }
#style66  .flex .item .tit {font-size:16px; line-height:26px; padding:20px 0 0 35px ;   }
#style66  .flex .item .txt {font-size:16px; line-height:26px; padding:30px 0 0 35px;   }
#style66  .flex .item .cont span {display:block; font-size:18px; margin-bottom:5px; padding-left:13px; position:relative;}
#style66  .flex .item .cont span:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}
#style66  .flex .item .txt span {font-weight:800}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style66 .flex:first-child {margin:0 0 30px 0}
#style66 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:30px 0 0 00;}
#style66 .flex .item:first-child {width:80%; margin:0 auto; position:relative; padding-bottom:25px; }
#style66 .flex .item:first-child span {position:absolute; right:auto; left:50%; bottom:0%; top:auto; transform: translate(-50%,-0%); 
width:70px; height:70px; text-align:center; padding:5px; }
#style66 .flex .item:first-child span img {max-width:100%;}
#style66 .flex .item:last-child {width:100%; padding:0 0px 25px 0px }
#style66  .flex .item .num {  font-size:22px; line-height:22px; padding-bottom:18px; margin-bottom:0; }
#style66  .flex .item .num span {font-size:14px; line-height:15px; padding:10px;margin-right:10px; width:30px; height:30px }
#style66  .flex .item .tit {font-size:15px; line-height:22px; padding:0; }
#style66  .flex .item .txt { font-size:15px; line-height:22px; padding:15px 0 0 0;    }

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