@charset "utf-8";


/********************
HEADER
********************/
@media all and (min-width:1281px){
  .menuUItop .li_1:last-child{display:none;}
}

@media all and (max-width:1280px){
  .gotoKor,
  .gnb,
  .gotoAdmission,
  .openSearch,
  .gotoSitemap{display:none;}

  header{position:fixed;left:0;top:0;width:100%;height:70px;background:#FFF;transition:0.5s;z-index:1000;}
  .head_logo{padding:10px 140px 10px 10px;}
  .head_logo a{display:flex;align-items:center;}
  .head_logo a img{max-width:220px;}
  .head_logo a .logo_w{display:none;}
  .head_logo a .logo_c{/* display:block; */}
  .head_logo a span{display:flex;align-items:center;margin-left:10px;font-family:'Dream Medium';color:#333;font-size:20px;line-height:1;}
  .head_logo a span::before{content:"";display:block;width:1px;height:19px;background:#333;margin-right:10px;}
  .openFullPopup{width:70px;height:70px;position:fixed;right:70px;top:0;display:flex;align-items:center;background:#7d7776 url(/sites/templateGuide/images/common/fullPopup_w.png) no-repeat center;}
  .openFullPopup span{text-indent:-9999px;}
  .openFullPopup .fPopLength{position:absolute;right:12px;top:12px;font-size:12px;font-family:'Dream Bold';color:#FFF;background:#70122b;width:20px;height:20px;margin-left:5px;border-radius:100%;display:flex;align-items:center;justify-content:center;}
  .openNavi{width:70px !important;height:70px !important;text-indent:-9999px;position:fixed;right:0;top:0;z-index:10;display:flex;align-items:center;background: #034ea2 url(/sites/templateGuide/images/common/sitemap_w.png) no-repeat center;}
}
@media all and (max-width:768px){
  header{height:unset;}
  .head_logo{padding-right:50px;}
  .head_logo a{display:block;}
  .head_logo a img{max-width: 160px;width: 160px;}
  .head_logo a span{margin: 13px 0 0 10px;font-size: 15px;display: inline-block;max-width: calc(100% - 175px);}
  .head_logo a span::before{display:none;}
  .openFullPopup{width:50px;height:50px;right:unset;left:15px;top:95px;background:url(/sites/templateGuide/images/common/fullPopup_w.png) no-repeat center;transition:0.3s;}
  .fix .openFullPopup{opacity:0;top:70px;}
  .openFullPopup .fPopLength{top:3px;right:3px;}
  .openNavi{width: 25px !important;height: 25px !important;!i;!;top: 19px;background:url(/sites/templateGuide/images/common/sitemap_b.png) no-repeat center;background-size: 25px;right: 15px;}
}


/********************
NAVIGATION_MOBILE
********************/
@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%;transition:0.3s;background:rgb(43,43,43);background:linear-gradient(333deg, rgba(43,43,43,1) 40%, rgba(14,14,14,1) 100%);}
  .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_gotoKor{width:50px;height:50px;margin-right:5px;display:block;text-indent:-9999px;border-radius:5px;border:1px solid rgba(255,255,255,0.5);}
  .head_util .sign a{background:url(/sites/templateGuide/images/common/mNav_login.png) no-repeat center;}
  .head_util .m_openSearch{background:url(/sites/templateGuide/images/common/mNav_search.png) no-repeat center;}
  .head_util .m_gotoKor{background:url(/sites/templateGuide/images/common/navTypeC_4.png) no-repeat center;}
  .head_util .closeNavi{width:25px;height:25px;position:absolute;top:12.5px;right:0;display:block;text-indent:-9999px;background:url(/sites/templateGuide/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:'Dream Medium';display:flex;align-items:center;justify-content:center;}
  .head_link .m_gotoAdmission{background:rgba(125,119,118,0.8);}
  .head_link .m_gotoSitemap{background: rgba(3,78,162,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{color:#FFF;display:block;}
  .menuUItop .a_1{font-size:18px;font-family:'Dream Medium';padding:15px;border-bottom:1px solid rgba(255,255,255,0.2);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;font-family:'Dream Medium';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:#7d7776;padding:10px 0;margin:5px 15px;}
  .menuUItop .li_3{}
  .menuUItop .a_3{font-size:14px;font-family:'Dream Medium';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/templateGuide/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/templateGuide/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/templateGuide/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;}

  .menuUItop .a_2.new_win::after,
  .menuUItop .a_3.new_win::after{content:"";display:inline-block;width:20px;height:16px;vertical-align:-1px;background:url(/sites/templateGuide/images/common/btn_icon_blank_w.png) no-repeat right center;}
}
@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;}
}


/****************************************
검색창
****************************************/
.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:'Dream Medium';line-height:1;}
.wrap_search h2 span{display:block;font-family:'Dream Bold';color:#d7ccbe;}
.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);font-size:18px;padding:0 15px;}
.wrap_search input[type=submit]{width:60px;text-indent:-9999px;cursor:pointer;background:url(/sites/templateGuide/images/common/self_b.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/templateGuide/images/common/x_6_w.png) no-repeat center;}
@media all and (min-width:1281px){
  .wrap_search input[type=submit]:hover{background:#034ea2 url(/sites/templateGuide/images/common/self_w.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:#7d7776;position:relative;}
footer .container{max-width:96%;margin:0 auto;position:relative;z-index:9;}
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: 'Dream Medium';font-size:14px;color:#FFF;}
footer .foot_link .openLinkList::after{content:"";display:block;width:9px;height:7px;background:url(/sites/templateGuide/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;z-index:1;}
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:'Dream Regular';}
footer .foot_link .openLinkList.active{color:#688fd0;}
footer .foot_link .openLinkList.active::after{background:url(/sites/templateGuide/images/common/arrow_d_c.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 #6f6564;}
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:#6f6564;margin:0 15px;}
footer .fnb li:last-child::after{display:none;}
footer .fnb a{color:#FFF;font-size:13px;font-family:'Dream Medium';}
footer .fnb a.a_1{color:#688fd0;font-family:'Dream Medium';}
footer .wrap{padding:30px 0;display:flex;align-items:center;}
footer .wrap::before{content:"";display:block;width:60px;height:85px;margin-right:20px;background:url(/sites/templateGuide/images/common/logo_footer.png) no-repeat left 4px;background-size:100%;opacity:0.7;}
footer .foot_info{}
footer .foot_info address,
footer .foot_info address strong,
footer .foot_info address span{font-size:14px;font-family:'Dream Medium';color:rgba(255,255,255,0.7);}
footer .foot_info address{line-height:1.5;padding-left: 0;}
footer .foot_info address strong{color:#00a79e;}
footer .foot_info address span{
  padding-left: 20px;
}
footer .foot_info p{font-size:14px;font-family:'Play Regular';color:rgba(255,255,255,0.5);margin-top:5px;}
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;}
/*HOVER*/
@media all and (min-width:1281px) {
  footer .foot_link .openLinkList:hover{color:#688fd0;}
  footer .foot_link .openLinkList:hover::after{background:url(/sites/templateGuide/images/common/arrow_d_c.png) center;transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}
  footer .foot_link .openLinkList.active:hover::after{}
  footer .foot_link .linkList a:hover{color:#688fd0;}
  footer .fnb a:hover{color:#688fd0;}
  footer .foot_sns a:hover{border-color:rgba(255,255,255,0.5);}
}
@media all and (max-width:1280px) {
  footer .wrap{padding-bottom:60px;}
  footer .foot_sns{right:unset;top:unset;left:65px;bottom:15px;}
  footer .foot_sns a{margin-left:0;margin-right:10px;}
}
@media all and (max-width:768px) {
  footer .foot_link{padding-top:10px;}
  footer .foot_link .item{width:100%;margin-top:10px;}
  footer .foot_link .openLinkList{padding:10px 15px;}
  footer .wrap{align-items:flex-start;}
  footer .wrap::before{width:50px;margin-right:15px;}
  footer .foot_info span{display:block;}
  footer .foot_info address span{padding-left:0;padding-top:5px;}
  footer .foot_info i{display:none;}
  footer .foot_sns{left:48px;}
  footer .foot_sns img{max-width:30px;}
}
/*템플릿10*/
footer{background:#0e0e0e;}
footer .fnb{border-color:#666;}



/****************************************
고탑
****************************************/
.goto_top a{display:block;text-indent:-9999px;background:url(/sites/templateGuide/images/common/goTop.png) no-repeat center;width:64px;height:64px;position:fixed;bottom:-100px;right:20px;opacity:0.5;transition: 1s;z-index:9999;}
.fix .goto_top a{bottom:30px;}
@media all and (max-width:768px) {
  .goto_top a{width:50px;height:50px;opacity:0.8;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .goto_top a:hover{opacity:1;}
}


/****************************************
서브페이지
****************************************/
.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:90%;height:100%;margin:0 auto;display:flex;align-items:center;}
.wrap_sub_visual .visual_intro strong{color:#FFF;font-family:'Dream Bold';font-size:35px;line-height:1;letter-spacing:-1px;display:block;}
.wrap_sub_visual .visual_intro span{display:block;padding-left:10px;}
.wrap_sub_visual .visual_intro span::before{content:"Opening the Light to the World";color:#FFF;font-family:'Play Regular';font-size:14px;line-height:1;letter-spacing:-0.5px;display:block;}
.wrap_sub_visual .visual_intro span::after{content:"세계를 향해 빛을 여는 계명대학교";color:#FFF;font-size:13px;font-family:'Dream Regular';line-height:1;}
@media all and (max-width:1280px) {
  .wrap_sub_visual .visual_intro strong{font-size:25px;}
}
@media all and (max-width:768px) {
  .wrap_sub_visual .visual_intro{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) brightness(0.7);transform:scale(1.1);}
  100%{filter:blur(0) brightness(0.7);transform:scale(1);}
}
.wrap_sub_visual .visual_intro strong{animation-name:subVisualText_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_1{
  0%{opacity:0;transform:translateY(-50px);}
  100%{opacity:1;transform:translateY(0);}
}
.wrap_sub_visual .visual_intro span{animation-name:subVisualText_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_2{
  0%{opacity:0;transform:translateY(50px);}
  100%{opacity:1;transform:translateY(0);}
}

/* 서브기능*/
.wrap_page_func{position:absolute;left:5%;width:90%;}
.wrap_page_func .container{display:flex;align-items:center;justify-content:flex-start;}
/*유틸*/
.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/templateGuide/images/common/print_3_w.png) no-repeat left center;}
.sub_util .sub_favo{background:url(/sites/templateGuide/images/common/favorite_2_w.png) no-repeat left center;}
.sub_util .sub_share{background:url(/sites/templateGuide/images/common/share_3_w.png) no-repeat left center;}
/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;left: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:'Dream Medium';font-size:16px;padding:10px 20px;color:#FFF;background:#434343;}
.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/templateGuide/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/templateGuide/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:#034ea2;}
.box_sub_favo .control button.reset{background:#707070;}
/*SNS공유*/
.box_sub_share{display:none;position:absolute;left:0;bottom:0;z-index:1;}
.box_sub_share .close{width:40px;height:40px;text-indent:-9999px;background:#000 url(/sites/templateGuide/images/common/x_1_w.png) no-repeat center;position:absolute;left:0;bottom:0;border-radius:50px;}
.box_sub_share ul{display:flex;padding:0 15px 0 50px;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/templateGuide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw::before{background:url(/sites/templateGuide/images/common/icon_twitter4.png) no-repeat center center;background-size:17px 17px !important;}
.box_sub_share .kakao::before{background:url(/sites/templateGuide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .naver::before{background:url(/sites/templateGuide/images/common/icon_blog.png) no-repeat center center;}
.box_sub_share .pin::before{background:url(/sites/templateGuide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .addr{display:none;}
.box_sub_share .addr::before{background:url(/sites/templateGuide/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:'Dream Medium';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/templateGuide/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/templateGuide/images/common/home_w.png) no-repeat center;}
.sub_navi > ul > li ul{display:none;background:#FFF;width:100%;min-width:120px;max-height: 160px;overflow-y:auto;position:absolute;left:0;bottom:45px;z-index:1;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:'Dream Medium';font-size: 12px;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%;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  .box_sub_share ul button:hover::before{filter:grayscale(0%)}
  .box_sub_share .tw:hover::before{background-image:url('/sites/templateGuide/images/common/icon_twitter3.png')}
  .sub_navi > ul > li > button:hover{font-family:'Dream Bold';}
  .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;background:none !important;}
.sub .wrap_contents .container{background:#FFF;position:relative;z-index:2;}
body.sub .wrap_contents > .container > .inner{padding:50px 0 300px 0;max-width:1600px;margin:0 auto;}
@media all and (min-width:1281px) and (max-width:1660px) {
  body.sub .wrap_contents > .container > .inner{max-width:calc(100% - 120px);}
}
@media all and (max-width:1280px) {
  body.sub .wrap_contents > .container > .inner{padding-bottom:200px;max-width:calc(100% - 40px);}
}
@media all and (max-width:768px) {
  body.sub .wrap_contents > .container > .inner{padding-bottom:100px;}
}

/**탭**/
.wrap_contents .tab_div {margin: 0 0 40px 0;position: relative;}
.wrap_contents .tab_div ul {display:flex;width:100%;justify-content: space-around;}
.wrap_contents .tab_div ul._tab5ea {display:inline-block;}
.wrap_contents .tab_div ul._tab5ea > li{width:25% !important;}
.wrap_contents .tab_div > ul > li {float:left;width: 100%;text-align:center;padding: 0 1px;margin-bottom: 2px;}
.wrap_contents .tab_div.divide > ul{flex-wrap:wrap;justify-content: flex-start;}

.wrap_contents .tab_div > ul > li > a {display: -webkit-box;width:100%;font-size:18px;height:55px;line-height:55px;border: 1px solid #ccc;color:#444;transition:all ease .5s;padding: 0 25px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.wrap_contents .tab_div > ul > li > a:after{top:10px;right:10px;position: initial;display: inline-block;vertical-align: middle;margin-top: -5px;margin-left: 5px;}
.wrap_contents .tab_div > ul > li > a:hover{background: #034ea2 ;color:#fff;border: 1px solid #034ea2 ;}
.wrap_contents .tab_div > ul > li > a._active{background: #034ea2;color:#fff;border: 1px solid #034ea2;}
.wrap_contents .tab_div > ul > li > a.new_win{padding-right:0;}

.wrap_contents .tab_div > a {display: none;}

.wrap_contents .tab_div .li_3._active .div_4{display: block;}
.wrap_contents .tab_div .div_4{position:absolute;bottom:0; left: 0;width:100%;display:none;}

.wrap_contents .tab_div > ul > li > div > ul{font-size:0;text-align: left;}
.wrap_contents .tab_div > ul > li > div > ul > li{background:#fff;font-size:18px;color:#444;width: 100%;display: flex;text-align: center;border: 1px solid #e7e7e7;border-bottom: 1px solid #034ea2;align-items: center;justify-content: center;}
.wrap_contents .tab_div > ul > li > div > ul > li + li{border-left:none;}
.wrap_contents .tab_div > ul > li > div > ul > li._active{border:1px solid #034ea2 ;border-bottom:none;}
.wrap_contents .tab_div > ul > li > div > ul > li a{display: block;padding: 10px 20px;transition:all ease .5s;font-family:'Dream Regular';font-size: 15px;}
.wrap_contents .tab_div > ul > li > div > ul > li a:hover{font-family:'Dream Medium';}
.wrap_contents .tab_div > ul > li > div > ul > li a:after{top:10px;right:10px;}

.wrap_contents .tab_div .div_5{display:none;}
.wrap_contents .depth5-bx .depth5-inner > ul{margin-bottom:60px;}
.wrap_contents .depth5-bx .depth5-inner > ul > li{display:inline-block;margin: 2.5px 12.5px;}
.wrap_contents .depth5-bx .depth5-inner > ul > li {}
.wrap_contents .depth5-bx .depth5-inner > ul > li a{font-size: 16px;color:#666;padding-left:15px;position:relative;padding-bottom:6px;}
.wrap_contents .depth5-bx .depth5-inner > ul > li a:before{content:'';width:6px;height:6px;background:#2196F3;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-6px;}
.wrap_contents .depth5-bx .depth5-inner > ul > li a:after{content:'';width:0;height:2px;background:#034ea2 ;position:absolute;bottom:0;left:15px;transition:all ease .5s;}
.wrap_contents .depth5-bx .depth5-inner > ul > li a:hover:after{width:calc(100% - 15px);}
.wrap_contents .depth5-bx .depth5-inner > ul > li._active a:after{width:calc(100% - 15px);}

@media all and (max-width:1280px) {
  .wrap_contents .tab_div{height:auto !important;margin: 0 0 30px 0;}
  .wrap_contents .tab_div > a {display: block;font-size: 18px;border: 1px solid #999;padding: 15px;font-family: 'Noto Medium';background:url('../../images/common/arrow_a2.png') no-repeat 95% center;}
  .wrap_contents .tab_div > a + a{display:none;}
  .wrap_contents .tab_div > a.open{background:url('../../images/common/arrow_a2_hover.png') no-repeat 95% center;}
  .wrap_contents .tab_div > a.a_4,
  .wrap_contents .tab_div > a.a_5{display:none;}
  .wrap_contents .tab_div ul,
  .wrap_contents .tab_div ul._tab5ea{display:none;}
  .wrap_contents .tab_div ul.open,
  .wrap_contents .tab_div ul.open._tab5ea{display:block;border: 1px solid #999;position:absolute;margin-top: 5px;z-index: 99;background:#fff;width: calc(100% - 40px);}
  .wrap_contents .tab_div.on > ul{padding-bottom:0;}
  .wrap_contents .tab_div > ul > li{float:none;width:100% !important;display:block;text-align:left;}
  .wrap_contents .tab_div > ul > li.haveChild._active{padding-bottom:0;}
  .wrap_contents .tab_div ul._tab5ea > li{width:100% !important;}
  .wrap_contents .tab_div > ul > li > a{border:none;padding: 0 15px;height: 45px;line-height: 45px;font-size: 16px;}
  .wrap_contents .tab_div .li_3._active .div_4{position:initial;background: #eaeaea;display: block;}
  .wrap_contents .tab_div .div_4 ul{display:block;}
  .wrap_contents .tab_div > ul > li > div > ul > li{background:none;font-size:15px;border:none;}
  .wrap_contents .tab_div > ul > li > div > ul > li._active{border:none;}
  .wrap_contents .tab_div > ul > li > div > ul > li a{font-size:15px;text-align:left;padding:10px 15px;font-family: 'Noto Light';}
  .wrap_contents .tab_div > ul > li > div > ul > li._active a{font-family:'Noto Medium'; color:#000;}
  .wrap_contents .tab_div .li_3._active .div_4.open{display: block;}
  .wrap_contents .tab_div > ul > li.haveChild > a._active{background: #183d93 url('../../images/common/gray_plus.png') no-repeat 95% center;}

  .wrap_contents .depth5-bx .depth5-inner > ul{margin-bottom:40px;}
  .wrap_contents .depth5-bx .depth5-inner > ul > li a{font-size:14px;padding-bottom: 4px;}
}

/****************************************
서브페이지 영역
****************************************/

.subType1 .wrap_sub{height:350px;}
.subType1.sub .wrap_contents{padding-top:350px;}
.subType2 .wrap_sub{height:450px;}
.subType2.sub .wrap_contents{padding-top:450px;}
.subType3 .wrap_sub{height:550px;}
.subType3.sub .wrap_contents{padding-top:550px;}

.subType1 .wrap_page_func{bottom:10px;}
.subType2 .wrap_page_func{bottom:110px;}
.subType3 .wrap_page_func{bottom:170px;}
@media all and (max-width:768px) {
}


/*****
서브내비
******/

/********************
SUBMENU
********************/
.subNav{position:relative;display:none;}
.subNav .sub_div{margin-bottom:40px;position:relative;z-index:1;}
.subNav .menuUIsub{}
.subNav .menuSubTitleUI{display:none;}
.subNav .li_3 > .a_3{/* display:none; */}
.subNav .div_4{display:none;}
.subNav .li_3._active .div_4{display:block;}

.subNav .ul_4{display:flex;align-items:flex-end;flex-wrap:wrap;}
.subNav .li_4{height:50px;margin:2px 2px 0 0;background:#f4f4f4;line-height:1;transition:0.3s;}
.subNav .a_4{font-size:16px;color:#555;font-family:'Dream Medium';padding:0 20px;width:100%;height:100%;text-align:center;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;}
.subNav .li_4._active{height:60px;background:#8b0029;}
.subNav .a_4._active{color:#FFF;}
@media all and (max-width:1280px) {
  .subNav .li_4,
  .subNav .li_4._active{height:45px;}
  .subNav .a_4,
  .subNav .a_4._active{font-size:14px;}
}
@media all and (max-width:768px) {
}
/*HOVER*/
@media all and (min-width:1281px) {
  .subNav .li_4:hover{height:60px;}
}


/****************************************
타이틀
****************************************/
.page_title{margin-bottom:40px;}
.page_title h1{font-size:35px;color:#666;font-family:'Dream Bold';line-height:1;}
.page_title h1::after{content:"세계를 향해 빛을 여는 계명대학교";display:block;color:#888;font-size:14px;font-family:'Dream Regular';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;}
}


/****************************************
기관템플릿A
****************************************/
.templet_organ_A .wrap_sub{left:240px;width:calc(100% - 240px);}
.templet_organ_A footer .container{max-width:1380px;margin:0 0 0 270px !important;}
.templet_organ_A.sub .wrap_contents .inner{max-width:1300px;margin:0 0 0 350px;}
.templet_organ_A .sub_navi > ul > li ul{bottom:unset;top:45px;}
@media all and (max-width:1700px){
  .templet_organ_A footer .container{max-width:calc(100% - 300px);}
  .templet_organ_A.sub .wrap_contents .inner{max-width:calc(100% - 300px);margin:0 0 0 270px;}
}
@media all and (max-width:1280px){
  .templet_organ_A .wrap_sub{left:0;width:100%;}
  .templet_organ_A footer .container{max-width:96%;margin:0 auto !important;}
  .templet_organ_A.sub .wrap_contents .inner{max-width:96%;margin:0 auto;}
}


/****************************************
기관템플릿B
****************************************/
.templet_organ_B footer .container{max-width:1600px;}
.templet_organ_B .sub_navi > ul > li ul{bottom:unset;top:45px;}
@media all and (max-width:1700px) {
  .templet_organ_B footer .container{max-width:96%;}
}


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

/****************************************
비주얼 공통적용
****************************************/
.wrap_visual::after{display:none;}
.wrap_visual .icon img{filter:brightness(0.7);}
.wrap_sub_visual:before{filter:brightness(0.7);}

/****************************************
페이징 공통적용
****************************************/
._fnctWrap ._paging ._inner ._prev{background:url(/sites/templateGuide/images/common/arrow_prev_level2.png) no-repeat center;}
._fnctWrap ._paging ._inner ._next{background:url(/sites/templateGuide/images/common/arrow_next_level2.png) no-repeat center;}

@media all and (max-width:767px){

  ._fnctWrap ._paging ._inner ._pageState{display: inline-block;margin-top: 5px;}
  ._fnctWrap ._paging ._inner ._curPage{color:#034ea2;}
  ._fnctWrap ._paging ._inner ._totPage:before{content:'/';color:#666;margin:0 5px;font-size:16px;}
  ._fnctWrap ._paging ._inner ul{display:none;}
}

@media all and (max-width:600px){
  .search .board-serch{padding:0;}
  .search ._button{position:relative;margin-top:5px;width:100%;}  
  .search ._button input[type="submit"]{width:100%;}  
}

/***************
대학5번 공통적용
****************/
.templet_col_05 #multipleContentsDiv_template4_17 > ._objHtml{height:auto !important;top:310px;}

@media all and (max-width:1280px){
  .templet_col_05 #multipleContentsDiv_template4_17 > ._objHtml{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
  .templet_col_05 #multipleContentsDiv_template4_17 > ._objHtml{top: 135px;height: auto !important;width: 95%;}
}

.templet_col_05 .wrap_visual .icon img{min-width:100%;max-width:2560px;}

@media only screen and (max-width:2000px){
  .templet_col_05 .wrap_visual .icon img{max-width:100%;}
}

@media only screen and (max-width:1921px){
  .templet_col_05 .wrap_visual .icon img{margin-left: 0;width: 100%;}
}

/***************
학과5번 공통적용
****************/
@media all and (max-width:768px){
  .templet_dept_03 #multipleDiv_template3_18 ._objWidget:nth-child(2){height:400px;}
}

/***************
게시판 뷰페이지 공통적용
****************/
.board-view .view .title .detail li + li:before{top:5px;}
.board-view .view .board_table table{text-align:initial;table-layout:initial;}

@media all and (max-width:860px){
  .board_table{overflow-x:scroll;}
  .board_table table{width:1000px;}
}

@media all and (max-width:767px){
  .board-view .view .txt img{width:100% !important; height:auto !important; margin-bottom:10px;}
}

/***************
앨범게시판 슬라이드 공통적용
****************/
.top-slide-wrap .slick-slide img{margin:0 auto;}
.bottom-slide-wrap{padding: 50px 0;}
.bottom-slide-wrap > ul{padding: 0 35px;}
.bottom-slide-wrap .slick-prev{position:absolute;left: 7px;top: 50%;background:url('/sites/templateGuide/images/common/arrow_5_b.png') no-repeat center;width: 14px;height: 22px;margin-top: -11px;text-indent: -9999px;transform:rotate(180deg);}
.bottom-slide-wrap .slick-next{position:absolute;right: 7px;top: 50%;background:url('/sites/templateGuide/images/common/arrow_5_b.png') no-repeat center;width: 14px;height: 22px;margin-top: -11px;text-indent: -9999px;}
.bottom-slide-wrap .bottom-slider-table{padding:5px;cursor: pointer;}
.bottom-slide-wrap .bottom-slider-cell{border:5px solid rgba(0,0,0,0);}
.bottom-slide-wrap .bottom-slider-cell img{width:100%;height: 120px;}
.bottom-slide-wrap .slick-current .bottom-slider-cell{border:5px solid #034ea2;}

@media all and (max-width:1400px){
  .bottom-slide-wrap .bottom-slider-cell img{height:100px;}
}

@media all and (max-width:767px){
  .bottom-slide-wrap{padding:20px 0;}  
}

@media all and (max-width:500px){
  .bottom-slide-wrap .bottom-slider-cell img{height: 50px;}
}

/**********************
커서 공통적용
***********************/
.main .cursor{width:0;height:0;}
.main .cursor_expand{width:100px;height:100px;}

/**********************
프린트 공통적용
***********************/
@media print{
  .table_1 table{max-width:680px;}
}

/********************
팝업 공통적용
********************/
.sub #popup_zone{display:none;}

@media all and (max-width:768px){
  body .PZwindow{max-width: 90%;}
  body .PZwrap{max-width: 100%;height: auto !important;}  
}