@charset "utf-8";

/****************************************
GOTOP
****************************************/
.goto_top{width:60px;height:60px;border-radius:100%;position:fixed;right:10px;bottom:0;background:#8d8d8d;font-size:12px;color:#FFF !important;font-family:'Play Bold';display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:1s;}
.goto_top::before{content:"";display:block;width:10px;height:18px;background:url(../../images/common/icon_top.png) no-repeat center top;}
.fix .goto_top{opacity:1;bottom:50px;}
@media all and (max-width:1280px){
  .goto_top{width:50px;height:50px;}
}
/*HOVER*/
@media all and (min-width:1281px){
  .goto_top:hover{background:#222;}
}


/****************************************
플로팅 메뉴
****************************************/
.floatingNav{width:680px;height:100vh;position:fixed;right:-680px;top:0;z-index:1;transition:0.5s;}
.floatingNav::before{content:"";display:block;width:100%;height:100%;position:absolute;right:0;top:0;background:rgb(6,70,179);background:linear-gradient(4deg, rgba(6,70,179,1) 20%, rgba(11,50,116,1) 100%);}
.floatingNav .container{width:100%;height:100%;}
.floatingNav .container::before{content:"";display:block;width:100%;height:100%;position:absolute;right:-100px;bottom:-180px;background:url(/sites/style_guide/images/common/ui_2_w.png) no-repeat right bottom;background-size:100%;opacity:0.1;}
.floatingNav h2{text-align:center;padding:90px 0 50px 0;line-height:1.3;position:relative;}
.floatingNav h2 em{font-size:19px;color:rgba(255,255,255,0.5);font-family: 'Noto Sans SC', sans-serif;font-weight:400;display:block;}
.floatingNav h2 span{font-size:35px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;}
.floatingNav h2 strong{font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
.floatingNav button br{display:none;}
.floatingNav button::before{content:"";display:block}
.floatingNav .title{width:70px;height:70px;left:-70px;padding:0 10px;background:#07429a;position:absolute;opacity:0.7;transition:0.3s;}
.floatingNav .userNavA .title{top:calc(50% - 115px);border-top-left-radius:10px;}
.floatingNav .userNavB .title{top:calc(50% - 45px);}
.floatingNav .userNavC .title{top:calc(50% + 25px);}
.floatingNav .userNavD .title{top:calc(50% + 95px);}
.floatingNav .title button{font-size:12px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;width:100%;height:100%;border-bottom:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;flex-direction:column;}
.floatingNav .title button::before{padding:10px 0;width:100%;height:35px;margin-bottom:5px;}
.floatingNav .openUserNavA::before{background:url(../../images/common/userNavA.png) no-repeat center;}
.floatingNav .openUserNavB::before{background:url(../../images/common/userNavB.png) no-repeat center;}
.floatingNav .openUserNavC::before{background:url(../../images/common/userNavC.png) no-repeat center;}
.floatingNav .openUserNavD::before{background:url(../../images/common/userNavD.png) no-repeat center;}
.floatingNav .openUserNavD{border-bottom:0 !important;}
.floatingNav .list{display:none;flex-wrap:wrap;position:relative;align-items: flex-start;text-align: center;}
.floatingNav .list a{margin:10px 0;width:25%;font-size:16px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.floatingNav .list a i{display:block;}
.floatingNav .list img{margin-bottom:10px;}

.floatingNav .reverseColor{font-size:0;width:70px;height:45px;position:absolute;left:-70px;top:calc(50% + 165px);background:#0b3274;border-bottom-left-radius:10px;}
.floatingNav .reverseColor::before{width:100%;height:100%;background:url(../../images/common/icon_reverse.png) no-repeat center;}
.floatingNav .closeUserNav{font-size:25px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;position:absolute;top:30px;left:30px;display:flex;align-items:center;}
.floatingNav .closeUserNav::before{width:40px;height:25px;background:url(/sites/style_guide/images/common/x_5_w.png) no-repeat left center;}

.floatingNav.active{right:0;z-index:13;}
.floatingNav li.active .title{opacity:1;}
.floatingNav li.active .list{display:flex;}
.floatingNav .reverseColor.active{}
@media all and (max-width:768px){
  .floatingNav h2{display:none;}
  .floatingNav button br{display:inline;}
  .floatingNav{width:calc(45% - 50px);right:calc(-45% + 50px);}
  .floatingNav .container{padding:60px 25px 25px 25px;}
  .floatingNav .container::before{right:-60px;bottom:-100px;}
  .floatingNav .title{width:50px;height:50px;left:-50px;}
  .floatingNav .title button::before{display:none;}
  .floatingNav .list{border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
  .floatingNav .list a{border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(0,0,0,0.2);padding:10px 0;margin:0;width:100%;font-size:12px;justify-content:flex-start;flex-direction:row;}
  .floatingNav .list img{margin-bottom:0;margin-right:10px;max-width:15%;}
  .floatingNav .userNavA .title{top:100px;}
  .floatingNav .userNavB .title{top:150px;}
  .floatingNav .userNavC .title{top:200px;}
  .floatingNav .userNavD .title{top:250px;}
  .floatingNav .reverseColor{width:50px;left:-50px;top:300px;}
  .floatingNav .closeUserNav{font-size:16px;top:20px;left:12px;}
  .floatingNav .closeUserNav::before{height:16px;}
}
@media all and (max-width:480px){
  .floatingNav{width:calc(85% - 50px);right:calc(-85% + 50px);}
  .floatingNav .list img{max-width:10%;}
  .floatingNav .list a i{display:inline;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .floatingNav .title:hover{opacity:1;}
  .floatingNav .reverseColor:hover{background:#222;}
}


/****************************************
헤더
****************************************/
header{border-bottom:1px solid rgb(255,255,255,0.3);width:100%;position:fixed;left:0;top:0;z-index:10;transition:0.3s;}
header .container{padding:0 2%;display:flex;align-items:center;justify-content:space-between;position:relative;}
.navOn header{z-index:12;}

.head_logo a{display:block;}
.head_logo img{max-width:210px;}
.head_logo .logo_w{}
.head_logo .logo_c{display:none;}

.head_wrap{display:flex;align-items:center;justify-content:flex-end;}

.openLanguage,
.openFullPopup{display:flex;align-items:center;}
.openLanguage span,
.openFullPopup span,
.loginPortal span{font-size:12px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
.openFullPopup .fPopLength{font-size:12px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;background:#00a79e;width:20px;height:20px;margin-left:10px;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.openLanguage{margin:0 10px 0 20px;}
.openLanguage::after{content:"";display:block;width:7px;height:5px;margin-left:10px;background:url(../../images/common/arrow_d_1_w.png) no-repeat center;}
.languageList{display:none;position:absolute;top:60px;right:190px;}
.languageList.active{display:block;}
.languageList a{font-size:13px;color:#000;font-family: 'Noto Sans SC', sans-serif;font-weight:500;background:#FFF;display:block;padding:3px 15px;margin-top:1px;}

.gnb .sign{line-height:1;}
.gnb .sign a,
.openSearch,
.gotoSitemap{display:block;width:60px;height:60px;text-indent:-9999px;}
.gnb .sign a{background:url(../../images/common/icon_login.png) no-repeat center;}
.openSearch{background:url(../../images/common/icon_search.png) no-repeat center;}
.gotoSitemap{background:url(../../images/common/icon_sitemap.png) no-repeat center;}

@media all and (min-width:1281px){
  .head_logo{width:250px;}
  .head_navi{width:calc(100% - 500px);}
  .head_wrap{width:250px;}
  .openNavi{display:none;}
}
@media all and (max-width:1280px){
  header .container{padding:0;}
  .head_logo a{padding:13.5px;}
  .openLanguage,
  .loginPortal,
  .gnb,
  .openSearch,
  .gotoSitemap{display:none;}

  .openNavi,
  .openFullPopup{top:0;width:70px;height:70px;position:absolute;}
  .openFullPopup{right:70px;background:#0b3275 url(/sites/style_guide/images/common/popup_icon_w.png) no-repeat center;z-index:1;}
  .openFullPopup span{text-indent:-9999px;}
  .openFullPopup .fPopLength{position:absolute;right:12px;top:12px;}
  .openNavi{right:0;background:#00a79d url(/sites/style_guide/images/common/sitemap_icon_w.png) no-repeat center;display:block;text-indent:-9999px;}
}
@media all and (max-width:768px){
  .head_logo{width:calc(100% - 110px);}
  .head_logo a{padding:12.5px;}
  .head_logo a img{max-width:150px;margin-right:-35px;}
  .head_logo a span{font-size:16px;}
  .head_logo a span::before{display:none;}

  .openNavi,
  .openFullPopup{width:55px !important;height:55px !important;background-size:25px !important;}
  .openFullPopup{right:55px;}
  .openFullPopup .fPopLength{right:7px !important;top:7px !important;}
}


/****************************************
메인 메뉴
****************************************/
.menuUItop .a_2.new_win::after,
.menuUItop .a_3.new_win::after{content:"";display:inline-block;width:20px;height:16px;vertical-align:-2px;background:url(/sites/style_guide/images/common/btn_icon_blank_w.png) no-repeat right center;}
@media all and (min-width:1281px){
  .head_util,
  .head_link{display:none;}

  .menuUItop{}
  .menuUItop .div_1{}
  .menuUItop .ul_1{display:flex;}
  .menuUItop .li_1{width:100%;}
  .menuUItop .li_1:last-child{display:none;}
  .menuUItop .a_1{width:100%;height:90px;font-size:20px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:0 10px;display:flex;align-items:center;justify-content:center;position:relative;}
  .menuUItop .a_1::before{content:"";display:block;width:5px;height:5px;border-radius:1px;position:absolute;left:50%;top:25px;transition:0.4s;transform:scale(0);}

  .menuUItop .div_2{display:none;position:absolute;left:0;top:100%;width:100%;flex-direction:row-reverse;}
  .menuUItop .div_2.active{display:flex;}
  .menuUItop .div_2::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(11,50,116);background:linear-gradient(87deg, rgba(11,50,116,1) 35%, rgba(4,131,145,1) 100%);}
  .menuUItop .ul_2{width:calc(100% - 300px);padding:40px;display:flex;flex-wrap:wrap;position:relative;}
  .menuUItop .li_2{width:19%;margin:0 1% 1% 0;}
  .menuUItop .a_2{font-size:16px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;padding-bottom:10px;border-bottom:1px solid rgb(255,255,255,0.5);display:block;position:relative;}
  .menuUItop .a_2::before{content:"";display:block;width:5px;height:5px;border-radius:1px;background:#97baf6;position:absolute;left:0;top:-7px;transition:0.4s;transform:scale(0);}

  .menuUItop .div_3{margin-top:10px;}
  .menuUItop .ul_3{display:flex;flex-wrap:wrap;}
  .menuUItop .li_3{width:98%;margin-right:2%;}
  .menuUItop .a_3{font-size:14px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:5px 0;position:relative;}
  .menuUItop .a_3::before{content:"";display:block;width:0;height:1px;background:#FFF;position:absolute;left:0;bottom:3px;transition:0.4s;}

  .navGab{width:300px;padding:40px 0;text-align:right;background:url(/sites/style_guide/images/common/ui_1_w.png) no-repeat 95% 95%;position:relative;}
  .navGab::before{content:"";display:block;font-size:25px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;margin-bottom:30px;}
  .navGab::after{content:"开放大学、共享大学、走向未来的大学";display:block;font-size:15px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;width:100%;height:50px;background:url(/sites/style_guide/images/common/hknu_w.png) no-repeat right bottom;opacity:0.7;}

  .menuUItop .eQ01 .navGab::before{content:"大学/研究生院";}
  .menuUItop .eQ02 .navGab::before{content:"入学指南";}
  .menuUItop .eQ03 .navGab::before{content:"大学机构";}
  .menuUItop .eQ04 .navGab::before{content:"大学生活";}
  .menuUItop .eQ05 .navGab::before{content:"韩京广场";}
  .menuUItop .eQ06 .navGab::before{content:"大学介绍";}
  .menuUItop .eQ07 .navGab::before{content:"信息使用";}

  .menuUItop .li_1:hover .a_1::before,
  .menuUItop .a_1._active::before{transform:scale(1);}
  .menuUItop .a_1:hover::before{background:#FFF;}
  .menuUItop .a_1._active::before{background:#FFF;}

  .menuUItop .li_2:hover .a_2,
  .menuUItop .a_2._active{border-color:#97baf6;color:#97baf6;}
  .menuUItop .li_2:hover .a_2::before,
  .menuUItop .a_2._active::before{transform:scale(1);}

  .menuUItop .a_3:hover,
  .menuUItop .a_3._active{color:#00d7cb;border-color:#00d7cb;}
  .menuUItop .a_3:hover::before,
  .menuUItop .a_3._active::before{width:100%;background:#00d7cb;}
}
@media all and (min-width:1281px) and (max-width:1460px){
  .menuUItop .ul_2{width:calc(100% - 220px);}
  .navGab{width:220px;}
  .navGab::after{height:70px;}  
  .menuUItop .a_1{font-size:16.5px;padding:0 5px;}
  .menuUItop .a_2{font-size:15px;}
  .menuUItop .a_3{font-size:13px;}
}
@media all and (max-width:1280px){
  .head_navi{padding:40px;position:fixed;right:-100%;top:0;width:420px;height:100%;z-index:11;overflow-y:auto;transition:0.3s;}
  .head_navi::before{content:"";display:block;position:fixed;right:-100%;top:0;width:420px;height:100%;background:rgb(2,142,149);background:linear-gradient(135deg, rgba(2,142,149,1) 0%, rgba(11,50,116,1) 46%);transition:0.3s;}
  .head_navi.active,
  .head_navi.active::before{right:0;}

  .head_util{display:flex;margin-bottom:40px;position:relative;}
  .head_util .sign a,
  .head_util .m_openSearch,
  .head_util .m_loginPortal,
  .head_util .m_gotoLan{width:45px;height:45px;margin-right:4px;display:block;text-indent:-9999px;border-radius:5px;border:1px solid rgba(255,255,255,0.5);}
  .head_util .sign a{background:url(/sites/style_guide/images/common/mainNav_5.png) no-repeat center;}
  .head_util .m_openSearch{background:url(/sites/style_guide/images/common/mainNav_2.png) no-repeat center;}
  .head_util .m_gotoLan{text-indent:0;font-size:14px;color:#FFF;font-family:'Play Bold';display:flex;align-items:center;justify-content:center;}
  .head_util .m_loginPortal{text-indent:0;font-size:11px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;line-height:1.3;display:flex;align-items:center;justify-content:center;}
  .head_util .closeNavi{width:30px;height:30px;position:absolute;top:7px;right:0;display:block;text-indent:-9999px;background:url(/sites/style_guide/images/common/x_4_w.png) no-repeat center;}

  .head_link{margin:50px 0 200px 0;display:flex;justify-content:space-between;position:relative;}
  .head_link a,
  .head_link button{width:32%;height:44px;border:1px solid rgba(255,255,255,0.3);font-size:14px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;display:flex;align-items:center;justify-content:center;}
  .head_link .m_gotoAdmission{background:rgba(0,167,158,0.8);}
  .head_link .m_gotoSitemap{background:rgba(11,50,116,0.8);}
  .head_link .closeNavi{background:rgba(0,0,0,0.4);}

  .menuUItop{border-top:1px solid rgba(255,255,255,0.5);position:relative;}
  .menuUItop a{display:block;}
  .menuUItop .a_1{font-size:18px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:15px;border-bottom:1px solid rgba(255,255,255,0.5);transition:0.3s;}

  .menuUItop .div_2{display:none;border-bottom:1px solid rgba(255,255,255,0.5);padding:15px 0;transition:0.3s;}
  .menuUItop .a_2{font-size:16px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:5px 15px;position:relative;}
  .menuUItop .a_2::before{content:"";display:block;width:0;height:1px;background:#FFF;position:absolute;left:0px;top:15px;transition:0.3s;}

  .menuUItop .div_3{background:#07285f;padding:10px 0;margin:5px 15px;}
  .menuUItop .li_3{}
  .menuUItop .a_3{font-size:14px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:3px 15px 3px 35px;position:relative;}
  .menuUItop .a_3::before{content:"";display:block;width:3px;height:3px;background:#FFF;position:absolute;left:20px;top:11px;}

  .menuUItop .li_1{position:relative;}
  .menuUItop .li_1::after{content:"";display:none;width:20px;height:20px;position:absolute;right:15px;top:18px;background:url(/sites/style_guide/images/common/plus_0_w.png) no-repeat center;}
  .menuUItop .li_1._useChildDiv::after{display:block;}
  .menuUItop .li_1._useChildDiv.active::after{background:url(/sites/style_guide/images/common/minus_5_w.png) no-repeat center;}

  .menuUItop .li_1._active .div_2,
  .menuUItop .div_2.active{display:block;}
  .menuUItop .li_1._active._useChildDiv::after{background:url(/sites/style_guide/images/common/minus_5_w.png) no-repeat center;}
  .menuUItop .a_1._active{border-color:rgba(255,255,255,1);}
  .menuUItop .a_2._active{color:#97baf6;}
  .menuUItop .a_2._active::before{width:5px;background:#97baf6;}
  .menuUItop .a_3._active{color:#00d7cb;}
  .menuUItop .a_3._active::before{background:#00d7cb;}
}
@media all and (max-width:768px){
  .head_navi{width:100%;padding:40px 20px;}
  .head_navi::before{width:100%;}
  .head_link a,
  .head_link button{height:40px;font-size:13px;}
  .menuUItop .a_1{font-size:16px;}
  .menuUItop .a_2{font-size:15px;}
  .menuUItop .a_3{font-size:14px;}
}
@media all and (min-width:1281px){
  .menuUItop .a_1:hover{border-color:rgba(255,255,255,1);}
  .menuUItop .a_2:hover{color:#97baf6;}
  .menuUItop .a_2:hover::before{width:5px;background:#97baf6;}
  .menuUItop .a_3:hover{color:#00d7cb;}
  .menuUItop .a_3:hover::before{background:#00d7cb;}
}

/*스크롤시*/
.navOn header,
.fix header{background:#FFF;border-color:rgb(0,0,0,0.1);}
.navOn .head_logo .logo_w,
.fix .head_logo .logo_w{display:none;}
.navOn .head_logo .logo_c,
.fix .head_logo .logo_c{display:inline;}
@media all and (min-width:1281px){
  .navOn .gnb .sign a,
  .fix .gnb .sign a{background:url(../../images/common/icon_login_on.png) no-repeat center;}
  .navOn .openSearch,
  .fix .openSearch{background:url(../../images/common/icon_search_on.png) no-repeat center;}
  .navOn .gotoSitemap,
  .fix .gotoSitemap{background:url(../../images/common/icon_sitemap_on.png) no-repeat center;}
  .navOn .openLanguage span,
  .navOn .openFullPopup span,
  .fix .openLanguage span,
  .fix .openFullPopup span,
  .fix .loginPortal span{color:#222;}
  .navOn .openLanguage::after,
  .fix .openLanguage::after{filter: invert(1) brightness(10);}
  .navOn .menuUItop .a_1,
  .fix .menuUItop .a_1{color:#222;}
  .navOn .menuUItop .a_1::before,
  .fix .menuUItop .a_1::before{background:#222;}
}
@media all and (max-width:1280px){
}


/****************************************
검색창
****************************************/
.wrap_search{display:none;align-items:center;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;z-index:12;}
.wrap_search.active{display:flex;}
.wrap_search::before{content:"";display:block;width:100%;height:100%;background:rgb(0,0,0,0.9);position:absolute;top:0;left:0;}
.wrap_search .inner{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;width:100%;}
.wrap_search h2{font-size:25px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:500;line-height:1;}
.wrap_search h2 span{display:block;font-family:'Play Bold';color:#00a79e;}
.wrap_search form{display:flex;background:#FFF;width:500px;margin:0 10px;}
.wrap_search input[type=text],
.wrap_search input[type=submit]{height:60px;display:block;border:0;background:none;}
.wrap_search input[type=text]{width:calc(100% - 60px);color:#FFF;font-size:18px;}
.wrap_search input[type=submit]{width:60px;text-indent:-9999px;cursor:pointer;background:url(/sites/style_guide/images/common/icon_zoom_1_w.png) no-repeat center;}
.wrap_search input::-ms-input-placeholder{color:#FFF;}
.wrap_search input::-webkit-input-placeholder{color:#FFF;} 
.wrap_search input::-moz-placeholder{color:#FFF;}
.wrap_search .closeSearch{width:60px;height:60px;display:block;text-indent:-9999px;background:url(/sites/style_guide/images/common/x_6_w.png) no-repeat center;}
@media all and (min-width:1281px){
  .wrap_search input[type=submit]:hover{background:url(/sites/style_guide/images/common/icon_zoom_1_b.png) no-repeat center;}
}
@media all and (max-width:768px){
  .wrap_search h2{font-size:18px;}
  .wrap_search form{width:calc(100% - 50px);}
  .wrap_search input[type=text],
  .wrap_search input[type=submit]{height:50px;}
  .wrap_search input[type=text]{width:calc(100% - 50px);font-size:16px;}
  .wrap_search input[type=submit]{width:50px;}
  .wrap_search .closeSearch{width:50px;height:50px;}
}
@media all and (max-width:480px){
  .wrap_search .inner{flex-wrap:wrap;}
  .wrap_search h2{width:100%;margin-bottom:10px;}
  .wrap_search form{width:calc(100% - 50px);margin:0;}

}


/****************************************
풋터
****************************************/
footer{background:#343539;position:relative;z-index:2;}
footer .container{max-width:96%;margin:0 auto;position:relative;}
footer .foot_link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
footer .foot_link .item{width:24.5%;margin-top:20px;position:relative;}
footer .foot_link .openLinkList{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:1px solid rgba(255,255,255,0.3);font-family: 'Noto Sans SC', sans-serif;font-weight:500;font-size:14px;color:#FFF;}
footer .foot_link .openLinkList::after{content:"";display:block;width:9px;height:7px;background:url(/sites/style_guide/images/common/arrow_d_w.png) center;transition:0.5s;}
footer .foot_link .linkList{background:#1d1d1d;position:absolute;bottom:53px;left:0;width:100%;max-height:0;overflow-y:auto;transition:max-height .5s;}
footer .foot_link .linkList a{display:block;width:100%;padding:15px 20px;border:1px solid #343434;border-top:0;font-size:14px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:400;}
footer .foot_link .openLinkList.active{color:#00a79e;}
footer .foot_link .openLinkList.active::after{background:url(/sites/style_guide/images/common/arrow_d_g.png) center;transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}
footer .foot_link .linkList.active{max-height:415px;}
footer .fnb{padding:20px 0;border-bottom:1px solid #4a4a4a;}
footer .fnb ul{display:flex;justify-content:flex-start;flex-wrap:wrap;}
footer .fnb li{display:flex;align-items:center;margin:5px 0;}
footer .fnb li::after{content:"";display:block;width:1px;height:11px;background:#6b717d;margin:0 15px;}
footer .fnb li:last-child::after{display:none;}
footer .fnb a{color:#FFF;font-size:13px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;}
footer .fnb a.a_1{color:#00a79e;font-family: 'Noto Sans SC', sans-serif;font-weight:500;}
footer .wrap{padding:30px 0;display:flex;align-items:center;}
footer .wrap::before{content:"";display:block;width:158px;height:72px;margin-right:30px;background:url(/sites/style_guide/images/common/footer_logo.png) no-repeat left center;}
footer .foot_info{}
footer .foot_info address,
footer .foot_info address strong,
footer .foot_info address span{font-size:14px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:rgba(255,255,255,0.7);}
footer .foot_info address{line-height:1.5;}
footer .foot_info address strong{color:#00a79e;}
footer .foot_info address span{}
footer .foot_info p{font-size:14px;font-family:'Play Regular';font-size:14px;color:rgba(255,255,255,0.5);margin-top:20px;}
footer .foot_sns{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:85px;}
footer .foot_sns a{display:block;border:1px solid transparent;margin-left:10px;}
@media all and (max-width:1280px) {
  footer .foot_link{padding-top:10px;}
  footer .foot_link .item{width:49.5%;margin-top:1%;}
  footer .wrap{flex-wrap:wrap;}
  footer .foot_sns{width:100%;justify-content:flex-start;position:relative;right:unset;top:unset;padding:20px 0 0 180px;}
}
@media all and (max-width:768px) {
  footer .wrap::before{width:100%;height:50px;margin-right:0;background-size:100px;}
  footer .foot_info{margin-top:20px;}
  footer .foot_info p span,
  footer .foot_info address strong,
  footer .foot_info address span{display:block;}
  footer .foot_info address i{display:none;}
  footer .foot_sns{padding-left:0;}
  footer .foot_sns img{max-width:30px;}
  footer .foot_link .linkList.active{max-height:310px;}
}
@media all and (max-width:480px) {
  footer .foot_link .item{width:100%;}
}
/*기관템플릿A*/
.templet_organ_A footer .container{max-width:1300px;margin:0 0 0 350px !important;}
@media all and (max-width:1700px){
  .templet_organ_A footer .container{max-width:calc(100% - 300px);margin:0 0 0 270px !important;}
}
@media all and (max-width:1280px){
  .templet_organ_A footer .container{max-width:96%;margin:0 auto !important;}
}
/*기관템플릿B*/
.templet_organ_B footer .container{max-width:1600px;}
@media all and (max-width:1700px) {
  .templet_organ_B footer .container{max-width:96%;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  footer .foot_link .openLinkList:hover{color:#00a79e;}
  footer .foot_link .openLinkList:hover::after{background:url(/sites/style_guide/images/common/arrow_d_g.png) center;transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}
  footer .foot_link .openLinkList.active:hover::after{}
  footer .foot_link .linkList a:hover{color:#00a79e;}
  footer .fnb a:hover{color:#00a79e;}
  footer .foot_sns a:hover{border-color:rgba(255,255,255,0.5);}
}


/****************************************
서브페이지
****************************************/
.wrap_sub{position:fixed;top:0;left:0;width:100%;z-index:1;}
.fix .wrap_sub{z-index:unset;}

/*서브비주얼*/
.wrap_sub_visual{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.wrap_sub_visual::before,
.wrap_sub_visual .container::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.wrap_sub_visual::before{background-size:cover !important;}
.wrap_sub_visual .container::before{background:rgba(0,0,0,0.3);opacity:1;transition:1s;}
.wrap_sub_visual .container{height:100%;}
.wrap_sub_visual a{display:none !important;}
.wrap_sub_visual .visual_intro{width:96%;height:100%;padding-top:60px;margin:0 auto;display:flex;align-items:center;}
.wrap_sub_visual .visual_intro strong{color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;font-size:35px;line-height:1;letter-spacing:-1px;display:block;}
.wrap_sub_visual .visual_intro span{margin-left:15px;display:block;}
.wrap_sub_visual .visual_intro span::before{content:"AIM YOUR DREAM FOR YOUR FUTURE. HANKYONG NATIONAL UNIVERSITY";color:#FFF;font-family:'Play Regular';font-size:14px;line-height:1;letter-spacing:-0.5px;display:block;padding-bottom:2px;}
.wrap_sub_visual .visual_intro span::after{content:"미래를 향해 길을 열어가는 경기 대표 국립대학";color:#FFF;font-size:13px;font-family: 'Noto Sans SC', sans-serif;font-weight:400;line-height:1;}
@media all and (max-width:1280px) {
  .wrap_sub_visual .visual_intro{padding-top:30px;}
  .wrap_sub_visual .visual_intro strong{font-size:25px;}
}
@media all and (max-width:768px) {
  .wrap_sub_visual .visual_intro{padding-top:10px;flex-direction:column;align-items:flex-start;justify-content:center;}
  .wrap_sub_visual .visual_intro strong{font-size:20px;}
  .wrap_sub_visual .visual_intro span{margin-left:0;margin-top:15px;}
}
/*애니메이션*/
.fix .wrap_sub_visual .container::before{background:rgba(0,0,0,0.7);}
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{filter:blur(10px);transform:scale(1.1);}
  100%{filter:blur(0);transform:scale(1);}
}
.wrap_sub_visual .visual_intro strong{opacity:0;filter:blur(100px);}
.wrap_sub_visual .visual_intro strong{animation-name:subVisualText_1;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes subVisualText_1{
  0%{}
  100%{opacity:1;filter:blur(0px);}
}
.wrap_sub_visual .visual_intro span{opacity:0;filter:blur(100px);}
.wrap_sub_visual .visual_intro span{animation-name:subVisualText_2;animation-duration:1.5s;animation-fill-mode:forwards;}
@keyframes subVisualText_2{
  0%{}
  100%{opacity:1;filter:blur(0px);}
}
/* 서브기능*/
.wrap_page_func{width:96%;position:absolute;left:1.5%;bottom:10px;}
.wrap_page_func .container{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
/*유틸*/
.sub_util{}
.sub_util > ul{display:flex;justify-content:center;}
.sub_util > ul > li{display:flex;align-items:center;position:relative;}
.sub_util > ul > li > button{display:block;width:50px;height:50px;text-indent:-9999px;}
.sub_util .sub_print{background:url(/sites/style_guide/images/common/icon_print.png) no-repeat center;}
.sub_util .sub_favo{background:url(/sites/style_guide/images/common/icon_favorite_3_w.png) no-repeat center;}
.sub_util .sub_share{background:url(/sites/style_guide/images/common/icon_share_2_w.png) no-repeat center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;bottom:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;border-radius:5px;}
.box_sub_favo  > strong {display:block;font-family: 'Noto Sans SC', sans-serif;font-weight:500;font-size:16px;padding:10px 20px;color:#FFF;background:#0b3275;}
.box_sub_favo ul{padding:15px;}
.box_sub_favo ul li {padding:0 0 5px 0;font-size:14px;}
.box_sub_favo ul li a span {display:none;}
.box_sub_favo .close{text-indent:-9999px;position:absolute;right:0;top:0;width:43px;height:43px;background:url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(/sites/style_guide/images/common/x_1_b.png) no-repeat center;text-indent:-9999px;}
.box_sub_favo .control{text-align:center; padding:15px 0;}
.box_sub_favo .control button{display:inline-block;padding:5px 20px;color:#FFF;font-size:12px;border-radius:1px;text-indent:0;}
.box_sub_favo .control button.add{background:#0b3275;}
.box_sub_favo .control button.reset{background:#707070;}
/*SNS공유*/
.box_sub_share{display:none;position:absolute;right:0;bottom:0;z-index:1;}
.box_sub_share .close{width:40px;height:40px;text-indent:-9999px;background:#000 url(/sites/style_guide/images/common/x_1_w.png) no-repeat center;position:absolute;right:0;bottom:0;border-radius:50px;}
.box_sub_share ul{display:flex;padding:0 50px 0 15px;background:#FFF;border-radius:50px;}
.box_sub_share ul button{display:block;width:40px;height:40px;font-size:0;}
.box_sub_share ul button::before{content:"";display:block;width:40px;height:40px;background-size:50% !important;opacity:1;filter:grayscale(100%)}
.box_sub_share .fb::before{background:url(/sites/style_guide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw::before{background:url(/sites/style_guide/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .kakao::before{background:url(/sites/style_guide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .naver::before{background:url(/sites/style_guide/images/common/icon_blog.png) no-repeat center center;}
.box_sub_share .pin::before{background:url(/sites/style_guide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .addr::before{background:url(/sites/style_guide/images/common/icon_share_b_2.png) no-repeat center center;}
/*현재위치*/
.sub_navi{}
.sub_navi > ul{display:flex;justify-content:flex-start;}
.sub_navi > ul > li{display:flex;align-items:center;position:relative;}
.sub_navi > ul > li > button{display:flex;justify-content:space-between;align-items:center;height:50px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;font-size:14px;color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_navi > ul > li > button::after{content:"";display:block;margin:0 10px;width:10px;height:10px;background:url(/sites/style_guide/images/common/arrow_1_w.png) no-repeat center;transition:0.5s;}
.sub_navi > ul > li:last-child > button::after{display:none;}
.sub_navi > ul > li.home{display:flex;align-items:center;}
.sub_navi > ul > li.home a{display:block;width:40px;height:100%;text-indent:-9999px;background:url(/sites/style_guide/images/common/icon_location_1_w.png) no-repeat center;}
.sub_navi > ul > li ul{display:none;background:#FFF;width:100%;min-width:120px;max-height:210px;overflow-y:auto;position:absolute;left:0;top:45px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.sub_navi > ul > li ul.active{display:block;}
.sub_navi > ul > li ul li{}
.sub_navi > ul > li ul li a{display:block;font-family: 'Noto Sans SC', sans-serif;font-weight:500;font-size:13px;padding:7px 10px;color:#222;border-top:1px solid #EEE;transition:0.5s;}
@media all and (max-width:1280px) {
  .sub_util .sub_print,
  .sub_util .sub_favo,
  .sub_util > ul > li::before{display:none;}
  .sub_navi{width:calc(100% - 50px);}
  .sub_navi > ul > li.home::after{display:none;}
}
@media all and (max-width:768px) {
  .sub_navi > ul > li{display:none;}
  .sub_navi > ul > li.home,
  .sub_navi > ul > li:last-child{display:block;}
  .sub_navi > ul > li > button{max-width:100%;}
  .sub_navi > ul > li ul li a{font-size:12px;padding:5px 10px;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .box_sub_share ul button:hover::before{filter:grayscale(0%)}
  .sub_navi > ul > li > button:hover{font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
  .sub_navi > ul > li > button:hover::after{transform:rotate(90deg);}
  .sub_navi > ul > li ul li a:hover{background:#0b3275;border-color:#0b3275;color:#FFF;}
}


/****************************************
컨텐츠 영역
****************************************/
.sub .wrap_contents{position:relative;}
.sub .wrap_contents .container{background:#FFF;}
.sub .wrap_contents .inner{max-width:1600px;margin:0 auto;padding:50px 0 300px 0;}
@media all and (max-width:1700px) {
  .sub .wrap_contents .inner{max-width:96%;}
}
@media all and (max-width:1280px) {
  .sub .wrap_contents .inner{padding-bottom:200px;}
}
@media all and (max-width:768px) {
  .sub .wrap_contents .inner{padding-bottom:100px;}
}


/****************************************
서브페이지 영역
****************************************/
.wrap_sub{height:350px;}
.sub .wrap_contents{padding-top:350px;}
@media all and (max-width:1280px) {
  .wrap_sub{height:300px;}
  .sub .wrap_contents{padding-top:300px;}
}
@media all and (max-width:768px) {
}


/****************************************
페이지 타이틀
****************************************/
.page_title{margin-bottom:40px;}
.page_title h1{font-size:35px;color:#666;font-family: 'Noto Sans SC', sans-serif;font-weight:700;line-height:1;}
.page_title h1::after{content:"开放大学、共享大学、走向未来的大学";display:block;color:#888;font-size:14px;font-family: 'Noto Sans SC', sans-serif;font-weight:400;line-height:1.3;padding-top:20px;}
@media all and (max-width:1280px) {
  .page_title h1{font-size:30px;}
  .page_title h1::after{padding-top:10px;}
}
@media all and (max-width:768px) {
  .page_title h1{font-size:25px;}
  .page_title h1::after{font-size:12px;}
}


/****************************************
서브메뉴
****************************************/
.subNav{position:relative;display:none;}
.subNav.haveChild{display:block;}
.subNav .menuUIsub{display:none;}
.subNav .btnSubmenu{display:none;}
.subNav ul{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:50px;}
.subNav li{height:50px;margin:2px 2px 0 0;background:#f4f4f4;line-height:1;transition:0.3s;}
.subNav a{font-size:16px;color:#555;font-family: 'Noto Sans SC', sans-serif;font-weight:500;padding:0 20px;width:100%;height:100%;text-align:center;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.subNav li._active{height:60px;background:#0c3274;}
.subNav a._active{font-size:18px;color:#FFF;}
@media all and (max-width:1280px) {
  .subNav ul{margin-bottom:40px;}
  .subNav li,
  .subNav li._active{height:45px;}
  .subNav a,
  .subNav a._active{font-size:14px;}
}
@media all and (max-width:768px) {
  .subNav ul{margin-bottom:30px;}
  .subNav .btnSubmenu{font-size:14px;line-height:1;padding:13px 15px;text-align:left;width:100%;border:1px solid #EEE;background:#FFF;display:flex;align-items:center;justify-content:space-between;}
  .subNav .btnSubmenu::after{content:"";display:block;width:20px;height:20px;background:url(/sites/style_guide/images/common/arrow_1_b_down.png) no-repeat 95% center;}
  .subNav .sub_div{opacity:0;visibility:hidden;transition:0.3s;max-height:0;overflow-y:auto;width:100%;position:absolute;z-index:3;}
  .subNav .sub_div.active{opacity:1;visibility:visible;max-height:190px;border-bottom:2px solid #222;}
  .subNav ul{display:block;}
  .subNav li{height:unset;margin:0;border-bottom:1px solid #FFF;}
  .subNav a{font-size:13px;padding:13px 15px;text-align:left;display:block;}
  .subNav li._active{height:unset;}
  .subNav a._active{font-size:13px;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .subNav li:hover{height:60px;}
}


/****************************************
탭메뉴
****************************************/
.tabNav .tab_div{margin-bottom:50px;}
.tabNav .tab_div > ul{display:flex;justify-content:flex-start;}
.tabNav .tab_div > ul > li{display:flex;align-items:center;margin-bottom:10px;}
.tabNav .tab_div > ul > li > a{font-size:16px;color:#555;line-height:1.2;padding-bottom:5px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;display:block;position:relative;}
.tabNav .tab_div > ul > li::after{content:"";display:block;width:1px;height:10px;background:#555;margin:-5px 15px 0 15px;}
.tabNav .tab_div > ul > li:last-child::after{display:none;}
.tabNav .tab_div > ul > li > a::before{content:"";display:block;width:100%;height:1px;background:#999;position:absolute;left:0;bottom:0;transform:scale(0);}
.tabNav .tab_div > ul > li > a._active::before{background:#000;transform:scale(1);}
.tabNav .tab_div > ul > li > a._active{color:#000;font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
@media all and (max-width:1280px) {
  .tabNav .tab_div{margin-bottom:40px;}
  .tabNav .tab_div > ul{justify-content:flex-start;flex-wrap:wrap;}
  .tabNav .tab_div > ul > li > a{font-size:14px;}
}
@media all and (max-width:768px) {
  .tabNav .tab_div{margin-bottom:30px;}
  .tabNav .tab_div{margin-top:20px;}
  .tabNav .tab_div > ul > li{margin:0 10px 10px 0;}
  .tabNav .tab_div > ul > li::after{display:none;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .tabNav .tab_div > ul > li > a:hover::before{transform:scale(1);transition:0.5s;}
}


/****************************************
COMMON ANIMATION
****************************************/
.sub .page_title{opacity:0;transform:translateY(-50px);}
.sub .page_title{animation-name:page_title;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes page_title{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.sub ._contentBuilder{opacity:0;transform:translateY(50px);}
.sub ._contentBuilder{animation-name:_contentBuilder;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes _contentBuilder{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}


/****************************************
편집화면
****************************************/
.editMode.sub .wrap_sub{z-index:unset;}