html, body{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: 'Noto Sans KR','nanumgothic','Open Sans', sans-serif!important;
}



input, textarea,button {font-family: 'Noto Sans KR','nanumgothic','Open Sans', sans-serif!important;}
input[type="password"] {font-family:'nanumgothic' !important;}
p {
    margin: 0;
    padding: 0;
    word-break: break-all;
}
div,ul,li{margin: 0;padding:0;}

a,a:link,a:hover{
  text-decoration: none;
}
li{list-style: none;}
.mainContent img{width:100%;}

/* COLUMNS */


.site_wrap {
  width: 980px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}

.site_wrap.full {width:100%;}

/*=============================
==========ALL MOBILES==========
===============================*/

/*20180306 추가 start*/
/*Log in 20180306*/
.LoginWrap{
  text-align: center;
  width: 50%;
  margin: 0px auto 100px;
}
.login input{
  width: 73%;
  margin: 1%;
  font-size: 1.2rem;
  padding: 3% 2%;
  border: 0;
}
.login input[type=text],
.login input[type=password]{
  width: 70%;
  padding: 2% 0% 2% 3%;
  border: solid 1px #1175cd;
}
.BtnLogin{
  background-color: #1175cd;
  color: #fff
}
.BtnRegister{
  background-color: #93c0e9!important;
  color:#fff;
}

/*REGISTER */
#fregister{
  font-size: 1rem;
  padding: 0 2%;
  line-height: 1.5;
}
#fregister h2{
  font-size: 2rem;
  text-align: center;
  margin: 30px 0;
}
#fregister p{
  padding: 2%;
}

.btn_submit,.btn_cancel{
  font-size: 1rem!important;
  padding: 1.2% 4%!important;
  border: 0!important;
  height:auto!important;
  margin: 1%!important;
  color:#fff!important;
}
.btn_submit{ background: #1f86e1!important;}
.btn_cancel{ background: #7bc1ff!important;}
.fregister_agree{
  text-align: center;
font-size: 1.1rem;
font-weight:600;
padding: 0 0 2% 0;
}
.btn_bo_user li {
  margin: 10px;
  text-align: right;
}
.frm_input{
  line-height: normal!important;
  font-size: 1rem!important;
  height: 50px;
  height: auto;
  padding: 0.5%;
}
.bannerWrapi,
.banner02Wrap{
  width: 100%;
  display: inline-block;
}
.bannerWrap>li,
.banner02Wrap>li{
  display: inline-block;
  width: 31.3%;
  padding-right: 2%;
  float: left;
}
{width: 31%;float: left;}
.bannerWrap>li:nth-child(1){ padding-left: 0}
.bannerWrap>li:nth-child(2){ width: 33.4%; }
.bannerWrap>li:nth-child(3){ padding-right: 0}
.banner02Wrap>li:last-child{width: 66.6%;padding:0;}
/*REGISTER_form*/
#fregisterform{
  padding: 0 2%;
    width: 96%;
    font-size: 1rem!important;
}

.tbl_frm01 th {
    padding: 1% 2%!important;
    width: 25%!important;
}
.tbl_frm01 td {
    padding: 1% 2%;
}
.tbl_frm01 .frm_info {
  line-height: 1.5rem!important;
  padding:1%!important;
}
#fregisterform input[type=text],
#fregisterform input[type=password],
#fregisterform input[type=email]{
  width: 50%;
  font-size: 1rem!important;
  padding: 1%;
  margin: 1%;
}
#captcha.m_captcha #captcha_info {
    font-size: 1rem!important;
    padding:2% 0;
}

#container{
  font-size: 1rem!important;
  width: 1259px!important;
  margin-top: 80px;
  z-index: 0!important
}

/*20180306 추가 end*/


