@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#business {width:100%; background:#FAF7EE; padding:110px 15px 130px 15px }
#business .head  {font-size:45px; line-height:60px; font-weight:600; }
#business  .head_txt {font-size:22px; line-height:45px;  margin:10px 0 50px 0; }
#business  .head_txt span {}
#business .tel {width:100%; text-align:center;  padding:40px 0 50px 0 }
#business .tel div {display:inline-block; vertical-align: middle; }
#business .tel div img {height:55px}
#business .tel .num { font-family: 'GmarketSansMedium'; font-size:38px; line-height:40px; font-weight:600;
 padding:0px 0 0 15px; color:#ed1c24 }

#business .flexR6 {max-width:1400px; margin:0 auto; display:flex;  flex-wrap: wrap; justify-content: space-between; padding:0px 0px; }
#business .flexR6 li.box {padding:30px 30px 20px 55px ;  background-color: #fff;  width:31.33333%; border-radius:10px; min-height:200px;
position:relative; margin:20px 0; transition: background 0.3s; background-position:90% 70%; background-repeat:no-repeat;
background-size:70px}
#business .flexR6 li .tit {font-size:24px; line-height:30px; font-weight:600;  margin-top:5px;  }
#business .flexR6 li.box .txt {font-size:15px; padding:0 0px 0 0px;  font-family:var(--num); color:#0173BC;
position:absolute; top:40px; left:22px;}
#business .flexR6 li.box .txt2 {font-size:16px; line-height:22px; padding:10px 0px 0 0px;}
#business .flexR6 li a {border:1px solid #888; padding:8px 30px; border-radius:50px; margin-top:5px; display:inline-block }

#business .flexR6 li.ico1 {background-image:url(../img/ico1.png); }
#business .flexR6 li.ico2 {background-image:url(../img/ico2.png); }
#business .flexR6 li.ico3 {background-image:url(../img/ico3.png); }
#business .flexR6 li.ico4 {background-image:url(../img/ico4.png); }
#business .flexR6 li.ico5 {background-image:url(../img/ico5.png); }
#business .flexR6 li.ico6 {background-image:url(../img/ico6.png); }
#business .flexR6 li.ico7 {background-image:url(../img/ico7.png); }
#business .flexR6 li.ico8 {background-image:url(../img/ico8.png); }

#business .flexR6 li.highlight.ico1 {background-image:url(../img/ico1_over.png); }
#business .flexR6 li.highlight.ico2 {background-image:url(../img/ico2_over.png); }
#business .flexR6 li.highlight.ico3 {background-image:url(../img/ico3_over.png); }
#business .flexR6 li.highlight.ico4 {background-image:url(../img/ico4_over.png); }
#business .flexR6 li.highlight.ico5 {background-image:url(../img/ico5_over.png); }
#business .flexR6 li.highlight.ico6 {background-image:url(../img/ico6_over.png); }
#business .flexR6 li.highlight.ico7 {background-image:url(../img/ico7_over.png); }
#business .flexR6 li.highlight.ico8 {background-image:url(../img/ico8_over.png); }

#business .flexR6 li.highlight.box {  background-color: #FF8444;  color: white;    }
#business .flexR6 li.highlight.box h3,
#business .flexR6 li.highlight.box .txt{color: #fff;   }
    
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business {width:100%; background:#f5f5f5; padding:50px 0px }
#business .head  {font-size:25px; line-height:35px}
#business  .head_txt {font-size:16px; line-height:25px;  margin:10px 0 20px 0;}

#business .tel {padding:30px 0 40px 0 }
#business .tel div {display:block; }
#business .tel img {max-width:55px !important; }
#business .tel .num {  font-size:22px; line-height:30px;  padding:5px 0 0 10px;  }

#business .flexR6 {max-width:100%; padding:0px 20px; }
#business .flexR6 li.box {padding:30px ;   width:100%;  min-height:auto;margin:10px 0; background-position:92% 80%; background-size:60px }
#business .flexR6 li img {position:absolute; right:30px; bottom:30px; }
#business .flexR6 li .tit {font-size:20px; margin-top:10px;  }
#business .flexR6 li.box .txt {font-size:16px; top:20px; left:20px; }
#business .flexR6 li a {border:1px solid #888; padding:8px 30px; border-radius:50px; margin-top:5px; display:inline-block }


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

