/**
* Template Name: Rapid - v2.2.0
* Template URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #444;
  font-family:"NotoSans", "Open Sans", sans-serif;
}

a {
  color: #e31c93;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #e31c93;
  outline: none;
  text-decoration: none;
}
.alink a:hover, a:active, a:focus {
  color: #fff;
  outline: none;
  text-decoration: none;
}
p {
  padding: 0;
  margin: 0 0 30px 0;
  line-height: 180%;
}

h1, h2, h3, h4, h5, h6 {
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

.bx-wrapper {width: 1920px; margin: 0 auto; box-shadow: none}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 30px}
.bx-wrapper .bx-prev { background: url(assets/images/main/btn_prev.png) no-repeat }
.bx-wrapper .bx-next { background: url(assets/images/main/btn_next.png) no-repeat !important}
.bx-wrapper .bx-next:hover { background: url(assets/images/main/btn_next.png) no-repeat }
.bx-wrapper .bx-controls-direction a {width: 36px; height: 70px}
.bx-wrapper .bx-prev {left: 20px}
.bx-wrapper .bx-next {right: 20px}
.bx-wrapper .bx-pager.bx-default-pager a {background-color: #eee; opacity: 70%}
.bx-wrapper .bx-pager.bx-default-pager a:hover {background-color: #00a0e0; }
.bx-wrapper .bx-pager {color: #00a0e0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #00a0e0 }


/* 목록버튼 */
.btn.btn-default.active.btn_border {border: #7f9ec4 1px solid; padding: 25px 60px; line-height: 2px }
.btn.btn-default.active.btn_border:hover {background-color: #edf6ff }

/* community */
.video_tit a {color:#333; font-size: 16px; margin-top: 6px;}
.video_tit a:hover {color:#e31c93; font-size: 16px; margin-top: 6px;}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #fff;
  color: #fff;
  width: 54px;
  height: 54px;
  text-align: center;
  line-height: 1;
  font-size: 18px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
  border: #ddd 1px solid;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15)
}

.back-to-top i {
  padding-top: 16px;
  color: #777;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #1bb1dc;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #fff;
  height: 35px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  transition: all 0.5s;
  background-color: #f9f9f9;
}

#topbar.topbar-transparent {
  /* background: transparent; */
}

#topbar.topbar-scrolled {
  top: -40px; height: 50px;
}


#topbar .member-links {line-height: 36px; height: 30px; margin-right: 30px}
#topbar .member-links a {font-size: 14px; color: #666}
#topbar .member-links a:hover {color: #e31c93}

#topbar .social-links a {
  color: #adadad;
  padding-left: 20px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
  padding: 10px;
}

#topbar .social-links a:hover {
  color: #e31c93;
}

#topbar .social-links a:first-child {
  border-left: 0;
}

#topbar .tel {
  background-color: #333;
  color: #fff;
    line-height: 35px;
    padding: 0 20px;
    margin-left: 10px;
}
#topbar .tel .tel_icon {
  padding-right:6px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 13px 0;
  top: 35px;
}

#header.header-transparent {
  /* background: transparent; */
}

#header.header-scrolled {
  top: 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
  z-index: 9997;
}

#header .logo {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  width:281px;
}

#header .logo a {
  color: #413e66;
}

#header .logo img {
  /* max-height: 40px; */
  width:100%;
}

@media (max-width: 992px) {
  #header {
    top: 0;
  }
  #header .logo {
    font-size: 28px;
  }
  .cont_tab .link_list.univ dl dd ul li a{font-size:14px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav {
/* SHH 211214 CSS 추가 */
  width:100%;

  /* Drop Down */
  /* Deep Drop Down */
}

.main-nav, .main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
  padding-left: 60px;
}

.main-nav a {
  display: block;
  position: relative;
  color: #222;
  padding: 10px 0;
  transition: 0.3s;
  font-size: 16px;
  font-family:"NotoSans", "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}

.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {
  color: #e31c93;
  text-decoration: none;
}

.main-nav .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  /*top: calc(100% - 30px);*/
  top: calc(100% - 10px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #e31c93;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  /* transition: ease all 0.3s; */
}
.main-nav .drop-down:nth-child(3) ul {
  /* left: 20px; */
}

.main-nav .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.main-nav .drop-down li {
  min-width: 180px;
  position: relative;
    border-bottom: #e73ea3 1px solid;
}

.main-nav .drop-down li:last-child {
  border-bottom: none;
}

.main-nav .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  color: #fff;
  text-align: center
}

.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {
  color: #fff;
  text-decoration: underline;
}

.main-nav .drop-down > a {
  padding:20px 0;
}



.main-nav .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.main-nav .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.main-nav .drop-down .drop-down > a {
  padding-right: 35px;
}

.main-nav .drop-down .drop-down > a:after {
  content: "\f105";
  position: absolute;
  right: 15px;
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 10px;
  background: rgba(40, 38, 70, 0.8);
  transition: 0.4s;
}

.mobile-nav ul{
  border-top: 1px solid #d9d9d9;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #8dc2fa;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\f077";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 18px 18px 0 0;
  color: #e31c93;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(40, 38, 70, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.member-mobile a{
  border-right: none;
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 10px 20px;
  display: none;
}
.member-mobile.on a{
  display: inline-block;
}

/*--------------------------------------------------------------
# 메인 슬라이드
--------------------------------------------------------------*/
.carousel {max-width: 1920px; width: 100%; margin: 125px auto 0}
.carousel-control-prev-icon {background: url(../images/main/btn_prev.png) no-repeat}
.carousel-control-next-icon {background: url(../images/main/btn_next.png) no-repeat}
.carousel-control-prev-icon, .carousel-control-next-icon {width: 36px; height: 70px}
.carousel-indicators {bottom: 15px}