.mobile-wrap{
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

/* CIRCLE ICON AT BOTTOM */

.nav-circle-bottom{
  background-color: #22313F;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  padding: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.nav-circle-bottom .hamburger{
  margin: 7px auto;
  display: inline-block;
}

/* NAV AT BOTTOM */

.nav-bottom{
  background-color: #22313F;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}


/* HAMBURGER */

.header-wrap{
  color: #fff;
  position: fixed;
  top: 2%;
  right:1%;
  z-index: 9999;
}

.hamburger{
  width: 100%;
}

.hamburger .line{
  width: 30px;
  height: 4px;
  border-radius: 10px;
  background-color: #1d82da;
  /*background-color: #565656;*/
  /*background-color: #f4f4f4;*/
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  display: block;
  margin: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  -o-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-17px) rotate(-45deg);
  -ms-transform: translateY(-17px) rotate(-45deg);
  -o-transform: translateY(-17px) rotate(-45deg);
  transform: translateY(-17px) rotate(-45deg);
}

/* NAVIGATION */

.navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width:90%;
  height:100%;
  background-color: #fff;
}
.navigation ul li{
  height:100%;
}
.MainMenuwrap{
  text-align: center;
    position: fixed;
    top: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
}
.MainMenu{
  display: inline-block;
  width: 1290px;
  font-size: 0;
}
.MainMenu>li{
  float:left;
}
.MainMenu>li:nth-child(1){
  width: 30%;
}
.MainMenu>li:nth-child(2){
  width: 62%;
  text-align: right;
      float: right;
}
.menuTitle{
  display: inline-block;
}
.SubMenu>a{
  padding: 15px;
  display: inline-block;
  color: #000;
  font-weight: 600;
  font-size: 0.9rem;
}
.SubMenu{margin-top: 10px;}
.TitleMenu>a{
  padding: 25px 15px 25px 60px;
  display: inline-block;
  font-size: 1.2rem;
  color:#4a4b50;
}
/*========= MOBILE 2 =========*/



#mobile-2 .navigation{
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.7);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  z-index: 2;
}

#mobile-2 .navigation.nav-is-active{
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  position: fixed;
}

.menuLogo{
  text-align: center;
  padding: 4%;
}

.menu_list {	width: 100%; }
.btnLogin,.menu_head{
  width:90%;
  padding:2% 0 2% 10%;
}
.menu_head {
  cursor: pointer;
  position: relative;
  margin:0 auto;
  font-size: 1.5rem;
  font-weight:bold;
  background: #fff url(left.png) center right no-repeat;
  color:#5a5a5a;
  text-align:left;
  border-bottom: solid 1px #5c7794;
  display: inline-block;
}

.menu_head>img {float: right;}

.bo_v_com>li{
  float: right;
}

.btnLogin {
  cursor: pointer;
  position: relative;
  margin:0 auto;
  font-size: 1.5rem;
  background: #fff url(left.png) center right no-repeat;
  color:#5a5a5a;
  text-align:left;
  border-bottom: solid 1px #a3b3c2;
}
.btnLogin a{font-size: 1.5rem;}
.menu_body {display:none; padding: 1.5%;}
.btn_b02{
  display: block;
  font-size: 1rem;
  color: #fff!important;
  padding: 10% 7%;
  background-color: #002b56;
  text-decoration: none;
  text-align: center;
}
.menu_body a:hover{
  color: #fff;
}

.mainContent,.notice{
  padding:10px 0;
  width:100%;
  position: relative;
  display: inline-block;
}

.notice{
    background: #f4f4f4;
    margin: 8% 0% 2% 0%;
    padding:0;
}

.notice li{
  padding:2% 0;
  font-size: 1.3rem;
}

.noticeTitle{
  color:#4c97e8;
}
.noticeDay{
  color: #9d9d9d;
}

.bx-wrapper .bx-prev {
    top:0%;
    right:0px;
  	/*background: url(../images/btn_notice2.png) no-repeat 0% 0%;*/
  }
