@charset "utf-8";

/* --------------------  common   -------------------- */

body {
    font-family: 'Malgun Gothic', 'Noto Sans KR', sans-serif;
    line-height: 1.2;
    font-size: 14px;
    color: #333;
    min-width: 1170px;
  }
  #container {
    width: 100%;
    min-width: 1170px;
  }
  
  /* selectbox 외형 바꾸기 */
  select {
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    -webkit-outline: none;  
    -moz-outline: none;
    outline:0;
    background: url('https://img.megastudyacademy.co.kr/campus/game_html_img/common/counselPopup_select.png') no-repeat 95% 50%; 
    padding-left: 10px;
  }
  /* IE 10, 11의 네이티브 화살표 숨기기 */
  select::-ms-expand {
    display: none;
    background: url('https://img.megastudyacademy.co.kr/campus/game_html_img/common/counselPopup_select.png') no-repeat 95% 50%; 
    padding-left: 10px;
    box-sizing: border-box;
    outline:0;
  }
  input[type="text"], input[type="tel"], [type="password"] {
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0;
    border-radius:0;
    -webkit-outline:0;  
    -moz-outline: 0;
	  outline:0;
    width: 100%;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-left: 10px;
    box-sizing: border-box;
  }
  button {
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0;
    border-radius:0;
    -webkit-outline:0;  
    -moz-outline: 0;
	  outline:0;
  }
  button:focus {outline:0;}
  button:active {outline:0;}
  
  input[type="checkbox"] {-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; border:none; }
  input[type="checkbox"]::-ms-expand {
    display: none;
  }
  .checks input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
  }
  .checks input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 0px;
  }
  .checks {position: relative;}
  .checks input[type="checkbox"] + label:before {  
  content: ' '; 
  display: inline-block;
  width: 12px; 
  height: 12px;  
  line-height: 11px; 
  margin: 0px 5px 0 0;
  text-align: center; 
  vertical-align: middle;
  border: 1px solid #ccc;
  vertical-align: middle;
  }
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
  }