/*--------------------------------------------------------------
# 메인 학과특징
--------------------------------------------------------------*/
.row .member .dot-list {margin: -10px 15px 0}
.row .member .dot-list > li {position: relative; box-sizing: border-box; padding-left: 12px; line-height: 160%; color: #fff; text-align: left}
.row .member .dot-list > li:before {position: absolute; background: #fff; content: '';
    display: inline-block; height: 3px; vertical-align: middle; width: 3px; left: 0; top: 12px}


/*--------------------------------------------------------------
# 메인 대학별 탭
--------------------------------------------------------------*/
.link_family.step1{height: 58px; z-index: 1000;}
.link_family.step1 .link_list.step2{}
.link_family.step1 .link_list.step2 dl{height:60px; width:1200px;}
.link_family.step1 .link_list.step2 dl dd{position:relative; height:59px;width:1100px;z-index:998}
.link_family.step1 .link_list.step2 dl dd .flexslider_uni.step3{width:1000px;height:60px;z-index:997;}
.link_family.step1 .link_list.step2 dl dd .flexslider_uni.step3 .flex-viewport{overflow: hidden; position: relative;}
.link_family.step1 .link_list.step2 dl dd .flexslider_uni.step3 .flex-viewport slides{height: 59px; width: 2600%; transition-duration: 0s; transform: translate3d(-1000px, 0px, 0px);}
.link_family.step1 .link_list.step2 dl dd .flexslider_uni.step3 .flex-viewport slides li{display: block; height: 58px; font-size: 18px; text-align: center; line-height: 57px; border-right: 1px solid rgb(204, 204, 204); width: 199px; float: left;}
.link_family.step1 .link_list.step2 dl dd .flexslider_uni.step3 .flex-viewport slides.univer > li > a span{display: block; color: #00a0e0;}


/*--------------------------------------------------------------
# 메인 전형대학 링크
--------------------------------------------------------------*/
.link_family{width: 100%; border-top: 1px solid #cecece;}
.link_family .link_list {border-bottom: 1px solid #cecece;}
.link_family .link_list.univ {height: 240px;width:100%;}
.link_family .link_list.univ dt {float: none; width: 100%; text-align: center; font-size: 24px; font-weight: bold; margin:60px 0 20px;}
.link_family .link_list.org {background-color: #eee;width:100%;}
.link_family .link_list.org dl dd ul li a img {padding-bottom: 25px;}
.link_family .link_list dl {width: 100%; margin: 0 auto; overflow: hidden;}
.link_family .link_list dl dt {width: 130px; float: left; line-height: 30px; border-right: #ccc 1px solid; font-size: 18px; font-weight: 500; margin-top: 25px; }
.link_family .link_list dl dd {float: right;}
.link_family .link_list.org dl dd {float: right;width:calc(100% - 130px);}
.link_family .univ dl dd {margin-right: 0; width: 100%;float:inherit;margin:0 auto;max-width:1110px;}
.univ .flexslider {position: relative; zoom: 1;}
.univ .flexslider {  margin: 0 auto; padding: 0; width: 100%;max-width:980px;}
.link_family .link_list dl dd ul{ overflow: hidden;}
.flexslider .slides {zoom: 1;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.link_family .univ dl dd ul li{margin-left: 0; text-align: center;}
.link_family .link_list dl dd ul li {height: 80px;box-sizing:border-box;
  line-height: 96px; float: left; padding-right: 100px}
  .org dl{max-width:1110px;width:100%;}
  .org li{width:25%;}
.org li img{width:100%;}
.link_family .link_list.univ dl dd ul li{padding:0;float: left;}
.link_family .link_list.univ dl dd ul li a img{max-width:125px;width:100%;margin-right:0;}
.link_family .link_list dl dd ul li a{display:block;width:100%;}
.flexslider .slides > li {-webkit-backface-visibility: hidden;}


.link_family .custom-navigation {z-index: 50;
    position: absolute;
    left: 0;
    top: 40px;
    width: 817px;
    height: 35px;}
.link_family .custom-navigation a.link-flex-prev {float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 23px;
    height: 35px;
    background: url(../images/main/link_arrow_left.png) 0 0 no-repeat;}
.link_family .custom-navigation a.link-flex-next {float: right;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 23px;
    height: 35px;
    background: url(../images/main/link_arrow_right.png) 0 0 no-repeat;}
.link_family .custom-navigation {z-index: 50;
    position: absolute; left: 0; top: 40px;
    max-width: 1110px; width: 100%; height: 35px;}
.univ .custom-navigation{height:auto;top:50%;transform:translateY(-17.5px);}
.univ .custom-navigation a.link-flex-prev{position:absolute;}
.univ .custom-navigation a.link-flex-next{position:absolute;right:0;}

@media (max-width: 1200px) {
  /* .main-nav, .main-nav {width:calc(100% - 281px);}
  .main-nav, .main-nav ul{width:100%;}
  .main-nav > ul > li{padding-left:50px;}
  .main-nav > ul > li > ul > li{min-width:auto;}
  .main-nav, .main-nav ul li ul{width:auto;} */
  .link_family .link_list.org dl dd ul li{padding-right:0;}
  .link_family .link_list.org dl dd ul li a img{width:auto;}
}
@media (max-width: 991px) {
  #univ{padding:0 15px;}
  .link_family .link_list.univ{padding:0 15px 30px;height:auto;}
  .link_family .link_list.org{padding:0 15px 25px;height:auto;}
}
@media (max-width: 767px) {
  .link_list.org dl dd{float:initial !important;width:100% !important;}
  .link_list.org dl dd ul li a {display:inline-block;width:auto;}
  .link_list.org dl dd ul li a img{max-width:150px;margin:0 auto;}
  .link_list.org dl dd ul li{width:50%;text-align: center;}
  .main-nav .drop-down ul{min-width:130px;left:20px;}
  .link_family .link_list.univ dt{margin-top:30px;}
  .link_family .link_list.org dl dd ul li{width:100%;}
  .link_family .link_list.univ dl dd ul li img{width:100%;max-width:150px;}


}
/*--------------------------------------------------------------
# 대학소개
--------------------------------------------------------------*/
.col_num {font-family: 'Montserrat', sans-serif; font-weight: bold; color:#003e89; padding-right: 6px;}
.col_list_txt {width: 73%;  color: #666; font-size:16px}
.col_address {color: #333; font-size:16px}
.col_logo {float: left; margin-right: 30px;}
.table.collist td.blu {color: #003e89}
.sbtn {background-color: #e31c93; color: #fff; padding: 0 15px; border-radius: 30px; margin-left: 6px;}
.sbtn:hover {background-color: #003e89; }

/*  연혁 */
.history_wrap > div.list {overflow: hidden; display:table; width:100%}
.history_wrap > div.list .year {font-family: 'Montserrat', sans-serif;  width:300px; border-top: 1px solid #003e89; font-size: 40px; color: #003e89; line-height: 1em; padding: 25px 0; font-weight: 500}
.history_wrap > div.list .list_wrap {width: calc(100% - 335px); padding-left: 35px}
.history_wrap > div.list > * {display:table-cell; vertical-align: top}
.history_wrap > div.list .list_wrap li {display: table; width: 100%; padding: 30px 0 }
.history_wrap > div.list .list_wrap li:first-child {border-top: 1px solid #dfdfdf}
.history_wrap > div.list .list_wrap li > * {position: relative; display:table-cell; vertical-align: middle; text-align: left}
.history_wrap > div.list .list_wrap li.border_bt {border-bottom: 1px solid #dfdfdf}


/* 교육과정 */
.container .dot-list > li {position: relative; box-sizing: border-box; padding-left: 12px; line-height: 180%}
.container .dot-list > li:before {position: absolute; background: #333; content: '';
    display: inline-block; height: 3px; vertical-align: middle; width: 3px; left: 0; top: 12px}
.curriculum_wrap > div.list {overflow: hidden; display:table; width:100%; padding-bottom: 70px; background: url("../images/cr01_arr.jpg") no-repeat; background-position: 60px 170px;}
.curriculum_wrap > div.list .step {background: #202e70; color: #fff; border-radius: 55%; width: 150px; height: 150px; text-align: center; vertical-align: middle; font-size: 20px !important; font-weight: 500}
.curriculum_wrap > div.list .list_wrap {width: calc(100% - 335px); padding-left: 35px}
.curriculum_wrap > div.list .list_wrap p {line-height: 180%}
.curriculum_wrap > div.list > * {display:table-cell; vertical-align: middle}
.curriculum_wrap > div.list .list_wrap li {display: table; width: 100%; height: 150px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; font-size: 18px }
.curriculum_wrap > div.list .list_wrap li > * {position: relative; display:table-cell; vertical-align: middle; text-align: left}



/*--------------------------------------------------------------
# 졸업후진로
--------------------------------------------------------------*/
.grd_title{font-size: 18px !important; font-weight: 500; font-family:"NotoSans", "Open Sans", sans-serif !important;}

/*--------------------------------------------------------------
# 회원가입 관련
--------------------------------------------------------------*/
.join-form .join-agr{text-align: center;}

/*join_agr step 1-1,2*/
.join-form .join-agr .sub_tit{text-align: center; font-weight: bold; font-size: 22px; padding-top: 20px;}
.join-form .join-agr .box{text-align: left; width: 100%; height: 500px; margin: 0 auto; padding: 20px; background-color: #fff; border: 1px solid #eee; border-radius: 4px; overflow-y: scroll;}
.join-form .join-agr .box .agreement{font-size: 15px; line-height: 24px; color: #888;}
.join-form .join-agr .box .agreement h3{font-size: 17px; color: #333; margin: 10px 0;}
.join-form .join-agr .box .agreement > h4{font-weight: normal; font-size: 14px !important; color: #00a0e0; margin-bottom: 10px;}
.join-form .join-agr .chk{font-size: 15px; text-align: right; padding: 10px 10px; margin: 0 auto;}
.join-form .join-agr .chk label{display: block; cursor: pointer; vertical-align: middle;}
.join-form .join-agr .chk label input[type="checkbox"]{position: relative; top: 4px; right: 5px;}

/*join_cert step1-3*/
.join-form .step1-3 .sub_tit{text-align: center; font-weight: bold; font-size: 22px; padding-top: 20px;}
.join-form .step1-3{text-align: center;}
.join-form .step1-3 .box{width: 100%; height: 400px; box-shadow: 0 15px 20px #eee; border: 1px solid #eee; margin: 0 auto; padding: 10px;}
.join-form .step1-3 .box p.img img{margin: 50px 0 30px;}
.join-form .step1-3 .box p.tit{font-weight: bold; font-size: 28px; color: #222;}
.join-form .step1-3 .box p.txt{color: #666;}
.join-form .step1-3 .box .btn{display: block; background-color: #0b96ce; font-size: 24px; font-weight: bold; padding: 15px 0; color: #fff; line-height: 30px; height: 60px; max-width: 400px; width: 100%; margin: 0 auto;}
.join-form .btn-area{text-align: center; margin: 80px 0;}
.join-form .btn-area .btn{display: inline-block; background-color: #0b96ce; font-size: 24px; font-weight: bold; color: #fff; padding: 15px 0; line-height: 30px; height: 60px; max-width: 150px; width: 100%;}
.join-form .btn-area .btn-cancle{background-color: #999; margin-right: 10px;}

/*join_info*/
.join-info div.title{text-align: center;}
.join-info .danger{color: #666; text-align: right; margin-right: 5px;}
.join-info .danger span{color: red;}
.join-info .table-responsive{width: 100%; margin: 0 auto;}
.join-info .table-responsive .table-bordered{margin: 0;}
.join-info .table-responsive .table-bordered tbody tr th{width: 20%; background-color: #f9f9f9;}
.join-info .table-responsive .table-bordered tbody tr th span{color: red;}
.join-info .table-responsive .table-bordered tbody tr > td{width: 80%; border-bottom: 1px solid #dee2e6;}
.join-info .table-responsive .table-bordered tbody tr > td .form-control{display: inline-block; width: 763px; background-color: transparent;}
.join-info .table-responsive .table-bordered tbody tr > td .id{width: 238px;}
.join-info .table-responsive .table-bordered tbody tr > td .id.selc{width: 250px; margin-left: 10px;}
.join-info .table-responsive .table-bordered tbody tr > td .selc{width: 499px;}
.join-info .table-responsive .table-bordered tbody tr > td .mm_name{color: #999;}
.join-info .table-responsive .table-bordered tbody tr > td .addr{width: 280px}
.join-info .table-responsive .table-bordered tbody tr > td .phon{width: 158px}
.join-info .table-responsive .table-bordered tbody tr > td a{display: inline-block;}
.join-info .table-responsive .table-bordered tbody tr > td a .btn{display: inline-block; width: 208px; background-color: #0b96ce; color:#fcfdf7; margin-left: 10px;}
.join-info .table-responsive .table-bordered tbody tr > td span{display: inline-block; font-size: 14px; color: #666; padding-left: 10px;}

/*join_fin*/
.join-form .join-fin{text-align: center;}
.join-form .join-fin .box{width: 920px; height: 500px; box-shadow: 0 15px 20px #eee; border: 1px solid #eee; margin: 0 auto;}
.join-form .join-fin .box p{}
.join-form .join-fin .box p.img img{margin: 50px 0 30px;}
.join-form .join-fin .box p.tit{font-weight: bold; font-size: 28px; color: #222;}
.join-form .join-fin .box p.txt{color: #666; white-space: nowrap;}
.join-form .join-fin .box .btn{display: block; background-color: #0b96ce; font-size: 24px; font-weight: bold; padding: 15px 0; color: #fff; line-height: 30px; height: 60px; max-width: 400px; width: 100%; margin: 0 auto;}

/*--------------------------------------------------------------
# 마이페이지
--------------------------------------------------------------*/
.tab_container .tab_content{display: none;}
.tab_container .tab_content.on{display: block;}

/*mypage tab1*/
.mypage-form{width: 1110px; margin: 0 auto;}
.mypage-form .tabs{width: 1110px; border-bottom: 1px solid #d9d9d9; margin: 0 auto; overflow: visible;}
.mypage-form .tabs li{width: 222px; text-align: center;}
.mypage-form .tabs li a{display: inline-block; border: 0; font-size: 16px; width: 100%;}
.mypage-form .tabs li.on a{font-weight: bold; color: #00a0e0; }
.mypage-form .tabs li.on a::after{content: ""; display: block; width: 100%; height: 13px; background: url(../img/bar_icon.png) no-repeat 50% top; position: absolute; left: 0; bottom: -9px;}
.mypage-form .title h4{padding: 40px 0;}
.mypage-form .table-responsive .table-bordered tbody tr td a .btn{width: 140px;}
.mypage-form .btn-area{text-align: center; margin: 80px 0;}
.mypage-form .btn-area .btn{display: inline-block; background-color: #0b96ce; font-size: 24px; font-weight: bold; color: #fff; padding: 15px 0; line-height: 30px; height: 60px; max-width: 150px; width: 100%;}
.mypage-form .btn-area .btn-cancle{background-color: #999; margin-right: 10px;}

/*mypage tab2*/
.mypage-form{width: 100%; margin: 0 auto;}
.mypage .mypage-aply{margin: 0 auto; text-align: center;}
.mypage .mypage-aply .box{width: 922px; height: 232px; padding: 50px 0; text-align: center;}
.mypage .mypage-aply .box .icon-box{display: inline-block;}
.mypage .mypage-aply .box .icon-box::after{content: ""; display: block; clear: both;}
.mypage .mypage-aply .box .icon-box .icon{float: left; height: 120px; position: relative; margin-right: 85px; padding-right: 85px;}
.mypage .mypage-aply .box .icon-box .icon:nth-child(3){padding-right: 0; margin-right: 0;}
.mypage .mypage-aply .box .icon-box .icon img{display: block; text-align: center;}
.mypage .mypage-aply .box .icon-box .icon .tit{display: block; font-weight: bold; font-size: 20px; line-height: 30px; height: 20px; position: absolute; left: 0; bottom: 0; white-space: nowrap;}
.mypage .mypage-aply .box .icon-box .icon.fir{position: relative;}
.mypage .mypage-aply .box .icon-box .icon.fir::after{content: ""; display: block; width: 21px; height: 40px; background: url(../img/ico_arrw.jpg.png)no-repeat 50% 50%; position: absolute; right: 0; top: 30px;}
.mypage .mypage-aply .box .icon-box .icon.sec{position: relative;}
.mypage .mypage-aply .box .icon-box .icon.sec::after{content: ""; display: block; width: 21px; height: 40px; background: url(../img/ico_arrw.jpg.png)no-repeat 50% 50%; position: absolute; right: 0; top: 30px;}
.mypage .mypage-aply .txt p{font-weight: bold; color: #666; padding-top: 50px;}
.mypage .mypage-aply .txt p span{display: inline-block; color: #e31c93;}
.tab2 .chg-info .btn-area{margin-top: 0;}
.tab2 .chg-info .btn-area .btn{white-space: nowrap; font-size: 20px; max-width: 200px;}

/*mypage tab3*/
.tab3 .tab3_table .table tbody{white-space: nowrap; text-align: center;}
.tab3 .tab3_table .table tbody tr th:first-child{width: 50px;}
.tab3 .tab3_table .table tbody tr th:nth-child(2){width: 50px;}
.tab3 .tab3_table .table tbody tr th:nth-child(3){width: 50px;}
.tab3 .tab3_table .table tbody tr th:nth-child(4){width: 50px;}
.tab3 .tab3_table .table tbody tr th:nth-child(7){width: 300px;}
.tab3 .tab3_table .table tbody tr td{width: auto;}

/*mypage tab4*/
.tab4 .tab4_table .table tbody{white-space: nowrap; text-align: center;}
.tab4 .tab4_table .table tbody tr th{width: 50px;}
.tab4 .tab4_table .table tbody .thead tr th:nth-child(7){width: 300px;}
.tab4 .tab4_table .table tbody tr td{width: auto;}
.tab4 .tab4_table .table tbody tr td a{display: block;}
.tab4 .tab4_table .table tbody tr td a .btn{width: 100%; margin-left: 0;}

/*mypage tab5*/
.tab5 .mypage{text-align: center;}
.tab5 .mypage-aply{display: inline-block; text-align: center;}
.tab5 .mypage-aply::after{content: ""; display: block; clear: both;}
.tab5 .mypage-aply .info-area > p.hello{font-weight: 500; font-size: 40px;}
.tab5 .mypage-aply .info-area > p.hello span{display: inline-block; color: #e31c93;}
.tab5 .mypage-aply .info-area .table{margin: 50px 0;}
.tab5 .mypage-aply .info-area .table tbody tr th{padding: 10px 0;}
.tab5 .mypage-aply .info-area .table tbody tr td{text-align: left;}
.tab5 .mypage-aply .info-area .table tbody tr:nth-child(3) th{border-bottom: 1px solid #dee2e6;}
.tab5 .mypage-aply .box{width: 260px; height: 185px; float: left; padding: 30px 0; margin-right: 15px; position: relative;}
.tab5 .mypage-aply .box:last-child{margin-right: 0;}
.tab5 .mypage-aply .box .txt-area .txt{color: #999999; margin-bottom: 10px;}
.tab5 .mypage-aply .box .txt-area .tit{font-weight: bold; font-size: 20px; color: #222222;}
.tab5 .mypage-aply .box .btn-area{width: 120px; font-size: 16px; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */-moz-transform: translateX(-50%); /* FireFox */ -ms-transform: translateX(-50%); /* IE9 */}
.tab5 .mypage-aply .box .btn-area .btn{display: inline-block; font-size: 16px; line-height: 36px; height: 36px; padding: 0;}

/*--------------------------------------------------------------
# eng_mypage
--------------------------------------------------------------*/
/*eng_mypage tab1*/
.eng-mypage-form{width: 1110px; margin: 0 auto;}
.eng-mypage-form .tabs{width: 888px;}
.mypage-form .tabs li{width: 222px;}
.eng-mypage-form .tab1 .chg-info .table-responsive .table tbody tr:last-child th{border-bottom: 1px solid #dee2e6;}
.eng-mypage-form .tab1 .chg-info .table-responsive .table tbody tr:nth-child(7) td{vertical-align: middle;}
.eng-mypage-form .tab1 .chg-info .table-responsive .table tbody tr:last-child td input{display: block; height: 150px; overflow-x: scroll;}

/*eng_mypage tab2*/
.eng-mypage-form .tab2 .tab2_table .table tbody tr{text-align: center;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr.thead th:first-child{font-weight: 500; font-size: 20px;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr th{vertical-align: middle; padding: 10px;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr td{vertical-align: middle; width: 10px; padding: 5px;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr td.blue{color: #00a0e0;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr td.red{color: #e31c93;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr.num td{font-size: 12px; }
.eng-mypage-form .tab2 .tab2_table .table tbody tr.num td:first-child{font-size: 16px;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr.btn-area{margin: 0;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr.btn-area td a{display: block; width: 100px; height: 30px; font-weight: normal; font-size: 16px; margin: 0; padding: 0;}
.eng-mypage-form .tab2 .tab2_table .table tbody tr.btn-area td input{width: 100%;}

/*eng_mypage tab3*/
.eng-mypage-form .tab3 .tab3_table .table{border: none;}
.eng-mypage-form .tab3 .tab3_table .table tr td{vertical-align: middle;}
.eng-mypage-form .tab3 .tab3_table div{text-align: right;}
.eng-mypage-form .tab3 .tab3_table .tab3-1{margin-bottom: 50px; }
.eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li{display: block; text-align: left; }
.eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li input[type = "radio"]{display: inline-block; vertical-align: middle;}
.eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li label{display: inline-block; padding-left: 5px;}
.eng-mypage-form .tab3 .tab3_table .tab3-2 tr td select.selc{margin-left: 0; width: 150px;}
.eng-mypage-form .tab3 .tab3_table .tab3-2 tr td input[type = "text"]{width: 250px;}

/*eng_mypage tab4*/
.eng-mypage-form .tab4 .tab4_table .table{border: none;}
.eng-mypage-form .tab4 .tab4_table .tab4-1{margin-bottom: 50px;}
.eng-mypage-form .tab4 .tab4_table .tab4-1 tr td{vertical-align: middle;}
.eng-mypage-form .tab4 .tab4_table .tab4-1 tr td .selc{width: 100px;}
.eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li{display: block; text-align: left;}
.eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li input[type = "radio"]{display: inline-block; vertical-align: middle;}
.eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li label{display: inline-block; padding-left: 5px;}
.eng-mypage-form .tab4 .tab4_table .tab4-2 tr th{vertical-align: middle; padding: 10px;}
.eng-mypage-form .tab4 .tab4_table .tab4-2 tr td{vertical-align: middle; padding: 10px;}

/*--------------------------------------------------------------
# education
--------------------------------------------------------------*/
.suny-fearures{}

/*대학현황 TAB CSS*/
ul.tabs2 {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  border: #eee 1px solid;
  padding: 20px;
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
ul.tabs2 li {
  float: left;
  margin: 0;
  padding: 0 0;
  /* height: 31px; */
  position: relative;
  background: #fff;
  width: 16.6%;
  text-align: center;
}
ul.tabs2 li:after {
  content:'';
  display:block; width:1px; height:20px;
  position:absolute; top:35%; right:0;
  background-color:#eee;
}
ul.tabs2 li a {
  text-decoration: none;
  color: #666;
  display: block;
  font-size: 1.2em;
  padding:15px 20px;
  /*--Gives the bevel look with a 1px white border inside the list item--*/
  outline: none;
  line-height: 20px;
}
ul.tabs2 li a:hover {
  background: #ccc;
}
ul.tabs2 li.active a  {
  text-decoration: none;
  background: #00a0e0;
  border-radius: 4px;
  color:#fff !important;
  box-sizing: border-box;
  outline: none;
}
ul.edu-list {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
ul.edu-list li{
  display: inline-block;
  border:1px #ccc solid;
  padding:10px;
  width:35%;
  margin:10px;
  border-radius: 30px;
  text-align:center;
}
ul.edu-list li:last-child{
  display: inline-block;
  border:none;
  padding:10px;
  width:100%;
  margin:10px;
  border-radius: 30px;
  font-size:12px;
  color:#888;
  text-align:center;
}

/* 대학현황 서브탭 CSS*/
ul.sub_tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin:50px 0;
}

ul.sub_tabs:after{
  content:'';
  display:block;

}

ul.sub_tabs li {
  width:16.6%;
  float:left;
  margin: 0;
  padding: 0 0;
  position: relative;
  background: #fff;
  border-bottom:1px solid #ccc;
}
ul.sub_tabs li a {
  text-decoration: none;
  color: #666;
  display: block;
  font-size: 1.2em;
  padding:20px;
  /*--Gives the bevel look with a 1px white border inside the list item--*/

  outline: none;
  text-align:center;
}
ul.sub_tabs li a:hover {
  background: #ccc;
}
ul.sub_tabs li.active{
  border-bottom:3px solid #00a0e0;

}
ul.sub_tabs li.active:after{
  content:'';
  display:block;
  width: 0;
  height: 0;
  border-top: 10px solid #00a0e0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position:absolute;
  bottom:-10px;
  left:50%;
  transform:translateX(-50%);
}

ul.sub_tabs li.active a  {
  text-decoration: none;
  background: #fff;
  color:#00a0e0  !important;
  box-sizing: border-box;
  outline: none;
}


.section-header h3 {
  font-size: 34px;
  color: #333;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  font-family:"NotoSans", "Open Sans", sans-serif;
  margin-bottom: 40px;
}
.section-header h3:after {
  content:"";
  width:30px;
  height:4px;
  background:#0b96ce;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-20px;
}
.section-header h3 > strong{
  font-weight:bold;
}
.section-header p {
  text-align: center;
  margin: auto;
  font-size: 18px;
  padding-bottom: 60px;
  color: #535074;
  width: 80%;
}

.section-header p.sub-tit {
  font-size:28px;
  font-weight:500;
  color:#222;
}
.fc-z{
  color:#761013;
}

.con-header{
  padding-bottom:30px;
}

.con-header h4{
  font-size: 28px;
  color:#333;
  text-align:center;
  margin-bottom:20px;
}
.con-header h4 strong{

}

.con-header .con-sub-tit{
  text-align:center;
}

.u-info {
  min-width:900px;
}
.u-info .u-left{
  float:left;
  width:45%;
  min-height:220px;
  text-align:right;
  padding:0 20px;
}
.u-info .u-right{
  float:right;
  width:55%;
  min-height:220px;
}
.u-info .u-right li{
  font-size:1em;
  font-weight:normal;
}

.u-info .u-right li~li{
  margin-top:10px;
}

.u-info .u-right li>span{
  font-size:1em;
  font-weight:bold;
}

.u-info .area-ulink{
  width:100%;
  text-align:center;
}

.u-info .area-ulink .t-link{
  width:100%;
  font-size:1em;
}

.u-info .area-ulink .t-link{
  color:#0b96ce;
}

.u-info .area-ulink .t-add{
  color:#666;
}

.con-detail{
  text-align:center;
  width:100%;
  min-height:170px;
  background-color:#f7f7f7;
  padding:54px;
  margin-bottom:60px;
}
.con-detail .inner{
  width:940px;
  margin:0 auto;
}

.con-detail .con-txt{
  padding:0 70px;
}

.con-detail h5{
  font-size:18px;
  color:#111;
  margin-bottom:10px;
}
.con-detail h5 strong{
  font-weight:bold;
}

.con-detail .p-txt{
  line-height:1.8;
  font-weight:500;
  word-break: keep-all;
  color:#222;
}

.con-detail-img{
  text-align:center;
}

.con-detail-img.w620{
  width:620px;
  display:inline-block;
}

.con-detail-img img{
  width:100%;
  display:inline-block;
  box-shadow:5px 5px 20px 5px rgba(6,6,6,0.3)
}
/* 임시삽입_cjh*/
.con-detail2{
  text-align:left;
  width:100%;
  min-height:170px;
  background-color:#f7f7f7;
  padding:15px;
  margin-bottom:10px;
}
.con-detail2 .inner{
  width:940px;
  margin:0 auto;
}

.con-detail2 .con-txt{
  padding:0 20px;
}

.con-detail2 .p-txt{
  line-height:1.8;
  font-weight:500;
  word-break: keep-all;
  color:#222;
}

/* tbl-w */
.tbl-wrap{}
.tbl-wrap~.tbl-wrap{
  margin-top:60px;
}
.tbl-wrap .tbl-inner{}
.tbl-wrap .table{
  font-size:14px;
  font-weight:500;
  color:#111;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  text-align:left;
}
.tbl-wrap .table th{
  font-weight:bold;
  padding-left:0px;
  padding-right:0px;
}
.tbl-wrap .table td{
  color:#666;
}
.tbl-wrap .table td.bold{
  font-weight:500;color:#111;
}
/* type2 */
.tbl-wrap .table.type2{}
.tbl-wrap .table.type2 td{
  padding-left:0px;
}
/* list-grid-h */
.list-grid-wrap{}
.list-grid-wrap .list-grid-h{
  width:100%;
}
.list-grid-wrap .list-grid-h ul{
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
.list-grid-wrap .list-grid-h ul:after{
  content:'';
  display:block;
  clear:both;
}
.list-grid-wrap .list-grid-h li{
  min-height:40px;
  line-height:1;
}
.list-grid-wrap .list-grid-h li~li{
  border-top:1px solid #dee2e6;}
.list-grid-wrap .list-grid-h li p.li-td{
  width:50%;
  min-height:40px;
  margin:0px;
  line-height:1.2;
  float:left;
  padding:10px 0px;
  font-size:0px;
  box-sizing:border-box;
  padding:10px 0px;
}

.list-grid-wrap .list-grid-h li span{
  display:inline-block;
  font-size:14px;
  font-weight:500;
  color:#666;
  vertical-align:middle;
}
.list-grid-wrap .list-grid-h li span.tit{
  font-weight:bold;
  color:#222;
}
.list-grid-wrap .list-grid-h li span.txt{
  padding:0px 10px;
}

.tbl-header{}
.tbl-header h5{
  font-size:1.25rem;
  font-weight:bold;
  margin-bottom:15px;
}
.tbl-header h5 strong{}

.mt60{
  margin-top:60px !important;
}

.suny-slider-wrap {
  padding:0 0;
  background-color:#f7f7f7;
  margin-top:60px;
}

.suny-slider-wrap .u-map{

}

.suny-slider-wrap .map-wrap{
  width:100%;
  height:450px;
  margin-bottom:60px;
}

.suny-slider-wrap .container{
  width:100%;
  height:450px;
  background-color:#f7f7f7;
  margin-bottom:60px;
}

.suny-slider-wrap .v-item {
  padding:0px 80px;
}

.suny-slider-wrap .con-header {
  margin-bottom: 40px;
}

.suny-slide .square-item .square-img {
  float: left;
  padding-right:15px;
}

.suny-slide .square-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
  margin-left: 140px;
}

.suny-slide .square-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
  margin-left: 140px;
}

.suny-slide .square-item p {
  font-style:normal;
  margin: 0 0 15px 140px;
}

.suny-slide .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.suny-slide button.owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}

.suny-slide.suny-slide2 button.owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #eee;
}

.suny-slide button.owl-dot.active {
background-color: #1bb1dc;
}

.suny-slide .owl-nav,
.suny-slide .owl-dots{}


.suny-slide .nav-tabs {
  border-bottom: none;
}

/* small */
.suny-slide button.owl-prev {
  position: absolute;
  left: -130px;
  top: 37%;
  transform: translateY(-50%);
  background:url(../images/tab_contents/s_prev_btn.png)no-repeat !important;
  width: 45px;
  height: 41px;
  border-radius: 100%!important;
  color: #000!important;
}

.suny-slide button.owl-next {
  position: absolute;
  right: -130px;
  top: 37%;
  transform: translateY(-50%);
  background:url(../images/tab_contents/s_next_btn.png)no-repeat !important;
  width: 45px;
  height: 41px;
  border-radius: 100%!important;
  color: #000!important;
}

/* xsmall */
.suny-slide.suny-slide2 .suny-carousel2 button.owl-prev {
  position: absolute;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
  background:url(../images/tab_contents/xs_prev_btn.png)no-repeat center !important;
  width: 45px;
  height: 41px;
  border-radius: 100%!important;
  color: #000!important;
}

.suny-slide.suny-slide2 button.owl-next {
  position: absolute;
  right: -130px;
  top: 50%;
  transform: translateY(-50%);
  background:url(../images/tab_contents/xs_next_btn.png)no-repeat center !important;
  width: 45px;
  height: 41px;
  border-radius: 100%!important;
  color: #000!important;
}


.suny-slide .owl-dots {

}

.room-wrap{

}
.room-wrap .row-txt{
  /* word-break: break-all; */
  white-space: pre-line;
  letter-spacing:-0.7px;
}

.embed-video{
  width:100%;
  min-height:150px;
  background-color:#d7d7d7;
  margin-bottom:60px;
}

/* 게시판 faq */
  #notice3 {
  padding: 0px 0;
  overflow: hidden;
}

#notice3 #notice-list {
  padding: 0;
  list-style: none;
}

#notice3 #notice-list li {
  border-bottom: 1px solid #ebebeb;
}

#notice3 #notice-list a {
  padding: 22px 0;
  display: block;
  position: relative;
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  padding-right: 20px;
}

#notice3 #notice-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 20px;
}

#notice3 #notice-list p {
  margin-bottom: 20px;
}



#notice3 #notice-list a.collapse {
  color: #1bb1dc;
}

#notice3 #notice-list a.collapsed {
  color: #666;
}

#notice3 #notice-list a.collapsed i::before {
  content: "\f2c7" !important;
}

.suny-info{
  width:100%;
  margin:80px 0px 80px;
}
.suny-info:after{
  content:'';
  display:block;
  clear:both;
}
.suny-info li{
  width:31.33%;
  height:130px;
  float:left;
  border:1px solid #ddd;
  text-align:center;
  box-shadow:10px 8px 12px rgba(6,6,6,0.2);
}
.suny-info li~li{
  margin-left:2%;
}
.suny-info li a{
  display:block;
}
.suny-info li a.btn-i-link{
  padding:20px 5%;
  box-sizing:border-box;
}
.suny-info li a .s-icon{
  display:inline-block;
  width:56px;
  height:60px;
  min-height:60px;
  background:url(../images/tab_contents/s_li_img1.png)no-repeat;
}
.suny-info li a.icon2 .s-icon{
  width:75px;
  height:48px;
  background:url(../images/tab_contents/s_li_img2.png)no-repeat;
}
.suny-info li a.icon3 .s-icon{
  width:59px;
  height:52px;
  background:url(../images/tab_contents/s_li_img3.png)no-repeat;
}
.suny-info li a span{
  display:block;
  font-size:18px;
  color:#222;
}
.suny-info li a.icon1 span{
  color:#222;
}
.suny-info li a.icon2 span{
  color:#e31c93;
}
.suny-info li a.icon3 span{
  color:#00a0e0;
}

a.h-site-btn{
  font-size:14px;
  font-weight:400;
  color:#00a0e0;
  text-decoration:underline;
  padding-top:10px;
}

.clearfix2:after{
  content:'';
  display:block;
  clear:both;
}
  /* 992 */
@media (min-width: 992px) {
  .suny-slidep .square-item p {
    width: 80%;
  }

}
  /* 992 */
@media (max-width: 992px) {


  .section-header p.sub-tit {
      font-size: 24px;
      font-weight: 500;
  }

  ul.tabs2 {
    width: 100%;
    padding:20px 10%;
  }
  ul.tabs2 li {
    float: left;
    /* height: 31px; */
    width: 33.33%;
  }
  ul.tabs2 li:after {
    content:'';
    display:block;
    width:1px;
    height:20px;
    position:absolute;
    top:35%;
    right:0;
  }
  ul.tabs2 li a {
    font-size: 1em;
    padding:10px 5%;
    line-height: 1.2;
  }


  ul.sub_tabs{
    width: 100%;
    display:block;
    flex-direction:unset;
    justify-content:unset;
    margin: 30px 0;
  }

  ul.sub_tabs li {
    width: 33.33%;
    padding: 0 0;
  }

  ul.sub_tabs li a{
    font-size: 0.825em;
    padding: 10px 5%;

  }

  ul.sub_tabs li.active {
    border-bottom: 1px solid #00a0e0;
  }

  ul.sub_tabs li.active:after{
    content:unset;
  }

  .con-header{
    padding-bottom:10px;
  }

  .u-info{
    min-width:100%;
  }

  .u-info .u-left{
    width:100%;
    float:none;
    min-height:auto;
  }

  .u-info .u-right{
    width:100%;
    float:none;
    min-height:auto;
    margin-top:20px;
    padding:0 5%;
  }

  .u-info .u-right li{
   font-size:0.825em;
  }

  .u-info .u-left img{
    display:block;
    margin:0 auto;
  }

  .u-info .area-ulink{
    margin-top:20px;
  }

  .con-detail .inner {
    width: 100%;
  }

  .con-detail .con-txt{
    padding:0 0%;
  }

  .con-detail{
    min-height:auto;
    background-color: #f7f7f7;
    padding:10px 5%;
    margin-bottom:20px;

  }

  .con-detail-img.w620{
    width:100%;
  }

  .con-detail h5{
    font-size:1.2em;
  }

  .con-detail .p-txt{
    font-size:0.825em;
  }

  .list-grid-wrap .list-grid-h li p.li-td{
    width:100%;
    min-height:34px;
    line-height: 1.2;
    float:unset;
    padding: 10px 0px;
  }



}


  /* 768 */
@media (max-width: 768px) {

  ul.tabs2 li {
    float: left;
    /* height: 31px; */
    width: 50%;
  }

  ul.tabs2 li a {
    font-size:0.825em;
  }

  .con-header .con-sub-tit{
    padding:0 5%;
    font-size:0.825em;
    line-height:1.5;
  }

  #notice3 #notice-list a {
    font-size: 18px;
  }
  #notice3 #notice-list i {
    top: 13px;
  }

  .suny-slide .square-item h3,
  .suny-slide .square-item h4,
  .suny-slide .square-item p {
    margin-left: 0;
  }

  .suny-slide .square-item {
    text-align: center;
  }

  .suny-slide .square-item .square-img {
    float: none;
    margin: auto;
  }

  .tbl-wrap{
    padding:0 5%;
  }

  .tbl-wrap .table th{
    width:15%;
  }

  .tbl-wrap .table th,
  .tbl-wrap .table td{
    padding: 10px 0;
    font-size:0.825em;
  }

  .list-grid-wrap{
    padding:0 5%;
  }



  .list-grid-wrap .list-grid-h li span{
    width:50%;
  }


  a.h-site-btn{
    font-size:0.65em;
  }

  #notice3 #notice-list{
    padding:0 5%;
  }

  .suny-info li:first-child{
    margin-left: 1%;
  }

  .suny-info li a span{
    font-size:0.8em;
  }

}

@media screen and (min-width:300px) and (max-width:767px){
  ul.tabs2 {
    width: 100%;
    padding: 20px 5%;
  }
}

/*--------------------------------------------------------------
# 글로벌캠퍼스 소개 col01
--------------------------------------------------------------*/
.section-header .fc-b{margin-top: 50px;}
.section-header .fc-b strong{color: #222;}
.inner-page .col01 .top{font-size: 28px; margin-top: 30px;}
.inner-page .col01 .mid{color: #666;}
.inner-page .col01 .bot{text-align: right; margin-bottom: 0; color: #666;}
.inner-page .col01 .bot:last-child{margin-bottom: 100px;}

/*--------------------------------------------------------------
# col02
--------------------------------------------------------------*/
.col02 .container-header .stxt1{font-weight: normal; font-size: 28px; color: #222; margin-top: 70px;}
.col02 .col02-con .con-box{width: 1140px;  margin: 0 auto;}
.col02 .col02-con .con-box .box{float: left; width: 264px; height: 330px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 15px 20px #eee; text-align: center; padding: 50px 40px; margin: 10px;}
.col02 .col02-con .con-box .box .tit{font-weight: bold; font-size: 24px; line-height: 1.2; color: #222; white-space: nowrap; margin-bottom: 20px;}
.col02 .col02-con .con-box .box .txt{line-height: 1.375; color: #222; margin-bottom: 0;}
.col02-year h3.title_txt{margin-top: 50px;}
.col02-year .history_wrap > div.list .year{font-family: 'Montserrat', sans-serif; width: 300px; border-top: 1px solid #1bb1dc; font-size: 40px; color: #1bb1dc; line-height: 1em; padding: 25px 0; font-weight: 500}
.col02-year .history_wrap div.list .list_wrap li .txt{display: block; margin-bottom: 5px;}
.col02-year .history_wrap div.list .list_wrap li .txt strong{font-weight: 500; font-size: 20px; padding-right: 10px;}

/*--------------------------------------------------------------
# col03
--------------------------------------------------------------*/
.col03 h2.stxt1{font-weight: bold; font-size: 24px; ;color: #333; margin-bottom: 0; text-align: center;}
.col03 p{text-align: center;}

/*--------------------------------------------------------------
# 대학소개 - 미국대학시스템 edu02
--------------------------------------------------------------*/
.edu02-con h4{margin-top: 50px;}
.edu02-con ol{margin-left: 40px;}
.edu02-con ol ul{margin-left: 20px;}
.edu02-con ol ul li .smtit{display: block; font-weight: 500; margin-bottom: 10px; margin-left: -10px;}
.edu02-con ol p .list{display: block; font-size: 15px; color: #666;}
.edu02-con ol li h5{font-weight: 500; font-size: 20px; color: #0b96ce; margin-bottom: 10px; margin-left: -20px;}
.edu02-con .edu02-con01 p.point{margin-top: -40px;}
.edu02-con .edu02-con01 .table{border-top: #333 2px solid; border-bottom: #333 1px solid; margin: 10px 0 50px;}
.edu02-con .edu02-con01 .table tbody tr th{background-color: #f9f9f9;}
.edu02-con .edu02-con01 .table tbody tr th span{display: block; font-size: 15px; color: #666;}


/*--------------------------------------------------------------
# 대학소개 - 장학제도 edu03
--------------------------------------------------------------*/
.edu03-con p{margin-bottom: 10px;}
.edu03-con .edu03-table .table{border-top: #333 2px solid; border-bottom: #333 1px solid; margin: 10px 0;}
.edu03-con .edu03-table .table tbody tr th{background-color: #f9f9f9;}
.edu03-con .edu03-table .point{text-align: right; font-size: 15px; margin-bottom: 80px;}
.edu03-con .limit{margin-top: -40px; margin-bottom: 50px; background-color: #f9f9f9; padding: 30px; }
.edu03-con .accum{text-align: center; margin-top: 100px;}
.edu03-con .accum .schol-tit{font-weight: 500; font-size: 28px; margin: 0;}
.edu03-con .accum .schol-txt{font-weight: bold; font-size: 48px; color: #0b96ce; margin: 0;}
.edu03-con .accum span{display: block; font-size: 18px; padding-bottom: 50px;}
.edu03-con .accum .edu03-img{width: 1140px; margin: 0 auto;}
.edu03-con .accum .edu03-img li{float: left; margin: 10px;}
.edu03-con .accum .edu03-img li img{width: auto;}


/*--------------------------------------------------------------
# 진학트랙 - cur01
--------------------------------------------------------------*/
.cur{}
.cur .row{}
.cur .row .course{font-size: 18px;}



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  /* height: 100vh; */
  position: relative;
  /* background: #f5f8fd url("../img/intro-bg.jpg") center top no-repeat; */

}
.sub-visual {
  height:50vh;
  background: #f5f8fd url("../images/common/sub01.jpg") center center no-repeat;
}
.sub-visual1 {
  height:250px;
  background: #f5f8fd url("../images/top_visual01.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual2 {
  height:250px;
  background: #f5f8fd url("../images/top_visual02.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual3 {
  height:250px;
  background: #f5f8fd url("../images/top_visual03.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual4 {
  height:250px;
  background: #f5f8fd url("../images/top_visual04.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual5 {
  height:250px;
  background: #f5f8fd url("../images/top_visual05.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual6 {
  height:250px;
  background: #f5f8fd url("../images/top_visual06.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual7 {
  height:250px;
  background: #f5f8fd url("../images/top_visual07.jpg") center center no-repeat;
  margin-top: 130px;
}
.sub-visual8 {
  height:250px;
  background: #f5f8fd url("../images/top_visual08.jpg") center center no-repeat;
  margin-top: 130px;
}

@media (min-width: 992px) {
  #hero .intro-info {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  #hero .intro-info {
    text-align: center;
    padding-top: 40px;
  }
}

#hero .intro-info h2 {
  color: #413e66;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 700;
}

#hero .intro-info h2 span {
  color: #1bb1dc;
}

@media (max-width: 767px) {
  #hero .intro-info h2 {
    font-size: 34px;
    margin-bottom: 30px;
  }
}

#hero .intro-info .btn-get-started, #hero .intro-info .btn-services {
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 32px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #1bb1dc;
  color: #fff;
}

#hero .intro-info .btn-get-started:hover, #hero .intro-info .btn-services:hover {
  background: #0a98c0;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

/* Sections Header
--------------------------------*/

.section-header h3 {
  font-size: 34px;
  color: #333;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  font-family:"NotoSans", "Open Sans", sans-serif;
  margin-bottom: 40px;
}
.section-header h3:after {
  content:"";
  width:30px;
  height:4px;
  background:#0b96ce;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-20px;
}
.section-header h3 > strong{
  font-weight:bold;
}
.section-header p {
  text-align: center;
  margin: auto;
  font-size: 18px;
  padding-bottom: 60px;
  color: #535074;
  width: 80%;
}

@media (max-width: 767px) {
  .section-header p {
    width: 100%;
  }
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}
.section-dark {
  background: #0f2749;
}

/* About Us Section
--------------------------------*/
#about {
  padding: 80px 0;
}

#about .about-content {
  padding-top: 40px;
}

#about .about-content h2 {
  color: #413e66;
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-weight: 700;
}

#about .about-content h3 {
  color: #696592;
  font-weight: 400;
  font-size: 22px;
  font-style: italic;
}

#about .about-content ul {
  list-style: none;
  padding: 0;
}

#about .about-content ul li {
  padding-bottom: 10px;
}

#about .about-content ul li i {
  font-size: 20px;
  padding-right: 4px;
  color: #1bb1dc;
}

#about .about-img {
  position: relative;
  margin: 30px 30px 30px 30px;
}

#about .about-img img {
  width: 100%;
  border: 8px solid #fff;
  transition: .5s;
}

#about .about-img img:hover {
  width: 100%;
  transform: scale(1.03);
}

#about .about-img::before {
  position: absolute;
  left: -31px;
  top: -30px;
  width: 90%;
  height: 92%;
  z-index: -1;
  content: '';
  background-color: #ebf1fa;
  transition: .5s;
}

#about .about-img::after {
  position: absolute;
  right: -31px;
  bottom: -30px;
  width: 90%;
  height: 92%;
  z-index: -1;
  content: '';
  background-color: #ebf1fa;
  transition: .5s;
}

/* Services Section
--------------------------------*/
#services {
  padding: 80px 0 40px 0;
}

#services.section-bg {
  background: url(../images/main/admisson_guide_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#services .box {
  padding: 35px 20px 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  text-align: center;
  min-height:180px;
  box-sizing: border-box;
}
#services .box.bg1 {background: url(../images/main/course1_bg.jpg) 50% 50% no-repeat; background-size: cover}
#services .box.bg2 {background: url(../images/main/course2_bg.jpg) 50% 50% no-repeat; background-size: cover}
#services .box.bg3 {background: url(../images/main/course3_bg.jpg) 50% 50% no-repeat; background-size: cover}
#services .box.bg4 {background: url(../images/main/course4_bg.jpg) 50% 50% no-repeat; background-size: cover}
#services .box.bg5 {background: url(../images/main/course5_bg.jpg) 50% 50% no-repeat; background-size: cover}


#services .box:hover {
  transform: scale(1.1);
}

#services .icon {
  margin: 0 auto 15px auto;
  display: inline-block;
  text-align: center;
}
#services .icon-new img{
  width: 100%;
}

#services .icon i {
  font-size: 36px;
  line-height: 1;
}

#services h4.title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 0;
}

#services .course {
  color: #fff;
}

p.danger {color: #dc3545; padding-bottom: 10px; margin-bottom: 0}

#services .box:hover .title a {
  color: #fff;
}

#services .desc {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  margin-bottom: 0;
  text-align: center;
}

/* NEWS 버튼 */
.section-header .btn_more {
   float: right;
   margin-top: 10px;
   margin-right: 15px;
}


/* Why Us Section
--------------------------------*/
#why-us {
  padding: 60px 0;
}

@media (max-width: 991px) {
  #why-us .why-us-content {
    padding-top: 30px;
  }
}

#why-us .why-us-content .features {
  margin: 0 0 15px 0;
  padding: 0;

}

#why-us .why-us-content .features i {
  font-size: 36px;
  float: left;
}

#why-us .why-us-content .features h4 {
  font-size: 24px;
  font-weight: 600;
  margin-left: 56px;
  color: #413e66;
  margin-bottom: 5px;
}

#why-us .why-us-content .features p {
  font-size: 16px;
  margin-left: 56px;
  color: #555186;
}

#why-us .counters {
  padding-top: 40px;
}

#why-us .counters span {
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #555186;
}

#why-us .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-size: 14px;
  color: #8a87b6;
}

/* Call To Action Section
--------------------------------*/
#call-to-action {
  background: #2d2b46;
  background-size: cover;
  padding: 40px 0;
}

#call-to-action .cta-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#call-to-action .cta-text {
  color: #fff;
}

@media (min-width: 991px) {
  #call-to-action .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

#call-to-action .cta-btn {
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 26px;
  border-radius: 3px;
  transition: 0.5s;
  margin: 10px;
  border: 3px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #1bb1dc;
  border: 3px solid #1bb1dc;
}

/* Features Section
--------------------------------*/
#features {
  padding: 80px 0;
  /* background: url(../images/main/2.jpg) no-repeat; */
}
#features1 {
  padding: 80px 0;
}

#features h4 {
  font-weight: 500;
  font-size: 24px;
}
#features1 h4 {
  font-weight: 600;
  font-size: 24px;
}
.feature-box{
  background:#fff url(../images/main/logo_loma_10.png) 50% 50% no-repeat;
  padding:20px;
  border:1px #f4f4f4 solid;
  box-sizing: border-box;
  border-radius: 1em;
  min-height:390px;
}
.feature-boxm1{
  background:#fff url(../images/common/2.jpg) 50% 50% no-repeat;
  background-size: cover;
  padding:20px;
  border:1px #f4f4f4 solid;
  box-sizing: border-box;
  border-radius: 1em;
  min-height:390px;
  color:#fff;
}
.feature-boxm1 h4, .feature-boxm2 h4{
  font-size: 38px !important;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.feature-boxm2{
  background:#fff url(../images/common/3.jpg) 50% 50% no-repeat;
  background-size: cover;
  padding:20px;
  border:1px #f4f4f4 solid;
  box-sizing: border-box;
  border-radius: 1em;
  min-height:390px;
  color:#fff;
}
.feature-box1{
  padding:20px;
  border:1px #f4f4f4 solid;
  box-sizing: border-box;
  border-radius: 1em;
  min-height:630px;
}
.feature-box1 img{
  width:30%;
}
.feature-item .list-group li i{
  float:right;
}

.feature-item .photo-cap{
  position: absolute;
  bottom:0;
  width:100%;
  color:#fff;
  background: #000;
  line-height: 150%;
  margin:0;
  padding:15px;
}
/* Portfolio Section
--------------------------------*/
#portfolio {
  padding: 60px 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 20px;
  color: #413e66;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
  color: #1bb1dc;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

#portfolio .portfolio-item .portfolio-wrap {
  overflow: hidden;
  position: relative;
  margin: 0;
}

#portfolio .portfolio-item .portfolio-wrap:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  opacity: 0;
  transition: 0.2s linear;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {
  font-size: 22px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 14px;
  padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {
  color: #1bb1dc;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #f8fcff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {
  display: inline-block;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #1bb1dc;
  border-radius: 50%;
  margin: 10px 4px 0 4px;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {
  padding-top: 6px;
  font-size: 22px;
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {
  background: #42c3e8;
}

#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i, #portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item .portfolio-wrap:hover {
  background: #282646;
}

#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  padding: 60px 0;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item {
    text-align: center;
  }
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  float: left;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
  }
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
  margin-left: 140px;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
  margin-left: 140px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 0 15px 140px;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #testimonials .testimonial-item h3, #testimonials .testimonial-item h4, #testimonials .testimonial-item p {
    margin-left: 0;
  }
}

#testimonials .owl-nav, #testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #1bb1dc;
}

/* Team Section
--------------------------------*/
#intro .intro-link {
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
  padding-right: 40px;
  padding-bottom: 20px;
  border-right: #d9d9d9 1px solid;
}

#team .member.color2 {
  background-color: #003e89;
}

#intro .intro-link h3 {
  padding-top: 10px;
  color: #020200;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}

#intro .intro-link .link {
  color: #020200;
  font-size: 14px;
  text-decoration: underline;

}

#intro .intro-link .link a {
  color: #020200;
}

#intro .intro-link .img-fluid {float: right}

#team .member p {
  color: #fff;
  padding: 0 18px;
  margin-top:-15px;
}

#team .member .member-info {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
  padding: 15px 0;
  background: rgba(29, 28, 41, 0.6);
}

#team .member .member-info-content {
  transition: margin 0.2s;
  height: 40px;
  transition: height 0.4s;
}

#team .member:hover .member-info {
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  height: 80px;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #1bb1dc;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

#team.services {padding-bottom: 70px}

/* Clients Section
--------------------------------*/
#clients {
  padding: 60px 0;
}

#clients img {
  max-width: 80%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 15px 0;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav, #clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #1bb1dc;
}

/* Pricing Section
--------------------------------*/
#pricing {
  padding: 80px 0;
}

@media (max-width: 991px) {
  #pricing {
    padding-bottom: 30px;
  }
}

#pricing .card {
  border: 0;
  box-shadow: 0 3px 0px 0 rgba(65, 62, 102, 0.08);
  transition: all .3s ease-in-out;
  padding: 36px 15px;
  position: relative;
  min-height: 240px;
  border:1px #f4f4f4 solid;
}
#pricing .card img{
  /* width:35%; */
}

@media (max-width: 991px) {
  #pricing .card {
    margin-bottom: 50px;
  }
}

#pricing .card:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #e31c93;
  transition: 0.5s;
}

#pricing .card:hover {
  transform: scale(1.05);
  box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}