.bx-wrapper .bx-next {
  bottom:0%;
  right: 0px;
  border-top: 0!important;
  /*background: url(../images/btn_notice2.png) no-repeat 12% 87%;*/
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{
  color: #59a6c9;
  border-color: #59a6c9;;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  outline: 0;
  width: 8%;
  height: 40%;
  padding-top: 13px;
  text-align: center;
  vertical-align: middle;
  font-size: 2.2rem;
  font-family: 'arial';
  color: #9e9e9e;
  border: solid 1px #9e9e9e;
}

.mainContent.Left{
  width: 57%;
  padding: 2% 2% 2% 4%;
  float: left;
}

.mainContent.Right{
  width: 38.5%;
  padding: 2% 0% 2% 2%;
  float: left;
}

.BG01{background: url(../images/main_banner03.png) no-repeat}

.mainContent input{
  padding: 9px 20px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 400;
  float: right;
  background: linear-gradient(90deg, #2da6db,#2ed4e2, #41cbd2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 18px;
  border: 0;
  position: absolute;
  bottom: 20px;
  right: 10px;
  cursor: pointer;
}

.mainContent.Left>input,
.mainContent.Right>input{
  background: linear-gradient(90deg, #944a99,#5239ae);
}

.layer{display: none;}
/*mypage시작*/
.myInfo{
  display: inline-block;
  width: 94%;
  padding-left: 6%;

}
.myInfo>li{
    width: 45%;
    float: left;
    font-size: 1.5rem;
}
.myInfo>li:nth-child(1){
    width: 45%;
  }
.myInfo>li>a{
  padding: 5% 5% 0% 5%;
  display: inline-block;
}
.myInfo>li>p{margin: 0}
.myInfo>li>.name{
  font-size: 3.5rem;
  color: #3199f8;
  padding:0 0 0 0;
  margin: 0px 70px 20px;
  font-weight: 600;
  letter-spacing: 16px;
}
.myInfo>li .ID{
  color: #929292;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
}

.myInfo .memo_send {  color: #929292;  font-size: 16px;  font-weight: 400;  letter-spacing: 0; text-align: center;}

.myInfo .email{
  color: #5a5a5a;
  margin: 0 70px;
  text-align: left;
}
.TextTable{
  font-size: 1rem;
  padding: 0 6%;
  text-align: left;
  line-height: 1.4;
}
.TextTable>ul{
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #565656;
}
.TextTable>ul:first-child{
  border-top: solid 1px #565656;
}
.TextTable>ul>li{
  width: 61%;
  float: left;
  padding: 2%
}
.TextTable>ul>li:last-child{
  width: 31%;
  float: right;
  text-align: right;
}

.myinfo_wrap {text-align: center; padding: 40px 0 0 0 ;}
.myinfo_wrap .my_name {color:#3199f8; font-size: 50px; margin-bottom:20px; font-weight: bold;}

.myinfo_wrap .memo_send {font-size: 22px; margin-bottom: 20px;}
.myinfo_wrap .major {font-size: 22px; margin-bottom: 20px;}
.myinfo_wrap .website {font-size: 22px;}

/*mypage끝*/



/*01menu시작*/
.main_gnb,.tab .tab_head {
  width: 86%;
  height:25px;
  font-size: 1.45rem;
  margin-top: 0px;
  position: fixed;
  left: 0;
  top: 134px;
  z-index: 1;
  padding: 1.4% 7% 1.5%;
  overflow: hidden;
  text-align: center;
  background: #022849;
  color: #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.main_gnb>a{
  padding:0 2%;
}

.main_gnb>a:hover{color: #fff!important;}
.TextWrap{
  padding: 7%;
  width: 79%;
  color: #5a5a5a;
  font-size: 0.8rem;
  line-height:1.4;
  word-break: break-all;
  }
.CEOsign{
  margin-top: 8%;
  text-align: right;
  color: #000;
  }
.CEOsign>img{
  vertical-align: middle;
  margin-left: 5%;
}

.visionWrap{
    background: url(../images/01menu_04.png) center;
    background-size: cover;
    color: #fff;
}

.ImgWrap{width: 100%;}

#div4{margin: 100px 0;}
#div4>img{padding:75px 50px;}

/*팝업*/
.PopupWrap{text-align: center;}
/* 버튼으로 사용할 라벨 디자인 */
.button {
  width: 900px;
  display: inline-block;
  font-size: 39px;
  color: #1da3c6;
  border: solid 2px #1da3c6;
  vertical-align: middle;
  cursor: pointer;
  padding: 20px;
  margin: 5px;
  text-align: left;
}

/* 모달 윈도우 디자인 */
.box_modal,.box_modal01,.box_modal02 {
  position:fixed;
  display:block;
  width:900px;
  height:850px;
  top:15%;
  left:25%;
  z-index: 2;
  margin-top:-75px;
  margin-left:-150px;
  background:#d9e5e9;
  border:1px solid #386980;
  overflow:hidden;
  /* 아래 부분은 애니메이션 효과를 위한 부분 */
  visibility: collapse;
  filter: alpha(opacity=60);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}
.box_modal:hover,.box_modal01:hover,.box_modal02:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* 닫기 버튼으로 사용할 라벨 */
.closer {
  position:absolute;
  width:30px;
  height:30px;
  top:0;
  right:0;
  background:#eee;
  border-left:1px solid #386980;
  border-bottom:1px solid #386980;
  text-align:center;
  line-height:26px;
  font-size:16px;
  cursor:pointer;
}
.text {
  display: inline-block;
  padding: 2%;
  margin: 2% 5%;
  width: 86%;
  height: 92%;
  overflow: scroll;
  text-align: left;
  background-color: #fff;
  position: relative;

}
.text h3 { font-weight: 400;font-size: 2rem; margin: 0 0 10px 0;color:#1da3c6;}
.text p {
  font-size: 1rem;
  text-align: left;
}
.text p>img{width: 100%;}
.hidden {
  display:none;
  visibility:hidden;
}
/* 모달 윈도우가 팝업되는 코어 소스 */
input#modal[type=checkbox]:checked ~ .box_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
input#modal01[type=checkbox]:checked ~ .box_modal01 {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
input#modal02[type=checkbox]:checked ~ .box_modal02 {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
/*Menu01끝*/


/*Menu02시작*/
/* 탭 */
.tab .tab_head li { display: inline-block;  width: 12%; }
.tab .tab_head li a { display: block;; line-height: 1; font-weight: 400; color: #4b79a1; text-align: center; }
.tab .tab_head li.active a { color: #fff }
/*.tab .tab_content .tab_item { display: none }*/
.tab .tab_content .tab_item.active { display: block;text-align: center;}
/*새로추가 20180306*/
.tab_content{
  width: 100%;
  display: inline-block;
  margin-top: 62px;
  }


.years {width: 100%;text-align: center;display: inline-block;}
.years select {
  width: 500px;
  font-size: 1.3rem;
  padding: 1.5%;
  margin: 3%;
  border: solid 7px #3299f8;

  font-family: inherit;
  background: url(../images/ico_ar.png) no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.years option{
  font-size: 1rem;
  width: 100%;
}
select::-ms-expand {
  /* for IE 11 */
  display: none;
}

.memberList{}

.memberList>li{
  width: 14%;
  margin: 3%;
  float: left;
  text-align: center;
}
.memberList>li p{
 font-size: 1.5rem;
 font-weight: 600;
 color: #5a5a5a;
}
.memberList>li span{
  font-size: 1.1rem;
  letter-spacing: -1.5px;
}

/*03menu*/
#bo_list{
  font-size: 1rem;
}
#bo_v{
  font-size: 1rem;
}

#bo_sch{text-align: center;}
#bo_sch select,
#bo_sch input{
  font-size: 1rem;
}
#bo_sch select{
  padding: 0.5%;
}
/*20180306 추가 start*/
/*02menu tab3 HUFS LAP*/

.menu_head.HUFS_LAP{
  width: 100%!important;
  padding:0%!important;
  border:0!important;
}
.HUFS_LAP_tab,.menu03_tab{
  display: inline-block;
  width: 100%;
}
.HUFS_LAP_tab{padding: 1% 0%;}
.HUFS_LAP_tab>li,.menu03_tab>li{
  display: inline-block;
  float: left;
  width: 16.6%;
  border-right: solid 7px #fff;
  border-bottom: solid 7px #fff;
  height:55px;
  padding: 20px 0 10px;
  text-align: center;
}
.HUFS_LAP_tab>li{
  width: 30.7%!important;
  height:80px !important;
  text-align: left;
  padding:2% 0 2% 2.2%;
  opacity: 0.7;
}
.HUFS_LAP_tab>li:nth-child(3),
.HUFS_LAP_tab>li:last-child{border-right: 0}
.HUFS_LAP_tab>li:last-child,
.menu03_tab>li:last-child{border: 0;}
.HUFS_LAP_tab>li>a,.menu03_tab>li>a{
  font-size: 2rem;
  vertical-align: middle;
  color: #fff;
  width: 100%;
  display: inline-block;
}
.HUFS_LAP_tab>li>a>span{font-size: 1.5rem;}
.HUFS_LAP_tab>li:nth-child(1){  background: #22c9d2;}
.HUFS_LAP_tab>li:nth-child(2){  background: #b787f5;}
.HUFS_LAP_tab>li:nth-child(3){  background: #71ade3;}
.HUFS_LAP_tab>li:nth-child(4){  background: #d69cd9;}
.HUFS_LAP_tab>li:nth-child(5){  background: #a0cdd0;}
.HUFS_LAP_tab>li:nth-child(6){  background: #bfbfbf;}
.HUFS_LAP_tab>li.active,
.HUFS_LAP_tab>li:hover{opacity: 1;}

.menu03_tab>li:nth-child(1){  background: #268dea;opacity: 0.7;width:49.7%;}
.menu03_tab>li:nth-child(2){  background: #33d7e0;opacity: 0.7;width:49.7%;}
.menu03_tab>li.active,
.menu03_tab>li:hover{opacity: 1;}


/*20180306 추가 end*/

#top{
	cursor: pointer;
  display: inline-block;
  position: fixed;
  bottom: 1%;
  right: 1%;
  z-index: 1;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
}

/*사이트맵 시작*/
.sitemap_title{font-size: 1.5rem;margin: 4%;text-align: center;}
.sitemap_submenu{
  display: inline-block;
  width: 100%;
  font-size: 1rem;
}
.sitemap_menu{
  margin: 2% 0% 0 5%;
  width: 44%;
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
}
.sitemap_menu>li,.sitemap_submenu>li{
  width: 35%;
  float: left;
  display: inline-block;
  line-height: 2;
}
.sitemap_menu>li>a,.sitemap_submenu>li>a{color: #565656;}
.sitemap_menu>li:nth-child(1)>a{
  border-bottom: solid 1px #1d7ec6;
  color: #1d7ec6;
  width: 80%;
  display: inline-block;
  }
.sitemap_menu>li:nth-child(2),
.sitemap_submenu>li:nth-child(2){
  width: 65%;
}
/*사이트맵 끝*/

.tbl_head01 td{text-align: center;}
.td_subject{text-align: left!important;}




/* 2019 add */
.pt {text-align: center; padding: 0 0 30px 0; font-weight: 500; font-size:30px;}
.pt.mt {margin-top: 50px;}

.clr {clear:both; }
.site_max {width:980px; margin: 0 auto;}
.site_max.main {width: 1280px;}
.site_max img {max-width:100%;}

.line_shadow {height:14px; background: url('/images/menu_img/shadow.png') no-repeat 50% 0;}

.sel_nav_wrap {padding: 50px 0; max-width:980px; margin:  0 auto;}

.sel_nav .navi {  width: 500px;  box-sizing: border-box; font-size: 20px;  padding: 15px;   margin: 0 auto;  border: solid 7px #3299f8;   background: url('/images/ico_ar.png') no-repeat 98% 50%;  position: relative;}
.sel_nav .navi .navi_con {display: none;}
.sel_nav .navi .navi_con.active {display:block;}

.sel_nav .hover_menu {position: absolute; width:calc(100% + 14px); padding:6px 15px 15px 15px; background: #fff;  border: solid 7px #3299f8;   left:-7px; top:-7px; display: none; box-sizing: border-box;}
.sel_nav .hover_menu p {margin:14px 0 0 0;}
.sel_nav .hover_menu p a {display: block;}
/* .sel_nav .navi:hover .hover_menu {display: block;} */


.txt_form {padding: 30px 10px;}
.txt_form .agree_01 {width:100%; min-height:450px; border: 1px solid #ccc; padding: 8px 8px;}


/* 그리드 */
.neogrid {}
.neogrid:after {content:""; display:block; clear:both;}
.neogrid.grid3 li {width:33.33%; float:left; }
.neogrid.grid3 li:nth-child(3n-1){text-align: center;}
.neogrid.grid3 li:nth-child(3n){text-align: right;}
.neogrid.grid3 img {max-wdith:100%;}

.neogrid.grid3cont {margin: 0; padding: 0;}
.neogrid.grid3cont dd {width:33.33%; float: left; padding: 0; margin: 0;}
.neogrid.grid3cont dd .item {width:400px; padding:10px 0; position: relative;}
.neogrid.grid3cont dd:nth-child(3n-1) .item {margin:0 auto;}
.neogrid.grid3cont dd:nth-child(3n) .item {float:right;}


.neogrid.grid2cont {margin: 0; padding: 0;}
.neogrid.grid2cont dd {width:50%; float: left; padding: 0; margin: 0;}
.neogrid.grid2cont dd .item {width:610px; padding:10px 0; position: relative;}
.neogrid.grid2cont dd:nth-child(2n) .item {float:right;}





.academy_list {}
.academy_list:after {content:""; display:block; clear:both;}
.academy_list > li {   width: 14%;  margin:0 3% 50px;  float: left;  text-align: center; }
.academy_list > li:nth-child(5n+1){    clear:left }
.academy_list > li p{ font-size: 24px;  font-weight: 600;  color: #5a5a5a; }
.academy_list > li span{  font-size:18px;  letter-spacing: -1px; }


.academy_nav {padding: 40px 0 20px 0;}
.academy_nav ul {margin-left: -30px; }
.academy_nav ul:after {content:""; display:block; clear:both;}
.academy_nav ul li {width:calc(33.33% - 30px); margin-left: 30px; float: left; margin-bottom:10px; text-align: center; padding: 10px 0; background:#0b0b61;}
.academy_nav ul li.bg2 {background: #3e76a9;}
.academy_nav ul li.bg3 {background: #7dcef4;}


.academy_nav ul li a {display: inline-block; font-size: 25px; color:#fff;  padding:5px 0; text-align: center; border-bottom: 2px solid transparent; letter-spacing: -1px;}
.academy_nav ul li a span {font-size: 17px;}
.academy_nav ul li a.active,
.academy_nav ul li a:hover {border-bottom:2px solid #fff;}


.academy_nav ul.grid2 li {width:calc(50% - 30px); }

.academy_nav ul.grid4 {margin-left: -15px;}
.academy_nav ul.grid4 li {width:calc(25% - 15px); margin-left: 15px; }


.ment_second {background:#fbfbfb ; padding: 50px 15px; line-height: 1.9;}
.ment_second .me_title {font-size: 30px; margin-bottom: 30px;}

/* 상단 레이아웃 */

.header_wrap {position:relative; min-width:1280px; position:relative;  background:#fff; border-bottom: 1px solid #dcdcdc;}
.header_wrap .section {width:1280px; margin:0 auto; padding: 15px 0 0 0; text-align: right;}

.header_wrap .section:after {content:""; display:block; clear:both;}
.header_wrap .section a {display: inline-block; font-size: 14px; margin-left: 20px; }

.header {height:131px; width:1280px; margin:0 auto 0 auto;}
.header:after {content:""; display:block; clear:both;}
.header .logo_wrap {width:290px; float:left; font-size:0;}
.header .logo_wrap img {margin-top: -20px;}

.header .nav {float:right; width:910px; margin:0; text-align: right; padding:30px 0 0 0;}
.header .nav li {display:inline-block; padding:0 61px; height:88px; line-height:88px; position:relative;}
.header .nav li a {font-size:18px; }
.header .nav li a:hover {color:#06143f; }
.header .nav li:last-child {padding-right: 0;}

.header .nav li ul  {display:none; width:730px; height:60px; text-align:center; /* background:#1b62b1; */ position:absolute;  right:0; top:88px; font-size:0; z-index:12; }
.header .nav li ul li {display:inline-block;  margin:0 20px; padding:0; height:60px; line-height:60px; vertical-align:top;}
.header .nav li ul li a {display:block;  color:#a0cdfd; font-size:16px;}
.header .nav li ul li a:hover,
.header .nav li ul li a.active {color:#06143f; }
.header .nav li:hover ul {/*display:block;*/}

.header_wrap .sub_nav_color {height:60px; top:88px; position:absolute; background:rgba(0,0,0,0.7); width:100%; display:none; z-index:11; }


.nav_neo {width:100%; min-width:1280px; position:absolute; left:0;  top:161px; z-index:10;  display:none; }
.nav_neo .nav {width:1280px; padding:0; margin:0 auto; text-align: right;}
.nav_neo .nav > li {display:inline-block; width:240px;  padding:0; height:0; line-height:0; position:relative;}
.nav_neo .nav li a {font-size:0;  }
.nav_neo .nav li.have_child {}
.nav_neo .nav li ul  { display:block; width:100%; padding:5px 0 0 0; height:60px; text-align:left; /* background:#1b62b1; */ position:absolute;  left:50%; margin-left:10px; font-size:0; z-index:12; }
.nav_neo .nav li ul.snav1 {margin-left:-28px;}
.nav_neo .nav li ul.snav2 {margin-left:-58px;}
.nav_neo .nav li ul.snav3 {width:130px;}

.nav_neo .nav li ul li {display:block;  margin:0; padding:0; height:30px; line-height:30px; vertical-align:top;}
.nav_neo .nav li ul li a {display:block;  color:#ffffff; font-size:16px;}
.nav_neo .nav li ul li.sub {padding: 0 0 0 10px;}
.nav_neo .nav li ul li.sub a {font-size: 15px;}
.nav_neo .nav li ul li a:hover,
.nav_neo .nav li ul li a.active {color:#fff; }
.nav_neo .nav li:hover ul {display:block;}
.nav_neo  .nav_neo_color {width:100%; background:rgba(0,0,0,0.8);  height:360px;  position:absolute; right:0; top:0;}



/* about */
.fix_mid_nav { width:980px; height:60px;  background: #fff; margin: 0 auto; z-index:1; }
.fix_mid_nav.fixed {position: fixed; top:0; left:50%; margin-left: -490px;}
.fix_mid_nav ul.grid3 {margin-left: -30px;}
.fix_mid_nav ul.grid3:after {content:""; display:block; clear:both;}
.fix_mid_nav ul.grid3 li {float:left; width:33.33%; width:calc(33.33% - 30px); margin-left: 30px; }
.fix_mid_nav ul.grid3 li a {display: block; height:60px; line-height: 60px; font-size: 25px; font-weight: normal; text-align: center;font-size: 25px;  text-decoration: none;  cursor: pointer; color:#fff;  background: #0b0b61; }
.fix_mid_nav ul.grid3 li a.color2 {background: #3e76a9;}
.fix_mid_nav ul.grid3 li a.color3 {background: #7dcef4;}


.about_wrap {padding-top: 50px;}

.intro_top {height:341px; background:#fff url('/images/menu_img/intro_01.png') 100% 0 no-repeat;  position: relative; border-bottom: 1px solid #d1d1d1;}
.intro_top .txt {font-size: 33px; color: #0f72ca; position: absolute; left:60px; top:150px; }


.intro_02 {height:340px; background:#fff url('/images/menu_img/intro_02.png') 100% 0 no-repeat;  position: relative; border-bottom: 1px solid #d1d1d1;}
.intro_02 .txt {font-size: 33px; color: #0f72ca; position: absolute; left:60px; top:150px; }


.greeting {padding: 88px 40px; font-size: 19px; line-height: 1.7;}
.greeting br {font-size: 0;} /* ie 폰트 오류 */
.greeting .sig {text-align: right;}
.greeting .sig span.ceo {font-size: 30px;}

.vision {padding: 100px 0;}
.vision .vtitle {font-size: 50px; text-align: center;}
.vision .vtitle p {font-size: 22px;}




.educ_b {background: #f2f2f2;}
.educ_b .conts {padding: 100px 0 300px 0; width:980px; margin: 0 auto; background: url('/images/menu_img/intro_03.png') no-repeat calc(100% + 100px) calc(100% - 100px);}
.educ_b .desc_info {font-size: 19px; line-height: 1.7; padding: 0;}

.stitle {font-size: 50px; padding-bottom: 50px;}
.stitle p {font-size: 22px; position: relative; margin-bottom: 30px; margin-top: 20px;}
.stitle p:after {content:""; display: block; width:90px; height:1px; background:#0e71c9; position: absolute; bottom:-30px; left:0; }
.stitle.color2 {color:#32d7e0}
.stitle.color2 p:after {background: #32d7e0;}


.about_other {}
.about_other.core {background: url('/images/menu_img/intro_04.png') no-repeat 100% calc(100% - 100px); padding: 100px 0 200px 0;}
.about_other.org {padding: 100px 0;}
.about_other .desc_info {font-size: 19px; line-height: 1.7; padding: 0;}
.about_other .cen_img {text-align: center;}

.intro_map {background: #fafaee; padding-top: 40px;}
.intro_map .conts_img {text-align: center;}

/* index.php */
#main_flex {position: relative;}
#main_flex .msld_bg { height:0; padding-bottom: 43%;  min-width:1280px; }

#main_flex  a.link {display:block; width:1280px; height:100%;  position:absolute; left:50%; margin-left:-600px; top:0;  padding:0; font-size:0; z-index:9;}
#main_flex  a.link img {display:none; width:0; height:0;}

#main_flex .flex-control-nav {z-index:5; bottom:20px;}
#main_flex .flex-control-paging li a {background:#fff; box-shadow:none; border-radius:0; width:46px; height:6px;}
#main_flex .flex-control-paging li a.flex-active {background:#000;}



.latest_group1 {padding: 50px 0 0 0;}
.latest_group1 .bd_title {font-size: 25px; color:#0b0b61; margin-bottom:30px;}
.latest_group1 .bd_title p {font-size:17px; margin-bottom:3px;}
.latest_group1 .bd_title.color2 {color: #3e76a9;}
.latest_group1 .bd_title.color3 {color: #7dcef4;}


.latest_group1 .item {}
.latest_group1 .item .control {position: absolute; right:0; top:15px; }
.latest_group1 .item .control a {color:#aaa}
.latest_group1 .bd_list {font-size: 15px;}
.latest_group1 .bd_list li {line-height: 1.8;}
.latest_group1 .bd_list span.category {color:#485ea3;}
.latest_group1 .bd_list span.board_name {color:#485ea3;}
.latest_group1 .bd_list span.date {float:right; font-size: 12px; vertical-align: middle; padding-top: 2px;}

.sns_main {margin: 100px 0 0 0; text-align: center;}
.sns_main li {display: inline-block; margin: 0 5px;}


.gray_wrap {padding:10px 0 50px 0; background: #fbfbfb; margin-top: 50px;}




/* tablet */
@media (max-width: 1280px) {
    body {padding: 0 30px; width: 1280px; box-sizing: border-box;}
    .site_max.main {width: 100%;}
    #main_flex a.link {width: 100%;  box-sizing: border-box;}
    #main_flex .msld_bg {min-width: 100%;}
    .nav_neo {min-width: auto; }


    .nav_neo .nav {width: 1200px;}

    .header_wrap {width: 100%; min-width: auto;  max-width: 100%; box-sizing: border-box;}
    .header_wrap .section {width: calc(100% - 20px); margin: 0;}
    .header_wrap .header {width: calc(100% - 40px);}
    .header .nav {margin-right: 0; width: 800px;}
}