@charset "UTF-8";
@media (max-width: 991.98px) {
  html {
    /*font-size: 6px;*/
    /*font-size: 37.5%;*/
    font-size: 8px;
    font-size: 50%;
  }
  input, select, textarea {
    font-size: 16px;
  }
}
.xe_content {
  color: var(--bh_color_text) !important;
  font-size: 14px;
  /*line-height: 1.5 !important;*/
  font-family: inherit !important;
}
/* common */
.bh_han_box_wrap .bh_han_box > span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
}
body, ul {
  margin: 0;
  padding: 0;
}
.bh .logo a img {
  height: 60px;
}
/* header */
.mobile_header_top {
  position: fixed;
  z-index: 10;
}
.box-row {
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}
.card-wrapper {
  position: static;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.card {
  position: relative;
  display: inline-block;
  width: 25%;
  height: 320px;
  margin: 0px 20px 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow 200ms ease;
}
.card:hover {
  box-shadow: 7px 7px 25px 0 rgba(0, 0, 0, 0.1);
}
.card._1, .card._2, .card._3 {
  position: relative;
}
.card._2 {
  margin-right: 0px;
}
.card._3 {
  display: inline-block;
}
.card-overlay {
  position: relative;
  width: 100%;
  height: 180px;
  background-image: url("/files/attach/images/2021/01/28/12fa5b5c0eb525997c9d0aed0da336eb.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-overlay.block {
  width: 100%;
  height: 250px;
  padding-bottom: 0px;
  background-color: rgba(0, 69, 126, 0.2);
  transition: background-color 200ms ease;
}
.card-overlay.block:hover {
  background-color: rgba(0, 69, 126, 0.3);
}
.card-overlay._1 {
  background-image: url("/files/attach/images/2021/01/28/694e4ea97494f206c161bf20f6982197.jpg");
}
.card-overlay._2 {
  background-image: url("/files/attach/images/2021/01/28/5bfb0f6797027026064f844d8937c305.jpg");
}
.card-overlay._3 {
  background-image: url("/files/attach/images/2021/01/28/6bebd8375255c19d31ef291855455316.jpg");
}
.card-contents {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin-top: 0px;
  padding: 0;
  color: #000;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.card:hover .card-contents {
  background-color: #00325b;
  color: #fff;
  text-decoration: none;
}
.div-block-69 {
  position: relative;
}
.hover {
  opacity: 1;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 70px;
  line-height: 70px;
}
.card:hover .hover {
  opacity: 0;
}
.inner-left, .inner-right {
  position: absolute;
  width: 50%;
  height: 70px;
  line-height: 70px;
  font-family: "Open Sans", sans-serif;
}
.inner-left {
  left: 0;
  color: #00457e;
  border-right: 1px solid #eee;
}
.inner-left:hover {
  background-color: #00457e;
  color: #fff;
  text-decoration: none;
}
.inner-right {
  right: 0;
  color: #f9731e;
}
.inner-right:hover {
  background-color: #f9731e;
  color: #fff;
  text-decoration: none;
}
.text-block-24 {
  padding-top: 0px;
  font-weight: 600;
  text-align: center;
}
.text-block-25 {
  margin-top: 0px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.hoverout {
  background: #fff;
  opacity: 0;
  top: 0;
  position: absolute;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 70px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.card:hover .hoverout {
  opacity: 1;
}
@media (max-width: 580px) {
  .card-wrapper {
    display: block;
  }
  .card {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.wig-cont {
  margin-top: 20px;
}
.section2 ul.widgetA li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20.6px;
}
.section2 .widgetContainer a {
  width: 75%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wig-ttl h2, .about-txt h2 {
  display: inline-block;
  padding-right: 30px;
  padding-bottom: 10px;
  border-bottom: 3px solid #00325b;
}
.about-video {
  border-radius: 20px;
  width: 100%;
  height: 260px;
  overflow: hidden;
  margin-top: 20px;
}
@media (max-width: 1040px) {
  .section2 .widgetContainer a {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .wig-cont {
    margin-bottom: 30px;
  }
  .about-video {
    margin-bottom: 20px;
  }
  .section2 ul.widgetA li {
    margin-bottom: 5px;
  }
}
@media (max-width: 320px) {
  .section2 .widgetContainer a {
    width: 60%;
  }
}
.service-wrapper {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.heading-7 {
  font-size: 32px;
  width: 100%;
  margin: -3px 0px 26px;
  padding-right: 8px;
  padding-left: 8px;
  border-right: 4px solid #9e9e9e;
  border-left: 4px solid #9e9e9e;
  color: #fff;
  text-align: center;
}
.heading-8 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.heading-9 {
  margin-top: 13px;
  margin-bottom: 13px;
  color: #ff7300;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.headwrapper {
  display: flex;
  width: auto;
  height: auto;
  max-height: none;
  min-height: auto;
  min-width: auto;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 44px;
  padding-bottom: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.top {
  position: static;
  left: auto;
  top: 51%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: auto;
  min-height: auto;
  min-width: auto;
  margin-right: 0px;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0px;
  justify-content: center;
  align-items: center;
  border-left: 0px none #9e9e9e;
}
.bottom {
  width: 200px;
  height: 50px;
  margin: 9px 0px 7px;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 19px;
  background-color: #024175;
  color: #ff7300;
  text-decoration: none;
}
.bottom:hover {
  background-color: #fff;
}
.service-wrapper .down {
  position: relative;
  display: flex;
  width: 140px;
  height: 140px;
  max-width: none;
  min-width: auto;
  padding: 0px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 49%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://assets.website-files.com/5fb4d0be9e079a4c206ea267/5fb557998265a13c2e72986c_calendar-1990453_640.jpg");
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: 2px 2px 16px 0 rgba(199, 199, 199, 0.1);
  transition: box-shadow 200ms ease;
}
.service-wrapper .down:hover {
  background-color: #6d6d6d;
  box-shadow: 6px 6px 16px 0 rgba(199, 199, 199, 0.3);
}
.service-wrapper .down:hover, .service-wrapper .down.sub1:hover, .service-wrapper .down.sub3:hover {
  background-image: none;
  background-position: 0px 0px;
  text-decoration: none;
}
.service-wrapper .down.sub1 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://assets.website-files.com/5fb4d0be9e079a4c206ea267/5fb55798843b5369bbf6bcf2_algebra-1238600_640.jpg");
  background-position: 0px 0px, 50% 50%;
}
.service-wrapper .down.sub3 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://assets.website-files.com/5fb4d0be9e079a4c206ea267/5fb5579990a04b4a8ab3e9ca_girls-3764699_640.jpg");
  background-position: 0px 0px, 50% 50%;
}
.service-wrapper .down.sub4 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(180deg, transparent, transparent), url("https://assets.website-files.com/5fb4d0be9e079a4c206ea267/5fb55799e8869d6bff0c8df7_home-office-336377_640.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
}
@media (max-width: 580px) {
  .service-wrapper {
    display: block;
  }
  .service-wrapper .down {
    width: 160px;
    height: 160px;
    margin: 10px auto;
  }
}
/* section04 */
@media (max-width: 580px) {
  .bh.bh_gall_tc_sun.bh_widget_content.bh_row .cont-ttl.w-40 {
    padding-right: 20px;
  }
}
/* footer */
.ft-menu {
  padding: 40px 0 60px 0;
  margin: 0;
  border-bottom: 1px solid #7a7c7d;
}
.ft-menu li {
  list-style: none;
  color: #bdbebe;
}
.ft-menu > li {
  color: #fff;
}
.ft-menu > li > a {
  font-size: 16px;
}
.ft-menu li a {
  color: #fff;
  font-size: 14px;
}
@media (max-width: 640px) {
  .ft-menu {
    display: none;
  }
  .bh .footer .footer_menu > ul > li > a {
    font-size: 12px;
  }
  .bh .footer .footer_menu > ul > li > a::after {
    padding: 0 10px;
  }
}
@media (max-width: 330px) {
  .bh .footer .footer_menu > ul > li > a::after {
    padding: 0 6px;
  }
}
/*page-css*/
/*----공통----*/
.d-flex {
  display: flex;
  align-items: center;
}
.d-block {
  display: block;
}
.d-none {
  display: none;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3333%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-66 {
  width: 66.6666%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.none2 {
  width: 100%;
  height: 20px;
}
.none3 {
  width: 100%;
  height: 30px;
}
.none4 {
  width: 100%;
  height: 40px;
}
.none5 {
  width: 100%;
  height: 50px;
}
.none6 {
  width: 100%;
  height: 60px;
}
.none7 {
  width: 100%;
  height: 70px;
}
.none8 {
  width: 100%;
  height: 80px;
}
.none9 {
  width: 100%;
  height: 90px;
}
.none10 {
  width: 100%;
  height: 100px;
}
.ai-fs {
  align-items: flex-start;
}
.ai-fe {
  align-items: flex-end;
}
.word-b {
  word-break: break-all;
}
.m-auto {
  margin: 0 auto;
}
.ob-f {
  object-fit: fill;
}
.ob-c {
  object-fit: cover;
}
.po-r {
  position: relative;
}
.po-a {
  position: absolute;
}
.po-ac {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/*----공통 mobile----*/
/*타이틀 컬러 지정*/
.ttl-color {
  color: #00325b !important;
}
.tc {
  color: #227ac1;
}
.ta {
  color: #4e5051;
}
.imp-color {
  color: #e92e2e;
}
/*폰트 사이즈 지정*/
.ttl {
  font-family: "Open Sans", "Noto sans KR", sans-serif;
}
.ttl h1 {
  font-size: 30px !important;
  margin: 0 !important;
}
.ttl h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
.ttl h3 {
  font-size: 22px !important;
  margin: 0 !important;
}
.ttl h4 {
  font-size: 20px !important;
  margin: 0 !important;
}
.ttl h5 {
  font-size: 18px !important;
  margin: 0 !important;
}
.ttl p {
  font-size: 16px !important;
  margin: 0 !important;
}
/*----공통 mobile----*/
@media (max-width: 580px) {
  .w-s-100 {
    width: 100%;
  }
  .d-s-block {
    display: block !important;
  }
  .d-s-none {
    display: none;
  }
  .pt-s-10 {
    padding-top: 10px !important;
  }
  .pt-s-20 {
    padding-top: 20px !important;
  }
  .pb-s-10 {
    padding-bottom: 10px !important;
  }
  .pb-s-20 {
    padding-bottom: 20px !important;
  }
  .none3 {
    width: 100%;
    height: 15px;
  }
  .none4 {
    width: 100%;
    height: 20px;
  }
  .none5 {
    width: 100%;
    height: 25px;
  }
  .none6 {
    width: 100%;
    height: 30px;
  }
  .none7 {
    width: 100%;
    height: 35px;
  }
  .none8 {
    width: 100%;
    height: 40px;
  }
  .none9 {
    width: 100%;
    height: 45px;
  }
  .none10 {
    width: 100%;
    height: 50px;
  }
  .ttl h1 {
    font-size: 24px !important;
  }
  .ttl h2 {
    font-size: 22px !important;
  }
  .ttl h3 {
    font-size: 20px !important;
  }
  .ttl h4 {
    font-size: 18px !important;
  }
  .ttl h5 {
    font-size: 16px !important;
  }
  .ttl p {
    font-size: 14px !important;
  }
}
.ttl h1 {
  display: inline-block;
  border-bottom: 5px solid rgba(30, 120, 192, 0.1);
  margin-top: 10px;
  font-weight: bold;
}
.ttl-sub-bd {
  border-top: 1px solid #d3d3d4;
}
.tr-b {
  transition-property: background-color;
  transition-duration: 0.8s;
}
.bgray {
  background-color: #edf1f5;
}
/*table-css*/
.han-table table {
  width: 100%;
  border-collapse: collapse;
}
.han-table table thead {
  font-weight: bold;
  font-size: 18px;
}
.han-table tr th {
  background: #edf1f5;
  color: #222426 !important;
  font-size: 16px;
}
.hbbd tr th {
  border-top-color: #222426 !important;
  border-bottom-color: #222426 !important;
}
.htbd tr th {
  border-top-color: #222426 !important;
}
.han-table table tbody {
  color: #4e5051;
  font-size: 15px;
}
.han-table tr {
  height: fit-content;
}
.han-table th, .han-table tr, .han-table td {
  border: solid 1px #d3d3d4;
  text-align: center;
}
.han-table .ta-l th, .han-table .ta-l tr, .han-table .ta-l td {
  text-align: left;
}
.han-table th, .han-table td {
  padding: 10px 20px;
}
.han-table tr td:first-of-type, .han-table tr th:first-of-type {
  border-left-color: transparent;
}
.han-table tr td:last-of-type, .han-table tr th:last-of-type {
  border-right-color: transparent;
}
.han-table.hfirst tr td:nth-of-type(1) {
  background: #edf1f5;
  color: #222426;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.ttl-box {
  color: #227ac1 !important;
  background-color: #ffec40;
  font-weight: bold;
}
.han-table table a {
  border-bottom: 1px solid #227ac1;
}
@media (max-width: 580px) {
  .han-table th, .han-table td {
    padding: 10px 5px;
  }
  .han-table tr th, .han-table.hfirst tr td:nth-of-type(1) {
    font-size: 14px;
  }
  .han-table table tbody {
    font-size: 13px;
  }
}
/*long-tab-scroll*/
.xe-widget-wrapper {
  overflow: inherit;
}
.academi {
  position: sticky;
  top: 0;
  background: #fff;
  padding: 20px 0 10px;
}
.academi ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.academi ul li {
  text-align: center;
  display: inline-block;
  list-style: none;
  padding: 13px 0;
}
.academi ul li a {
  border: 1px solid #d3d3d4;
  padding: 9px 35px;
  width: 100%;
  font-size: 18px;
  color: #484848;
  line-height: 24px;
}
.academi li a.on {
  font-weight: bold;
  color: #227ac1;
  border-color: #227ac1;
}
.aca-1, .aca-2, .aca-3, .aca-4, .aca-5 {
  padding-bottom: 50px;
}
@media (max-width: 992px) {
  .academi {
    padding-top: 50px;
    background: none;
  }
  .academi ul li {
    background: #fff;
  }
}
@media (max-width: 580px) {
  .academi ul {
    display: block;
  }
  .academi ul li {
    display: grid;
    padding: 0;
  }
}
.xe_content ul, .xe_content ol, .rhymix_content ul, .rhymix_content ol {
  padding: 0;
  margin: 0;
}
/*btn*/
.lan_btn btn {
  width: 43px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #227ac1;
  color: #227ac1;
  cursor: pointer;
}
.lan_btn btn:nth-child(1) {
  border-right: none;
  background-color: #227ac1;
  color: white;
}
/*sub-menu-1-intoduction*/
/*OIA Greeting*/
.mid-title ul {
  width: 150px;
  height: 50px;
  border: 1px solid #1e78c0;
  float: right;
  transition-property: background-color;
  transition-duration: 0.6s;
}
.mid-title li {
  line-height: 50px;
  color: #1e78c0;
  list-style: none;
}
.mid-title ul:hover {
  background-color: #1e78c0;
}
.mid-title ul:hover li {
  color: white;
}
@media (max-width: 992px) {
  .sub01_img .po-ac {
    top: 23%;
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 580px) {
  .mid-title ul {
    float: none;
    width: 100%;
    padding: 0 20px;
    margin: 20px 0;
  }
  .sub01_img img {
    height: 120px;
    object-fit: cover;
  }
  .ttl .sub01_img h3 {
    font-size: 14px !important;
  }
}
@media (max-width: 400px) {
  .sub01_img .po-ac {
    top: 22%;
  }
}
@media (max-width: 360px) {
  .sub01_img .po-ac {
    top: 21%;
  }
}
@media (max-width: 330px) {
  .sub01_img .po-ac {
    top: 19.5%;
  }
  .ttl .sub01_img h3 {
    font-size: 12px !important;
  }
}
/*OIA staff*/
.staff .org-sub .fw-b:nth-of-type(3) {
  display: none;
}
.staff .org-ttl div .bg-night {
  height: 70px;
  line-height: 50px;
}
@media (max-width: 580px) {
  .staff .org-ttl div p {
    height: 110px !important;
    line-height: 2;
  }
  .staff .org-ttl .bg-night {
    line-height: 90px !important;
  }
}
/*global*/
.global-box {
  padding: 40px 130px;
}
.global-box aside:first-of-type {
  padding-bottom: 30px;
}
.global-box h4 {
  color: #4e5051;
  border-top: 1px solid #d3d3d4;
  padding-top: 20px;
}
.graph div {
  margin: 20px 0;
}
.graph-shape {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  background: #d3d3d4;
  color: #fff;
  font-weight: bold;
}
.graph-shape span {
  padding: 7px 20px;
  height: 100%;
  display: inline-block;
}
.graph-txt {
  padding-left: 20px;
  color: #76787a;
}
.graph-cont1 .graph-shape span {
  background: #3d8ccc;
  width: 75%;
}
.graph-cont2 .graph-shape span {
  background: #227ac1;
  width: 70%;
}
.graph-cont3 .graph-shape span {
  background: #1f69a6;
  width: 90%;
}
.graph-cont4 .graph-shape span {
  background: #00467f;
  width: 85%;
}
.graph-cont5 .graph-shape span {
  background: #0b4575;
  width: 80%;
}
@media (max-width: 580px) {
  .ttl .graph p.graph-shape {
    font-size: 11px !important;
  }
  .global-box {
    padding: 20px;
  }
  .graph-shape span {
    padding: 10px 10px;
  }
  .netw-cont div:nth-of-type(2) {
    margin: 0 !important;
  }
}
/*circle-graph*/
.inter-box {
  background: #f5f5f5;
  padding: 40px;
}
.circle {
  padding-left: 30px;
}
.cir-img {
  position: relative;
}
.cir-img p {
  position: absolute;
  font-weight: bold;
  display: none;
  transition: all 0.3s;
}
.cir-img p:nth-of-type(1) {
  top: 90px;
  left: 70px;
}
.cir-img p:nth-of-type(2) {
  top: 80px;
  left: 250px;
}
.cir-img p:nth-of-type(3) {
  top: 230px;
  left: 50px;
}
.cir-img p:nth-of-type(4) {
  top: 310px;
  left: 150px;
}
.cir-img p:nth-of-type(5) {
  top: 240px;
  left: 290px;
}
.cir-img:hover p {
  display: block;
}
/*img-link*/
.netw {
  height: 250px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.netw img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n-hover-btn {
  width: 100%;
  height: 100%;
}
.n-hover-btn a {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  text-align: center;
  transition: all 0.3s;
}
.netw-cont div:nth-of-type(2) {
  margin: 0 40px;
}
.netw-cont > div:hover .n-hover-btn a {
  display: block;
  background: rgba(0, 28, 51, 0.7);
}
.netw-cont > div:hover .n-hover-btn {
  display: block;
}
@media (max-width: 992px) {
  .netw {
    margin-top: 20px;
  }
}
/*organization*/
.org-box p {
  font-size: 15px !important;
}
.org-ttl {
  width: 80%;
  margin: 0 auto;
}
.org-ttl div p {
  height: 70px;
  padding: 10px 20px;
}
.bg-dark {
  background: #001c33;
  color: #fff;
}
.bg-night {
  background: #00467f;
  color: #fff;
}
.bg-dgray {
  background: #7a7c7d;
  color: #fff;
}
.hr-b, .hr-m {
  width: 1px;
  height: 10px;
  display: flex;
  background-color: black;
  margin: 0 auto;
}
.hr-b {
  width: 1px;
  height: 30px;
}
.hr-m {
  width: 1px;
  height: 10px;
}
.hr-s {
  width: 16.666%;
  height: 30px;
}
.org-sub-box article {
  padding: 0 10px;
}
.org-sub p {
  font-size: 14px !important;
  border: 1px solid #ddd;
  border-top: none;
  padding: 10px;
  text-align: center;
  color: #7a7c7d;
}
.org-sub p:nth-of-type(1) {
  height: 65px;
}
.org-sub p:nth-of-type(2) {
  height: 85px;
}
.kor .org-sub p:nth-of-type(2) {
  height: 55px;
}
.org-sub p:nth-of-type(3) {
  height: 40px;
}
.org-sub-ttl {
  height: 120px;
  padding: 10px;
}
.org-kor-sheet {
  display: none;
}
@media (max-width: 580px) {
  .org-ttl {
    width: 100%;
  }
  .org-ttl div p {
    height: 110px;
  }
  .org-box .hr-box {
    display: none;
  }
  .org-sub-box.d-flex {
    display: block;
  }
  .org-sub-box.d-flex .w-33 {
    width: 100%;
    margin-bottom: 30px;
  }
  .org-sub p:nth-of-type(1), .org-sub p:nth-of-type(2), .org-sub p:nth-of-type(3) {
    height: fit-content;
  }
}
/*partner*/
.map-container {
  border: 1px solid #eee;
  position: relative;
}
.map-cont {
  position: absolute;
  z-index: 2;
  text-align: center;
  cursor: pointer;
}
.map-cont h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.map-cont.map-1 {
  top: 170px;
  left: 113px;
}
.map-cont.map-2 {
  top: 460px;
  left: 256px;
}
.map-cont.map-3 {
  top: 80px;
  left: 615px;
}
.map-cont.map-4 {
  top: 220px;
  left: 647px;
}
.map-cont.map-5 {
  top: 360px;
  left: 632px;
}
.map-cont.map-6 {
  top: 200px;
  left: 913px;
}
.map-cont.map-7 {
  top: 500px;
  left: 1045px;
}
.map-cont.map-8 {
  top: 156px;
  left: 1008px;
}
.map-cont.map-8 img {
  width: 70px;
}
.table-hidden {
  display: none;
  margin: 0px auto;
  height: 500px;
  overflow-y: scroll;
  border-bottom: 2px solid #edf1f5;
}
@media (max-width: 580px) {
  .map-cont {
    display: none;
  }
  .table-hidden {
    display: block;
  }
}
/*Shanghi Center*/
.center_img01 {
  background-image: url("/files/attach/images/sub/center_img.jpg");
  width: 100%;
  height: 500px;
  background-size: cover;
  position: relative;
}
.center_img01 p {
  position: absolute;
  bottom: 5%;
  left: 5%;
}
.c_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  height: 325px;
}
.c_list_l {
  width: 35%;
  background-color: #e9eaea;
}
.c_list_r {
  width: 65%;
  background-color: #edf1f5;
}
.c_list ul {
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  padding-left: 0;
}
.c_list li {
  list-style: none;
}
.c_list_l li {
  text-align: center;
  line-height: 28px;
  margin-bottom: 50px;
}
.c_list_r li b {
  font-size: 16px;
}
.c_list_r li {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 25px;
}
@media (max-width: 580px) {
  .c_list {
    display: block;
    height: fit-content;
  }
  .c_list_l, .c_list_r, .c_list ul {
    width: 100%;
  }
  .c_list ul {
    margin-top: 0;
  }
  .c_list_l li {
    padding: 20px 15px;
    margin-bottom: 0px;
  }
  .c_list_r li {
    padding: 10px 15px;
    margin-bottom: 0;
  }
}
/*sub-menu-2-incomming*/
/*summer-winter-school*/
li {
  list-style: none;
}
.overview {
  background-color: #edf1f5;
  width: 100%;
  overflow: hidden;
}
.over_wrap article {
  padding: 20px 0;
  overflow: hidden;
}
.over_wrap article ul {
  float: left;
}
.over_left {
  width: 15%;
  text-align: center;
  overflow: hidden;
}
.over_left img {
  text-align: right;
}
.over_right {
  width: 70%;
  float: right;
  overflow: hidden;
}
.over_right li {
  margin-bottom: 8px;
}
.summer_list {
  width: 100%;
  overflow: hidden;
}
.summer_list article {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.summer_list ul:nth-child(1) {
  width: 20%;
}
.summer_list ul:nth-child(2) {
  width: 80%;
}
.contact_list {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.contact_list article {
  background-color: #f5f5f5;
  flex: 0 0 32%;
}
.contact_list ul {
  padding: 40px 20px;
}
.contact_list ul li:nth-child(1) {
  font-weight: bold;
}
@media (max-width: 580px) {
  .contact_list {
    display: block;
  }
  .contact_list ul {
    padding: 20px;
  }
  .summer_list article {
    display: block;
  }
  .summer_list ul:nth-child(1) {
    width: 100%;
  }
  .summer_list ul:nth-child(2) {
    width: 100%;
  }
  .over_wrap article {
    padding: 15px;
  }
  .over_wrap article ul {
    float: none;
    width: 100%;
    padding: 10px;
  }
}
/*japan-school*/
.useful ul:nth-child(2) {
  width: 168px;
  height: 40px;
  border: 1px solid black;
}
.useful ul:nth-child(2):hover {
  background-color: #227ac1;
}
.useful ul:nth-child(2):hover li {
  color: white;
}
.useful ul:nth-child(2) li {
  line-height: 40px;
}
.kor_sheet .contact_list article, .japan_sheet .contact_list article {
  flex: 0 0 48%;
}
.contact_list02 {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.contact_list02 article {
  background-color: #f5f5f5;
  flex: 0 0 24%;
}
.contact_list02 ul {
  padding: 40px 20px;
}
.contact_list02 ul li:nth-child(1) {
  font-weight: bold;
}
.pic_list_wrap article {
  background-color: #edf1f5;
  flex: 0 0 49%;
}
.pic_left ul {
  margin-bottom: 30px;
}
.pic_left ul li {
  margin-bottom: 15px;
}
.pic_right ul {
  margin-bottom: 30px;
}
.pic_right ul li {
  margin-bottom: 15px;
}
.japan_sheet {
  display: none;
}
@media (max-width: 580px) {
  .useful, .pic_list_wrap, .contact_list02 {
    display: block !important;
  }
  .useful ul:nth-child(2) {
    width: 100%;
  }
  .pic_list_wrap article {
    margin: 10px 0;
    padding: 20px 15px !important;
  }
  .contact_list02 ul {
    padding: 20px;
  }
}
/*project */
.project-txt {
  padding-left: 20px;
  font-size: 16px;
}
@media (max-width: 580px) {
  .project-txt {
    padding-left: 0px;
    font-size: 14px;
    margin-top: 20px;
  }
}
/*sub-menu-4-admissions*/
.online_degree #content {
  padding: 50px 0;
}
.online_degree .sub_top_banner {
  background-image: url(/files/attach/images/sub/online_degree.png);
}
/*Regular Admission Guide*/
.rag-box {
  padding: 70px;
}
.rag-box p {
  font-weight: bold;
  padding: 10px;
  background: #fff;
  border: 1px solid #222426;
  display: inline-block;
}
.bh_han_box_wrap {
  background-color: #edf1f5;
  padding: 50px;
}
.bh_han_box_wrap .bh_han_box {
  display: inline-block;
  width: 100%;
  height: 120px;
  font-size: 18px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #222426;
}
.bh_han_box_wrap .bh_han_box.color2 {
  color: #fff;
  background-color: #254061;
}
.bh_han_box_wrap .bh_han_box.color3 {
  color: #fff;
  background-color: #953735;
}
.bh_han_box_wrap .bh_han_box > div {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
}
/*Regular Admission Results*/
.inter-box {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.inter-box:last-of-type {
  margin-left: 20px;
}
.inter-box:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.8);
}
.inter-box img {
  /* position: relative; */
  height: 100%;
  overflow: hidden;
}
.inter-btn {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 40px;
  width: fit-content;
  padding: 10px 20px;
  background-color: rgba(0, 28, 51, 0.8);
  color: #fff;
  transition: all 0.3s;
}
.inter-box:hover .inter-btn {
  background-color: rgba(0, 70, 127, 0.8);
}
.inter-box .inter-btn a {
  border-bottom: 1px solid transparent;
}
.inter-box:hover .inter-btn a p:first-of-type {
  border-bottom: 1px solid #fff;
}
@media (max-width: 580px) {
  .inter-box:last-of-type {
    margin-left: 0;
  }
}
/*insurance*/
.in_btn:hover li {
  color: white;
}
.in_btn:hover {
  background-color: #001c33;
}
/*Counseling Program*/
.eng_sheet {
  display: none;
}
.chn_sheet {
  display: none;
}
@media (max-width: 992px) {
  .counseling .han-table table {
    margin-top: 15px;
  }
}
/*contact*/
.loca-cont {
  padding: 20px 50px;
  background: #00467f;
  color: #fff;
}
.loca-cont h4 {
  padding: 0 50px;
}
@media (max-width: 580px) {
  .loca-cont h4 {
    padding: 0 0 20px 0;
  }
}
.lan_btn btn {
  text-transform: uppercase;
}
.gg_write_right {
  cursor: pointer;
}
.gg_btn_agree {
  transition: all 0.5s;
}
.gg_btn_agree:hover .gg_btn_color {
  color: #00457b !important;
  background: #fff !important;
  border: 1px solid #00457b;
}
.top_banner {
  opacity: 0;
  margin-top: -44px;
  border-bottom: 1px solid #dfdfdf;
}
.top_banner .bh_wrap {
  position: relative;
}
.top_banner .bh_wrap > span {
  display: inline-block;
  border-left: 1px solid #dfdfdf;
  padding: 10px 20px;
}
.top_banner .bh_wrap > div {
  display: inline-block;
  width: 850px;
  vertical-align: middle;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding: 0 15px;
  margin-top: -5px;
}
.bh .top_banner .top_banner_close {
  position: absolute;
  top: 50%;
  right: 50px;
  color: #cacaca;
  font-size: 15px;
  background: none;
  border: 0;
  margin-top: -12px;
  cursor: pointer;
}
.bh .top_banner .top_banner_close > i {
  font-size: 22px;
  vertical-align: middle;
  margin-top: -5px;
}
@media (max-width: 768px) {
  .root_daum_roughmap {
    max-width: 100%;
    height: 400px;
  }
}
@media (max-width: 992px) {
  .sub4_05 .select-box div {
    width: 100%;
    height: auto;
  }
  .select-box div:nth-of-type(2) {
    margin: 0 !important;
  }
}
.visit .gg_write_table .grid {
  width: auto !important;
}
.visit .gg_write_table .grid .gg_right input[type=text], .visit .gg_right textarea, .visit .grid.grid_text select {
  font-size: 12px !important;
  padding: 10px !important;
  margin-top: 10px;
}
/* Official Visit Request */
.visit_page .sub_top_banner, .visit_form .sub_top_banner, .visit_board .sub_top_banner {
  background-image: url(/assets/images/sub/banner/visit.png);
}
.form_page {
  color: #424242;
}
.form_page .pt-55 {
  padding-top: 55px;
}
.form_page .section_content .content {
  margin-bottom: 50px;
}
.form_page .section_content .content:last-child {
  margin-bottom: 0;
}
.form_page .form_title {
  font-size: 18px;
  font-weight: bold;
  color: #00457b;
  margin-bottom: 15px;
}
.form_page .list_text p {
  position: relative;
  padding-left: 16px;
  margin-bottom: 10px !important;
}
.form_page .list_text p:last-child {
  margin-bottom: 0 !important;
}
.form_page .list_text p::before {
  position: absolute;
  content: "•";
  color: #bdbdbd;
  top: 0;
  left: 0;
}
.form_page .schedule_wrap {
  display: flex;
  flex-wrap: wrap;
}
.form_page .schedule_wrap .box {
  width: calc(100% / 5);
  text-align: center;
}
.form_page .schedule_wrap .box .box_title {
  font-weight: 500;
  color: #00457b;
  background-color: #e9f1f9;
  border-right: solid 1px rgba(33, 122, 193, 0.3);
  padding: 12px;
}
.form_page .schedule_wrap .box:last-child .box_title {
  border-right: 0;
}
.form_page .schedule_wrap .box .box_time {
  font-size: 15px;
  padding: 16px;
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
}
.form_page .schedule_wrap .box:last-child .box_time {
  border-right: 0;
}
.form_page .btn_wrap {
  text-align: center;
}
.form_page .btn_wrap .form_btn {
  display: inline-block;
  padding: 10px 76px;
  margin-left: 0;
  margin-top: 30px;
}
.form_page .btn_wrap .form_btn:hover {
  color: #3f48cc !important;
}
@media (max-width: 992px) {
  .form_page .pt-55 {
    padding-top: 30px;
  }
  .form_page .form_title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .form_page .section_content .content {
    margin-bottom: 25px;
  }
  .form_page .schedule_wrap .box {
    width: calc(100% / 3);
  }
  .form_page .schedule_wrap .box .box_time {
    font-size: 14px;
    padding: 15px;
  }
  .form_page .schedule_wrap .box:nth-of-type(3) .box_title {
    border-right: 0;
  }
  .form_page .schedule_wrap .box:nth-of-type(3) .box_time {
    border-right: 0;
  }
}
/* slider */
.swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1 {
  font-size: 5.5rem;
}
.swiper-main .item.item1 .slider_content_wrap span.slider_content_text_2 {
  font-size: 3rem;
}
.swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1 {
  font-size: 5.5rem;
}
.swiper-main .item.item2 .slider_content_wrap span.slider_content_text_2 {
  font-size: 3rem;
}
.swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1 {
  font-size: 5.5rem;
}
.swiper-main .item.item3 .slider_content_wrap span.slider_content_text_2 {
  font-size: 3rem;
}
@media (max-width: 991.98px) {
  .swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1 {
    font-size: 2.2rem;
  }
  .swiper-main .item.item1 .slider_content_wrap span.slider_content_text_2 {
    font-size: 1.8rem;
  }
  .swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1 {
    font-size: 2.2rem;
  }
  .swiper-main .item.item2 .slider_content_wrap span.slider_content_text_2 {
    font-size: 1.8rem;
  }
  .swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1 {
    font-size: 2.2rem;
  }
  .swiper-main .item.item3 .slider_content_wrap span.slider_content_text_2 {
    font-size: 1.8rem;
  }
}
/*# sourceMappingURL=57cb7256d8b7d7f379cd6a4e7abd73c8fd61743c.page.scss.map */