#pricing .card:hover:after {
  width: 100%;
}

#pricing .card .card-header {
  background-color: white;
  border-bottom: 0px;
  -moz-text-align-last: center;
  text-align-last: center;
}

#pricing .card .card-title {
  margin-bottom: 16px;
  color: #fff;
  font-size:1.2em;
}

#pricing .card .card-block {
  padding-top: 0;
  text-align: center;
}
#pricing .card .card-block1 {
  padding-top: 0;
  text-align: center;
}
#pricing .card .card-block1 .card-title {
  margin-bottom: 16px;
  color: #333;
  font-size:1.2em
}
#pricing .card .list-group-item {
  border: 0px;
  padding: 6px;
  color: #413e66;
  font-weight: 300;
}
.card-block ul li dl dt{
  display: inline-block;
  background: #333;
  color:#fff;
  padding:3px 5px;
  border-radius: 3px;
}
.card-block ul li dl dd{
  color:#888;
  padding:5px 5px 5px 15px;
  background: url(../images/blt4.png) 5px 15px no-repeat;
}
.card-block ul li dl dd.one{
  display: inline-block;
}
.card-block ul li dl {
  text-align: left;
  padding: 10px 15px;
}

#pricing .card h3 {
  font-size: 64px;
  margin-bottom: 0px;
  color: #535074;
}