.checks input[type="checkbox"]:checked + label:before { 
  content: '\2714'; 
  color:#0893f4;
  background: none;
  }
  
  /* radio 버튼 외형 바꾸기  */
  .checks input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
  }
  .checks input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .checks input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 21px;
    height: 21px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  }
  .checks input[type="radio"] + label:active:before,
  .checks input[type="radio"]:checked + label:active:before  {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
  }
  .checks input[type="radio"]:checked + label:before {
    background: #E9ECEE;
    border-color: #adb8c0;
  }
  .checks input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 13px;
    height: 13px;
    background: #99a1a7;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  }
  

 /* nav */

    /* cmcm */
    #header {
      position: fixed;
      z-index: 200;
      left: 0;
      top: 0;
      width: 100%;
      /* border-bottom: 1px solid #777; */
  
      background-color: rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(15px);
    }
    
    #header * {
      font-family: 'Noto Sans KR', sans-serif;
    }
  
    #header .center_align {
      width: 1170px;
      margin: 0 auto;
    }
    
    #header .top_area {
      height: 43px;
      line-height: 40px;
      border-bottom: 1px solid #777;
      text-align: right;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
    }
    
    #header .top_area .tel {
      font-weight: 400;
      font-size: 14px;
      color: #fff;
    }
    
    #header #nav {
      min-width: 1800px;
      height: 77px;
      width: 100%;
      display: flex;
      flex-wrap: nowrap;
      vertical-align: middle;
      line-height: 77px;
      border-bottom: 1px solid #777;
    }
    
    #header #nav .logo_area {
      margin-left: 70px;
      height: 100%;
      line-height: 77px;
    }
    
    #header #nav .logo_area a {
      display: block;
      width: 160px;
      height: 51px;
      background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/main_new/header_logo.png) 0 0 no-repeat;
      font-size: 0;
      line-height: 77px;
      margin-top: 12px;
    }
    
    /* gnb */
    #header #nav .gnb_area {
      display: flex;
      flex-wrap: nowrap;
    }
    
    #header #nav .gnb {
      margin-left: 85px;
    }
    
    #header #nav .gnb:after {
      clear: both;
      content: '';
      display: block;
    }
    
    #header #nav .gnb .gnb_1depth {
      float: left;
      position: relative;
    }
    
    #header #nav .gnb .gnb_1depth>a {
      display: block;
      height: 77px;
      line-height: 77px;
      padding: 0 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
    }
    
    #header #nav .gnb .gnb_1depth>a span {
      position: relative;
    }
    
    #header #nav .gnb .gnb_1depth>a span:after {
      content: '';
      position: absolute;
      left: 0;
      top: 28px;
      width: 0;
      height: 3px;
      background: #ffffff;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
    }
    
    #header #nav .gnb .gnb_1depth>ul {
      display: none;
      position: absolute;
      margin-left: -5%;
      width: 110%;
      background: #fff;
      padding: 14px 0 16px;
      border: 1px solid rgba(0, 0, 0, .3);
    }
    
    #header #nav .gnb .gnb_1depth>ul>li {}
    
    #header #nav .gnb .gnb_1depth>ul>li>a {
      display: block;
      padding: 6px 0;
      color: #555;
      text-align: center;
    }
    
    /* gnb 활성화 */
    #header #nav .gnb .gnb_1depth.on {}
    
    #header #nav .gnb .gnb_1depth.on>a {}
    
    #header #nav .gnb .gnb_1depth.on>a span:after,
    #header #nav .gnb .gnb_1depth>a:hover span:after {
      width: 100%;
    }
    
    #header #nav .gnb .gnb_1depth.on>ul {
      display: block;
      z-index: 5;
    }
    
    #header #nav .gnb .gnb_1depth>ul>li>a:hover {
      color: #0081ff;
    }
    
    #header #nav .gnb .gnb_1depth>ul>li.on>a {
      display: block;
      color: #0081ff;
    }
    
    /* sns */
    #header #nav .sns_area {
      margin-left: 86px;
      margin-top: 20px;
    }
    
    #header #nav .sns_area ul:after {
      clear: both;
      content: '';
      display: block;
    }
    
    #header #nav .sns_area li {
      float: left;
    }
    
    #header #nav .sns_area li+li {
      margin-left: 10px;
    }
    
    #header #nav .sns_area .snsbtn {
      display: block;
      width: 32px;
      height: 32px;
      background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/main_new/header_sns.png) 0 0 no-repeat;
      font-size: 0;
    }
    
    #header #nav .sns_area .sns_tw {
      display: block;
      width: 32px;
      height: 32px;
      background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/main_new/twitter_gray.png) center center no-repeat;
      font-size: 0;
    }
    
    #header #nav .sns_area .sns_is {
      -ms-background-position-x: -42px;
      background-position-x: -42px;
    }
    
    #header #nav .sns_area .sns_fb {
      -ms-background-position-x: -84px;
      background-position-x: -84px;
    }
    
    #header #nav .sns_area .sns_nv {
      -ms-background-position-x: -126px;
      background-position-x: -126px;
    }
    
    .sns_area>ul>li:first-of-type {
      position: relative;
    }
    
    #header #nav .gnb>li:nth-of-type(6) ul {
      width: 239px;
      height: 95px;
    }
    
    .sns_event {
      display: block;
      width: 47px;
      height: 29px;
      background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/main_new/event_balloon.png);
      position: absolute;
      left: -50px;
      top: -10px;
    }
  
    .gnb_1dep {
      background-color: #333333;
      height: 66px;
    }
    
    .gnb_1dep>ul {
      display: flex;
      height: 100%;
      line-height: 66px;
      justify-content: flex-start;
      width: 1190px;
      margin: 0 auto;
      font-size: 16px;
      font-weight: normal;
    }
  
    .gnb_1dep>ul >li{
      color: #ffffff;
      margin-right: 60px;
    }
  
    /* .gnb_1dep>ul >li.active{
      color: #0081ff;
    } */
  
    .gnb_1dep>ul >li:last-of-type{
      margin-right: 0px;
    }
  
    .gnb_1dep>ul >li>a {
      color: #c8c8c8;
      padding: 10px 0;
    }
  
    /* cmcm */
    
  
    /* 국비지원 하버메뉴 넓이 */
    #header #nav .gnb>li:nth-of-type(6) ul { width: 200px; height : 95px; }
  
    /* footer */
    
    /*20220628 이전 푸터 삭제
  #footer {
      background: #333333;
      position: relative;
    }
    #footer .footer_area {
      width: 1170px;
      margin: 0 auto;
      padding: 40px 0px 50px 0px;
    }
    #footer .footer_top:after {
      content:'';
      display: block;
      clear: both;
    }
    #footer .footer_area .footer_box {
      display: inline-block;
      vertical-align: top;
    }
    .footer_box h3 {
      font-family: 'Roboto';
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
    }
    #footer .footer_area .footer_box h3 {margin-bottom: 30px;}
    #footer .footer_area .footer_box.footer_left {
      width: 570px;
      float: left;
    }
    .footer_box.footer_left h1 {
      margin-bottom: 30px;
    }
    .footer_box.footer_left > ul li {
      font-size: 13px;
      line-height: 24px;
      color: #fff;
    }
    .footer_box.footer_center {
      width: calc(100% - 840px);
    }
    .footer_box.footer_center ul li a {
      font-size: 13px;
      line-height: 28px;
      color: #fff;
    }
    .footer_box.footer_center ul li a.partner {
      color:#39a0ff;
      font-weight: 500;
    }
    .footer_box.footer_right {
      width: 270px;
      float: right;
    }
    .footer_box.footer_right .customer_info h1 {
      font-size: 30px;
      color: #fff;
      font-weight: bold;
      font-family: 'Roboto';
    }
    .footer_box.footer_right .customer_info p {
      font-size: 13px;
      color: #fff;
      margin: 13px 0px 35px 0px;
    }
    .footer_bottom {
      padding-top: 30px;
      border-top: 1px solid #505966;
      margin-top: 45px;
    }
    .footer_bottom .copy {
      display: inline-block;
      font-size: 13px;
      color: #b1b1b1;
      letter-spacing: -0.25px;
    }
    .footer_bottom .copy a{
      font-size: 13px;
      color: #b1b1b1;
    }
    .footer_bottom .footer_sns {
      display: inline-block;
      float: right;
    }
    .footer_bottom .footer_sns li {
      float: left;
      width: 29px;
      height: 29px;
      border-radius: 50%;
      background: #bbbbbb;
      text-align: center;
      margin-right: 15px;
      transition: all 0.3s;
    }
    .footer_bottom .footer_sns li:hover {background:#090909;  transition: all 0.3s;}
    .footer_bottom .footer_sns li:last-child { margin-right: 0px;}
    select.family_site {
      width: 265px;
      height: 43px;
      border: 1px solid #bdc5cc;
      padding: 0px 10px;
      font-size: 13px;
      letter-spacing: -0.5px;
      color:#fff;
      background: url('https://img.megastudyacademy.co.kr/campus/game_html_img/common/footer_arrow.png') no-repeat 95% 50%; 
    }
    select.family_site option {
      color: #222;
    }
    *//*
    #footer { width: 100%; background: #000; color:#767371; font-family: 'Noto Sans KR';}
  #footer a{ font-family: 'Noto Sans KR';}
  #footer .inner {
    width: 1540px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
  }
  #footer .line { border-bottom: 1px solid #a6a6a6;  }
  #footer .top { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; align-items: center;}
  #footer .top p { display: flex; justify-content: space-between;}
  #footer .top p a { color:#767371; font-size: 18px; margin-right: 60px; }
  #footer .top p a strong  { color:#007ac1}
  
  #footer .top .common_apply ul{display: flex;flex-direction: row;gap:30px;}
  #footer .top .common_apply ul li {background: #14c4be;border-radius: 10px;}
  #footer .top .common_apply ul li:nth-child(1) {background: #14c4be;}
  #footer .top .common_apply ul li:nth-child(2) {background: #0dabf5;}
  #footer .top .common_apply ul li a{display: block;padding: 10px 20px;color: #fff;font-size: 18px;}
  
  #footer .top .family  { width: 190px; height: 40px; position: relative; }
  #footer .top .family  .title{ display: block; height: 40px; border: 1px solid #ccc; line-height: 40px; padding: 0 10px; font-size: 16px; color:#a6a6a6; background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/fa_off.png) no-repeat 100% 50%; background-size: 34px }
  #footer .top .family  .title.on{ background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/fa_on.png) no-repeat 100% 50%; background-size: 34px}
  
  #footer .top .family  .list { position: absolute; width: 100%; height:0; left: 0; bottom: 39px; overflow: hidden; transition: 0.5s; }
  #footer .top .family .list.on { height: 242px; overflow-y: scroll;}
  #footer .top .family .list.on::-webkit-scrollbar {   width: 6px;  }
  #footer .top .family .list.on::-webkit-scrollbar-thumb {   height: 17%;   background-color: #efefef;  border-radius: 10px;   }
  #footer .top .family .list.on::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.33); }
  
  #footer .top .family  .list li a {  display: block; height: 30px; border: 1px solid #ccc; line-height: 30px; padding: 0 10px; background: #000; border-bottom:none; color:#a6a6a6; }
  #footer .top .family  .list li:last-child a { border-bottom: 1px solid #ccc; }
  
  #footer .mid{ font-size: 18px; color:#767371;  padding-bottom: 53px; }
  #footer .mid strong { color:#fff; font-weight: 600;  display: block; font-size: 21px;   padding-top: 50px; margin-bottom: 20px;  }
  #footer .mid .info  strong {   padding-top: 50px; margin-bottom: 20px;   }
  #footer .mid .info > ul { display: flex; justify-content: space-between ; align-items: flex-start; width:100%}
  #footer .mid .info > ul li { margin-bottom: 10px;}
  #footer .mid .info > ul li em { border-bottom: 1px solid #767371; padding-bottom: 5px;}
  #footer .mid .info > ul li ul { margin-top: 25px; }
  
  #footer .bottom {padding-top: 35px; padding-bottom: 100px; position: relative;  }
  #footer .bottom p{line-height: 1.5;font-size:16px; }
  #footer .bottom p span::after { display: inline-block; content:""; width: 1px; height: 16px; background: #767371; margin-left: 5px; margin-right: 0px; margin-bottom: -2px;   }
  #footer .bottom p span:last-child:after { display: none}
  #footer .bottom p span a { color:#333; font-size:16px;}
  #footer .bottom .sns { position: absolute; right: 0; top: 35px; display: flex;  align-items: flex-start;}
  #footer .bottom .sns  strong {color:#fff; font-weight: 600;  display: block; font-size: 21px; padding-top:0; margin-bottom: 10px;line-height: 1.5;font-family: 'Noto Sans KR'; }
  #footer .bottom .sns div { width: 270px; }
  #footer .bottom .sns .sfoll { display:flex;flex-direction: column;gap:20px;}
  #footer .bottom .sns .sfoll > ul { display: flex; flex-wrap: wrap;width:100%;justify-content: space-between;}
  #footer .bottom .sns .sfoll > ul > li { margin-bottom: 5px;    background-color: #bbbbbb;
      border-radius: 50px;
      width: 30px;
      height: 30px;}
  #footer .bottom .sns .sfoll > ul > li:hover {
      background-color: #5d5d5d;
  }
  #footer .bottom .sns .sfoll > ul > li a {font-size: 16px; color:#767371; display: block; }
  
  #footer .bottom .family  { width: 190px; height: 40px; position: relative; }
  #footer .bottom .family  .title{ display: block; height: 40px; border: 1px solid #ccc; line-height: 40px; padding: 0 10px; font-size: 16px; color:#a6a6a6; background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/fa_off.png) no-repeat 100% 50%; background-size: 34px }
  #footer .bottom .family  .title.on{ background: url(https://img.megastudyacademy.co.kr/campus/game_html_img/fa_on.png) no-repeat 100% 50%; background-size: 34px}
  
  #footer .bottom .family  .list { position: absolute; width: 100%; height:0; left: 0; bottom: 39px; overflow: hidden; transition: 0.5s; border-top:1px solid#ccc;border-bottom:0;}
  #footer .bottom .family .list.on { height: 121px; overflow-y: scroll;border-bottom:1px solid #ccc;}
  #footer .bottom .family .list.on::-webkit-scrollbar {   width: 6px;  }
  #footer .bottom .family .list.on::-webkit-scrollbar-thumb {   height: 17%;   background-color: #000;  border-radius: 10px;   }
  #footer .bottom .family .list.on::-webkit-scrollbar-track { background-color: #ccc; }
  
  #footer .bottom .family  .list li a {  display: block; height: 30px; border: 1px solid #ccc; line-height: 30px; padding: 0 10px; background: #000; border-bottom:none; color:#a6a6a6; font-size:13.5px;}
  #footer .bottom .family  .list li:first-child a { border-bottom: 0 }
  #footer .bottom .family  .list li:last-child a { border-bottom:  0}*/









  
