@charset "UTF-8";
/* ------------------------
 * global
 * ---------------------- */
.clearfix:after, .clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.mont {
  font-family: 'Montserrat', sans-serif;
}

.pc_hide {
  display: none;
}

.m_hide {
  display: block;
}

.m_menu, .mo_wrap {
  display: none;
}

html {
  -webkit-text-size-adjust: none;
}

html.lock {
  overflow: hidden;
}

body {
  letter-spacing: -.75px;
}

.main_section {
  padding: 80px 0;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* ------------------------
 * 변수
 * ---------------------- */
@-webkit-keyframes ROUND {
  0%, 100% {
    background-size: 100%;
  }
  50% {
    background-size: 400%;
  }
}
@keyframes ROUND {
  0%, 100% {
    background-size: 100%;
  }
  50% {
    background-size: 400%;
  }
}

@-webkit-keyframes LEFTRIGHT {
  0%, 100% {
    background-position: center;
  }
  20% {
    background-position: 20% 10%;
  }
  35% {
    background-position: 10% 90%;
  }
  60% {
    background-position: 90% 20%;
  }
  80% {
    background-position: 80% 90%;
  }
}

@keyframes LEFTRIGHT {
  0%, 100% {
    background-position: center;
  }
  20% {
    background-position: 20% 10%;
  }
  35% {
    background-position: 10% 90%;
  }
  60% {
    background-position: 90% 20%;
  }
  80% {
    background-position: 80% 90%;
  }
}

/* ------------------------
 * important
 * ---------------------- */
.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.main_section .sub_title_box {
  font-size: 1.875rem;
  color: #aeaeae;
}

.main_section .main_title_box {
  font-size: 2.8125rem;
  color: #465266;
}

.swiper-button-next, .swiper-button-prev {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.swiper-button-next:focus, .swiper-button-prev:focus {
  outline: none;
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

/* ------------------------
 * header
 * ---------------------- */
header:not(.bo_v_header) {
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background: transparent;
  border-bottom: 1px solid #fff;
  transition: 0.4s ease-in-out;
}

header .off {
  display: none;
}

header.active {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
}
header.active .pc_tel .mark{color:#83AFFF}
header.active .pc_tel .tel{color:#83AFFF}
header.active .header_center_menu li a {
  color: #465266;
}

header.active .header_center_menu li.active a {
  color: #83AFFF;
}

header.scroll {
  background: #eee;
  border-bottom: 1px solid #aeaeae;
}
header.scroll .pc_tel .mark{color:#83AFFF}
header.scroll .pc_tel .tel{color:#83AFFF}
header.scroll .bottom_wrapper {
  padding: 10px 0;
}

header.scroll .header_center_menu li a {
  color: #465266;
}

header.scroll .header_center_menu li.active a {
  color: #83AFFF;
}

header.scroll .main_logo {
  display: none;
}

header.scroll .sub_logo {
  display: block;
}

header.scroll .full_menu {
  top: 176px;
}

header .top_wrapper {
  position: relative;
  padding: 5px 0;
  width: auto;
  background: white;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
}

header .top_logo {
  position: relative;
  padding: 15px 0;
  width: auto;
}
header .top_logo .wrap{max-width:1500px;margin:Auto;}

header .bottom_wrapper {
  width: 1600px;
  margin: 0 auto;
  padding: 15px 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  clear:both
}

header .header_account {
  width: 1600px;
  margin: 0 auto;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

header .header_account > ul {
  width: 140px;
  float: right;
}

header .header_account li {
  float: left;
  font-size: 1rem;
  text-align: center;
  width: 50%;
}

header .header_account a {
  color: #465266;
  font-weight: 700;
}

header .header_account a:hover {
  color: #83AFFF;
  font-weight: 700;
}

header .header_left_logo {
  width: 200px;
  float: left;
}

header .header_center_menu {
  /*width: calc(100% - 200px);
  float: left;
  position: relative;
  line-height: 40px;*/
}

header .pc_logo {
  width: 260px;
  display:inline-block;
}

header .pc_logo img {
  width: 100%;
}

header .pc_tel {
 float:right;
  font-size:30px;
  color:#FFF;
  width:30%
}

header .pc_tel .mark {float:left;width:47%;font-size:18px}
header .pc_tel .mark img{
	width:60px;
	float:left;margin:0 20px 0 0
}
header .pc_tel .tel{float:right;}

header .main_menu li {
  position: relative;
  float: left;
  font-size: 1.3rem;
  text-align: center;
  width: 20%;
  font-weight: 500;
}

header .main_menu a {
  color: #fff;
}

header .header_right_account li {
  float: left;
  font-size: 1rem;
  text-align: center;
  width: 50%;
}

.full_menu {
  background: #fff;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: 186px;
  left: 0;
  z-index: 9999;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-top: 1px solid #aeaeae;
}

.full_menu .full_menu_wrapper {
  width: 1600px;
  margin: 0 auto;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.full_menu .double_wrapper {
  /*width: calc(100% - 200px);
  float: right;*/
}

.full_menu .depth02 {
  color: #fff;
  width: 20%;
  height: auto !important;
  padding: 20px 0;
  -webkit-transition: none;
  transition: none;
  text-align: center;
  z-index: 9999;
  float: left;
  margin: 0 auto;
  position: relative;
}

.full_menu .depth02 .head_text {
  padding: 15px 0;
  display: block;
  font-size: 16px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #aeaeae;
  font-weight: bold;
}

.full_menu .depth02 > li {
  width: 80%;
  margin: auto;
}

.full_menu .depth02 > li > a {
  color: #aeaeae;
  padding: 5px 0;
  display: block;
  position: relative;
  font-size: 1.175rem;
  word-break: keep-all;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.full_menu .depth02 > li > a:hover {
  color: #83AFFF;
}

.full_menu .depth02 > li {
  position: relative;
  top: 0;
}

.full_menu.active {
  opacity: 1;
  visibility: visible;
}

/* ------------------------
 * section_1
 * ---------------------- */
.section_1 {
  padding-top: 0;
  position: relative;
}

.section_1 .main_swiper .swiper-container {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.section_1 .main_swiper .swiper-slide {
  text-align: center;
  font-size: 1.125rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90vh;
}

.section_1 .main_swiper .swiper-slide .swiper_main {
  font-size: 2rem;
  color: white;
  margin-bottom: 10px;
}

.section_1 .main_swiper .swiper-slide .swiper_bottom {
  font-size: 1.2rem;
  color: white;
}

.section_1 .main_swiper .swiper-slide .text_area {
  display: inline-block;
  text-align: left;
  position: absolute;
  top: 60%;
  right: 64%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.section_1 .main_swiper .swiper-slide .text_area:before {
  content: "";
  display: block;
  width: 140%;
  height: 1px;
  background: #fff;
}

.section_1 .main_swiper .swiper-slide.bg1 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 90, 208, 0.62)), to(rgba(26, 90, 208, 0.62))), url(/images/main_slide_01.jpg) no-repeat center/cover;
  background: linear-gradient(to right, rgba(26, 90, 208, 0.62), rgba(26, 90, 208, 0.62)), url(/images/main_slide_01.jpg) no-repeat center/cover;
}

.section_1 .main_swiper .swiper-slide.bg2 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(96, 208, 26, 0.62)), to(rgba(96, 208, 26, 0.62))), url(/images/main_slide_01.jpg) no-repeat center/cover;
  background: linear-gradient(to right, rgba(96, 208, 26, 0.62), rgba(96, 208, 26, 0.62)), url(/images/main_slide_01.jpg) no-repeat center/cover;
}

.section_1 .main_swiper .swiper-slide.bg3 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(156, 90, 208, 0.62)), to(rgba(156, 90, 208, 0.62))), url(/images/main_slide_01.jpg) no-repeat center/cover;
  background: linear-gradient(to right, rgba(156, 90, 208, 0.62), rgba(156, 90, 208, 0.62)), url(/images/main_slide_01.jpg) no-repeat center/cover;
}

.section_1 .swiper-button-prev {
  background: url(/images/swiper_prev_btn.png) no-repeat;
  width: 54px;
  height: 54px;
  top: 70%;
  left: auto;
  right: 78%;
  z-index: 500;
}

.section_1 .swiper-button-next {
  background: url(/images/swiper_next_btn.png) no-repeat;
  width: 54px;
  height: 54px;
  top: 70%;
  left: auto;
  right: 74%;
  z-index: 500;
}

.section_1 .sub_swiper {
  width: 865px;
  position: absolute;
  top: 20vh;
  right: 8%;
  z-index: 100;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.section_1 .sub_swiper .swiper-slide {
  height: 70vh;
}

.section_1 .sub_swiper .bg1 {
  background: url(/images/main_sub01.jpg) no-repeat center/cover;
}

.section_1 .sub_swiper .bg2 {
  background: url(/images/main_sub02.jpg) no-repeat center/cover;
}

.section_1 .sub_swiper .bg3 {
  background: url(/images/main_sub03.jpg) no-repeat center/cover;
}

.section_1 img {
  width: 100%;
}

/* ------------------------
 * section_2
 * ---------------------- */
.section_2 {
  padding: 120px 0 80px;
}

.section_2 .top_container {
  text-align: center;
  margin-bottom: 60px;
}

.section_2 .bottom_container {
  padding-top: 90px;
}

.section_2 .bottom_container .con1 {
  margin-bottom: 200px;
}

.section_2 .bottom_container .con1 .bar {
  width: 100%;
  height: 2px;
  background: #aeaeae;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.section_2 .bottom_container .con1 .bar a:hover img {
  margin-top: -15px;
}

.section_2 .bottom_container .con1 .box {
  font-size: 1.5625rem;
  color: #465266;
  position: relative;
  min-height: 100px;
}

.section_2 .bottom_container .con1 .box:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #aeaeae;
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.section_2 .bottom_container .con1 .box img {
  position: absolute;
  top: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.section_2 .bottom_container .con1 .box p {
  margin-top: 10px;
}

.section_2 .bottom_container .con2 {
  background: url(/images/cert_bg.png) no-repeat center/cover;
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
}

.section_2 .bottom_container .con2 .medal_container img {
  position: absolute;
  bottom: 0;
  left: 10%;
}

.section_2 .bottom_container .con2 .cert_wrapper {
  color: #fff;
  margin-left: 30%;
}

.section_2 .bottom_container .con2 .cert_wrapper h1 {
  font-size: 2.26rem;
}

.section_2 .bottom_container .con2 .cert_wrapper h1 span {
  font-size: 2.26rem;
  font-weight: 300;
}

.section_2 .bottom_container .con2 .cert_wrapper h1 .pc_weight {
  font-weight: 700;
}

.section_2 .bottom_container .con2 .cert_wrapper p {
  font-size: 1.375rem;
  font-weight: 300;
}

/* ------------------------
 * section_3
 * ---------------------- */
.section_3 {
  padding-bottom: 160px;
  position: relative;
}

.section_3 .top_container {
  margin: 0 auto;
  padding-bottom: 60px;
  max-width: 1200px;
  text-align: center;
}

.section_3 .swiper-container {
  padding-top: 70px;
}

.section_3 .swiper-slide {
  width: 100%;
  height: 545px;
  margin: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  overflow: hidden;
  position: relative;
}

.section_3 .swiper-slide.bg1 {
  background: url(/images/main_special01.jpg) no-repeat center/cover;
}

.section_3 .swiper-slide.bg2 {
  background: url(/images/main_special02.jpg) no-repeat center/cover;
}

.section_3 .swiper-slide.bg3 {
  background: url(/images/main_special03.jpg) no-repeat center/cover;
}

.section_3 .swiper-slide.bg4 {
  background: url(/images/main_special04.jpg) no-repeat center/cover;
}

.section_3 .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
}

.section_3 .swiper-slide.swiper-slide-active {
  position: relative;
  margin-top: -70px;
}

.section_3 .swiper-slide img {
  width: 100%;
}

.section_3 .swiper-slide .sub_container {
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 60%;
  height: 30%;
  border-left: 3px solid #83AFFF;
  padding: 50px 40px;
  background: white;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), color-stop(90%, white));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, white 90%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section_3 .swiper-slide .sub_container .img_box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.section_3 .swiper-slide .sub_container .text_box {
  -webkit-box-flex: 3.5;
      -ms-flex: 3.5;
          flex: 3.5;
  margin-left: 20px;
}

.section_3 .swiper-slide .sub_container .text_box .sub_text {
  font-size: 1.375rem;
  font-weight: 300;
  color: #465266;
}

.section_3 .swiper-slide .sub_container .text_box .main_text {
  font-size: 2.8rem;
  font-weight: 400;
  color: #465266;
}

.section_3 .swiper-button-prev {
  left: 14%;
  background: url(/images/blue_prev_btn.png) no-repeat center/cover;
  width: 54px;
  height: 54px;
  margin-top: 0;
}

.section_3 .swiper-button-next {
  right: 14%;
  background: url(/images/blue_next_btn.png) no-repeat center/cover;
  width: 54px;
  height: 54px;
  margin-top: 0;
}

/* ------------------
 * section_4
 * ----------------- */
.section_4 {
  padding: 120px 0;
  background: url(/images/main_guide01.png) no-repeat center/cover;
}

.section_4 .top_container {
  text-align: center;
  padding-bottom: 60px;
}

.section_4 .bottom_container {
  height: 20rem;
}

.section_4 .bottom_container > div {
  height: 100%;
}

.section_4 .con1 {
  width: 40%;
  float: left;
  position: relative;
}

.section_4 .con1 a:nth-of-type(1) .con_box {
  background: url(/images/main_guide02.png) no-repeat center/cover;
  margin-bottom: 2%;
}

.section_4 .con1 a:nth-of-type(2) .con_box {
  background: url(/images/main_guide03.png) no-repeat center/cover;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.section_4 .con1 .con_box {
  padding: 2.75rem 1.25rem;
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
}

.section_4 .con1 .con_box:hover {
  color: #cccccc;
}

.section_4 .con1 .con_box img {
  position: relative;
}

.section_4 .con1 .con_box .sec4_icon {
  position: relative;
  margin-right: 1.25rem;
}

.section_4 .con1 .con_box .sec4_icon:before {
  content: "";
  display: block;
  position: absolute;
  padding: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.section_4 .con2 {
  width: 29%;
  float: left;
  margin: 0 1%;
  background: #83AFFF;
}

.section_4 .con2 .con_box {
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
}

.section_4 .con2 .con_box .title {
  font-size: 1.875rem;
}



.section_4 .con2 .con_box .con_text {
  font-size: 1.375rem;
}

.section_4 .con2 .con_box .con_text span {
  font-weight: 300;
  margin-right: 10px;
}

.section_4 .con3 {
  width: 29%;
  float: left;
  background: #6A9FFF;
  background: #6A9FFF url("/images/main_guide_bg.png") no-repeat 90% 90%;
}

.section_4 .con3 .con_box {
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
}

.section_4 .con3 .con_box .title {
  font-size: 1.875rem;
}

.section_4 .con3 .con_box .title:nth-last-of-type(1) {
  margin-bottom: 10rem;
}

.section_4 .con3 .con_box .con_text {
  font-size: 1.375rem;
  font-weight: 300;
}

.section_4 .con3 .con_box .con_text span {
  font-weight: 300;
  margin-right: 10px;
}

.section_4 .con3 .con_box .more_btn {
  display: inline-block;
  font-size: 1.375rem;
  border-radius: 20px;
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.8);
  color: #83AFFF;
  margin-top: 20px;
  width: 6rem;
  text-align: center;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.section_4 .con3 .con_box .more_btn:hover {
  color: #508eff;
  background: rgba(230, 230, 230, 0.8);
}

/* ------------------
 * section_5
 * ----------------- */
.section_5 {
  padding: 120px 0;
}

.section_5 .top_container {
  text-align: center;
  padding-bottom: 60px;
}

.section_5 .swiper-slide {
  width: 20%;
  margin: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  overflow: hidden;
  margin: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
}

.section_5 .swiper-slide.swiper-slide-active {
  position: relative;
}

.section_5 .swiper-slide img {
  width: 100%;
}

/* ------------------
 * footer
 * ----------------- */
footer {
  background: #83AFFF;
  padding: 70px 0;
}

footer .bottom_container {
  width: 1200px;
  margin: 30px auto 0;
}

footer .bottom_container .logo_box {
  width: 260px;
  float: left;
}

footer .bottom_container .logo_box img {
  width: 100%;
}

footer .bottom_container .copyright_box {
  width: calc(100% - 310px);
  float: right;
  margin-left: 50px;
}

footer .bottom_container .copyright_box p {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 2rem;
}

footer .bottom_container .copyright_box ul {
  margin: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

footer .bottom_container .copyright_box ul a {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 300;
  margin-left: 1.25rem;
}

/* ------------------
 * QUICK MENU
 * ----------------- */
.quick_menu {
  position: fixed;
  top: 20%;
  right: 15px;
  z-index: 2000;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  padding: 10px;
}

.quick_menu li {
  margin: 30px 0;
  font-size: 1rem;
  text-align: center;
  position: relative;
}

.quick_menu li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #465266;
  top: 120%;
}

.quick_menu li img {
  display: block;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 5px;
}
/*# sourceMappingURL=custom.css.map */