#pricing .card h3 .currency {
  font-size: 30px;
  position: relative;
  font-weight: 400;
  top: -30px;
  letter-spacing: 0px;
}

#pricing .card h3 .period {
  font-size: 16px;
  color: #6c67a3;
  letter-spacing: 0px;
}

#pricing .card .list-group {
  margin-bottom: 15px;
}

#pricing .card .btn {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #5f5b96;
  border-radius: 0;
  padding: 10px 24px;
  letter-spacing: 1px;
  border-radius: 3px;
  display: inline-block;
  background: #1bb1dc;
  color: #fff;
}

#pricing .card .btn:hover {
  background: #0a98c0;
}

/* Frequently Asked Questions Section
--------------------------------*/

#faq {
  padding: 60px 0;
  overflow: hidden;
}

#faq #faq-list {
  padding: 0;
  list-style: none;
}

#faq #faq-list > li {
  border-bottom: 1px solid #ebebeb;
}

#faq #faq-list a {
  padding: 22px 0;
  display: block;
  position: relative;
  font-family:"NotoSans", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  padding-right: 20px;
}

#faq #faq-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 20px;
}

#faq #faq-list p {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  #faq #faq-list a {
    font-size: 18px;
  }
  #faq #faq-list i {
    top: 13px;
  }
}

