@charset "utf-8";

/* 퀵메뉴 */
.quick_m{position: fixed; right:20px; top:40%; z-index:201;}
.quick_m h3{position: absolute; width:1px; height:1px; overflow: hidden; text-indent: -10000%;}
.quick_m .quick_wrap > div[class*="MC_"]::before{content:""; position: absolute; top:-17px; left:50%; width:1px; height:14px; background:#fff;}
.quick_m .quick_wrap > div[class*="MC_"]:first-child::before{display:none;}
.quick_m .quick_wrap > div[class*="MC_"] > a{display:block; width:60px; line-height:16px; padding:22px 0;margin:20px 0 0; color:#fff; border:1px solid #fff; border-radius:60px; word-break:keep-all; text-align:center; background:rgba(0,0,0,0.2); letter-spacing: -1px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.quick_m .quick_wrap > div[class*="MC_"] > a:hover{background:#001c2a; border-color:#001c2a;}
.quick_m .quick_wrap > div[class*="MC_"].ov > a{background:#008aff; border-color:#008aff;}
.quick_m .quick_wrap > div[class*="MC_"]:first-child > a{line-height:16px; padding:14px 0; margin:0;}
.quick_m .quick_wrap .link_list{display:none; position: absolute; width:150px; top:0; left:-200px; padding:15px ; background:#008aff;}
.quick_m .quick_wrap .link_list::after{content:""; width:12px; height:13px; position: absolute; right:-12px; top:18px; background:url('/images/web/syu/main/bg_quick_ov.png') no-repeat;}
.quick_m .quick_wrap .link_list p{margin:0 0 15px; padding:0 0 15px; color:#fff; font-family:'NotoM'; font-size:16px; border-bottom:1px solid #fff;}
.quick_m .quick_wrap .link_list li{margin:5px 0;}
.quick_m .quick_wrap .link_list li a{display:block; position:relative; padding:0 5px 0 10px; line-height:1.3; color:#fff; font-size:13px; letter-spacing: -1px;}
.quick_m .quick_wrap .link_list li a:before{content:""; position:absolute; width:3px; height:3px; left:0; top:10px; border-radius:3px; background:#fff;}
.quick_m .quick_wrap .link_list li a:hover{text-decoration: underline;}
.quick_m .quick_wrap .link_list .btn_close{position: absolute; right:10px; top:10px; width:30px; height:30px; text-indent: -10000%; overflow:hidden; background:url('/images/web/syu/common/btn_close.png') no-repeat center;}

/* 메인비주얼 */
.main_visual {position:relative;}
	/* 슬로건 */
	.main_visual .slogan_wrap{position: absolute; width:100%; top:40%; z-index:200;}
	.main_visual .slogan .txt{ color:#fff; overflow:hidden; letter-spacing:-1px; text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.5); word-break: keep-all;}
	.main_visual .slogan .txt span{display:block; font-size:20px; font-family: 'NotoM';}
	.main_visual .slogan .txt p{font-size:40px; font-family: 'NotoM'; margin:30px 0 0;}

	/* 이미지 */
	.main_visual .visual{position: relative; z-index: 100; top:0; text-align: center;}
	.main_visual .visual img{width:auto; height:100%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

	/* 네비게이션 */	
	.main_visual .slickNav{position: absolute; width:100%; left:0; bottom:40px; line-height:30px; text-align:center; z-index:1000;}
	.main_visual .slick-dots{display:inline-block; }
	.main_visual .slick-dots li{ position:relative; display:inline-block; vertical-align: middle; margin:0 5px; padding:0; cursor:pointer; }
	.main_visual .slick-dots li button{ display:block; width:4px; height:4px; border-radius:20px; cursor:pointer; background:#fff; font-size:0; overflow:hidden; }
	.main_visual .slick-dots li.slick-active button{border:5px solid #fff; background:none; }
	.main_visual .btn_slider{display:inline-block; margin:0 5px;} 
	.main_visual .btn_slider button{width:12px; height:12px; border:0px; font-size:0; vertical-align: middle; }
	.main_visual .btn_slider button.btn_stop{background:url('/images/web/syu/main/btn_m_stop.png') no-repeat center; }
	.main_visual .btn_slider button.btn_play{display:none; background:url('/images/web/syu/main/btn_m_play.png') no-repeat center; }


/* 게시판 */
.notice {position:relative; height:100%; font-size:0; line-height:0; text-align:center;} 
.notice h3 {position:relative; display:inline-block; z-index:2;} 
.notice h3 a {display:block; width:120px; line-height:45px; margin:0 1px; color:#5d5d5d; font-size:18px; background:#fff; letter-spacing:-1px;}
.notice h3 a:hover{color:#112858; background:#abdcff; font-family:'NotoM';}
.notice h3.current a {color:#fff; background:#112858;}
.notice .list_box.on {display:block; position:absolute;}
.notice .list_box {position:absolute;left:0;top:70px;height:235px;display:none;width: 100%;} /* 191213 수정 */
.notice .list_box .noti_box {position:relative; width:32%; height:165px; margin:15px 0 0 2%; font-size:14px; float:left; background:#fff; border-bottom:3px solid #085c94; box-shadow:2px 2px 5px rgba(0,0,0,0.2);} /* 191213 */
.notice .list_box .noti_box:first-child{margin-left:0 !important;}
.notice .list_box .noti_box ul {padding:50px 15px 0;}
.notice .list_box .noti_box ul li {position:relative; font-family:"NotoR"; height:23px; line-height:23px; margin:5px 0; padding-left:10px; overflow:hidden;}
.notice .list_box .noti_box ul li:before {content:''; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background:#868991; border-radius:10px;}
.notice .list_box .noti_box ul li a {width:65%; float:left; font-size:14px; color:#333; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice .list_box .noti_box ul li a:hover {text-decoration:underline; color:#111;}
.notice .list_box .noti_box ul li .date {width:34%; float:right; font-size:13px; color:#888; text-align:right; margin-right:1px;}  /* 191213 수정 */
.notice .list_box .noti_box ul li .tit {display:inline-block; width:24px; font-size:13px; height:23px; line-height:23px; vertical-align:middle; text-align:center; color:#fff; margin-right:5px; padding:0 5px;} /* 191213 추가 */
.notice .list_box .noti_box ul li .tit.pj {background:#13b1df;} /* 191213 추가 */
.notice .list_box .noti_box ul li .tit.gj {background:#ff8700;} /* 191213 추가 */
.notice .list_box .noti_box ul li .tit.com {background:#1ba84f;;} /* 191213 추가 */
.notice .list_box .noti_box .cate{position:absolute; left:15px; top:20px; height:28px; font-size:15px; line-height:28px; text-align:center; padding:0 20px; color:#fff;}
.notice .list_box .noti_box .cate.all{background:#0551b9;}
.notice .list_box .noti_box .cate.paju{background:#13b1df;}
.notice .list_box .noti_box .cate.gju{background:#ff8700;}
.notice .list_box .noti_box .cate.com{background:#1ba84f;}

.notice .list_box .noti_box .btn_more{position:absolute; right:16px; top:19px; font-family:'NotoM'; font-size:13px; line-height:27px; padding-right:32px; color:#445f7b;}
.notice .list_box .noti_box .btn_more::after{content:""; width:27px; height:27px; position:absolute; right:0; top:0; border-radius:30px; background:#a1b6cd url('/images/web/syu/main/btn_more01.png') no-repeat center;}
.notice .list_box .noti_box .btn_more:hover::after{background-color:#2d4763; transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.notice .list_box .noti_box .btn_more::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 바로가기01 */
.m_link01{position:relative; overflow: hidden;}
.m_link01 h3{font-size:0; line-height:0;}
.m_link01 ul li {width:25%; float:left;}
.m_link01 ul li a{position:relative; display:block; line-height:60px; margin:20px 0; padding:0 20px; border-left:1px solid #ddd; color:#333; }
.m_link01 ul li:first-child a{border-left:0;}
.m_link01 ul li a p{display:inline-block; font-size:17.5px; font-family:'NotoM';}
.m_link01 ul li a img{position: absolute; right:20px; top:50%; width:60px; height:62px; margin-top:-31px;}
.m_link01 ul li a:hover{padding:0 30px; color:#007bd2;}
.m_link01 ul li a:hover img{right:30px;}
.m_link01 ul li a, .m_link01 ul li a img{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 팝업존 */
.popup{position:relative; height:100%;}
.popup h3{line-height:26px; margin:0 0 10px; font-size:18px; font-family: 'NotoB'; color:#000;}
.popup .popup_wrap{width:100%; height:215px; overflow:hidden; text-align:center;}
.popup .popup_wrap img{width:100%; height:100%;}
.popup .popup_wrap .slick-dots{position:absolute; right:0; top:10px; text-align:right;}
.popup .popup_wrap .slick-dots li{display:inline-block; margin:0 3px;}
.popup .popup_wrap .slick-dots li button{width:6px; height:6px; cursor: pointer; border-radius:10px; overflow:hidden; text-indent: -10000%; border:2px solid #fff;}
.popup .popup_wrap .slick-dots li.slick-active button{background:#fff;}

/* 뉴스/보도 */
/*.news{position:relative; height:100%;}
.news h3{line-height:26px; margin:0 0 10px; font-size:18px; font-family: 'NotoB'; color:#fff;}
.news .news_wrap{position:relative; width:100%; height:215px; overflow:hidden; text-align:center;}
.news .news_wrap a{position:relative; display:block; height:215px;}
.news .news_wrap a .img{width:100%; height:215px; overflow:hidden;}
.news .news_wrap a .img img{width:100%; height:100%;}
.news .news_wrap a:hover .img img{transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.news .news_wrap a .txt{position: absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.8); color:#fff;}
.news .news_wrap a .txt span{display:block; line-height:40px; margin:0 10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news a.btn_more{position: absolute; right:0; top:8px; width:15px; height:15px; text-indent:-10000%; overflow:hidden; background:url('/images/web/syu/main/btn_more02.png') no-repeat center;}
.news a.btn_more:hover{transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.news .news_wrap .img img, .news a.btn_more{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }*/

/* 뉴스/보도 */ /* 191122 추가 */
.news{position:relative; height:100%;}
.news h3{line-height:26px; margin:0 0 10px; font-size:18px; font-family:'NotoB'; color:#fff;}
.news .news_wrap{position:relative; width:100%; height:215px; overflow:hidden; text-align:center;}
.news .news_wrap a{position:relative; display:block; height:215px;}
.news .news_wrap a .img{width:100%; height:215px; overflow:hidden;}
.news .news_wrap a .img img{width:100%; height:100%;}
.news .news_wrap a:hover .img img{transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.news .news_wrap a .txt{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.8); color:#fff;}
.news .news_wrap a .txt span{display:block; line-height:40px; margin:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news a.btn_more{position:absolute; right:0; top:8px; width:15px; height:15px; text-indent:-10000%; overflow:hidden; background:url('/images/web/syu/main/btn_more02.png') no-repeat center;}
.news a.btn_more:hover{transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.news .news_wrap .img img, .news a.btn_more{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}


/* 학사일정 */ /* 191122 추가 */
.M_calendar {position:relative; height:100%; background:#13b1df;}
.M_calendar a {display:block;color:#fff;}
.M_calendar a p {font-size:20px;font-family:'NotoB';line-height:24px;margin-bottom: 10px;}
.M_calendar a span {display:block;height:38px;line-height:16px;}
.M_calendar a img {position:absolute; right:30px; bottom:20px; width:70px; height:70px;}
.M_calendar a:hover img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s; }

/*240206*/
.M_calendar .edu_box {display:block;color:#fff;padding: 30px 30px 117px;overflow: hidden;}
.M_calendar .edu_box p {font-size:20px;font-family:'NotoB';line-height:24px;margin-bottom: 10px;}
.M_calendar .edu_box span {display:block;height:36px;line-height:16px;}
.M_calendar .edu_box img {position:absolute;right: 2px;bottom:17px;width: 70px;height: 68px;}
.M_calendar .edu_box:hover img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s; }
.M_calendar .edu_box .edu_btn{width: 77%;}
.M_calendar .edu_box .edu_btn:nth-last-of-type(1) {margin-top:.5rem;}

/* 바로가기02 */
.m_link02{width:100%; height:100%;}
.m_link02 h3{font-size:0; line-height:0;}
.m_link02 ul{ margin:36px 0 0;}
.m_link02 ul li a{display:block; position:relative; padding:29px 25px 15px; margin:0 0 5px; color:#fff; letter-spacing: -1px;}
.m_link02 ul li a p{font-size:20px; font-family: 'NotoB'; line-height:24px;}
.m_link02 ul li a span{display:block; height:32px; line-height:16px; margin:5px 70px 0 0; font-size:14px;}
.m_link02 ul li a img{position: absolute; right:20px; top:20px; width:61px; height:64px;}
.m_link02 ul li a:hover img{right:10px;}
.m_link02 ul li.link01 a{background:#ff8700;}
.m_link02 ul li.link02 a{background:#ffb900;}
.m_link02 ul li.link01 a:hover{background:#e77409;}
.m_link02 ul li.link02 a:hover{background:#f3a806;}
.m_link02 ul li a, .m_link02 ul li a img{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 갤러리 */
.gallery{position: relative; height:100%;}
.gallery h3{text-align:center; line-height:30px; margin:0 0 35px; font-size:24px; font-family: 'NotoB'; color:#000;}
.gallery h3 span{color:#2763ac;}
.gallery ul li a {display:block; font-size:14px; margin:0 10px 10px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2)}
.gallery ul li a .img{width:100%; height:205px; overflow:hidden;}
.gallery ul li a .img img{width:100%; height:100%;}
.gallery ul li a .cont {padding:15px; overflow:hidden;}
.gallery ul li a .cont p{ line-height:20px; font-size:18px; margin:0 0 15px; color:#111; font-family:'NotoM'; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.gallery ul li a .date{font-size:13px; color:#92a7bb; float:left;}
.gallery ul li a .view{position:relative; font-size:13px; color:#999; float:right;}
.gallery ul li a .view::before{content:url('/images/web/syu/main/icon_view.png'); display:inline-block; vertical-align: middle; margin-right:5px;}
.gallery ul li a:hover{text-decoration: underline;}
.gallery ul li a:hover .cont p{color:#004b68;}
.gallery .slick-list li {position:relative; float:left; margin-top:10px;/*width:23.5%; margin:15px 0 20px 2%;*/ }
.gallery .slick-list li:hover{margin-top:0;}
.gallery .slick-dots {text-align:center; margin:20px 0 0;}
.gallery .slick-dots li{display:inline-block; margin:0 3px;}
.gallery .slick-dots li button{width:6px; height:6px; cursor: pointer; border-radius:10px; overflow:hidden; text-indent: -10000%; border:2px solid #0175b2;}
.gallery .slick-dots li.slick-active button{background:#0175b2;}
.gallery .btn_more{position: absolute; right:0; top:2px; line-height:27px; padding-right:32px; color:#445f7b; font-family: 'NotoM';}
.gallery .btn_more::after{content:""; width:27px; height:27px; position: absolute; right:0; top:0; border-radius:30px; background:#a1b6cd url('/images/web/syu/main/btn_more01.png') no-repeat center;}
.gallery .btn_more:hover::after{ background-color:#2d4763; transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.gallery ul li, .gallery ul li a .cont p, .gallery .btn_more::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 퀵서비스 */
/* .qs_ser{position: relative; height:100%;}
.qs_ser h3{line-height:70px; font-size:24px; font-family: 'NotoM'; color:#fff; text-align:center; margin:0 0 10px;}
.qs_ser ul{position: relative; height:42px; padding:0 45px; overflow: hidden;}
.qs_ser ul li a{display:block; line-height:42px; color:#222; padding:0 10px; margin:0 5px; text-align:center; background:#fff; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.qs_ser ul li a:hover{background:#004b68; color:#fff;}
.qs_ser ul .slick-arrow{position: absolute; top:50%; width:26px; height:26px; border:1px solid #fff; font-size:0; line-height:0; margin-top:-13px; cursor: pointer;}
.qs_ser ul .slick-prev{left:0px;}
.qs_ser ul .slick-prev::before{content:url('/images/web/syu/main/btn_q_prev.png'); position: absolute; left:11px; top:6px;}
.qs_ser ul .slick-prev:hover::before{left:5px;}
.qs_ser ul .slick-next{right:0px;}
.qs_ser ul .slick-next::before{content:url('/images/web/syu/main/btn_q_next.png'); position: absolute; right:11px; top:6px;}
.qs_ser ul .slick-next:hover::before{right:5px;}
.qs_ser ul .slick-arrow::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } */

/* 퀵서비스 */ /* 191014수정 */
.qs_ser{position:relative; height:100%;}
.qs_ser h3{line-height:70px; font-size:24px; font-family:'NotoM'; color:#fff; text-align:center; margin:0 0 10px;}
.qs_ser ul{position:relative; height:42px; padding:0 45px; overflow:hidden;}
.qs_ser ul li {height:42px;}
.qs_ser ul li a{display:block;line-height:18px;/* height:42px; */color:#222;padding:13px 2px;margin:0 5px;text-align:center;background:#fff;transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;font-size: 13px;}
.qs_ser ul li a span {line-height:1.4; font-size:14px; letter-spacing:-1px;}
.qs_ser ul li a span.ft_s {font-size:13px;}
.qs_ser ul li a:hover{background:#004b68; color:#fff;}
.qs_ser ul .slick-arrow{position:absolute; top:50%; width:26px; height:26px; border:1px solid #fff; font-size:0; line-height:0; margin-top:-13px; cursor:pointer;}
.qs_ser ul .slick-prev{left:0px;}
.qs_ser ul .slick-prev::before{content:url('/images/web/syu/main/btn_q_prev.png'); position:absolute; left:11px; top:6px;}
.qs_ser ul .slick-prev:hover::before{left:5px;}
.qs_ser ul .slick-next{right:0px;}
.qs_ser ul .slick-next::before{content:url('/images/web/syu/main/btn_q_next.png'); position:absolute; right:11px; top:6px;}
.qs_ser ul .slick-next:hover::before{right:5px;}
.qs_ser ul .slick-arrow::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}


/* 팝업존 */ 
.popup_box{position:relative; height:100%;}
.popup_box h3{line-height:26px; margin:0 0 10px; font-size:18px; font-family:'NotoB'; color:#fff;}
.popup_box .pop{position:relative; height:100%; overflow:hidden;}
.popup_box .pop li{width:100%;}
.popup_box .pop li img{width:575px; height:217px;}
.popup_box .control{position:absolute; top:0; right:0; z-index:10; overflow:hidden;}
.popup_box .control span{margin-right:10px; float:left; line-height:40px; color:#1a4788;}
.popup_box .control a{display:block; width:30px; height:44px; float:left; text-indent:-10000em;}
.popup_box .control a.prev{background:url("/images/web/syu/main/btn_pop_prev.png") no-repeat;}
.popup_box .control a.next{background:url("/images/web/syu/main/btn_pop_next.png") no-repeat;}
.popup_box .control a.stop{background:url("/images/web/syu/main/btn_pop_stop.png") no-repeat;}
.popup_box .control a.play{background:url("/images/web/syu/main/btn_pop_play.png") no-repeat;}


@media screen and (max-width:1400px) {	
	/* 퀵메뉴 */
	.quick_m{position: absolute; width:100%; right:0; top:auto; bottom:80px; z-index:300;}
	.quick_m .quick_wrap {text-align:center;}
	.quick_m .quick_wrap > div[class*="MC_"]::before{top:50%; left:-8px; width:14px; height:1px;}
	.quick_m .quick_wrap > div[class*="MC_"] > a{margin:0 10px;}
	.quick_m .quick_wrap > div[class*="MC_"]:first-child > a{margin:0 10px;}
	.quick_m .quick_wrap .link_list{position: absolute; width:450px; top:auto; bottom:80px; left:0; text-align:left; margin-left:-195px;}
	.quick_m .quick_wrap .link_list::after{right:auto; top:auto; left:50%; bottom:-12px; margin-left:-8px; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.quick_m .quick_wrap .link_list p{margin:0 0 10px; padding:0 0 10px;}
	.quick_m .quick_wrap .link_list li{width:33.33%; float:left;}

	.qs_ser ul li a{font-size: 13px;}
}

@media screen and (min-width:1020px) {	
	/* 스크롤 이벤트 CSS */
	[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:1s}
	[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:1s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="10"].aos-animate,body[data-aos-delay="10"] [data-aos].aos-animate{transition-delay:.5s}

	/* slide 종류 설정 */
	[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
	[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
	[data-aos=fade-up]{transform:translate3d(0,100px,0)}
	[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
	[data-aos=fade-down-shot]{transform:translate3d(0,-50px,0)}
	[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
	[data-aos=fade-left]{transform:translate3d(100px,0,0)}
	[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
	[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
	[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
	[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}

	.qs_ser ul li a{font-size: 12px;}

}


@media screen and (max-width:1019px) {	
	
	/* 스크롤 이벤트 CSS */
	[data-aos^=fade][data-aos^=fade]{opacity:1;}

	/* 퀵메뉴 */	
	.quick_m .quick_wrap .link_list{width:300px; margin-left:-120px;}
	.quick_m .quick_wrap .link_list li{width:50%;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{ width:80%; top:30%; left:10%;}
	.main_visual .slogan .txt .tit{font-size:65px;}
	.main_visual .visual img{width:auto; height:580px; margin-left:-30%;}
	
	/* 게시판 */
	.notice .list_box{height: auto;top:60px;} /* 191209 수정 */
	.notice .list_box .noti_box {width:100%; margin-left:0;} /* 191213 수정 */
	.notice .list_box .noti_box:nth-child(3) {margin-left:0;} /* 191209 추가 */
	
	.notice .list_box .noti_box ul li a {font-size:14px;}  /* 191213 수정 */
	.notice .list_box .noti_box ul li span {width: 35%;font-size: 13px;}  /* 191209 추가 */

	.notice .btn_nav{display:block;}
	.notice .btn_nav a{ position:absolute; width:30px; height:30px; top:50%; margin-top:-30px; text-indent:-10000%; }
	.notice .btn_nav a.btn_next{right:0px; background:url('/images/web/syu/main/btn_next.png') no-repeat;}
	.notice .btn_nav a.btn_prev{left:0px; background:url('/images/web/syu/main/btn_prev.png') no-repeat;}
	/*.notice .btn_more{top:auto; bottom:0px; right:2%;}*/

	/* 바로가기01 */
	.m_link01 ul li {width:50%; float:left;}
	.m_link01 ul li a{ padding:20px; margin:0; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	.m_link01 ul li:first-child a{border-left:1px solid #ddd;}
	.m_link01 ul li a:hover{padding:20px 30px;}

	/* 팝업존 */
	.popup .popup_wrap{background:#0a69ad;}
	.popup .popup_wrap img{height:100%; width:auto;}

	/* 191122 추가 */
	.m_link02 ul {margin:20px 0 0;}

	/* 팝업존 */
	.popup_box .pop li img{width:100%;}

	.qs_ser ul li a{font-size: 11px;}
}

@media screen and (max-width:800px) {	

	/* 메인비주얼 */
	.main_visual .slogan_wrap{width:85%; left:6.5%;}

	.qs_ser ul li a{font-size: 10px;}
	
}


@media screen and (max-width:690px) {
	
	/* 퀵메뉴 */
	.quick_m .quick_wrap .link_list{width:200px; margin-left:-70px;}	
	.quick_m .quick_wrap .link_list .wLong li{width:100%;}

	/* 메인비주얼 */
	.main_visual .slogan .txt p{font-size:35px;}

	/* 게시판 */
	.notice h3 a{width:88px; font-size:17px;}
	/*.notice .list_box{width:80%; padding:0 10%;}*/
	
	/* 바로가기01 */
	.m_link01 ul li a{padding:10px 20px; line-height:52px;}	
	.m_link01 ul li a:hover{padding:10px 30px;}
	.m_link01 ul li a p{font-size:14px;}
	.m_link01 ul li a img{width:50px; height:52px; margin-top:-26px;}

	/* 팝업존 */
	.popup{background:#007bd2; padding:20px 2.5%;}
	.popup .popup_wrap{height:auto;}
	.popup .popup_wrap img{height:auto; width:100%;}
	.popup .popup_wrap .slick-dots{right:2.5%; top:30px;}

	/* 갤러리 */
	.gallery h3{text-align:left;}

	/* 퀵서비스 */ /* 191014추가 */
	.qs_ser ul li a span {font-size:12px; letter-spacing:-1px;}

}

@media screen and (max-width:540px) {

	/* 퀵메뉴 */
	.quick_m .quick_wrap .link_list{width:150px; margin-left:-45px;}
	.quick_m .quick_wrap .link_list li{width:100%;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{top:30%;}
	.main_visual .slogan .txt span{font-size:16px;}
	.main_visual .slogan .txt p{font-size:28px; line-height:1.3; margin:15px 0 0;}
	.main_visual .visual img{margin-left:-70%;}
	.main_visual .slickNav{bottom:20px;}	
	
	/* 게시판 */ /* 191209 추가 */
	.notice .list_box .noti_box ul li span {display:none;}
	.notice .list_box .noti_box ul li a {width:85%;}

	/* 바로가기02 */
	.m_link02 ul{margin:0;}
	.m_link02 ul li a{margin:0 0 10px;}

	/* 갤러리 */
	.gallery h3{font-size:20px;}

	/*240206*/
	.M_calendar .edu_box .edu_btn{width: 77%;}
	.M_calendar .edu_box img {position:absolute; right:11px; bottom:20px; width:70px; height:70px;z-index: 1;}

}
@media screen and (max-width :480px) {	

	/* 퀵메뉴 */
	.quick_m .quick_wrap > div[class*="MC_"] > a{ margin:5px 10px;}
	.quick_m .quick_wrap > div[class*="MC_"]:first-child > a{ margin:5px 10px;}
	.quick_m .quick_wrap > div[class*="MC_"]::before{display:none;}
	.quick_m .quick_wrap .link_list{ width:160%; margin:0; padding:5% 10%; left:auto; right:10%;}
	.quick_m .quick_wrap .link_list li{width:50%;}
	.quick_m .quick_wrap .link_list::after{left:auto; right:50%; margin-left:0; margin-right:-45px; }
	.quick_m .quick_wrap > div[class*="MC_"]:nth-child(odd) > a{float:right;}
	.quick_m .quick_wrap > div[class*="MC_"]:nth-child(odd) .link_list{left:10%;}
	.quick_m .quick_wrap > div[class*="MC_"]:nth-child(odd) .link_list::after{left:50%; margin-left:-45px;}
	.quick_m .quick_wrap .link_list .btn_close{right:5%; top:4%;}
	
	/* 게시판 */
	.notice h3{width:20%; float:left; display:block;} /* 191209 수정 */
	.notice h3 a{width:100%; font-size:15px; /* margin:1px; */float:right;} /* 191209 수정 */
	.notice h3.tit_2 a, .notice h3.tit_4 a{float:left;}
	.notice .list_box{top:60px; width:100%;} /* 191213 수정 */
	.notice .list_box .noti_box {height:155px; margin:1% 0;} /* 191213 수정 */
	.notice .list_box .noti_box:first-child {margin-top:0px; width:100%;} /* 191213 수정 */
	.notice .list_box .noti_box .cate {font-size:13px; padding:0 10px;} /* 191209 추가 */
	
	/* 바로가기01 */
	.m_link01 ul li{width:100%;}
	.m_link01 ul li a{padding:10px 15px; line-height:47px;}
	.m_link01 ul li a p{font-size:16px;}
	.m_link01 ul li a img{width:45px; height:47px; margin-top:-24px;}

	.qs_ser ul li a{font-size: 14px;}

}
@media screen and (max-width :380px) {

	/* 메인비주얼 */
	.main_visual .slogan_wrap{top:25%;}
	.main_visual .slogan .txt .tit{font-size:35px;}
	.main_visual .slogan .txt p.txt01, .main_visual .slogan .txt p.txt02{font-size:18px;}
	.main_visual .slogan .txt p.txt02{font-size:15px;}

}
@media screen and (max-width :340px) { /* 191209 추가 */
	
}