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

div.intro .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; }
div.intro .flex2 .item:first-child {width:calc(100% - 850px);}
div.intro .flex2 .item:last-child {width:850px;}

div.intro h3 {font-size:45px; line-height:55px; font-weight:700; text-transform: uppercase;}
div.intro h4 {font-size:35px; line-height:50px; font-weight:500;}
div.intro .aos-animate:first-child h5 {margin-top:0px;padding-top:2px;}
div.intro h5 {font-size:25px; line-height:35px; font-weight:600; 
margin-top:30px;padding-top:30px; border-top:1px solid #e3e3e3;}
div.intro h5.first {border:0; padding-top:30px}
div.intro .value .item p {padding-top:20px !important; }
div.intro .flex .item p {padding-top:20px; font-size:18px; line-height:30px;}
div.intro .btn1 a {display:inline-block; padding:15px 50px 15px 25px; border:1px solid #5a646f;  margin-top:60px;text-transform: uppercase;
background:url(../img/arrow1.png)no-repeat 93% center; font-weight:500; font-size:18px; background-size:12px;}

div.intro .img {padding:80px 0}
div.intro .img_last {padding:150px 0 0 0}
div.intro .sign {text-align:right; margin-top:30px}
div.intro .sign img {height:50px}
div.intro .cont {margin-top:150px}
div.intro .sign strong{font-size:35px; font-weight:normal; padding-left:10px; font-family: 'KyoboHandwriting2020A';}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1320px) {
div.intro .flex2 .item:first-child {width:35%;}
div.intro .flex2 .item:last-child {width:65%;}	
}
@media (max-width: 1023px) {
div.intro .flex2 .item:first-child {width:100%;}
div.intro .flex2 .item:last-child {width:100%; margin-top:20px}		
div.intro h3 {font-size:22px; line-height:30px; font-weight:700;}
div.intro h4 {font-size:20px; line-height:35px; }
div.intro h5 {font-size:18px; line-height:30px; margin-top:20px;padding-top:20px;}
div.intro h5.first {border:0; padding-top:20px}
div.intro .flex .item p {font-size:16px; line-height:24px; padding-top:10px}
div.intro .value .item p {padding-top:15px !important; }
div.intro .btn1 a { padding:10px 40px 10px 20px; margin-top:40px;
background-position: 93% center; font-size:16px; background-size:12px;}

div.intro .img {padding:40px 0; }
div.intro .img img {max-width:calc(100% + 120px) !important; margin-left:-25px }
div.intro .img_last {padding:80px 0; }
div.intro .img_last img {max-width:calc(100% + 100px) !important; margin-left:-25px }

div.intro .img_last {padding:80px 0 0 0}
div.intro .sign { margin-top:30px; text-align:left}
div.intro .sign img {height:38px; }
div.intro .cont {margin-top:80px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}