#faq #faq-list a.collapse {
  color: #0039a6;
}

#faq #faq-list a.collapsed {
  color: #666;
}

#faq #faq-list a.collapsed .ion-android-remove {
  color: #000;
}

#faq #faq-list a.collapsed i::before {
  content: "\f2c7" !important;
}

/* 공지사항 notice / notice-view */
.faq .faq-list li .plus .tit{padding: 10px 0; font-weight: 500; font-size: 18px;}
.faq .faq-list li .plus .img img{width: 400px; margin: 10px;}

.boardView .brdCnt .plus .tit{padding: 10px 0; font-weight: 500; font-size: 18px;}
.boardView .brdCnt .plus .img img{width: 400px; margin: 10px;}


/* 서류절차 */
/* 2020-10-15 : 수정 */
.article {font-family: 'Noto Sans Korean', sans-serif; color:#000; line-height:1.65;}
.article h1 {font-size:36px; font-weight:900; color:#000; line-height:4; text-align:center;}
.article .divide {display:table; width:100%; table-layout:fixed;}
.article .divide .left, .article .divide .right {display:table-cell; padding:10px 30px 10px 30px;}
.article .divide .left {background-color:#f2f0f1;}
.article .divide .right {background-color:#fff;}
.article .section h2 {margin-top:20px; margin-bottom:20px; font-size:28px; font-weight:400; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.article .section dt, .article .section dd, .article .section li {font-size:16px; color:inherit; line-height:inherit; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.article .section dd, .article .section li {font-weight:300;}
.article .section dl dt {font-weight:600;}
.article .section .process-type {counter-reset: order-counter;}
.article .section .process-type dl {counter-increment: order-counter; position:relative; margin-bottom:0; padding-bottom:20px; padding-left:44px;}
.article .section .process-type dl:before {
	content: counter(order-counter);
	display:block; width:36px; height:36px;
	position:absolute; top:-5px; left:0;
	border-radius:100%; border:2px solid currentColor; background-color:#fff; color:#2086b7; line-height:30px; text-align:center;
	z-index:1;
}
.article .section .process-type dl:after {
	content:'';
	display:block; width:1px; height:100%;
	position:absolute; top:0; left:18px;
	background-color:#2086b7;
}
.article .section .process-type dl:last-of-type:after {display:none;}
.article .section ul {padding-left:22px; list-style-type:disc;}
.article .section .btn-type {display:inline-block; padding:0 2px; margin-left:2px; border:1px solid #999; font-size:11px; font-weight:400; letter-spacing:-0.035em;}
.article .section .btn-type:hover {text-decoration:none;}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f9f9fb;
  min-height: 40px;
  margin-top: 110px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 58px;
  }
}

.breadcrumbs h2 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #555186;
  content: "/";
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #1bb1dc !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 992px) {
  .portfolio-details .portfolio-description h3 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #fff;
  background: #2f2f32;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #08172b;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer_logo {
    float: left;
    margin-top: 85px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  color: #413e66;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-top .footer-info p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #535074;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #1bb1dc;
  color: #fff;
  line-height: 1;
  padding: 8px 0x;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-icon {margin-left: 25px; margin-top: 8px}

#footer .footer-top .social-links a:hover {
  background: #0a98c0;
  color: #fff;
}

#footer .footer-link {float: left; padding-top: 14px}
#footer .footer-link li {float: left; padding-right: 50px}
#footer .footer-link li a {color: #fff; font-weight: 400}
.copyright h3 {float: right}

@media (max-width: 574px) {
  #footer .footer-top .social-links a {
    margin-bottom: 25px;
  }
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #696592;
}

#footer .footer-top .footer-links ul a:hover {
  color: #1bb1dc;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
  border: 1px solid #d9dde6;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #1bb1dc;
  border: 1px solid #1bb1dc;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #0a98c0;
}

#footer .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

#footer .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

#footer .php-email-form .error-message br + br {
  margin-top: 25px;
}

#footer .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

#footer .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

#footer .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

#footer .php-email-form input, #footer .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dce1ec;
  font-size: 14px;
}

#footer .php-email-form input::focus, #footer .php-email-form textarea::focus {
  background-color: #1bb1dc;
}

#footer .php-email-form input {
  padding: 20px 15px;
}

#footer .php-email-form textarea {
  padding: 12px 15px;
}

#footer .php-email-form button[type="submit"] {
  background: #1bb1dc;
  border: 0;
  border-radius: 3px;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;
}

#footer .php-email-form button[type="submit"]:hover {
  background: #0a98c0;
  cursor: pointer;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#footer .copyright {
  float: right;
  padding-top: 35px;
  color: #fff;
  font-size: 16px;
}

#footer .copyright .tel {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 500;
}

#footer .copyright p {
  color: #666;
  font-size: 14px;
  margin-top: -10px;
  clear: both;
}

#footer .credits {
  text-align: center;
  font-size: 14px;
  padding-top: 4px;
  color: #8582a8;
}

#footer .credits a {
  color: #1bb1dc;
}

#footer .credits a:hover {
  color: #0a98c0;
}
.dot-txt{
  padding-left:15px;
  position: relative;
}
.dot-txt:before{
  content:"・";
  position: absolute;
  left:0;
}
/* 페이지타이틀 */
.page-tit{
  position: absolute;
  bottom:10px;
  margin-left: 50px;
  text-align:center;
  line-height: 300%;
  font-size:2.5em;
  font-weight: 700;
  color:#fff;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}
.page-tit:after{
  content: "";
  width:150px;
  height: 2px;
  background:#fff;
  position: absolute;
  top:55%;

}
.tit1 {
  color: #222;
  font-size:36px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}
.tit1_stxt {
  color: #003e89;
  font-size:30px;
  font-weight: bold;
  text-align: center;
}
.tit2 {
  color: #666;
  font-size:24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.container-header h3.title {
    font-weight: bold;
    font-size: 26px;
    color: #333;
    text-align: center;
}
.container-header h1.stxt1{
    font-weight: 500;
    font-size:24px ;
    color:#0b96ce ;
    margin-bottom: 10px;
}
.container h1.stxt1 {
    font-weight: 500;
    font-size:20px ;
    color:#0b96ce ;
    margin-bottom: 10px;
}
.container h1.stxt2 {
    font-weight: 500;
    font-size:20px ;
    color:#000000 ;
	margin-top:20px;
}
.container h1.stxt3 {
    font-weight: 500;
    font-size:20px ;
    color:#0b96ce ;
	margin-top:20px;
}
.container h1.stxt4 {
    font-weight: 500;
    font-size:20px ;
    color:#d01788 ;
	margin-bottom: 15px;
}
.container-header .title_txt, .container .title_txt {
    font-weight: bold;
    font-size:24px ;
    color:#333 ;
    margin-bottom: 15px;
    text-align: left;
}
.container-header p.text {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #666;
    margin-top: 0;
    padding: 0;
    line-height: 160%;
}

/* 메인비주얼 */
#hero .owl-carousel .owl-item {
  position:relative;}
#hero .owl-carousel .owl-item .m-txt {
  display: none;
  position:absolute;
  width:800px;
  top:422px;
  left:32%;
  margin-left:-11px;
  text-shadow: 2px 2px 5px rgba(0,0,0,1);
}
#hero .owl-carousel .owl-item .mv01 {
  height:520px;
  background:url(../images/main/main_visual01.png) 50% 50% no-repeat;
  margin-top: 90px;
}
#hero .owl-carousel .owl-item .mv02 {
  height:520px;
  background:url(../images/main/main_visual02.png) 50% 50%no-repeat;
  margin-top: 90px;
}


#hero .owl-carousel .owl-item .main-vul-item h3{
  color:#fff;
  font-size:3.5em;
  line-height: 120%;
  font-weight: bold;
  text-align:left;
  margin:8px 0;
}
#hero .owl-carousel .owl-item .main-vul-item h4{
  color:#fff;
  font-size:2.4em;
  font-weight: bold;
  text-align:left;
    margin:8px 0;
}
#hero .owl-carousel .owl-item .main-vul-item p{
  color:#fff;
  font-size:1.8em;
  font-weight: bold;
  text-align:center;
  margin:0;
  padding: 10px 15px;
}
/* 메인 컨텐츠 */

.container .cont-txt p{
  line-height:180%;
  font-size:18px;
}
.container .p-line{
  border-bottom: 3px solid #ffcc1d;
}
/* 약도 */
.map-info{
  margin:20px 0;
}
.map-info dt{
  font-size: 1.2em;
}


.tbl-data-type table {
	width: 100%; border-top-color: rgb(223, 219, 226); border-left-color: rgb(223, 219, 226); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; table-layout: fixed; border-spacing: 0;
}
.tbl-data-type th {
	padding: 6px 10px; height: 34px; text-align: center; border-right-color: rgb(223, 219, 226); border-bottom-color: rgb(223, 219, 226); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; white-space: normal; -ms-word-break: keep-all; -ms-word-wrap: break-word;
}
.tbl-data-type td {
	padding: 6px 10px; height: 34px; text-align: center; border-right-color: rgb(223, 219, 226); border-bottom-color: rgb(223, 219, 226); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; white-space: normal; -ms-word-break: keep-all; -ms-word-wrap: break-word;
  vertical-align: middle !important;background: #fff;
}
.tbl-data-type th {
	font-weight: 500; vertical-align: middle !important; background-color: rgb(241, 237, 242);
}
.tbl-data-type ul {
	text-align: left;
}
.tbl-data-type li {
	position: relative;padding:5px 10px
}
.tbl-data-type li::before {
	left: 0px; top: 4px; width: 16px; height: 20px; display: block; position: absolute; content: "-";
}
.tbl-data-type .total-sum {
	background-color: rgb(254, 240, 230);
}

/* content-box */
.contents h3{
  font-size: 1.5em;
  padding-left:20px;
  background: url(../images/ico_h2_.png) 0 50% no-repeat;
}
.contents h4{
  font-size: 1.3em;
  padding-left:25px;
  background: url(../images/ico_h4_.png) 10px 50% no-repeat;
}
.contents .text-list {
  padding-left:25px;
}
.contents .text-list > li{
  padding-left:10px;
  background: url(../images/blt4.png) 0px 10px no-repeat;
  margin:8px 0;
}
.contents .text-list > li > ul {
  padding:8px 0;
}
.contents .text-list > li > ul > li:before{
  content:"-";
  padding-right: 5px;
  position: absolute;
  top:0px;
  left:0;
}
.contents .text-list > li > ul > li{
  color:#888;
  padding-left:10px;
  position:relative;
}

