@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 .head {text-align:center; padding-bottom:50px; font-size:22px; font-weight:500}
#style66 img {vertical-align:top; max-width:100%; border-radius:0% }

#style66 .cont {margin-top:50px}

#style66 .flex:first-child {margin:0 0 50px 0}
#style66 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:0px 0; }
#style66 .reverse {padding-top:100px}
#style66 .reverse .item:last-child {padding-left:100px  }
#style66 .flex .item:first-child {width:100%; position:relative;  }
#style66 .flex .item:last-child {width:100%; padding:20px 0   }
#style66  .flex .item .num { color:#155000; font-size:28px; line-height:38px; font-weight:600;
 position: relative;padding-bottom:15px; border-bottom:2px solid #555; }
#style66  .flex .item .num span {display:none; font-weight: 600;  background:#333; font-size:20px; padding:10px;
border-radius:50px; color:#fff; margin-right:13px }
#style66  .flex .item .cont {clear:both;  padding:20px 0 0 0px;}
#style66  .flex .item .tit {font-size:24px; line-height:32px;  font-weight:500; float:left; width:11%;  }
#style66  .flex .item .txt {font-size:17px; line-height:30px; font-weight:500; float:left; width:89% }
#style66  .flex .item .txt2 {font-size:14px; line-height:24px; display:block; color:#888; }



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style66 .head {padding-bottom:30px; font-size:15px; font-weight:500}	
#style66 .cont {margin-top:30px}
#style66 .flex:first-child {margin:0 0 30px 0}
#style66 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:0px 0;}
#style66 .flex .item:first-child {width:100%; 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 .reverse {padding-top:30px}
#style66 .flex .item:first-child span img {max-width:100%;}
#style66 .flex .item:last-child {width:100%; padding:0 20px 25px 0px }
#style66  .flex .item .num {  font-size:20px; line-height:22px; padding-bottom:8px; margin-bottom:0; }
#style66  .flex .item .num span {font-size:14px; line-height:15px; padding:10px;margin-right:10px }

#style66  .flex .item .cont {clear:both;  padding:10px 0 0px 0px;}
#style66  .flex .item .tit {font-size:18px; padding-bottom:5px; line-height:25px;  font-weight:500; float:left; width:25%  }
#style66  .flex .item .txt {font-size:14px; line-height:22px; font-weight:500; float:left; width:75% }
#style66  .flex .item .txt2 {font-size:13px; line-height:20px; display:block; color:#888; }

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