@font-face{
  font-family:'NotoSansUI-Regular';
  src:url('../font/NotoSansUI-Regular.ttf');
}
@font-face{
  font-family:'NotoSansUI-Bold';
  src:url('../font/NotoSansUI-Bold.ttf');
}
@font-face{
  font-family:'NotoSansKR-Regular';
  src:url('../font/NotoSansKR-Regular.otf');
}
@font-face{
  font-family:'NotoSansKR-Bold';
  src:url('../font/NotoSansKR-Bold.otf');
}
@font-face{
  font-family:'E-BIT';
  src:url('../font/E-BITWONDER.TTF');
}

body {text-align:center;margin:0px 0px;padding:0px 0px;font-family:'NotoSansUI-Regular','NotoSansUI-Bold','NotoSansKR-Regular','NotoSansKR-Bold';}
.body {text-align:center;margin:0px;padding:0px;}

#header{height:110px;}

.span_br {word-break:keep-all;color:#505050;}

.div_mar{margin-top:0px;}
.span_font {font-weight:bold;font-size:25pt;word-break:keep-all;color:#0050a0;}

.resize {width:85%;margin:0px;padding:0px;} /* PC 이미지 버전 사이즈 */
.maps_resize {width:90%;height:400px;margin:0px 0px;padding:0px 0px;border:0;}
#back_hei {background-color:#0050a0;height:5px;margin:auto;}

.M_view {display:none;}
.M_view_car {display:none;}
.img_resize {width:1000px;} /* CI부분 */
.div_mar_busi {border:1px solid #cdcdcd;width:96%; height:490px;} /* 비즈니스 게임 부분 반응형 소스 */
.div_mar_busi2 {border:1px solid #cdcdcd;width:96%; height:490px;} /* 비즈니스 AR 부분 반응형 소스 */
.div_mar_busi3 {border:1px solid #cdcdcd;width:96%; height:490px;} /* 비즈니스 AI 부분 반응형 소스 */
.div_mar_busi4 {border:1px solid #cdcdcd;width:96%; height:490px;} /* 비즈니스 APP 부분 반응형 소스 */
.div_mar_busi5 {border:1px solid #cdcdcd;width:96%; height:490px;} /* 비즈니스 VR 부분 반응형 소스 */
.busi_TM {width:1000px;} /* 비즈니스 */
.mar_set {display:block;}

div.blackBox{
  margin-left:10px;
  border:1px solid #ccc;
  float:left;
  width:300px;
  text-align: center;
}
div.blackBox:hover{
  border:1px solid #777;
}
div.blackBox img{
  width:100%;
  height:auto;
}
div.desc{
  padding:15px;
  text-align: center;
  color:#505050;
}

@media screen and (max-width: 1100px) {
  .resize {width:90%;} /*  탭용 이미지 크기  */
  .div_mar_busi {border:1px solid #cdcdcd;width:96%; height:600px;} /* 비즈니스 게임 부분 반응형 소스 */
  .div_mar_busi2 {border:1px solid #cdcdcd;width:96%; height:600px;} /* 비즈니스 AR 부분 반응형 소스 */
  .div_mar_busi3 {border:1px solid #cdcdcd;width:96%; height:600px;} /* 비즈니스 AI 부분 반응형 소스 */
  .div_mar_busi4 {border:1px solid #cdcdcd;width:96%; height:600px;} /* 비즈니스 APP 부분 반응형 소스 */
  .div_mar_busi5 {border:1px solid #cdcdcd;width:96%; height:600px;} /* 비즈니스 VR 부분 반응형 소스 */
  .img_resize {width:90%;} /* CI부분 */
  .maps_resize {height:300px;}
  .div_mar_main {margin-top:-46px;}
  .PC_view_car {display:none;}
  .M_view_car {display:block;} /* careers 페이지 용도 */
  .busi_TM {width:700px;} /* 비즈니스 */
  .mar_set {display:block;}
  .busi_imgp{width:90%;}

}
@media screen and (max-width: 700px) {
  div.blackBox{
    margin-left:20px;
    border:1px solid #ccc;
    float:left;
    width:40%;
    text-align: center;
  }
  div.blackBox:hover{
    border:1px solid #777;
  }
  div.blackBox img{
    width:100%;
    height:auto;
  }
  div.desc{
    padding:15px;
    text-align: center;
    color:#505050;
  }

  .pp90{width:90%;}

  .div_mar_busi {border:1px solid #cdcdcd;width:96%; height:440px;} /* 비즈니스 게임 부분 반응형 소스 */
  .div_mar_busi2 {border:1px solid #cdcdcd;width:96%; height:440px;} /* 비즈니스 AR 부분 반응형 소스 */
  .div_mar_busi3 {border:1px solid #cdcdcd;width:96%; height:440px;} /* 비즈니스 AI 부분 반응형 소스 */
  .div_mar_busi4 {border:1px solid #cdcdcd;width:96%; height:440px;} /* 비즈니스 APP 부분 반응형 소스 */
  .div_mar_busi5 {border:1px solid #cdcdcd;width:96%; height:440px;} /* 비즈니스 VR 부분 반응형 소스 */
  .busi_TM {width:350px;} /* 비즈니스 */
  .resize {width:100%;} /* 모바일 이미지 크기 */
  .img_resize {width:100%;} /* CI부분 */
  .img_top {margin-top:-10px;}
  #back_hei {height:75px;}
  .maps_resize {height:200px;}
  .span_font{font-size:20pt;}
  .PC_view {display:none;}
  .M_view {display:block;}
  .PC_view_car {display:none;} /* careers 페이지 용도 */
  .M_view_car {display:block;} /* careers 페이지 용도 */
  .mar_set {display:none;}
  .busi_imgp{width:90%;}
}