@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;
} 
#business {width:100%; }
#business .floatL {width:60%}
#business .floatR {width:40%; text-align: center}
#business .tit {font-size:22px; font-weight:500;}
#business .tit span{font-size:35px; font-weight:600; color:#2657a7}
#business p.txt1 {font-size:35px; line-height:45px; font-weight:600; color:#333; }
#business p.txt1 span {color:#C6973A}
#business p {font-size:20px; line-height:38px; margin-bottom:20px; }

#business  h3 {    display: inline-block;   position: relative;   padding: 0 0 0 25px;   font-size: 28px;   font-weight: 600;
    color: #444444;     line-height: 1.4em; margin-bottom:25px;}
#business  h3:before  {    position: absolute;    top: 7px;    left: 5px;    display: block;    content: '';    width: 10px;
    height: 10px;    background: #2657a7;    -webkit-transform: skew(-25deg);    transform: skew(-35deg);    -webkit-box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);    box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);}  
 

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business .tit {font-size:18px; }
#business .tit span{font-size:25px; }	

#business .floatL {width:100%}
#business .floatR {width:100%; text-align: center}
#business p.txt1 {font-size:22px; line-height:32px; font-weight:600; color:#333; }
#business p.txt1 span {color:#C6973A}
#business p {font-size:15px; line-height:25px; margin-bottom:20px; }

#business  h3 {    display: inline-block;   position: relative;   padding: 0 0 0 25px;   font-size: 20px;   font-weight: 600;
    color: #444444;     line-height: 1.4em; margin-bottom:20px;}
#business  h3:before  {    position: absolute;    top: 7px;    left: 5px;    display: block;    content: '';    width: 10px;
    height: 10px;    background: #2657a7;    -webkit-transform: skew(-25deg);    transform: skew(-35deg);    -webkit-box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);    box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);}  
#business .mgT50 {margin-top:20px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

