@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 {max-width:1300px; margin:0px auto 0 auto; }
#business .head  {font-size:38px; line-height:48px; font-weight:600; font-family: var(--font1);}
#business  .head_txt {font-size:20px; line-height:35px;  margin:0px 0 30px 0; }
#business  .head span {color: var(--mainColor); font-family:var(--font1);}
#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:center;
 padding:20px 0 0px 0px; gap:7% }
#business .flexR6 li.box {  background-color: #fff;  width:33%;
position:relative; margin:0 0 0px 0; transition: background 0.3s; 
 text-align:center; transition:all 0.3s }

#business .flexR6 li.box a{padding:38px ; border:1px solid #dfdfdf;  border-radius:10px; min-height:200px; display:block; transition:0.3s all}
#business .flexR6 li.box a:hover {border:1px solid #0860ac; transition:0.3s all}
#business .flexR6 li.box a:hover .tit {background:#0860ac; color:#fff; transition:0.3s all}
#business .flexR6 li.box a:hover ul li {background-image:url(../img/icon_over.png);background-size:16px; transition:0.3s all }

/*#business .flexR6 li.box:after {content:""; position:absolute; right:-70px; top:50%; width:50px; height:50px; 
transform: translate(0,-50%); background:url(../img/arrow.png) no-repeat center}*/
#business .flexR6 li.box:nth-child(3):after,
#business .flexR6 li.box:last-child:after {display:none}
#business .flexR6 li.box .tit{font-size:16px;  font-weight:600;  padding:12px 10px; display:block;
background:#f4f5f7; border-radius:10px; margin:20px 0 ; transition:0.3s all }
#business .flexR6 li.box .txt {font-size:26px; padding:0 0px 5px 0px; font-weight:600; color:#0860ac;
font-family: 'GmarketSansMedium';  }
/*#business .flexR6 li.box a {border:1px solid #888; padding:8px 30px; border-radius:50px; margin-top:5px; display:inline-block }*/
#business .flexR6 li.box ul li {text-align:left; padding:8px 0 15px 30px; font-size:16px; position:relative;
background:url(../img/icon.png)no-repeat 5px 12px; transition:all 0.3s; background-size:16px; }

#business .flexR6 li.highlight.box {  border:1px solid  #f37021;  color: #f37021; transition:all 0.3s   }
#business .flexR6 li.box ul li{color: #333;   }
#business .flexR6 li.highlight.box .tit {background:#f37021; color:#fff; }
#business .flexR6 li.highlight.box ul li {background:url(../img/icon_over.png)no-repeat left 12px ; 
background-size:16px; transition:all 0.3s }
    
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business {width:100%;  }
#business .head  {font-size:22px; line-height:32px}
#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 li.box:after {display:none}
#business .flexR6 {max-width:100%; padding:0px 20px; }
#business .flexR6 li.box {padding:10px 0px ;   width:100%;  min-height:auto;margin:10px 0; }
#business .flexR6 li.box .tit {font-size:16px; margin-top:10px; padding:8px 5px }
#business .flexR6 li.box .txt {font-size:22px; }
#business .flexR6 li.box ul li { padding:7px 0 7px 25px; font-size:15px;  }
#business .flexR6 li.box a{padding:28px ; border:1px solid #dfdfdf;   min-height:auto;  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}