@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 {background:#f7f7f7; padding:100px 0 100px 0; width:100%; }
#style66 .head  {font-size:45px; line-height:60px; font-weight:600; }
#style66  .head_txt {font-size:18px; line-height:28px;  margin:15px 0 10px 0; }
#style66 .head span{position: relative; padding:0 13px;     text-transform: uppercase;}
#style66 .head span:before { content: "";  width: 8px; height: 8px; background-color:#ff4500 ;  position: absolute; 
right: 0; bottom: 11px;   border-radius: 50%;}
#style66 .cont_txt {position:relative; padding-bottom:60px;}
#style66 .cont_txt:before {content: "";  width: 1px; height: 38px; background-color:#ccc ;  position: absolute; 
right: 50%; bottom: 15px;   }
#style66  .head_txt2 {font-size:28px; line-height:45px;  margin:15px 0 50px 0; text-align:center; color:var(--mainColor);
font-weight:600; position:relative ; width:400px; margin:0 auto }
#style66  .head_txt2:before {content: "''";   position: absolute; left: 0; top: 0;   }
#style66  .head_txt2:after {content: "''";   position: absolute; right: 0; top: 0;   }

#style66 .flex img {vertical-align:top; max-width:100%; border-radius:50%; position: relative }
#style66 .flex:first-child {margin-bottom:50px; }
#style66 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:80px auto; 
max-width: 1300px; position:relative }
#style66 .flex:nth-child(odd):before {content:""; width:100%; height:100%; background:#fff; position:absolute; left:-80%; top:0; }
#style66 .flex:nth-child(even):before {content:""; width:100%; height:100%; background:#fff; position:absolute; right:-80%; top: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:55%; padding:0 0 50px 50px   }
#style66  .flex .item .num { color:#333; font-size:32px; line-height:45px; font-weight:600; position: relative;margin-bottom:6px; }
#style66  .flex .item .num span {font-weight: 800; display:inline-block; background:var(--mainColor); font-size:20px; line-height:30px;
padding:6px 0 0 0px;border-radius:50px; color:#fff; margin-right:13px; width:42px; text-align:center; 
height:42px; vertical-align:middle }
#style66  .flex .item .num span strong {display:none}
#style66  .flex .item .tit {font-size:16px; line-height:30px; padding:0px 0 0 58px ; color:var(--mainColor)   }
#style66  .flex .item .txt {display:block; font-size:24px; line-height:34px; padding:6px 0 0 60px;  font-weight:400;  }
#style66  .flex .item .txt ul {padding-top:22px; position:relative}
#style66  .flex .item .txt ul:before { content: "";  width: 1px; height: 72px; background-color: #bbb; 
 position: absolute; left: 0; top: 34px;  }
#style66  .flex .item .txt ul li{font-size:18px; line-height:30px; position:relative; padding-left:18px; 
margin-bottom:3px;  color:#888 }
/*#style66  .flex .item .txt ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}*/

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style66 { padding:60px 0 20px 0; width:100%; overflow-x:hidden   }	
#style66 .head  {font-size:25px; line-height:35px}
#style66  .head_txt {font-size:16px; line-height:25px;  margin:10px 0 20px 0;}	
#style66 .head span{ padding:0 12px;}
#style66 .head span:before { content: "";  width: 6px; height: 6px;   position: absolute; 
right: 0; bottom: 7px;   border-radius: 50%;}

#style66  .head_txt2 {font-size:20px; line-height:30px;  margin:15px 0 30px 0;  width:80%; margin:0 auto }
#style66  .head_txt2:before {content: "''";   position: absolute; left: 10px; top: 0;   }
#style66  .head_txt2:after {content: "''";   position: absolute; right: 10px; top: 0;   }

#style66  .flex .item .num { color:#333; font-size:32px; line-height:45px;}
#style66  .flex .item .num span { font-size:20px;  margin-right:13px; width:35px; height:35px; }

#style66 .flex:nth-child(odd) .item:first-child:before { content:""; width:100%; height:100%; background:#fff; position:absolute; left:-50%; top:0; }
#style66 .flex:nth-child(even) .item:first-child:before { content:""; width:100%; height:100%; background:#fff; position:absolute; right:-50%; top:0; }
#style66 .flex:nth-child(odd):before,
#style66 .flex:nth-child(even):before {display:none;}

#style66  .flex .item .txt ul li{font-size:14px; line-height:22px;  padding-left:15px; margin-bottom:2px;   }
#style66  .flex .item .txt ul:before { content: "";  width: 1px; height: 52px;
 position: absolute; left: 0; top: 22px;  }

#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 20px;}
#style66 .flex .item:first-child {width:80%; margin:0 auto 25px auto; position:relative;  }
#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:5px 0; margin-bottom:0; }
#style66  .flex .item .num span {font-size:15px; line-height:15px; padding:4px 2px;margin-right:0px; width:30px; height:30px;
background:none; color:#aaa; margin-top:-50px; text-align:left; font-weight:500; }
#style66  .flex .item .num span strong {display:inline-block; font-weight:normal}
#style66  .flex .item .tit {font-size:15px; line-height:22px; padding:0 0 0 30px; }
#style66  .flex .item .txt { font-size:15px; line-height:22px; padding:8px 0 0 30px;    }
#style66 .flex .item .txt ul {    padding-top: 12px;   }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}