/* 카드 리스트 */
.card h3{
  font-size: 1.5em;
  padding-left:20px;
  background: url(../images/ico_h2_.png) 0 50% no-repeat;
}
.card h4{
  font-size: 1.3em;
  padding:8px;
  border-radius:30px;
  background: #0290d2;
  color:#fff;
  text-align: center;
}
.card .text-list {
  text-align: center;
}
.card .text-list > li{
  padding-left:10px;
  /* background: url(../images/blt4.png) 0px 10px no-repeat;
  margin:8px 0; */
}
.card .text-list > li > ul {
  padding:8px 0;
}
.card .text-list > li > ul > li:before{
  content:"-";
  padding-right: 5px;
  position: absolute;
  top:0px;
  left:0;
}
.card .text-list > li > ul > li{
  color:#888;
  padding-left:10px;
  position:relative;
}
.blue-bg{
  background: #dce8f5;
}
.gray-box{
  padding:20px;
  margin:8px 0;
  border:1px #ccc solid;
  background: #fefefe;
}
.gray-box > dl > dt{
  background: url(../images/blt1.png) 0px 20px no-repeat;
  padding:10px 10px;
  font-weight:bold;
}
.gray-box > dl > dd{
  padding:5px 10px;
}
.pc-view{
  display: block;
}
.mob-view{
  display: none;
}
.ent-box1 {
  margin:0 30px;
  padding: 30px;
  box-sizing: border-box;
  background: #f4f4f4 url(../images/features06.svg) right bottom no-repeat;
}
.ent-box1 > p{
  margin:10px;

}
/* 입학추천관 */
.ent-docu-list li{
  border:1px #ccc solid;
  display:inline-block;
  width: 300px;
}
.ent-docu-mult{
  overflow: hidden;
    height: auto;
    position: relative;
    height: 430px;

}
.ent-docu-mult li{
  border:1px #ccc solid;
  position: absolute;
  width:300px;
  top:0;
}
.ent-docu-mult li:nth-child(1){
  left:0;
  z-index: 3;
}
.ent-docu-mult li:nth-child(2){
  left:30%;
  z-index: 2;
}
.ent-docu-mult li:nth-child(3){
  right:0;
  z-index: 1;
}
.apply_doc ul li {
  padding:10px;
  float: none;
}
.apply_doc ul li input{
  vertical-align: middle;
  margin-top:-2px;
  margin-right: 6px;
}
/*TAB CSS*/

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom:50px;
}
ul.tabs li {
    margin: 0;
    padding: 0 0;
    /* height: 31px; */
    position: relative;
    background: #fff;

}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding:20px;
    /*--Gives the bevel look with a 1px white border inside the list item--*/
    border: 1px solid #ccc;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
