@charset "utf-8";

/****************************************
SKIP NAV
****************************************/
.skipMenu{width:100%}
.skipMenu .hidden{display:none}
.skipMenu a.accessibility01{position:absolute;display:block;width:100%;left:0px;top:-9999px;text-align:center;z-index:9999}
.skipMenu a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position:absolute;top:0px;padding:15px 0;font-weight:bold;color:#FFF;background:#293038;z-index:9998}


/****************************************
HEADER
****************************************/
header{position:fixed;top:0;left:0;width:100%;z-index:10;transition:0.3s;}
header .topUtil{padding:35px 40px 0 40px;display:flex;justify-content:flex-end;align-items:center;}
header .topUtil .afLoginBtn,
header .topUtil .brLoginBtn,
header .topUtil a{font-size:15px;margin-left:20px;color:rgba(255,255,255,0.5);display:block;line-height:1;background:none;}
header .container{padding:0 40px;display:flex;justify-content:flex-end;}

.openFullPopup{margin-left:20px;display:flex;align-items:center;}
.openFullPopup span{font-size:12px;font-family:'Dream Bold';color:#FFF;}
.openFullPopup .fPopLength{font-size:12px;font-family:'Dream Bold';color:#FFF;background:#059bdc;width:20px;height:20px;margin-left:10px;border-radius:100%;display:flex;align-items:center;justify-content:center;}


.head_logo{display:flex;justify-content:flex-start;align-items:center;margin-right:auto}
.head_logo a{display:flex;align-items:center;}
.head_logo a img{}
.head_logo a span{padding-left:8px;position:relative;font-family:'Dream Bold';color:#FFF;font-size:22px;line-height:1.3;}

.gotoSitemap{width:40px;height:70px;display:block;text-indent:-9999px;}
.gotoSitemap{background:url(../../images/sitemap_w.png) no-repeat right 23px;}

@media all and (min-width:1281px){
  .fix header{margin-top:-150px;}
  header .topUtil .afLoginBtn:hover,
  header .topUtil .brLoginBtn:hover,
  header .topUtil a:hover{color:rgba(255,255,255,1);}
}
@media all and (max-width:1280px){
  .fix header{background:#0971ce;}
  header .container{padding:0 0 0 20px;justify-content:space-between;}
  header .topUtil,
  .gotoSitemap{display:none;}
  .head_logo a img{max-width:170px;}
  .head_logo a span{font-size:20px;}
}
@media all and (max-width:768px){
  .head_logo{width:calc(100% - 110px);}
  .head_logo a img{max-width:130px;}
  .head_logo a span{font-size:14px;}
}

@media all and (min-width:1281px){
  .openNavi{display:none;}

  .head_navi{right:80px;position:absolute;}
  .head_util,
  .head_link{display:none;}

  .menuUItop{}
  .menuUItop .div_1{}
  .menuUItop .div_1::before{content:"";display:block;width:100%;height:calc(100% - 70px);background:rgb(255,255,255,0.9);position:absolute;left:0;bottom:0;}
  .menuUItop .ul_1{display:flex;justify-content:flex-end;}
  .menuUItop .li_1{}
  .menuUItop .li_1:last-child{display:none;}
  .menuUItop .a_1{width:100%;height:70px;font-size:20px;color:#FFF;font-family:'Dream Medium';padding:0 40px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;}
  .menuUItop .a_1::before{content:"● ●";display:block;transition:0.4s;transform:scale(0);letter-spacing:2px;font-size:5px;color:#fcaf16;}
  .eQ05 .a_1{padding-right:60px;}

  .menuUItop .div_2{display:none;border-top:7px solid #0971ce;position:relative;}
  .menuUItop .div_2.active{display:block;}
  .menuUItop .div_2::before{}
  .menuUItop .ul_2{padding:20px 0;}
  .menuUItop .li_2{display:flex;justify-content:center;}
  .menuUItop .a_2{font-size:18px;color:#292c33;font-family:'Dream Regular';padding:4px 0 4px 12px;display:block;position:relative;}
  .menuUItop .a_2::before{content:"";display:block;width:3px;height:10px;background:#0971ce;position:absolute;left:0;top:13px;transition:0.4s;transform:rotate(20deg);opacity:0;}

  .navGab{display:none;}

  .menuUItop .li_1:hover .a_1,
  .menuUItop .a_1._active{color:#fcaf16;font-family:'Dream Medium';}
  .menuUItop .li_1:hover .a_1::before,
  .menuUItop .a_1._active::before{transform:scale(1);}

  .menuUItop .li_2:hover .a_2,
  .menuUItop .a_2._active{border-color:#0971ce;color:#0971ce;font-family:'Dream Medium';}
  .menuUItop .li_2:hover .a_2::before,
  .menuUItop .a_2._active::before{opacity:1;}
}
@media all and (min-width:1281px) and (max-width:1440px){
  .menuUItop .a_1{padding:0 25px;font-size:18px;}
  .eQ05 .a_1{padding-right:60px;}
  .menuUItop .a_2{font-size:16px;}
}
@media all and (max-width:1280px){
  .openNavi{display:block;width:70px;height:70px;text-indent:-9999px;background:url(../../images/sitemap_w.png) no-repeat center;}

  .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(9,113,206,1) 0%, rgba(0,66,125,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_gotoKor,
  .head_util .gotoPortal{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(../../images/mainNav_5.png) no-repeat center;}
  .head_util .m_gotoKor{background:url(../../images/mainNav_4.png) no-repeat center;}
  .head_util .gotoPortal{background:url(../../images/mainNav_6.png) no-repeat center;}
  .head_util .closeNavi{width:50px;height:50px;position:absolute;top:0;right:0;display:block;text-indent:-9999px;background:url(../../images/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.2);font-size:14px;color:#FFF;font-family:'Dream Medium';display:flex;align-items:center;justify-content:center;}
  .head_link .m_gotoAdmission{background:rgba(9,113,206,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{color:#FFF;display:flex;align-items:center;}
  .menuUItop .a_1{font-size:18px;font-family:'Dream Medium';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;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:#07285f;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(../../images/plus_0_w.png) no-repeat center;}
  .menuUItop .li_1._useChildDiv::after{display:block;}
  .menuUItop .li_1._useChildDiv.active::after{background:url(../../images/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(../../images/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){
  .openNavi{width:55px !important;height:55px !important;background-size:25px !important;}
  .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;}
}


/****************************************
풋터
****************************************/
footer{background:#1d1d1d;position:relative;z-index:1;}
footer .containerA,
footer .containerB{width:96%;margin:0 auto;display:flex;}
footer .containerA{justify-content:space-between;border-bottom:1px solid #4a4a4a;}
footer .containerB{background:url(../../images/logo_footer.png) no-repeat left center;padding:20px 0 20px 100px;}

footer .fnb{padding:20px 0;}
footer .fnb ul{display:flex;}
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:16px;font-family:'Dream Medium';}

footer .foot_link{display:flex;align-items:center;justify-content:flex-end;}
footer .foot_link .item{position:relative;width:100%;}
footer .foot_link .openLinkList{display:flex;align-items:center;justify-content:space-between;min-width:250px;padding:12px 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(../../images/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:0.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:'Dream Regular';}
footer .foot_link .openLinkList.active{color:#0971ce;}
footer .foot_link .openLinkList.active::after{transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}
footer .foot_link .linkList.active{max-height:250px;}

footer .foot_info{font-size:14px;font-family:'Dream Medium';color:rgba(255,255,255,0.7);line-height:1.8;display:flex;align-items:center;}
footer .foot_info .itemB{margin-left:30px;padding-left:30px;}

@media all and (max-width:1280px) {
  footer .foot_info{flex-direction:column-reverse;align-items:flex-start;}
  footer .foot_info .itemB{margin-left:0;padding-left:0;margin-bottom:20px;}
}
@media all and (max-width:768px) {
  footer .containerA{flex-direction:column;}
  footer .containerB{background:none;padding:20px 0;}
  footer .foot_link{justify-content:flex-start;margin-bottom:30px;}
  footer .foot_link .openLinkList{width:100%;}
}
@media all and (max-width:500px) {
  footer .foot_info strong,
  footer .foot_info span{display:block;}
}
/*HOVER*/
@media all and (min-width:1281px) {
  footer .foot_link .openLinkList:hover{color:#0971ce;}
  footer .foot_link .openLinkList:hover::after{transform:rotate(90deg);transform:scaleY(-1);filter:FlipH;}
  footer .foot_link .openLinkList.active:hover::after{}
  footer .foot_link .linkList a:hover{color:#0971ce;}
  footer .fnb a:hover{color:#0971ce;}
}


/****************************************
고탑
****************************************/
.goto_top a{display:block;text-indent:-9999px;background:url(../../images/goTop.png) no-repeat center;width:64px;height:64px;position:fixed;bottom:-100px;right:20px;opacity:0.5;transition:1s;z-index:1;}
.fix .goto_top a{bottom:30px;}
@media all and (max-width:768px) {
  .goto_top a{width:50px;height:50px;opacity:0.8;border-radius:100%;}
}
/*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{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{margin-left:15px;display:block;}
.wrap_sub_visual .visual_intro span::before{content:"GACHON 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:'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);transform:scale(1.1);}
  100%{filter:blur(0);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;}
.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(../../images/icon_print.png) no-repeat center;}
.sub_util .sub_favo{background:url(../../images/icon_favorite_3_w.png) no-repeat center;}
.sub_util .sub_share{background:url(../../images/icon_share_2_w.png) no-repeat 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:#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(../../images/x_1_w.png) no-repeat center;}
.box_sub_favo .del{width:17px;height:17px;margin:0 0 0 10px;background:url(../../images/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;left:0;bottom:0;z-index:1;}
.box_sub_share .close{width:40px;height:40px;text-indent:-9999px;background:#000 url(../../images/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(../../images/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw::before{background:url(../../images/icon_twitter.png) no-repeat center center;}
.box_sub_share .kakao::before{background:url(../../images/icon_kakao.png) no-repeat center center;}
.box_sub_share .naver::before{background:url(../../images/icon_blog.png) no-repeat center center;}
.box_sub_share .pin::before{background:url(../../images/icon_pin.png) no-repeat center center;}
.box_sub_share .addr::before{background:url(../../images/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(../../images/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(../../images/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;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: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%;}
}
/*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:'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;}
.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;}
}


/****************************************
서브페이지 영역
****************************************/
.subType_1 .visual_intro{width:96%;}
.subType_2 .visual_intro{width:1600px;padding-top:80px;}
.subType_3 .visual_intro{width:96%;}
.subType_4 .visual_intro{width:96%;padding-top:70px;align-items:flex-start;}
@media all and (max-width:1700px) {
  .subType_1 .visual_intro{padding-top:60px;}
  .subType_2 .visual_intro{width:96%;}
}
@media all and (max-width:1280px) {
  .subType_1 .visual_intro{padding-top:30px;}
  .subType_2 .visual_intro{padding-top:30px;}
  .subType_4 .visual_intro{padding-top:50px;align-items:center;}
}
@media all and (max-width:768px) {
  .subType_1 .visual_intro{padding-top:10px;}
  .subType_2 .visual_intro{padding-top:0;}
  .subType_4 .visual_intro{padding-top:10px;}
}

.subType_1 .wrap_page_func{left:1.5%;bottom:10px;width:96%;}
.subType_2 .wrap_page_func{left:50%;bottom:30px;width:1600px;margin-left:-800px;}
.subType_3 .wrap_page_func{left:1.5%;bottom:30px;width:96%;}
.subType_4 .wrap_page_func{left:1.5%;bottom:10px;width:96%;}
@media all and (max-width:1700px) {
  .subType_2 .wrap_page_func{left:1.5%;width:96%;margin-left:0;}
}

.subType_1 .wrap_sub{height:350px;}
.subType_1.sub .wrap_contents{padding-top:350px;}
.subType_2 .wrap_sub{height:450px;}
.subType_2.sub .wrap_contents{padding-top:450px;}
.subType_3 .wrap_sub{height:650px;}
.subType_3.sub .wrap_contents{padding-top:650px;}
.subType_4 .wrap_sub{height:225px;}
.subType_4.sub .wrap_contents{padding-top:225px;}
@media all and (max-width:1280px) {
  .subType_1 .wrap_sub{height:300px;}
  .subType_1.sub .wrap_contents{padding-top:300px;}
  .subType_2 .wrap_sub{height:350px;}
  .subType_2.sub .wrap_contents{padding-top:350px;}
  .subType_3 .wrap_sub{height:450px;}
  .subType_3.sub .wrap_contents{padding-top:450px;}
  .subType_4 .wrap_sub{height:350px;}
  .subType_4.sub .wrap_contents{padding-top:350px;}
}
@media all and (max-width:768px) {
  .subType_2 .wrap_sub{height:300px;}
  .subType_2.sub .wrap_contents{padding-top:300px;}
  .subType_3 .wrap_sub{height:350px;}
  .subType_3.sub .wrap_contents{padding-top:350px;}
  .subType_4 .wrap_sub{height:300px;}
  .subType_4.sub .wrap_contents{padding-top:300px;}
}


/****************************************
타이틀
****************************************/
.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;padding-bottom: 50px;}
@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;}
}

/****************************************
애니메이션
****************************************/
.page_title h1{opacity:0;transform:translateY(-50px);}
.page_title h1{animation-name:page_title;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.2s;}
@keyframes page_title{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.subNav{opacity:0;transform:translateY(-50px);}
.subNav{animation-name:subNav;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
@keyframes subNav{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.tabNav{opacity:0;transform:translateY(-50px);}
.tabNav{animation-name:tabNav;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.4s;}
@keyframes tabNav{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.sub #bContents{opacity:0;transform:translateY(50px);}
.sub #bContents{animation-name:bContents;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes bContents{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}


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