#footer_new * {
  font-family: "Noto Sans KR" !important;
}
#footer_new {
  background: #000000;
}
#footer_new .footer_inner {
  display: flex;flex-direction: column;
}
#footer_new .footer_inner .footer_top_link_wrap {
  width:100%;  border-bottom: 1px solid #222222;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap {
  padding:20px 0;
  max-width:1540px;
  margin:0 auto;
  display: flex;justify-content: space-between;align-items: center;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_doc {
  display: flex;align-items: center;justify-content: center;gap:15px;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_doc a {
  font-size:16px;font-weight:500;color:#999;letter-spacing: -0.38px;line-height:20px;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_doc a.blackC {
  color:#FFFFFF;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_doc a.blueC {
  color:#007AC1;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_doc span {
  width:1px;height: 10px;line-height: 10px;background: #D3D3D3;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_sns {
  display: flex;align-items: center;justify-content: center;gap:7px;
}
#footer_new .footer_inner .footer_top_link_wrap .footer_top_link_gap .top_link_sns a {
  display: flex;
}
#footer_new .footer_inner .footer_bottom_campus_wrap {
  width:100%;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap{
  width:100%;
  padding:25px 0 60px;
  max-width:1540px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info {
  display: flex;align-items: center;justify-content: space-between;width: 100%;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_info_gap {
  display: flex;align-items: center;gap:25px;
} 
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_info_gap .campus_btn_wrap .campus_apply_btn {
  display: flex;align-items: center;gap:8px;
} 
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_info_gap .campus_btn_wrap .campus_apply_btn li {
  display: flex;align-items: center;border-radius: 40px;border: 1px solid #E3E3E3;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_info_gap .campus_btn_wrap .campus_apply_btn li a {
  color: #fff;display: flex;align-items: center;gap:10px;padding:10px 20px;min-width:145px;justify-content: space-between;
  font-size:13.5px;line-height: 1.5;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_info_gap .campus_btn_wrap .campus_apply_btn li a svg {
  padding-top:1px;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap {

}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  { width: 200px; height: 40px; position: relative; background-color: #000;}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  .title{     
  display: flex;
  align-items: center;
  justify-content: space-between; height: 40px; border: 1px solid #555555; line-height: 40px; padding: 0 10px; font-size: 14px; color:#FFFFFF; margin:0; border-radius: 5px;}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  .title.on svg{ 
  transform: rotate(180deg);
}

#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  .list { position: absolute; width: 100%; height:0; left: 0; bottom: 40px; overflow: hidden;}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family .list.on { height: 121px; overflow-y: scroll;border:1px solid #555555; border-top:1px solid #555555;border-radius: 5px;}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family .list.on::-webkit-scrollbar {   width: 6px;  }
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family .list.on::-webkit-scrollbar-thumb {   height: 17%;   background-color: #fff;  border-radius: 10px;   }
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family .list.on::-webkit-scrollbar-track { background-color: #555555; }
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  .list li a {  display: block; height: 30px; line-height: 30px; padding: 0 10px; background: #000; border-bottom:1px solid #555555;color:#fff;font-size:14px;}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_top_info .campus_top_family_gap .family  .list li:last-child a {  border-bottom:0;}


#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_middle_info {
  width: 100%;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_middle_info .fb_inner .table_area tbody tr td{
  color:#999999;font-size:14px;font-weight: 400;  padding:5px 6px;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_middle_info .fb_inner .table_area tbody tr:first-child td {
  padding-top:12px;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_middle_info .fb_inner .table_area tbody tr:last-child td {
  padding-bottom:15px;
}

#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info {
  display: flex;width:100%;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap {
  display: flex;justify-content: space-between;width:100%;align-items: flex-end;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap .company_contect {
  display: flex;flex-direction: column;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap .company_contect .p_box {
  display: flex;gap:10px;align-items: center;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap .company_contect .p_box > span {
  width:1px; height:10px; background: #555555;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap .company_contect .p_box p a{
  font-size:14px;color:#999999;font-weight:400;line-height:1.5;
}
#footer_new .footer_inner .footer_bottom_campus_wrap .footer_bottom_campus_gap .campus_bottom_info .campus_bottom_info_gap .company_contect p {
  font-size:14px;color:#999999;font-weight:400;line-height:1.5;
}
.table_area {
  width: 100%;border-bottom: 1px solid #E3E3E3;
}
.table_area > p{
 font-size:14px;font-weight: 700;color: #333333;padding-bottom: 5px;font-family: 'Malgun Gothic';line-height:1.5;
}
.table_area table {
  width: 100%;
  /* background-color: lightgreen; */
}

.table_area table,th,td {
  padding: 6px 6px;
  color: #5F5F5F;
  text-align: center;
  line-height:1.5;
}

.table_area table {
  font-size: 14px;
  border-collapse: collapse;
  border-spacing: 0;
}

.table_area table th {
  background-color: #222222;color: #999999;padding:6px 6px;
}

.table_area table tbody tr td:nth-of-type(1) {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
}

.table_area table thead {
  font-weight: 600;
}