@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/*
font-family: 'Play', sans-serif;
Regular=400
bold=700
*/



/*풀팝업************************************************************/
.openFullPopup{position:absolute;top:calc(50% - 135px);right:15px;z-index:3;display:block;background:url(../../images/common/openFullPopup_w.png) no-repeat center 5px;width:50px;cursor:pointer;}
.openFullPopup span{display:block;font-family:'Noto Bold';font-size:12px;color:#FFF;padding-top:49px;text-align:center;}
.openFullPopup i{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#0054a6;color:#FFF;border-radius:100%;font-size:14px;position:absolute;top:0;left:0;}



/*사용자메뉴************************************************************/
.openUser{display:block;position:absolute;right:15px;top:calc(50% - 32px);z-index:1;text-align:center;width:50px;}
.openUser img{}
.openUser span{display:block;color:#FFF;font-family:'S-CoreDream-6Bold';font-size:12px;padding-top:5px;line-height:1.1;}
.openUser span strong{display:block;}

.userMenu{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:4;}
.userMenu::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.userMenu .wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.userMenu .inner{width:1000px;position:relative;background:#FFF;}
.userMenu h2{background:#023894;color:#FFF;font-family:'S-CoreDream-6Bold';font-size:30px;padding:30px;}
.closeUser{display:block;text-indent:-9999px;position:absolute;right:30px;top:40px;width:24px;height:24px;background:url(../../images/common/x_1.png) no-repeat center;}
.userMenu ul.con{padding:50px;}
.userMenu ul.con li{}
.userMenu .title{position:absolute;top:130px;line-height:1;}
.userMenu .title a{position:relative;padding:2px 5px;}
.userMenu .title a::before{content:"";display:blokc;width:100%;height:10px;background:#b0c2e0;position:absolute;left:0;bottom:0;transform:scale(0);}
.userMenu .title span{color:#023894;font-family:'S-CoreDream-4Regular';position:relative;}
.userMenu .list{display:flex;flex-wrap:wrap;margin-top:30px;}
.userMenu .list a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:13%;height:110px;border:1px solid #CCC;margin:0.6%;}
.userMenu .list img{display:none;}
.userMenu .list span{font-size:18px;color:#444;font-family:'Noto Regular';text-align:center;line-height:1.15;}
.userMenu .list span i{display:block;}
.userMenu li.active .title span{font-family:'S-CoreDream-6Bold';}
.userMenu li.active .title a::before{transform:scale(1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
.userMenu .list{display:none;}
.userMenu li.active .list{display:flex;}
.con_vis .title{left:calc(50% - 202px);}
.con_new .title{left:calc(50% - 135px);}
.con_stu .title{left:calc(50% - 35px);}
.con_fri .title{left:calc(50% + 33px);}
.con_sta .title{left:calc(50% + 84px);}

.sub .openFullPopup{top:200px;}
.sub .openUser{top:300px;}

@media all and (max-width:1280px){
	.openFullPopup{top:350px;}
	.openUser{top:450px;}
	.sub .openFullPopup{top:170px;}
	.sub .openUser{top:270px;}
	.userMenu .list img{display:block;margin-bottom:5px;}
	.userMenu .list span{font-size:16px;}
}
@media all and (max-width:1024px){
	.openFullPopup{top:250px;}
	.openUser{top:350px;}
	.userMenu .inner{width:96%;}
	.userMenu ul.con{padding:30px;}
	.userMenu .list{margin-top:40px;}
	.userMenu .list a{width:19%;margin:0.5%;}
	.con_vis .title{left:35px;}
	.con_new .title{left:100px;}
	.con_stu .title{left:189px;}
	.con_fri .title{left:250px;}
	.con_sta .title{left:294px;}
}
@media all and (max-width:768px){
	.openFullPopup{top:200px;}
	.openUser{top:280px;}
	.sub .openFullPopup{top:100px;}
	.sub .openUser{top:180px;}
	.userMenu h2{font-size:20px;padding:20px;}
	.closeUser{right:20px;top:25px;width:20px;height:20px;}
	.userMenu .list a{width:24%;height:80px;}
	.userMenu .list img{max-width:20px;}
	.userMenu .list span{font-size:14px;}
	.userMenu .title{top:95px;}
	.userMenu .title a{padding:2px 0;}
}
@media all and (max-width:420px){
	.userMenu ul.con{padding:10px;}
	.userMenu .list a{width:32.3%;}
	.userMenu .title span{font-size:14px;}
	.userMenu .title{top:84px;}
	.con_vis .title{left:15px;}
	.con_new .title{left:61px;}
	.con_stu .title{left:133px;}
	.con_fri .title{left:180px;}
	.con_sta .title{left:214px;}
}



/*헤더************************************************************/

/*구조*/
header{position:fixed;top:0;left:0;z-index:3;width:100%;background:#FFF;border-top:10px solid #117fd6;}
.head_container{}
.head_wrap{display:flex;justify-content:space-between;align-items:center;height:90px;}

/*헤드구조*/
.head_wrap{}
.head_logo{max-width:230px;height:100%;padding-left:20px;display:flex;align-items:center;}
.head_navi{max-width:100%;min-width:60%;height:100%;}
.head_util{max-width:270px;height:100%;}

/*로고*/
.head_logo a{display:flex;justify-content:center;align-items:center;height:100%;}

/*헤드유틸*/
.head_util > ul{display:flex;height:100%;}
.head_util > ul > li{position:relative;}
.openSearch,
.openLanguage,
.gotoSitemap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:90px;font-family: 'Play', sans-serif;font-weight:700;font-size:12px;color:#797979;}
.openSearch::before,
.openLanguage::before{content:"";display:block;width:100%;height:40px;}
.openSearch::before{background:url(../../images/common/icon_search.png) no-repeat center;}
.openLanguage::before{background:url(../../images/common/icon_language.png) no-repeat center;}
.active.openLanguage::before{background:url(../../images/common/icon_language_2.png) no-repeat center;}
.gotoSitemap{text-indent:-9999px;background:#117fd6 url(../../images/common/icon_sitemap.png) no-repeat center;}
.head_util > ul > li.active .openLanguage::before{background:url(../../images/common/icon_language_2.png) no-repeat center;}
/*언어*/
.language_container{display:none;position:absolute;left:0;top:90px;width:100%;}
.language_container a{display:block;text-align:center;padding:5px 10px;font-size:11px;color:#000;background:#f9f9f9;margin-top:1px;}
/*검색*/
.search_container{display:none;position:fixed;top:100px;left:0;width:100%;padding:28px 30px;background:#117fd6 ;}
.search_container .search_wrap{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:0 auto;}
.search_container .item{width:100%;}
.search_container form{position:relative;line-height:1;display:flex;align-items:center;justify-content:space-between;}
.search_container form::before{content:"SEARCH";display:block;color:#FFF;font-size:22px;font-family:'S-CoreDream-5Medium';padding:15px 0 15px 50px;background:url(../../images/common/ico-search-title_02_w.png) no-repeat left center;width:160px;}
.search_container form input{height:60px;display:inline-block;}
.search_container form input[type=text]{width:calc(100% - 160px);padding:10px;font-size:22px;color:#000;border:0;}
.search_container form input[type=submit]{width:60px;text-indent:-9999px;background:url(../../images/common/icon_search.png) no-repeat center;cursor:pointer;position:absolute;top:0;right:0;}
.search_container .closeSearch{display:block;text-indent:-9999px;width:100px;height:60px;background:url(/sites/guide/images/common/x_5_w.png) no-repeat right center;}
@media all and (max-width:1500px){
	.search_container{left:0;margin-left:0;width:100%;}
}
@media all and (max-width:1280px){
	.search_container{top:85px;}
}
@media all and (max-width:768px){
	.search_container{top:70px;padding:15px;}
	.search_container form::before{display:none;}
	.search_container form input{height:50px;}
	.search_container form input[type=text]{width:100%;font-size:18px;}
	.search_container .closeSearch{width:50px;height:50px;background:url(/sites/guide/images/common/x_3_w.png) no-repeat right center;}
}


/*주메뉴************************************************************/
/*공통새창*/
.head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/guide/images/common/aLink_3_b.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}
/*DESKTOP*/
@media all and (min-width:1281px){
	.btn_mgnb,
	.btn_mgnb_close{display:none;}

	.head_navi,
	.head_navi nav,
	.head_navi nav .div_1,
	.head_navi nav .ul_1,
	.head_navi nav .li_1{height:100%;}
	.head_navi{}
	.head_navi .unb_mobile,
	.head_navi .btn_mgnb_close{display:none;}
	.head_navi nav{height:100%;}
	.head_navi nav .div_1{height:100%;}
	.head_navi nav .ul_1{display:flex;}
	.head_navi nav .li_1{width:100%;display:flex;justify-content:center;align-items:center;}
	.head_navi nav .a_1{display:inline-block;color:#000;font-family:'S-CoreDream-5Medium';font-size:20px;position:relative;}
	.head_navi nav .a_1 span{position:relative;}
	.head_navi nav .a_1::after{content:"";display:block;width:100%;height:10px;background:transparent;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);position:absolute;bottom:0;left:0;}
	.head_navi nav .li_1._last{display:none;}
	.head_navi nav .a_1._active{color:#117fd6 !important;}
	.head_navi nav .a_1._active::after{background:rgba(0,185,255,0.3) !important;}

	.head_navi nav .div_2{display:none;position:absolute;top:90px;left:0;width:100%;border-top:1px solid #e6e8e9;background:#FFF;z-index:1;}
	.head_navi nav .div_2::before{content:"";display:block;background:#117fd6 url(../../images/common/mainNav_bg.png) no-repeat right bottom;position:absolute;top:0;left:50%;margin-left:-1450px;width:1000px;height:100%;}
	.head_navi nav .ul_2{position:relative;top:0;left:50%;width:1200px;margin-left:-450px;min-height:200px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:flex-start;background:url(../../images/common/mainNav_bg_3.png) no-repeat right bottom;z-index:1;}
	.head_navi nav .li_2{width:calc(20% - 40px);margin-left:30px;padding-left:10px;border-left:1px solid #DDD;margin-top:40px;}
	.head_navi nav .a_2{display:inline-block;color:#000;font-family:'S-CoreDream-4Regular';font-size:16px;}
	.head_navi nav .a_2._active{color:#117fd6 !important;font-family:'S-CoreDream-5Medium';}
	
	.head_navi nav .div_3{margin-top:10px;}
	.head_navi nav .ul_3{}
	.head_navi nav .li_3{}
	.head_navi nav .a_3{display:inline-block;color:#000;font-family:'S-CoreDream-3Light';font-size:14px;padding:3px 0;position:relative;}
	.head_navi nav .a_3::before{content:"";display:block;position:absolute;top:8px;left:0;width:10px;height:10px;background:url(../../images/common/arrow_3.png) no-repeat left center;transform:scale(0);}
	.head_navi nav .a_3._active{color:#117fd6 !important;font-family:'S-CoreDream-5Medium';padding-left:10px;}
	.head_navi nav .a_3._active::before{transform:scale(1);}

	.head_navi nav .navGab{position:absolute;top:0;left:50%;width:340px;height:100%;margin-left:-790px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;}
	.head_navi nav .navGab::before,
	.head_navi nav .navGab::after{display:block;color:#FFF;}
	.head_navi nav .navGab::before{font-size:40px;font-family:'S-CoreDream-4Regular';}
	.head_navi nav .navGab::after{font-size:18px;font-family:'S-CoreDream-1Thin';padding-top:15px;content:"열림, 나눔, 섬김의 교육이념 ";}
	.head_navi nav .eQ01 .navGab::before{content:"대학소개";}
	.head_navi nav .eQ02 .navGab::before{content:"대학ㆍ대학원";}
	.head_navi nav .eQ03 .navGab::before{content:"학사안내";}
	.head_navi nav .eQ04 .navGab::before{content:"입학";}
	.head_navi nav .eQ05 .navGab::before{content:"산학ㆍ연구";}
	.head_navi nav .eQ06 .navGab::before{content:"대학생활";}
	.head_navi nav .eQ07 .navGab::before{content:"대학소식";}
	.head_navi nav .eQ08 .navGab::before{content:"이용안내";}
}
@media all and (min-width:1281px) and (max-width:1400px){
	.head_navi nav .div_2::before,
	.head_navi nav .navGab{display:none;}
	.head_navi nav .ul_2{left:0;width:100%;margin-left:0;}
}
/*MOBILE*/
@media all and (max-width:1280px){
	.head_util{max-width:100%;display:flex;flex-direction:row-reverse;}
	.openLanguage,
	.gotoSitemap{display:none;}

	.btn_mgnb{display:block;width:90px;height:100%;cursor:pointer;text-indent:-9999px;background:#117fd6 url(/sites/guide/images/common/btn_mgnb_w.png) no-repeat center;}
	.btn_mgnb_close{position:fixed;right:0;top:0;width:50%;height:80px;background:#117fd6;display:flex;}
	.btn_mgnb_close button{display:inline-block;text-indent:-9999px;width:80px;height:100%;background:#000 url(/sites/guide/images/common/x_4_w.png) no-repeat center;}
	.gnb_m{display:flex;}
	.gnb_m a{display:flex;justify-content:center;align-items:center;height:100%;color:#FFF;font-size:18px;font-family:'Noto Medium';padding:0 20px;}

	.head_navi{display:none;position:fixed;right:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:1;}
	.head_navi.on{display:block;}
	.head_navi:before{content:"";display:block;background:rgba(0,0,0,0.5);position:fixed;right:0;top:0;width:100%;height:100%;}
	.head_navi nav{margin-left:50%;margin-top:80px;position:relative;background:#FFF;padding-bottom:200px;}
	.head_navi nav:before{content:"";display:block;background:#DDD url(/sites/guide/images/common/logo_bottom.png) no-repeat center 95%;background-size:150px;position:fixed;right:0;top:0;width:50%;height:100%;}
	.head_navi nav li{position:relative;}
	.head_navi nav a{display:block;font-family:'Noto Medium';border-top:1px solid rgba(255,255,255,0.5);position:relative;color:#666;}
	.head_navi nav .div_1{box-shadow:0px -10px 35px #888;position:relative;}
	.head_navi nav .div_2,
	.head_navi nav .div_3{display:none;}
	.head_navi nav .ul_3{border-top:1px solid #DDD;}
	.head_navi nav .li_1{border-bottom:1px solid #cecece;}
	.head_navi nav .li_2{border-bottom:1px solid #DDD;}
	.head_navi nav .li_3{border-bottom:1px solid #DDD;}
	.head_navi nav .li_1:last-child .a_1{border-bottom:1px solid rgba(255,255,255,0.5);}
	.head_navi nav .li_2:last-child,
	.head_navi nav .li_3:last-child{border:0;}
	.head_navi nav .a_1{font-size:18px;font-family:'Noto Bold';padding:12px 10px 12px 20px;background:#DDD;color:#222;}
	.head_navi nav .a_2{font-size:16px;padding:10px 10px 10px 40px;background:#EEE;}
	.head_navi nav .a_3{font-size:16px;padding:10px 10px 10px 55px;background:#f7f7f7;}

	.head_navi nav .li_1.have:after,
	.head_navi nav .li_1.haveOpen:after{content:"";display:block;width:20px;height:20px;position:absolute;right:20px;top:15px;border:1px solid #222;border-radius:100%;background:url(/sites/guide/images/common/arrow_14_b.png) no-repeat center;}
	.head_navi nav .li_1.have:after{transform:rotate(90deg);}
	.head_navi nav .li_1.haveOpen:after{transform:rotate(-90deg);}
	.head_navi nav .li_2.have:after,
	.head_navi nav .li_2.haveOpen:after{content:"";display:block;width:10px;height:10px;position:absolute;right:25px;top:17px;}
	.head_navi nav .li_2.have:after{background:url(/sites/guide/images/common/plus_1_b.png) no-repeat center;}
	.head_navi nav .li_2.haveOpen:after{background:url(/sites/guide/images/common/minus_1_b.png) no-repeat center;}
	.head_navi nav .a_3:before{content:"";display:block;position:absolute;width:10px;height:10px;left:40px;top:17px;background:url(/sites/guide/images/common/arrow_1_b.png) no-repeat center;}

	.head_navi nav .a_2._active{background:#c9d7e4;}
	.head_navi nav .a_3._active{background:#d9e3ed;}

	.head_navi nav .navGab{display:none;}
}
@media all and (max-width:768px){
	.head_wrap{height:70px;}

	.head_logo{max-width:180px;}
	.head_util{max-width:140px;}

	.openSearch,
	.btn_mgnb{width:70px;}
	.btn_mgnb{background-size:29px;}

	.head_navi nav{margin-left:0;}
	.head_navi nav:before,
	.head_navi .btn_mgnb_close{width:100%;}
}
@media all and (max-width:768px){
}


/*FOOTER************************************************************/
footer{background:#000;position:relative;}

.footer_quick{background:#252433;padding:25px 0 75px 0;}
.footer_quick .inner{max-width:1500px;margin:0 auto;display:flex;justify-content:space-between;}
.footer_quick a{font-family:'Noto Regular';font-size:16px;color:#FFF;width:100%;display:block;text-align:center;position:relative;}
.footer_quick a::after{content:"";display:block;width:1px;height:10px;background:#FFF;position:absolute;right:0;top:calc(50% - 5px);}
.footer_quick a:last-child::after{display:none;}
.footer_con{max-width:1500px;margin:0 auto;margin-top:-40px;}
.footer_con .wrap_1{background:#888 url(../../images/common/footer_bg.jpg) no-repeat center;display:flex;justify-content:space-between;padding:20px;}
.footer_sns{display:flex;align-items:center;}
.footer_sns a{margin:0 7px;display:block;line-height:1;}
.family_site{display:flex;}
.family_site > div{margin-left:5px;min-width:250px;position:relative;}
.family_site .openList{display:block;border:1px solid #6c8292;padding:10px 35px 10px 15px;color:#a5a5a5;font-size:14px;background:url(../../images/common/family_site_plus.png) no-repeat 90% center;}
.family_site .list{display:none;position:absolute;left:0;top:-80px;width:100%;padding:15px;background:#09274a;border:1px solid #041c38;box-shadow:0px 10px 10px #000;}
.family_site .list ul{height:200px;overflow-x:hidden;overflow-y:auto;}
.family_site .list li a{display:block;padding:3px;color:#a5a5a5;font-size:12px;}
.family_site .list .close{display:block;text-indent:-9999px;background:url(../../images/common/x_1_w.png) no-repeat center;height:30px;}
.family_site .list .title{padding:7px 3px;color:#FFF;font-size:14px;font-family:'Noto Medium';border-top:1px dotted #FFF;border-bottom:1px dotted #FFF;margin:5px 0;}
.footer_con .wrap_2{display:flex;justify-content:space-between;align-items:center;padding:35px 0;}
.footer_con .item_1{padding-left:100px;background:url(../../images/common/logo_footer.png) no-repeat left center;}
.fnb{display:flex;align-items:center;}
.fnb a{font-size:16px;color:#bcbcbc;font-family:'Noto Medium';margin-right:15px;}
.fnb a.first{color:#9cd9e2;}
.fnb a.adminLogin{color:#6a6a6a;}
address{font-size:16px;color:#8d8d8d;padding-top:5px;font-family:'Noto Regular';}
.copyright{font-size:16px;color:#656565;padding-top:5px;font-family: 'Play', sans-serif;font-weight:700;}
.footer_con .item_2{display:flex;}
.footer_con .item_2 a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:110px;border:1px solid #afafaf;margin-left:10px;}
.footer_con .item_2 a span{font-size:16px;color:#afafaf;padding-top:5px;}

@media all and (max-width:1500px) {
	.footer_quick .inner,
	.footer_con{max-width:calc(100% - 40px);}
}
@media all and (max-width:1280px) {
	.footer_con .wrap_2{flex-wrap:wrap;}
	.footer_con .item_0{display:none;}
	.footer_con .item_1,
	.footer_con .item_2{width:100%;}
	.footer_con .item_2{margin-top:30px;margin-left:90px;}
	.footer_con .item_2 a{width:70px;height:70px;}
	.footer_con .item_2 a img{max-width:30px;}
	.footer_con .item_2 a span{font-size:14px;}
}
@media all and (max-width:1024px) {
	.footer_quick .inner{flex-wrap:wrap;justify-content:flex-start;}
	.footer_quick a{width:auto;padding-right:20px;}
	.footer_quick a::after{display:none;}
	.fnb{flex-wrap:wrap;}
	address{padding:20px 0;}
	address span,
	.copyright span{display:block;}
}
@media all and (max-width:768px) {
	.footer_quick{padding:25px 0;}
	.footer_con{margin-top:0;}
	.footer_con .wrap_1{flex-wrap:wrap;background:#000;padding:20px 0 0 0;}
	.footer_sns,
	.family_site{width:100%;justify-content:center;flex-wrap:wrap;}
	.family_site{margin-top:20px;}
	.family_site > div{margin:0 0.5%;min-width:auto;width:49%;}
	.family_site .openList{background-position:95% center;}
}
@media all and (max-width:380px) {
	.family_site > div{margin:0 0 1% 0;width:100%;}
	.footer_con .item_1{padding-left:0;background:none;}
	.footer_con .item_2{margin-left:0;}
}



/*고탑***********************************************************/
.goTop a{display:block;text-indent:-9999px;color:#FFF;text-align:center;background:#888 url(/sites/guide/images/common/arrow_5_w.png) no-repeat center;transform:rotate(-90deg);width:50px;height:50px;border-radius:100%;position:fixed;bottom:20px;right:20px;filter:alpha(opacity=50);opacity:0.5;}

@media all and (max-width:768px) {
  .goTop a{width:35px;height:35px;}
}



/*서브비주얼************************************************************/
.wrap_sub_visual{position:fixed;top:100px;left:0;width:100%;height:570px;overflow:hidden;}
.wrap_sub_visual::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-position:center bottom;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.wrap_sub_visual::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);z-index:-1;}
.wrap_sub_visual a{display:block !important;text-indent:-9999px;width:50px;height:50px;border:1px solid rgba(255,255,255,0.5);background:url(/sites/guide/images/common/arrow_2_w.png) no-repeat center;position:absolute;top:150px;}
.wrap_sub_visual a.prev{left:5%;transform:rotate(180deg);}
.wrap_sub_visual a.next{right:5%;}
.wrap_sub_visual .container{margin-top:130px;}
.wrap_sub_visual .container .visual_intro{text-align:center;}
.wrap_sub_visual .container .visual_intro strong{display:block;color:#FFF;font-family:'S-CoreDream-4Regular';font-size:40px;}
.wrap_sub_visual .container .visual_intro strong::after{content:"";display:block;width:60px;height:1px;background:#FFF;margin:10px auto;}
.wrap_sub_visual .container .visual_intro span{color:#FFF;font-family:'S-CoreDream-4Regular';font-size:25px;}
.wrap_sub_visual .container .visual_intro i{display:block;color:#EEE;font-family: 'Play', sans-serif;font-weight:700;font-size:15px;}

@media all and (min-width:2001px){
	.wrap_sub_visual{background-size:cover;}
}
@media all and (max-width:1280px) {
	.wrap_sub_visual{height:370px;}
	.wrap_sub_visual:before{background-size:1250px;}
	.wrap_sub_visual a{top:120px;display:none !important;}
	.wrap_sub_visual .container{margin-top:90px;}
	.wrap_sub_visual .container .visual_intro strong{font-size:30px;}
}
@media all and (max-width:768px) {
	.wrap_sub_visual{height:250px;top:80px;}
	.wrap_sub_visual:before{background-size:850px;}
	.wrap_sub_visual a{width:35px;height:35px;top:55px;}
	.wrap_sub_visual .container{margin-top:40px;}
	.wrap_sub_visual .container .visual_intro{text-align:left;padding-left:15px;}
	.wrap_sub_visual .container .visual_intro strong{font-size:18px;}
	.wrap_sub_visual .container .visual_intro strong::after{margin:10px 0;}
	.wrap_sub_visual .container .visual_intro span{font-size:16px;}
}

/*1dep메뉴별비주얼*/
.eQ01 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_1.jpg);}
.eQ02 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_2.jpg);}
.eQ03 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_3.jpg);}
.eQ04 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_4.jpg);}
.eQ05 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_5.jpg);}
.eQ06 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_6.jpg);}
.eQ07 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_7.jpg);}
.eQ08 .wrap_sub_visual::before{background-image:url(../../images/sub/subvisual_8.jpg);}

/*애니메이션*/
.wrap_sub_visual:before{animation-name:subVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes subVisual{
  0%{filter:blur(100px);filter:grayscale(1);transform:scale(1);}
  100%{filter:blur(0px);filter:grayscale(0);transform:scale(1.1);}
}


/*서브기능************************************************************/
.wrap_page_func{}
.wrap_page_func .container{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:1500px;margin: 0 auto;background:#FFF;}

/*공통*/
.wrap_page_func .sub_navi > ul > li.home a{width:70px;text-indent:-9999px;}
.wrap_page_func .sub_navi > ul > li > a,
.wrap_page_func .sub_navi > ul > li > button{display:block;height:70px;}

/*서브내비*/
.wrap_page_func .sub_navi{}
.wrap_page_func .sub_navi > ul{display:flex;justify-content:flex-start;}
.wrap_page_func .sub_navi > ul > li{position:relative;display:flex;justify-content:space-between;align-items:center;min-width:200px;}
.wrap_page_func .sub_navi > ul > li::after{content:"";display:block;width:13px;height:23px;background:url(../../images/common/arrow_1.png) no-repeat center;}
.wrap_page_func .sub_navi > ul > li:last-child::after{display:none;}
.wrap_page_func .sub_navi > ul > li > button{font-size:18px;color:#000;font-family: 'Noto Sans KR', sans-serif;display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;padding:0 20px;}
.wrap_page_func .sub_navi > ul > li > button::after{content:"";display:block;width:14px;height:8px;background:url(../../images/common/arrow_2.png) no-repeat center;}
.wrap_page_func .sub_navi > ul > li:last-child > button{font-family:'Noto Regular';}
.wrap_page_func .sub_navi > ul > li.home{min-width:auto;}
.wrap_page_func .sub_navi > ul > li.home:after{display:none;}
.wrap_page_func .sub_navi > ul > li.home a{text-indent:-9999px;background:url(../../images/common/icon_home.png) no-repeat center;}

/*서브내비목록*/
.wrap_page_func .sub_navi > ul > li ul{display:none;position:absolute;width:100%;left:0;top:60px;z-index:2;max-height:300px;overflow-y:auto;box-shadow: 1px 1px 5px #666;padding:10px;background:#FFF;}
.wrap_page_func .sub_navi > ul > li ul li{line-height:1;}
.wrap_page_func .sub_navi > ul > li ul li a{display:inline-block;font-size:14px;padding:5px 10px;color:#222;}
.wrap_page_func .sub_navi > ul > li ul li a::after{content:"";display:block;width:0;height:2px;background:#009b64;margin-top:2px;}

@media all and (max-width:1500px) {
	.wrap_page_func .container{max-width:98%;}
}
@media all and (max-width:768px) {
	.wrap_page_func .sub_navi > ul > li{display:none;}
	.wrap_page_func .sub_navi > ul > li.home,
	.wrap_page_func .sub_navi > ul > li:last-child{display:flex;}
}
@media all and (max-width:400px) {
	.wrap_page_func .sub_navi > ul > li{min-width:100%;}
}

/*서브유틸*/
.sub_util{position:relative;}
.sub_util > ul{display:flex;justify-content:flex-end;}
.sub_util > ul > li{position:relative;}
.sub_util > ul > li > button{display:block;width:70px;height:70px;text-indent:-9999px;}
button.sub_print{background:#03235f url(../../images/common/sub_util_print.png) no-repeat center;}
button.sub_favo{background:#117fd6 url(../../images/common/sub_util_favo.png) no-repeat center;}
button.sub_share{background:#3956c1 url(../../images/common/sub_util_share.png) no-repeat center;}

/*즐겨찾기*/
.box_sub_favo{display:none;position:absolute;right:0;top:0;overflow:hidden;border:1px solid #3e454c;width:250px;background:#FFF;z-index:1;}
.box_sub_favo  > strong {display:block;font-family:'Noto Medium';font-size:16px;padding:10px 20px;background:#005bad;color:#FFF;}
.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/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/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; display:inline-block; padding:5px 20px;color:#FFF;font-size:12px;border-radius:40px;}
.box_sub_favo .control button.add{background:#0067c3;}
.box_sub_favo .control button.reset{background:#707070;}

/*공유하기*/
.box_sub_share{display:none;position:absolute;right:0;top:0;width:60px;border:1px solid #000;background:#FFF;z-index:2;}
.box_sub_share .close{width:100%;height:50px;text-indent:-9999px;background:#52575c url(/sites/guide/images/common/x_1_w.png) no-repeat center;}
.box_sub_share ul{}
.box_sub_share ul button{display:block;width:100%;height:50px;text-indent:-9999px;background-size:50% !important;}
.box_sub_share .fb{background:#3a5897 url(/sites/guide/images/common/icon_facebook.png) no-repeat center center;}
.box_sub_share .tw{background:#5faade url(/sites/guide/images/common/icon_twitter.png) no-repeat center center;}
.box_sub_share .pin{background:#e60c1d url(/sites/guide/images/common/icon_pin.png) no-repeat center center;}
.box_sub_share .kakao{background:#ffe503 url(/sites/guide/images/common/icon_kakao.png) no-repeat center center;}
.box_sub_share .addr{background:#FFF url(/sites/guide/images/common/icon_url.png) no-repeat center center;background-size:75% !important;}
.box_sub_share .insta{background:#bf0761 url(/sites/guide/images/common/icon_insta.png) no-repeat center center;}
@media all and (max-width:1280px) {
	.sub_util > ul > li > button.sub_favo,
	.sub_util > ul > li > button.sub_print{display:none;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:320px) {
}



/*타이틀************************************************************/
.page_title{position:relative;}
.page_title h1{color:#000;font-size:34px;font-family:'Noto Regular';padding:50px 0;background:#FFF;text-align:center;max-width:1500px;margin:0 auto;}
.page_title h1::before{content:"";display:block;width:32px;height:30px;margin:0 auto;background:url(../../images/common/bul_h1.png) no-repeat center top;}
@media all and (max-width:1024px) {
  .page_title h1{font-size:30px;}
}
@media all and (max-width:768px) {
  .page_title h1{font-size:25px;}
}



/*컨텐츠************************************************************/
body.sub{padding-top:480px;}
.wrap_contents{}
.wrap_contents > .container{background:#FFF;position:relative;padding:50px 0 0 0;}
.wrap_contents > .container > .wrap{max-width:1500px;margin: 0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:60px;}
.wrap_contents > .container > .wrap::before{content:"";display:block;width:100%;height:1px;background:#d2d2d2;position:absolute;left:0;top:50%;}
@media all and (max-width:1500px) {
	.wrap_contents > .container > .wrap{max-width:94%;}
}
@media all and (max-width:1280px) {
	body.sub{padding-top:400px;}
}
@media all and (max-width:768px) {
	body.sub{padding-top:260px;}
	.wrap_contents > .container{padding:30px 0 0 0;}
	.wrap_contents > .container > .wrap{margin-bottom:30px;}
}





/*탭메뉴************************************************************/
.tab{max-width:1500px;margin:0 auto;}
.tab nav{}
.tab_div{}
.tab_div > a{display:none;}
.tab_div > ul{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:40px;}
.tab_div > ul > li{width:20%;margin-left:-1px;margin-top:-1px;height:80px;}
.tab_div > ul > li > a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;text-align:center;line-height:1.1;border:1px solid #0075d2;background:#FFF;color:#0075d2;font-family:'Noto Regular';font-size:20px;}

.tab_div > ul > li._active{}
.tab_div > ul > li > a._active{color:#FFF;background:#0075d2;}

.tab_div > ul.count2 > li{width:50%;}
.tab_div > ul.count3 > li{width:33.3%;}
.tab_div > ul.count4 > li{width:25%;}
.tab_div > ul.count5 > li{width:20%;}
.tab_div > ul.count6 > li{width:33.3%;}
.tab_div > ul.count7 > li{width:20%;}
.tab_div > ul.count8 > li{width:25%;}
.tab_div > ul.count9 > li{width:20%;}
.tab_div > ul.count10 > li{width:20%;}

@media all and (max-width:1500px) {
  .tab{max-width:96%;}
}
@media all and (max-width:1280px) {
	.tab_div > ul > li{height:60px;}
	.tab_div > ul > li > a{font-size:16px;}
}
@media all and (max-width:768px) {
	.tab_div > ul > li{width:33.3% !important;margin-top:-1px;height:50px;}
	.tab_div > ul > li > a{font-size:14px;}
}
@media all and (max-width:480px) {
	.tab_div > ul > li{width:50% !important;}
}
@media all and (max-width:300px) {
	.tab_div > ul > li{width:100% !important;}
}


/*페이지담당자************************************************************/
.pageManager{max-width:1500px;margin:0 auto;border-top:1px solid #EEE;border-bottom:1px solid #EEE;padding:20px;display:flex;align-items:center;justify-content:center;}
.pageManager dl{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;margin-right:15px;}
.pageManager dl dt{font-family:'S-CoreDream-5Medium';}
.pageManager dl dt::after{content:":";display:inline-block;padding:0 10px 0 0;}

@media all and (max-width:768px) {
  .pageManager{justify-content:center;}
}
@media all and (max-width:480px) {
  .pageManager{flex-direction:column;}
  .pageManager dl{padding:5px 0;}
}


/*스크롤시주메뉴************************************************************/
@media all and (min-width:1281px) {
	.sub.fix header{border-bottom:1px solid #888;box-shadow:0px 5px 20px #adadad;}
}
@media all and (max-height:1024px) {
}



/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.userMenu .title a:hover::before{transform:scale(1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.userMenu .list a:hover{border-color:#023894;transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);}
	.userMenu .list a:hover img{display:block;}
	.userMenu .list a:hover span{color:#023894;font-family:'Noto Medium';padding-top:5px;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

	.head_navi nav .li_1:hover .a_1::after,
	.head_navi nav .a_1:hover::after{background:rgba(0,0,0,0.1);}
	.head_navi nav .li_2:hover{border-color:#000;}
	.head_navi nav .li_2:hover .a_2,
	.head_navi nav .a_2:hover{font-family:'S-CoreDream-5Medium';}
	.head_navi nav .a_3:hover{padding-left:10px;font-family:'S-CoreDream-5Medium';}
	.head_navi nav .a_3:hover::before{transform:scale(1);background:url(../../images/common/arrow_3_b.png) no-repeat left center;}

	.wrap_page_func .sub_navi > ul > li ul li a:hover::after{width:100%;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}

	.tab_div > ul > li > a:hover{background:#666;border-color:#666;color:#FFF;}
	
}