ul.tabs li.active a  {
  text-decoration: none;
    background: #413e66;
    border: 1px solid #413e66;
    color:#fff !important;
    box-sizing: border-box;
    outline: none;
}
ul.edu-list {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
ul.edu-list li{
  display: inline-block;
  border:1px #ccc solid;
  padding:10px;
  width:35%;
  margin:10px;
  border-radius: 30px;
  text-align:center;
}
ul.edu-list li:last-child{
  display: inline-block;
  border:none;
  padding:10px;
  width:100%;
  margin:10px;
  border-radius: 30px;
  font-size:12px;
  color:#888;
  text-align:center;
}
/****** mobile 460px 이하 ******/
@media screen and (max-width:767px) {

   /* 서브컨텐츠 상단 여백조정 */
  .pricing.section-bg.wow.fadeInUp.mt80 {margin-top: 0}



   /* copyright 가운데정렬 */
   #footer .footer_logo {float: none}
   .copyright h3 {text-align: center}
   .copyright p {text-align: center}
    #footer .container.clearfix {text-align: center}

  .page-tit{
    font-size: 24px;
  }
  ul.edu-list {
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  ul.edu-list li{
    display: block;
    border:1px #ccc solid;
    padding:10px;
    width:100%;
    margin:10px;
    border-radius: 30px;
    text-align:center;
  }
  /* 탭 */
  ul.tabs {
      margin: 0;
      padding: 10px;
      list-style: none;
      width: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom:30px;
  }
  /* 헤더로고 */
  #header .logo {
    font-size: 28px;
    padding-left: 15px;
    padding-top:5px;
  }
  #header .logo img{
    width: 80%;
  }
  /* section 여백 */
  #about {
    padding:0;
  }
  .section-header h3 {
    font-size: 1.8em;
    color: #222;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding: 60px 0 30px;
    font-family: "NotoSans", "Open Sans", sans-serif;
  }
  .section-header p {
    text-align: center;
    margin: auto;
    font-size: 1em;
    padding-bottom: 60px;
    color: #535074;
    width: 80%;
  }
  .container .cont-txt p {
    line-height: 150%;
    font-size: 1em;
  }
  .pc-view{
    display: none;
  }
  .mob-view{
    display: block;
  }
  #why-us .why-us-content .features h4 {
    font-size: 1.2em;
    margin-left: 0;
  }
  #why-us .why-us-content .features p {
    font-size: 1em;
    margin-left: 0px;
  }
  .mt150{
    margin-top:50px !important;
  }
  .mob-pl0{
    padding-left:0 !important;
  }
  #features h4 {
    font-size: 1.2em;
  }
  .feature-box {
    background: #fff url(../images/main/logo_loma_10.png) 50% 50% no-repeat;
    padding: 20px;
    border: 1px #f4f4f4 solid;
    box-sizing: border-box;
    border-radius: 1em;
    min-height: 390px;
    margin-top:10px;
  }
  /* 메인비주얼 */
  #hero {
    /* height: auto; */
   /* padding: 60px 0 60px 0;*/
  }
  /* #hero .container {
    height: auto !important;
  }
  #hero .intro-img {
    width: 80%;
  } */
  #hero .owl-carousel .owl-item .m-txt {
    position:absolute;
    width:100%;
    padding:15px;
    top:200px;
    left:0;
    margin-left:0px;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0,0,0,1);
  }
  #hero .owl-carousel .owl-item .main-vul-item h3{
    font-size:1.5em;
  }
  #hero .owl-carousel .owl-item .main-vul-item h4{
    font-size:1.4em;
  }
  #hero .owl-carousel .owl-item .main-vul-item p{
    font-size:1em;
  }
  #hero .owl-carousel .owl-item .main-vul-item p span{
    display:block;
  }
  #hero .owl-carousel .owl-item .mv01 {
    background:url(../images/main/mobile_main_visual01.png) 50% 50% no-repeat;
    background-size: cover;
  }
  #hero .owl-carousel .owl-item .mv02 {
   background:url(../images/main/mobile_main_visual02.png) 50% 50%no-repeat;
   background-size: cover;
  }
  #hero .owl-carousel .owl-item .mv03 {
    background:url(../images/main/main01_3.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #hero .owl-carousel .owl-item .mv04 {
    background:url(../images/main/main01_4.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
}/* 460px 이하*/

/* 버튼 */
.btn-line{
  display: inline-block;
  padding:15px 30px;
  border:1px #fff solid;
  color:#333;
  background: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 35px;
}
/* 플랙스 */
.flex-container{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
/* 설명회예약 부분 */
.flex-box-c {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.card-ent {
    overflow: hidden;
    border-radius: 15px;
    border: 3px #cf9c00 solid;
    background: #fff;
    width: 40%;
    padding: 20px;
    margin: 0 10px;
    text-align: center;
}
.card-ent li.tt {
    font-weight: bold;
    background: #cf9c00;
    border-radius: 15px;
    color: #fff;
    line-height: 200%;
}
.card-ent li p {
    font-weight: bold;
    font-size: 16px;
    color:#666;
    line-height: 1.3;
    margin:0;
}
.card-ent li p:first-child {
  font-size: 20px;
    color:#111;
    line-height: 1.6;
    margin:0;
}
.focust{
  font-weight: bold;
  border-bottom: 2px #ffc000 solid;
}
.btn-c {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    padding: 10px 40px;
    display: inline-block;
    background: #0b96ce;
    color: #fff;
    margin-top: 0;
}
.btn-d {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    padding: 10px 40px;
    display: inline-block;
    background: #0b96ce;
    color: #fff;
    margin-top: 0;
}
.container-header h3{
	padding-top:50px;
   color:#333;
   text-align:center;
   font-size:1.5em;
	 position: relative;
	 font-weight: bold;
 }

.container-header h4{
  color: #0b96ce;
  text-align:center;
  font-size:1.8em;
  font-size:bold;
}
 .container-header h5{
  color: #0b96ce;
  text-align:center;
  font-size:1.8em;
  font-size:normal;
	margin-top:15px;
	font-weight: bold;
}
 .container-header p{
  color:#666;
  font-size:1.05em;
	margin-top:30px;
	padding:0 20px;
	line-height:200%;
}
.charactinfo{
  padding: 60px 15px;
	/* background: #f4f4f4; */

}
.charactinfo .card2{
  overflow: hidden;
  text-align:center;
  min-height:150px;
  border: 1px #ccc solid;
  margin:10px;
  padding:20px;
}
.charactinfo .card2 span{
  display: inline-block;
  width:50%;
  height: 95px;
}
.charactinfo .card2 span.icon{
  display: flex;
  width:50%;
  margin: 0 auto;
  justify-content: center;
  height: auto;
}
.charactinfo .card2 img{
  /* width:100%;*/
}
.charactinfo .card2 li.tt{
  font-weight: 500;
	line-height: 200%;
	font-size: 20px;
	color:#3986d6;
}
.charactinfo .card2 li.tt.bg{
	background-color:#e0efff;
    border-radius: 35px;
    margin: 10px 0;
}
.charactinfo .card2 li{
	line-height: 170%;
/*	font-size: 1.1em;*/
}

/* ent02 */
.sec01 .row .tit2{font-size: 20px;}

.sec02 .charactinfo{margin: 0 auto; max-width: 800px; width: 100%;}
.sec02 .charactinfo .table{border-left: 0; border-right: 0; text-align: center;}
.sec02 .charactinfo .table tbody tr td a .btn-info{background-color: #0b96ce; border: 0;}

.sec05 h4{font-weight: 500; font-size: 22px;}
.sec05 .sec05_con{width: 100%; height: 100%; margin: 0 auto; }
.sec05 .sec05_con li{border: 1px solid #ccc; float: left; margin: 0 20px; padding: 30px; width: 30%; height: 380px; text-align: left;}
.sec05 .sec05_con li:first-child{margin-left: 0;}
.sec05 .sec05_con li:last-child{margin-right: 0;}
.sec05 .sec05_con li span{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 36px; color: #3986d6;}
.sec05 .sec05_con li p{margin: 0;}
.sec05 .sec05_con li p.tt{font-weight: 500; line-height: 200%; font-size: 20px; color: #3986d6; white-space: nowrap;}
.sec05 div.schol{border: 1px solid #ccc; margin: 40px 40px 40px 0; padding: 30px; text-align: left; width: 100%; }
.sec05 div.schol > span{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 36px; color: #3986d6;}
.sec05 div.schol .text{position: relative;}
.sec05 div.schol .text span.numb{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 40px; color: #3986d6;}
.sec05 div.schol .text p.tt{font-weight: 500; line-height: 200%; font-size: 24px; color: #3986d6; margin: 0; position: absolute; left: 40px; top: 5px;}
.sec05 div.schol .text p{font-size: 18px;}
.sec05 div.schol .text p span{font-weight: 500; font-size: 20px;}
.sec05 div.schol .ent02-img{margin: 0 auto;}
.sec05 div.schol .ent02-img li{float: left; margin-right: 10px; margin-bottom: 10px;}

/* SHH 211214 css 추가 */
.sec051 h4{font-weight: 500; font-size: 22px;}
.sec051 .sec051_con{width: 100%; height: 100%; margin: 0 auto; }
.sec051 .sec051_con li{border: 1px solid #ccc; float: left; margin: 0 20px; padding: 20px; width: 30%; height: 230px; text-align: left;}
.sec051 .sec051_con li:first-child{margin-left: 0;}
.sec051 .sec051_con li:last-child{margin-right: 0;}
.sec051 .sec051_con li span{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 36px; color: #3986d6;}
.sec051 .sec051_con li p{margin: 0;}
.sec051 .sec051_con li p.tt{font-weight: 500; line-height: 200%; font-size: 20px; color: #3986d6; white-space: nowrap;}
/* 임시용으로 추가_CJH */
.sec051 .sec052_con{width: 100%; height: 100%; margin: 0 auto; }
.sec051 .sec052_con li{border: 0px solid #ccc; float: left; margin: 0 0px; padding: 10px; width: 50%; text-align: left;}
.sec051 .sec052_con li:first-child{margin-left: 0;}
.sec051 .sec052_con li:last-child{margin-right: 0;}
.sec051 .sec052_con li span{display: block; text-align: left; padding-bottom: 0px; font-weight: bold; font-size: 16px; color: #000000;}
.sec051 .sec052_con li p{margin: 0;}
.sec051 .sec052_con li p.tt{font-weight: 500; line-height: 200%; font-size: 20px; color: #3986d6; white-space: nowrap;}
/* SHH 211214 css 추가 */
.sec051 div.schol{border: 1px solid #ccc; margin: 40px 40px 40px 0; padding: 30px; text-align: left; width: 100%; }
.sec051 div.schol > span{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 36px; color: #3986d6;}
.sec051 div.schol .text{position: relative;}
.sec051 div.schol .text span.numb{display: block; text-align: left; padding-bottom: 10px; font-weight: bold; font-size: 40px; color: #3986d6;}
.sec051 div.schol .text p.tt{font-weight: 500; line-height: 200%; font-size: 24px; color: #3986d6; margin: 0; position: absolute; left: 40px; top: 5px;}
.sec051 div.schol .text p{font-size: 18px;}
.sec051 div.schol .text p span{font-weight: 500; font-size: 20px;}
.sec051 div.schol .ent02-img{margin: 0 auto;}
.sec051 div.schol .ent02-img li{float: left; margin-right: 10px; margin-bottom: 10px;}

/* 210713 css 추가 */
.sec-div{padding-top:40px;padding-right:35px;}


.sec07{margin-bottom: 80px;}

.procedureinfo .card2{
  overflow: hidden;
  text-align:center;
	min-height:200px;
}
.procedureinfo .card2 span{
  display: block;
}

.procedureinfo .card2 img{
   width:100px;
}
.procedureinfo .card2 li.tt{
  font-weight: bold;
	border-radius: 30px;
	padding:2px 20px;
	background:#004624;
	display: inline-block;
	color: #fff;
	font-size:1.1em;
}
.procedureinfo .card2 li{
	line-height: 250%;
	font-weight: bold;
/*	font-size:1.1em;*/
	letter-spacing: -1px;
}
.flex-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}


.logozone{
  width:30%;
  margin: 0 auto;
}
.showzone{
  width:60%;
  margin: 0 auto;
}

/*	ent02 */
.col-lg-4.ent_photo {
    flex: auto;
    max-width: 100%;
    padding: 0;
}
.col-lg-4.video {
    flex: auto;
    max-width: 100%;
    padding: 0;
    justify-content: center;
}
.col-lg-4 li {
    float: left;
    padding-right: 30px;
}
.col-lg-4 li.video {
    display: flex;
    justify-content: center;
    float: none;
    padding: 40px 0;
}
.col-lg-4 li:last-child {
   margin-right: 0;
}
.flex-box-c.flex-container.col-lg-12 {
    padding: 0;
}
.checkbox input.agree {margin-right: 6px}
.checkbox label {margin-top: 20px}
.label-note {border: #0b96ce 1px solid; border-radius: 35px; padding: 0 10px; display: block; width: 60px; margin-bottom: 10px}
span.label-note {color: #0b96ce }

/*	설명회 예약 ent02 */
.ent03_tab {display: block; margin: 20px auto 50px; }
.consultinfo .form {
    max-width: 670px;
    width: 100%;
    padding: 30px;
    background: #f9f9f9;
    border-top: #333 2px solid;
    border-bottom: #333 1px solid;
}

/* 온라인 지원 ent03 */
.ent03-4 .btn-empha{background-color: #0b96ce; font-size: 24px; padding: 15px 0; line-height: 30px; height: 60px; max-width: 150px; width: 100%;}

/* 동영상 video */
.video .ent_photo{}
.video .ent_photo li{float: left; width: 370px; display: block;}
.video .ent_photo li > a{display: block; margin-bottom: 20px;}
.video .ent_photo li a img{display: block; width: 100%; height: 200px;}
.video .ent_photo li .video_tit a{display: block;}

/* univers */
.cont_tab{height: auto !important;width:100%;max-width:1110px;margin:100px auto 0;border:none;}
.cont_tab .step2{height:auto !important;border:none;}
.cont_tab .link_list.step2 dl{width:100% !important;height:auto !important;}
.cont_tab .link_list.step2 dl dd{width:100% !important;height:auto !important;}
.cont_tab .link_list.step2 dl dd .flexslider_uni.step3{width:calc(100% - 50px) !important;margin:0 auto;height:auto !important;}
.cont_tab .custom-navigation{width:100%;height:1px;;top:50%;z-index:1000;left:0;transform:translateY(-50%);}
.cont_tab .rollover1{background: url(../images/univers/tab_leftarrow.png) 0px 0px no-repeat;width: 11px; height: 20px; position: absolute; left: 0; top:-10px; text-indent: -9999px;}
.cont_tab .rollover2{background: url(../images/univers/tab_rightarrow.png) 0px 0px no-repeat;width: 11px; height: 20px;  position:absolute;right:0; top:-10px; text-indent: -9999px;}
.cont_tab .univer{ width: 2600%; transition-duration: 0s; transform: translate3d(100%, 0px, 0px);padding-bottom:10px;}
.cont_tab .link_list.univ dl dd ul li{height:auto;line-height:initial;border-bottom:2px solid #eee;}
.cont_tab .link_list.univ dl dd ul li a{box-sizing:border-box;;color:#666;transition:none;font-size:18px;height:70px;line-height:70px;}
.cont_tab .link_list.univ dl dd ul li.active a{border-bottom:3px solid #00a0e0;position: relative;color:#00a0e0;}
.cont_tab .link_list.univ dl dd ul li.active a::after{content:'';display:block;position:absolute;width:15px;height:15px;background:url(../images/univers/active_arrow.png)no-repeat; background-size:cover;bottom:-15px;left:50%;transform:translateX(-50%);}

.contentslide{width:100%;max-width:1200px;box-sizing:border-box;padding:80px 45px;margin:0 auto;}
.contentslide .univcont_top{display:flex;justify-content:center;margin-bottom:50px;}
.contentslide .univcont_top .univ_logo{max-width:269px; width: 100%;}
.contentslide .univcont_top .univ_textbox .logo_title{font-size:40px;color:#020200;}
.contentslide .univcont_top .univ_textbox .txt{font-size:16px;color: #020200;}
.contentslide .univcont_top .univ_textbox .btn_detail01{box-sizing:border-box;color:#020200;border:3px solid #020200;padding:10px 20px;box-shadow:7px 7px 7px rgba(0, 0, 0, .15);}
.contentslide .img_list{display:flex;justify-content:center;}
.contentslide .img_list span{margin-right:2px;}
.contentslide .img_list span img{width: 300px; height: 100%;}
.contentslide .img_list span:last-child{margin-right:0;}
.contentslide .flex-control-paging{position:absolute;display:flex;align-items: flex-end;
  top:inherit;bottom:25px;left:50%;transform:translateX(-50%);}
.contentslide .flex-control-paging li a{width:15px;height:15px;border-radius:50%;}
.contentslide .flex-control-paging li a:hover{background-color:#666666;}
.contentslide .flex-control-paging li a.flex-active{background-color:#666666;}
.univ_disc .flex-direction-nav .flex-next{right:0;}
.univ_disc .flex-direction-nav .flex-prev{left:0;}






/****** mobile : 768px ~ 1100px ******/
@media screen and (min-width:768px) and (max-width:1200px) {

   /* 상단이미지 조절 */
  .sub-visual1, .sub-visual2, .sub-visual3, .sub-visual4, .sub-visual5, .sub-visual6 , .sub-visual7 , .sub-visual8  {
      height: 207px;
      margin-top: 100px;
      background-size: cover}

  /* 대학소개 */
  .col_logo {float: none; margin: 0 auto}
  .col_list_txt {width: 100%;}
  .map img {width: 100%}

  /* 졸업후진로 */
  .grd img {width: 100%}

  .ent_photo li img {width: 100%}
  .video li img {width: 100%}
  .col-lg-4 li {float: inherit; padding: 0; margin-bottom: 15px}

  /*join_agr step 1-1,2*/
  .join-form .join-agr .box{width: calc(100% - 35px); padding: 1rem;}
  .join-form .join-agr .box .agreement{font-size: 0.9rem;}
  .join-form .join-agr .box .agreement h3{font-size: 1rem;}

  /*join_cert step1-*/
  .join-form .step1-3 .box{width: calc(100% - 35px);}
  .join-form .step1-3 .box p.tit{font-size: 1.25rem;}
  .join-form .step1-3 .box .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}
  .join-form .btn-area{margin: 3.1rem 0;}
  .join-form .btn-area .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}

  /*join-info*/
  .join-info .danger{font-size: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr th{font-size: 0.8rem; white-space: nowrap; padding: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td{padding: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td .form-control{width: calc(100% - 10%);}
  .join-info .table-responsive .table-bordered tbody tr td .id{width: calc(100% - 60%);}
  .join-info .table-responsive .table-bordered tbody tr td .id.selc{width: calc(100% - 10%); margin-top: 0.625rem; margin-left: 0;}
  .join-info .table-responsive .table-bordered tbody tr td .addr{width: calc(100% - 50%);}
  .join-info .table-responsive .table-bordered tbody tr td a .btn{width: calc(100% - 3px); margin-left: 0.3rem; font-size: 0.8rem; padding: 0 0.5rem;}
  .join-info .table-responsive .table-bordered tbody tr td span{padding-left: 0.3rem; font-size: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td .phon{width: calc(100% - 75%);}

  /*join_fin*/
  .join-form .join-fin .box{width: calc(100% - 35px);}
  .join-form .join-fin .box .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}

  /*mypage tab1*/
  .mypage-form .tabs{width: 100%;}
  .mypage-form .tabs li a{font-size: 1rem;}
  .mypage-form .title h4{padding: 1.8rem 0;}
  .mypage-form .table-responsive .table-bordered tbody tr td a .btn{width: calc(100% - 3px);}
  .mypage-form .btn-area{margin: 3.1rem 0;}
  .mypage-form .btn-area .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}

  /*mypage tab2*/
  .mypage .mypage-aply .box{padding: 4rem 0; width: calc(100% - 15px);}
  .mypage .mypage-aply .box .icon-box .icon{height: 3.75rem; margin-right: ; padding-right: ;}
  .mypage .mypage-aply .box .icon-box .icon .tit{font-size: 1rem; line-height: 6rem; height: 0.6rem; margin-left: 10px}
  .mypage .mypage-aply .box .icon-box .icon.fir::after{width: 20px; height: 35px; background-size: cover;}
  .mypage .mypage-aply .box .icon-box .icon.sec::after{width: 20px; height: 35px; background-size: cover;}
  .mypage .mypage-aply .box .icon-box .icon.thr{}
  .mypage .mypage-aply .box .icon-box .icon.thr .tit{}
  .mypage .mypage-aply .txt{width: calc(100% - 15px);}
  .tab2 .chg-info .btn-area .btn{font-size: 1rem; max-width: 9.375rem;}

  /*mypage tab3*/
  .tab3 .tab3_table .table tbody tr td{font-size: 0.8rem;}

  /*mypage tab4*/
  .tab4 .tab4_table .table tbody{font-size: 0.8rem; white-space: inherit;}
  .tab4 .tab4_table .table tbody tr th{padding-left: 0; padding-right: 0;}
  .tab4 .tab4_table .table tbody tr td{padding-left: 0; padding-right: 0;}
  .tab4 .tab4_table .table tbody .thead tr th:nth-child(7){width: 15.6rem;}
  .tab4 .tab4_table .table tbody tr td a .btn{width: calc(100% - 50px); margin-left: 0;}

  /*mypage tab5*/
  .tab5 .mypage-aply .info-area > p.hello{font-size: 1.875rem;}
  .tab5 .mypage-aply .info-area .table{margin: 1.875rem 0;}
  .tab5 .mypage-aply .box{padding: 30px 0; margin-right: 40px; margin-bottom: 30px;}
  .tab5 .mypage-aply .box:last-child{margin-bottom: 0; margin-left: 0;}
  .tab5 .mypage-aply .box .btn-area{bottom: -30px;}
  .tab5 .mypage-aply .box .btn-area .btn{display: inline-block; font-size: 0.8rem; line-height: 36px; height: 36px; padding: 0;}


  /*eng-mypage tab1*/
  .eng-mypage-form{margin: 0 auto; width: 100%;}

  /*eng_mypage tab2*/
  .eng-mypage-form .tab2 .tab2_table .table tbody tr.thead th:first-child{font-size: 1rem;}

  /*eng_mypage tab3*/
  .mypage-info .table-responsive .table-bordered tbody tr > td{width: auto;}
  .eng-mypage-form .tab3 .tab3_table .table tr td{padding: 0.7rem}
  .eng-mypage-form .tab3 .tab3_table div h5{font-size: 0.8rem;}
  .eng-mypage-form .tab3 .tab3_table .tab3-1 tr td{width: inherit;}
  .eng-mypage-form .tab3 .tab3_table .tab3-1 tr td:first-child{padding-left: 0; padding-right: 0; white-space: inherit;}
  .eng-mypage-form .tab3 .tab3_table .tab3-2 tr td select.selc{margin-top: 0; font-size: 0.7rem; padding-left: 2px; padding-right: 4px;}
  .eng-mypage-form .tab3 .tab3_table .tab3-2 tr td input[type = "text"]{width: calc(100% - 5px);}

  /*eng_mypage tab4*/
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td .selc{width: 70px;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li{display: block; text-align: left;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li input[type = "radio"]{display: inline-block; vertical-align: middle;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li label{display: inline-block; padding-left: 5px;}
  .eng-mypage-form .tab4 .tab4_table .tab4-2 tr th{padding: 10px 0;}
  .eng-mypage-form .tab4 .tab4_table .tab4-2 tr td{padding: 10px 0.3rem;}

  /*입학안내*/
  .sec01 .row .tit1{font-size: 28px;}
  .sec05 .sec05_con li{float: none; width: 100%; margin-left: 0;}
  .sec05 h4{font-weight: 500; font-size: 22px;}
  .sec05 .sec05_con li{margin-bottom: 20px;}
  .sec05 div.schol{margin: 0;}

  /* 동영상 video */
  .video .ent_photo li{width: calc(100% - 70%); margin-left: 10px;}

  /* 소개 col02 */
  .col02 .col02-con .con-box{width: 100%;}

  /* 장학제도 edu03 */
  .edu03-con .accum .edu03-img{width: 100%;}





} /* //mobile : 768px ~ 1100px */


   /* 메인비쥬얼변경 */
  .visual01 {
  content:url(../images/main/mobile_main_visual01.png) 50% 50% no-repeat !important;
 }
  .visual02 {
  content:url(../images/main/mobile_main_visual02.png) 50% 50% no-repeat !important;
}

  .visual03 {
  content:url(../images/main/main_visual03_w.png) 50% 50% no-repeat !important;
}






/****** mobile : 300px ~ 767px ******/
@media screen and (min-width:300px) and (max-width:767px) {

  .visual03 {
  content:url(../images/main/main_visual03_m.png) 50% 50% no-repeat !important;
}



    /* 상단이미지 조절 */
    .sub-visual1, .sub-visual2, .sub-visual3, .sub-visual4, .sub-visual5, .sub-visual6, .sub-visual7 {
        height: 207px;
        margin-top: 100px;
    }
    #features {padding-top: 0}

    /* 메인 학교소개 */
    #intro .intro-link {border-right: none; border-bottom: #d9d9d9 1px solid}

    /* 메인 글로벌 캠퍼스 과정 */
    #services .col-md-6.col-lg-4 {margin-top: 20px}
    #services .box {width: 80%; margin: 0 auto}


    /* 메인 전형대학 */
    .univ .link_family .link_list dl {width: 98%}
    .univ .link_family .univ dl dd {width: 90%}
    .univ .flexslider {width: 80%; margin: 0 auto}
    .univ .flex-viewport {margin-top: 20px;}

    /* 메인 협력기관 */
    .link_family .link_list dl dd ul li {padding-right: 30px}
    .link_family .link_list dl dd ul {width: 80%; margin: 0 auto}
    .link_family .link_list dl dt {width: 100%; text-align: center; float: none; border-right: none}



   /* copyright */
   #footer .footer-link li { padding-right: 10px}
   #footer .footer-link li a { font-size: 15px}
   #footer .footer_logo {float: none}
   .copyright h3 {text-align: center}
   .copyright p {text-align: center}
    #footer .container.clearfix {text-align: center}
    #footer .customer {clear: both; width: 50%; margin: 0 auto; padding-top: 20px}


   /* 교육과정 전체패딩값 */
   .cur.charactinfo.wow.fadeInUp {padding: 15px !important}
   .row.flex-items-xs-middle.flex-items-xs-center.mb40 {margin-bottom: 0 !important}

   /*	설명회 예약 ent02 */
    .consultinfo .form {padding: 20px;}
    .charactinfo .card2{margin:10px 0;}


    /* 버튼 */
    .btn-c {display: block; margin: 0 auto; width: 90% !important; padding: 10px 30px;}
    .btn-c.consulting {display: block; margin: 0 auto; width: 45% !important; padding: 10px 30px;}
    .btn-d {display: block; margin: 0 auto; width: 50% !important; padding: 10px 30px;}

    /*	ent02 */
    .ent03_tab {width: 100%}
    .consultinfo {padding: 15px}

   .ent_photo li img {width: 100%}
   .video li img {width: 100%}
   .col-lg-4 li {float: inherit; padding: 0 ; margin-bottom: 15px}

  #hero.sub-visual1{
    background:url(../images/mobile_top_visual01.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

  #hero.sub-visual2{
    background:url(../images/mobile_top_visual02.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

    #hero.sub-visual3{
    background:url(../images/mobile_top_visual03.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

  #hero.sub-visual4{
    background:url(../images/mobile_top_visual04.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

  #hero.sub-visual5{
    background:url(../images/mobile_top_visual05.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

  #hero.sub-visual6{
    background:url(../images/mobile_top_visual06.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }

   #hero.sub-visual7{
    background:url(../images/mobile_top_visual07.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }
   #hero.sub-visual8{
    background:url(../images/mobile_top_visual08.jpg) 50% 50% no-repeat;
    background-size: 100%;
    }


  /* 대학소개 */
  .col_logo {float: none; margin: 0 auto}
  .col_list_txt {width: 100%;}
  .map img {width: 100%}
  #map_img{ content:url("../img/m_col04_map.jpg"); }


  /* 졸업후진로 */
  .grd img {width: 100%}


  /* 연혁 */
  .history_wrap > div.list .year{width: 100%; border-top: 1px solid #003e89; font-size: 28px; padding: 15px 0}
  .history_wrap > div.list .list_wrap {width:100%; padding-left: 0}
  .history_wrap > div.list > * {display: block}
  .history_wrap > div.list .list_wrap li {padding: 15px 0 60px}


  /* 교육과정 */
  .curriculum_wrap > div.list .list_wrap {width:100%; padding: 0;}
  .curriculum_wrap > div.list > * {display: block}
  .curriculum_wrap > div.list .list_wrap li {padding: 15px 0 60px; border-top: none}
  .curriculum_wrap > div.list .list_wrap li p {text-align: left;}
  .curriculum_wrap > div.list .step {margin: 0 auto; display: flex; align-items: center; justify-content: center;}
  .curriculum_wrap > div.list {background-position: center bottom; margin-bottom: 40px}


  /*join_agr step 1-1,2*/
  .join-form .join-agr .box{width: calc(100% - 35px); padding: 1rem;}
  .join-form .join-agr .box .agreement{font-size: 0.9rem;}
  .join-form .join-agr .box .agreement h3{font-size: 1rem;}
  .join-form .btn-area{margin: 3.1rem 0;}
  .join-form .btn-area .btn{font-size: 1rem; width: calc(100% - 60%); margin: 0 auto;}

  /*join_cert step1-3*/
  .join-form .step1-3 .box{width: calc(100% - 35px);}
  .join-form .step1-3 .box p.tit{font-size: 1.25rem; white-space: normal;}
  .join-form .step1-3 .box .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}
  .join-form .btn-area{margin: 3.1rem 0;}

  /*join-info*/
  .join-info .danger{font-size: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr th{font-size: 0.8rem; white-space: nowrap; padding: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td{padding: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td .form-control{width: calc(100% - 10%);}
  .join-info .table-responsive .table-bordered tbody tr td .id{width: calc(100% - 60%);}
  .join-info .table-responsive .table-bordered tbody tr td .id.selc{width: calc(100% - 10%); margin-top: 0.625rem; margin-left: 0;}
  .join-info .table-responsive .table-bordered tbody tr td .addr{width: calc(100% - 50%);}
  .join-info .table-responsive .table-bordered tbody tr td a .btn{width: calc(100% - 3px); margin-left: 0.3rem; font-size: 0.5rem; padding: 0 0.5rem;}
  .join-info .table-responsive .table-bordered tbody tr td span{padding-left: 0.3rem; font-size: 0.8rem;}
  .join-info .table-responsive .table-bordered tbody tr td .phon{width: calc(100% - 75%);}

  /*join_fin*/
  .join-form .join-fin .box{width: calc(100% - 35px);}
  .join-form .join-fin .box .btn{font-size: 1.2rem; width: calc(100% - 50px); margin: 0 auto;}

  /*mypage*/
  .mypage-form{width: 100%;}
  .mypage-form .tabs{width: calc(100% - 35px); display: block; margin: 0 auto; flex-direction: row; padding: 0; border-bottom: none;}
  .mypage-form .tabs::after{content: ""; display: block; clear: both;}
  .mypage-form .tabs li{font-size: 1rem; width: 50%; float: left; height: 65px; border: 1px solid #d9d9d9; border-collapse: collapse; overflow: visible; margin: -1px 0 0 -1px;}
  .mypage-form .tabs li a{font-size: 14px; padding: 20px 0; }
  .mypage-form .tabs li.on a{position: relative;}
  .mypage-form .tabs li.on a::after{background: none; border-bottom: 4px solid #00a0e0; bottom: -3px;}
  .mypage-form .table-responsive .table-bordered tbody tr td a .btn{width: 100%; margin-left: 0; font-size: 0.5rem;}
  .mypage-form .btn-area{margin: 3.1rem 0;}
  .mypage-form .btn-area .btn{font-size: 1.2rem; padding: 15px 0; width: calc(100% - 60%);}

  /*mypage tab2*/
  .mypage .mypage-aply .box{width: calc(100% - 15px); height: 37.5rem;}
  .mypage .mypage-aply .box .icon-box .icon{float: none; height: 6.25rem; margin-bottom: 100px; margin-right: 0; padding-right: 0;}
  .mypage .mypage-aply .box .icon-box .icon .tit{font-size: 1.1rem; left: 0.3rem;}
  .mypage .mypage-aply .box .icon-box .icon.fir::after{width: 40px; height: 21px; background: url(../img/ico_arrw02.jpg.png) no-repeat 0 0; top: inherit; right: 2.5rem; bottom: -3.75rem;}
  .mypage .mypage-aply .box .icon-box .icon.sec::after{width: 40px; height: 21px; background: url(../img/ico_arrw02.jpg.png) no-repeat 0 0; top: inherit; right: 2.5rem; bottom: -3.75rem;}
  .tab2 .chg-info .btn-area .btn{font-size: 0.825rem; max-width: 9.375rem;}

  /*mypage tab3*/
  .tab3 .tab3_table .table tbody tr td{font-size: 0.8rem; white-space: normal;}

  /*mypage tab4*/
  .tab4 .tab4_table .table tbody{font-size: 0.8rem; white-space: inherit;}
  .tab4 .tab4_table .table tbody tr th{width: 30px; padding-left: 0; padding-right: 0;}
  .tab4 .tab4_table .table tbody tr td{padding-left: 0; padding-right: 0;}
  .tab4 .tab4_table .table tbody .thead tr th:nth-child(7){width: 15.6rem;}
  .tab4 .tab4_table .table tbody tr td a .btn{width: calc(100% - 10%); margin-left: 0; overflow: hidden;}

  /*mypage tab5*/
  .tab5 .mypage{text-align: center;}
  .tab5 .mypage-aply{display: inline-block; text-align: center;}
  .tab5 .mypage-aply .info-area > p.hello{font-size: 1.4rem;}
  .tab5 .mypage-aply .info-area .table{margin: 1.4rem 0;}
  .tab5 .mypage-aply .info-area .table tbody tr td{font-size: 0.8rem;}
  .tab5 .mypage-aply .box{width: calc(100% - 15px);height: auto; padding: 2.5rem 1rem; margin-bottom: 1.875rem; }
  .tab5 .mypage-aply .box:last-child,.tab5 .mypage-aply .box:nth-child(2){margin-right: 0;}
  .tab5 .mypage-aply .box .txt-area .txt{font-size: 0.8rem;}
  .tab5 .mypage-aply .box .txt-area .tit{font-size: 1rem;}
  .tab5 .mypage-aply .box .btn-area{bottom: -1.875rem;}
  .tab5 .mypage-aply .box .btn-area .btn{font-size: 0.8rem;}

  /*eng_mypage tab1*/
  .eng-mypage-form .tabs li a{display: inline-block; height: 60px; line-height: 20px;}
  .eng-mypage-form .tab1 .chg-info .table-responsive .table tbody tr td input{font-size: 0.7rem}

  /*eng_mypage tab2*/
  .eng-mypage-form .tab2 .tab2_table .table tbody tr.thead th:first-child{font-size: 1rem;}

  /*eng_mypage tab3*/
  .eng-mypage-form .tab3 .tab3_table .table3-1{overflow-x: scroll;}
  .eng-mypage-form .tab3 .tab3_table .table3-2{overflow-x: scroll;}
  .eng-mypage-form .tab3 .tab3_table .table-bordered.tab3-1{border: none;}
  .eng-mypage-form .tab3 .tab3_table .table tbody{white-space: inherit;}
  .eng-mypage-form .tab3 .tab3_table .table tr th{padding: 0.4rem 0.1rem;}
  .eng-mypage-form .tab3 .tab3_table .table tr td{padding: 0.4rem 0.1rem;}
  .eng-mypage-form .tab3 .tab3_table .tab3-2 tr td select.selc{margin-top: 0; font-size: 0.7rem; padding-left: 2px; padding-right: 4px;}
  .eng-mypage-form .tab3 .tab3_table .tab3-2 tr td input[type = "text"]{width: calc(100% - 5px);}
  .eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li{text-align: center;}
  .eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li input[type = "radio"]{display: block; margin-left: 20px;}
  .eng-mypage-form .tab3 .tab3_table .tab3-1 tr td ul li label{padding-left: 0;}

  /*eng_mypage tab4*/
  .sec01 .row .tit1{font-size: 24px;}
  .eng-mypage-form .tabs li{}
  .eng-mypage-form .tabs li.on:last-child a{}
  .eng-mypage-form .tab4 .tab4_table .table4-1{overflow-x: scroll;}
  .eng-mypage-form .tab4 .tab4_table .table4-2{overflow-x: scroll;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td .selc{width: 60px; font-size: 0.8rem;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li{text-align: center;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li input[type = "radio"]{display: block; margin-left: 25px;}
  .eng-mypage-form .tab4 .tab4_table .tab4-1 tr td ul li label{padding-left: 0;}
  .eng-mypage-form .tab4 .tab4_table .tab4-2 tr th{padding: 10px 0;}
  .eng-mypage-form .tab4 .tab4_table .tab4-2 tr td{padding: 10px 0.1rem;}

  /*입학안내*/
  .sec01 .row .tit2{font-size: 1rem;}
  .sec05 .sec05_con li{float: none; width: 100%; padding: 20px; margin-left: 0;}
  .sec05 .sec05_con li p.tt{white-space: normal;}

/* SHH 211214 CSS 추가 */
  .sec051 .sec051_con li{float: none; width: 100%; padding: 20px; margin-left: 0;}
  .sec051 .sec051_con li p.tt{white-space: normal;}

  .ent03-4 .btn-empha{font-size: 18px;}
  .ent03-4 h3{margin-top: 20px;}
  .ent03-4 .agr{position: relative;}
  .ent03-4 .agr div.txt{font-size: 0.8rem; position: absolute; left: 20px; top: 5px;}

  .ent03 .table-responsive .table-bordered tbody tr th{font-size: 0.8rem; white-space: nowrap; padding: 0.8rem;}
  .ent03 .table-responsive .table-bordered tbody tr td{padding: 0.8rem; flex: none;}
  .ent03 .table-responsive .table-bordered tbody tr td .form-control{width: calc(100% - 10%);}
  .ent03 .table-responsive .table-bordered tbody tr td a .btn{width: calc(100% - 30px); margin-left: 0.3rem; font-size: 0.8rem; padding: 0 0.5rem;}
  .ent03 .table-responsive .table-bordered tbody tr td span{font-size: 0.8rem; display: block;}
  .ent03 .table-responsive .table-bordered tbody tr td .radio_txt{white-space: nowrap;}
  .ent03 .table-responsive .table-bordered tbody tr td .radio_txt:last-child{margin: 0;}

  .ent04 .table-responsive .table-bordered tbody tr th{font-size: 0.8rem; white-space: nowrap; padding: 0.8rem;}
  .ent04 .table-responsive .table-bordered tbody tr td{padding: 0.8rem; flex: none;}

  .sec05 .sec05_con li{margin-bottom: 20px;}
/* SHH 211214 CSS 추가 */
  .sec051 .sec051_con li{margin-bottom: 20px;}

  .sec05 div.schol{margin: 0; overflow-y: scroll; height: 380px;}
  .sec05 div.schol .text p.tt{}
  .sec05 div.schol .text p{font-size: 15px;}
  .sec05 div.schol .text p span{font-size: 17px;}
    /* 210713 css 추가 */
  .sec-div{padding-top:0px;padding-right:0px;}

  /* 공지사항 notice / notice-view */
  .notice_view_sec{margin: 0 15px;}
  .boardView .brdHd .text ul li{font-size: 0.6rem;}
  .faq .faq-list li .faq-tit{font-size: 16px !important;}

  /* 동영상 video */
  .video .ent_photo li{width: calc(100% - 15px);}
  .boardView .video iframe{padding: 0 15px;}
  .boardView{margin: 0 15px;}
  .boardMove{margin: 0 15px;}
  .boardMove > ul > li{font-size: 0.8rem;}

  /* 입학문의 consulting */
  .consulting{}
  .consulting .table{}
  .consulting .table .radio{}
  .consulting .table .radio td{padding: 0; padding: 10px;}

  .consulting .table-responsive .table-bordered tbody tr th{font-size: 0.8rem; white-space: nowrap; padding: 0.8rem;}
  .consulting .table-responsive .table-bordered tbody tr td{padding: 0.8rem;}
  .consulting .table-responsive .table-bordered tbody tr td .form-control{width: calc(100% - 10%);}
  .consulting .table-responsive .table-bordered tbody tr td .id{width: calc(100% - 60%);}
  .consulting .table-responsive .table-bordered tbody tr td .id.selc{width: calc(100% - 10%); }
  .consulting .table-responsive .table-bordered tbody tr td span{padding-left: 0.3rem; font-size: 0.8rem;}

  /* 소개 col02 */
  .col02 .container-header .stxt1{font-size: 24px;}
  .col02 .col02-con .con-box{width: 100%;}
  .col02-year .history_wrap > div.list .year{font-size: 36px; color: #1bb1dc; width: 100%;}
  .col02-year .history_wrap div.list .list_wrap li .txt{margin-bottom: 10px;}

  /* 대학소개 edu02 */
  .edu02-con ol{margin-left: 10px;}

  /* 장학제도 edu03 */
  .edu03-con .accum .edu03-img{width: 100%;}
  .edu03-con .accum .edu03-img li{width: 40%;}
  .edu03-con .accum .edu03-img li img{width: 100%;}
  .edu03-con .edu03-table .point{font-size: 0.8rem;}



  .logozone{
    width:100%;
    margin: 0 auto;
  }
  .showzone{
    width:100%;
    margin: 0 auto;
  }

  #services.section-bg {
  background: url(../images/main/mobile_admisson_guide_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}

  #faq #faq-list {
   padding: 0 30px;
  }

  #footer .footer_logo {
   width: 70%;
   max-width: 380px;
  }

  #footer .copyright {
    padding: 20px;
  }

  #footer .copyright p {
  margin-bottom: 20px;
  }
  .cont_tab{margin:30px auto 0;}
  .cont_tab .link_list.univ dl dd ul li a{font-size:12px;}
  .step3 .flex-viewport{margin:0;}

  .contentslide .univcont_top{flex-direction:column;align-items:center;}
  .univ_textbox{text-align:center;}

}/* mobile : 300px ~ 767px */