﻿@charset "utf-8"; 
/*imgcut*/
.imgcut .img { position: relative; }
.imgcut .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; }
.imgcut a { display: block; }
.imgcut a:hover .img > img, .imgcut a:focus .img > img { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); }


/* 메인비주얼 */
.main_visual .visual_wrap{width: 1720px; margin: 0 auto; position: relative;}
.main_visual .visual_wrap::before{width: 357px; height: 404px; background: url('/images/web/smwt/main/ico_visual.png') no-repeat center / contain; opacity: 0.8; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
.main_visual .visual_slide{position: relative; box-shadow: 5px 5px 20px #666;}
.main_visual .slide{position: relative;}
.main_visual .slide .img{position: relative; width: 100%; height: 630px; text-align: center; overflow: hidden;}
.main_visual .slide .img img{height: 100%; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.main_visual .slide .slogan{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50%, -50%); font-weight: 600; text-align: center; font-family: 'NotoB';}
.main_visual .slide .slogan .txt1{color: #fff; font-size: 120px; }
.main_visual .slide .slogan .txt2{color: #fff; font-size: 48px;}
.main_visual .slick-arrow{display: block; width: 100px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; z-index: 2; padding-bottom: 10px; transition: color 0.3s; -webkit-transition: color 0.3s;}
.main_visual .slick-arrow::before{width: 82px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 12px; transition: 0.3s; -webkit-transition: 0.3s; content: '';}
.main_visual .slick-arrow:hover{color: #000; font-weight: 600;}
.main_visual .slick-arrow:hover::before{background: #045da1; left: 0;}
.main_visual .slick-arrow.btn_prev{left: -55px;}
.main_visual .slick-arrow.btn_next{right: -55px; text-align: right;}
.main_visual .slick-arrow.btn_next::before{left: auto; right: 12px;}
.main_visual .slick-arrow.btn_next:hover::before{right: 0;}
.main_visual .slick-dots{position: absolute; z-index: 2; bottom: 95px; left: calc(50% - 15px); }
.main_visual .slick-dots li{float: left; display: block; color: transparent; width: 13px; height: 13px; background: url('/images/web/smwt/main/visual_dot.png') no-repeat center; margin: 0 5px;}
.main_visual .slick-dots li.slick-active{background: url('/images/web/smwt/main/visual_dot_current.png') no-repeat center;}
.main_visual .slick-dots li button{width: 100%; height: 100%;}
.main_visual .control{position: absolute; z-index: 2; bottom: 92px; left: calc(50% - 40px); }
.main_visual .control a{display: block;}
.main_visual .control .btn_play{display: none;}

/* 바로가기1 */
.m_link1::before{content: 'ABOUT SCNU'; font-size: 182px; font-weight: 600; font-family: 'NotoB'; width: 130%; color: #f5f7f8; position: absolute; top: 20px; left: -80px; line-height: 1; z-index: -1;}
.m_link1 h2{color: #000; font-size: 60px; font-weight: 700; font-family: 'NotoB'; margin-bottom: 40px;}
.m_link1 h2 span{color: #0b71c1;}
.m_link1 ul::after{display: block; content: ''; clear: both;}
.m_link1 ul li{width: 23.5%; margin-right: 2%; float: left;}
.m_link1 ul li:last-child{margin-right: 0;}
.m_link1 ul li:nth-of-type(even){margin-top: 70px;}
.m_link1 ul li a{position: relative; display: block;}
.m_link1 ul li a::before{width: 3px; height: 0; background: #0088f3; position: absolute; left: calc(50% - 1.5px); bottom: 35px; transition: height 0.3s; -webkit-transition: height 0.3s; z-index: 2; content: '';}
.m_link1 ul li a:hover::before{height: 55px;}
.m_link1 ul li .img{height: 270px; position: relative; border: 1px solid #fff; transition: 0.3s; -webkit-transition: 0.3s;}
.m_link1 ul li a:hover .img{ border: 1px solid #0380ff; box-shadow: 0 0 15px #777;}
.m_link1 ul li .txt{font-size: 20px; font-weight: 600; position: relative; text-align: center; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s; -webkit-transition: color 0.3s;}
.m_link1 ul li a:hover .txt{color: #0088f3;}

/* 갤러리 */
.gallery::after{content: 'SCNU'; position: absolute; left: calc((100% - 1200px) / 2 - 80px); top: -160px; color: rgba(255,255,255,0.11); font-size: 182px; font-weight: 600; font-family: 'NotoB';}
.gallery::before{width: calc((100% - 1200px) / 2 + 470px); height: 540px; background: #0b71c1; position: absolute; z-index: -1; left: 0; top: -130px; transform: skewY(10deg); -webkit-transform: skewY(10deg); content: '';}
.gallery .tit{width: 290px; position: absolute; left: calc((100% - 1200px) / 2);}
.gallery .tit h2{color: #fff; font-size: 60px; font-weight: 600;}
.gallery .tit p{color: #fff; font-size: 18px; line-height: 1.6; margin-top: 20px; }
.gallery .gallery_slide{padding-left: 290px; width: calc(100% + 180px);}
.gallery .gallery_slide .slide{vertical-align: top; height: 400px; margin-right: 45px;}
.gallery .gallery_slide .slide .img{height: 260px; background: #eee; transition: height 0.3s; -webkit-transition: height 0.3s;}
.gallery .gallery_slide .slide.slick-current .img{height: 340px;}
.gallery .gallery_slide .slide .txt{font-size: 18px; margin-top: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gallery .gallery_slide .slide.slick-current .txt{font-weight: 600; font-size: 22px;}
.gallery .control{position: absolute; bottom: 90px; left: calc((100% - 1200px) / 2); color: #fff;}
.gallery .control a{display: block; float: left; width: 60px; height: 60px; line-height: 60px; font-size: 20px; border: 1px solid #fff; border-right: 0; text-align: center;}
.gallery .control .btn_stop{border-right: 1px solid #fff;}
.gallery .control .btn_play{display: none; border-right: 1px solid #fff;}
.gallery .slick-counter{margin-bottom: 20px;}
.gallery .slick-counter .current{padding-right: 25px; font-weight: 600; position: relative;}
.gallery .slick-counter .current::before{content: '/'; color: #77b0dd; position: absolute; right: 10px; top: 0;}

/* Academics */
.academics{ text-align: center;} /* 210624 수정 */
.academics::before{width: 100%; height: 690px; background: #eef1f3; position: absolute; top: -340px; left: 0; content: '';}
.academics::after{content: 'Academics'; font-size: 182px; position: absolute; right: 50px; top: -70px; font-weight: 600; color: #fff; font-family: 'NotoB';}
.academics_wrap{width: 1200px; margin: 160px auto 180px; position: relative; z-index: 3;}
.academics h2{display: inline-block; font-size: 50px; margin-bottom: 35px; color: #000; font-weight: 600; font-family: 'NotoB'; position: relative;} 
.academics h2::after{width: 12px; height: 12px;background: #0b71c1; border-radius: 50%; position: absolute; left: -20px; top: 3px; content: '';}
.academics .academics_slide .img{position: relative; height: 505px; overflow: hidden;}
.academics .academics_slide .img img{position: relative; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.academics .academics_slogan{width: 625px; position: absolute; bottom: -75px; right: -166px; border-radius: 80px 0; background: #0aa1aa url('/images/web/smwt/main/bg_academics.png') no-repeat right bottom; padding: 70px 60px 150px 60px;  overflow: hidden; text-align: left;}
.academics .academics_slogan .slogan{ color: #fff;}
.academics .academics_slogan .slogan .tit{font-size: 35px; max-height: 90px; overflow: hidden; font-weight: 600; font-family: 'NotoB'; padding-right: 100px; margin-bottom: 35px; word-break: keep-all;}
.academics .academics_slogan .slogan .txt{line-height: 1.5; font-size: 16px; max-height: 96px; overflow: hidden;}
.academics .control{position: absolute; display: block; width: 210px; bottom: -30px; right: 360px; background: #fff; border: 1px solid #22bec7; font-size: 15px; line-height: 78px;}
.academics .control span{padding: 0 12px;}
.academics .control .current{font-weight: 600; position: relative;}
.academics .control .current::before{content: '/'; position: absolute; right: -3px; top: 3px; color: #bebebe; font-size: 14px;  line-height: 1;}
.academics .slick-arrow{position: absolute; top: 0; font-size: 20px;}
.academics .slick-arrow.btn_prev{left: 30px;}
.academics .slick-arrow.btn_next{right: 30px;}


/* 학과생활 */
.campus::before{content: 'Campus life'; width: 150%; font-size: 140px; position: absolute; color: #eff2f4; font-family: 'NotoB'; font-weight: 600; left: -80px; top: -80px; z-index: -1;}
.campus h2{font-size: 28px; color: #000; margin-bottom: 20px; font-weight: 600; font-family: 'NotoB';}
.campus ul{position: relative;}
.campus ul li{width:50%; float: left;/*  margin-bottom: 0.5px; 삭제 210805 */ }
.campus ul li:nth-of-type(even){float: right;}
.campus ul li a{position: relative; display: block; padding: 20px; box-sizing: border-box; height: 165px; overflow: hidden; transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; text-align: center;}
.campus ul li a:hover{box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4); z-index: 2;}
.campus ul li.link1 a{background: #089ade; border: 2px solid #088ac6;}
.campus ul li.link2 a{background: #0aa1aa; border: 2px solid #08878f;}
.campus ul li.link3 a{background: #0e7dd3; border: 2px solid #0b6eba;}
.campus ul li.link4 a{background: #37549c; border: 2px solid #294384;}
.campus ul li div{display: table; width: 100%; height: 125px;}
.campus ul li div p{display: table-cell; vertical-align: middle; color: #fff; font-size: 20px; font-weight: 600;}
.campus ul li .bg{position: absolute; right: 0; bottom: 0;}

/* 동영상 */
.movie h2{font-size: 28px; color: #000; margin-bottom: 20px; font-weight: 600; font-family: 'NotoB';}
.movie .movie_box{display: block; position: relative;}
.movie .movie_box .img{height: 335px;}
.movie .movie_box .box{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url('/images/web/smwt/main/ico_movie.png') no-repeat center; position: absolute; top: 0; left: 0;}
.movie .movie_box .box::before{width: 69px; height: 60px; border: 3px solid #fff; position: absolute; border-radius: 3px; top: 50%; left: 50%; transform: translate(-50%, -50%) skewY(-10deg); -webkit-transform: translate(-50%, -50%) skewY(-10deg); transition: transform 0.3s; -webkit-transition: transform 0.3s; content: '';}
.movie .movie_box a:hover .box::before{transform: translate(-50%, -50%) skewY(10deg); -webkit-transform: translate(-50%, -50%) skewY(10deg);} 
.movie .btn_more{position: absolute; top: 2px; right: 0; font-size: 25px; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.movie .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

@media(max-width:1900px){
	/* 메인비주얼 */
	.main_visual .visual_wrap{width: calc(100% - 150px);}
}

@media(max-width:1640px){
	/* academics */
	.academics .academics_slide{width: 90%;}
	.academics .academics_slogan{right: 0;}
	.academics .control{right: 520px;}
}

@media (max-width:1280px) {
	#container{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; padding-top:110px;}
	.con_wrap{width: 96%;}
	
	/* 메인비주얼 */
	.main_visual .visual_wrap::before{width: 300px; height: 350px;}
	.main_visual .slide .img{height: 500px;}
	.main_visual .slide .slogan .txt1{font-size: 90px;}
	.main_visual .slide .slogan .txt2{font-size: 35px;}

	/* 바로가기 */
	.m_link1::before{font-size: 152px; left: 0;}
	.m_link1 h2{font-size: 35px;}
	.m_link1 ul li .img{height: 240px;}

	/* 갤러리 */
	.gallery::after{font-size: 152px; left: 0;}
	.gallery::before{width: 480px; height: 450px; top: -100px;}
	.gallery .tit{left: 2%;}
	.gallery .tit h2{font-size: 35px;}
	.gallery .gallery_slide .slide{margin-right: 20px; height: 330px;}
	.gallery .gallery_slide .slide .img{height: 230px;}
	.gallery .gallery_slide .slide.slick-current .img{height: 270px;}
	.gallery .control{left: 2%;}

	/* Academics */
	.academics::after{font-size: 152px;}
	.academics_wrap{width: 96%;}
	.academics_wrap{margin:100px auto 130px;}
	.academics h2{font-size: 35px;}
	.academics .academics_slide .img{height: 460px;}
	.academics .academics_slogan{padding: 40px 40px 110px 40px; bottom: -45px; width: 580px; background-size: 300px;}
	.academics .academics_slogan .slogan .tit{font-size: 26px; max-height: 66px; margin-bottom: 20px;}
	.academics .control{line-height: 60px;}


	/* 학과생활 */
	.campus::before{font-size: 110px; left: 0; top: -60px;}
	.campus ul li a{height: 140px;}
	.campus ul li div{height: 100px;}
	.campus ul li div p{font-size: 20px;}
	.campus ul li .bg img{width: 100px; height: auto;}
	
	/* 동영상 */
	/* .movie{width: 38%;} 210624 */
	.movie .movie_box .img{height: 282px;}
}

@media (max-width:1024px) {
	/* 메인비주얼 */
	.main_visual .slide .img{height: 450px;}
	.main_visual .slide .slogan .txt1{font-size: 80px;}

	/* 바로가기 */
	.m_link1::before{font-size: 120px;}
	.m_link1 h2{font-size: 30px; margin-bottom: 30px;}
	.m_link1 ul li{width: 49%; margin-bottom: 30px;}
	.m_link1 ul li:nth-of-type(even){margin-right: 0; margin-top: 0;}
	.m_link1 ul li .img{height: 220px;}

	/* 갤러리 */
	.gallery .tit{width: 240px;}
	.gallery .tit h2{font-size: 30px;}
	.gallery .tit p{font-size: 16px;}
	.gallery::after{font-size: 120px; top: -140px;}
	.gallery::before{width: 450px; height: 400px; top: -80px;}
	.gallery .gallery_slide{padding-left:240px;}
	.gallery .gallery_slide .slide .txt{font-size: 17px;}
	.gallery .gallery_slide .slide.slick-current .txt{font-size: 20px;}
	.gallery .control a{width: 50px; height: 50px; line-height: 50px;}

	/* academics */
	.academics::after{font-size: 120px; top: -40px;}
	.academics_wrap{margin: 60px auto 80px;}
	.academics h2{font-size: 30px;}
	.academics .academics_slogan{width: 60%; padding: 40px; bottom: -30px; background-size: 200px;}
	.academics .academics_slogan .slogan .tit{padding-right: 0;}
	.academics .control{right: auto; left: 0;}


	/* 학과생활 */
	.campus h2{font-size: 26px;}
	.campus::before{font-size: 95px; top: -40px;}
	
	/* 동영상 */
	.movie h2{font-size: 26px;}
	.movie .movie_box .box::before{width: 65px; height: 50px;}
}

@media (max-width:900px){
	/* 메인비주얼 */
	.main_visual .visual_wrap::before{width: 200px; height: 230px;}
	.main_visual .slide .img{height: 400px;}
	.main_visual .slide .slogan .txt1{font-size: 65px;}
	.main_visual .slide .slogan .txt2{font-size: 25px;}
	.main_visual .slick-dots{bottom: 40px;}
	.main_visual .control{bottom: 37px;}

	/* 바로가기 */
	.m_link1::before{font-size: 95px; top: 0;}
	.m_link1 h2{font-size: 27px; margin-bottom: 20px;}
	.m_link1 ul li .img{height: 200px;}
	.m_link1 ul li .txt{font-size: 18px; margin-top: 20px;}

	/* 갤러리 */
	.gallery::after{font-size: 95px; top: -100px;}
	.gallery::before{width: 400px; height: 360px; transform: skewY(8deg); -webkit-transform: skewY(8deg); top: -60px;}	
	.gallery .tit h2{font-size: 28px;}
	.gallery .gallery_slide{width: 100%;}
	.gallery .gallery_slide .slide{height: 370px; margin-right: 0;}
	.gallery .gallery_slide .slide.slick-current .img{height: 320px;}

	/* Academics */
	.academics_wrap{margin: 30px auto 70px;}
	.academics h2{font-size: 27px; margin-bottom: 20px;}
	.academics::after{font-size: 95px; right: 0;}
	.academics .academics_slide .img{height: 380px;}
	.academics .academics_slogan .slogan .tit{font-size: 23px; max-height: 58px;}
	.academics .academics_slogan .slogan .txt{font-size: 15px; max-height: 88px;}

	/* 학과생활 */
	.campus::before{font-size: 90px;}
	.campus ul li div p{font-size: 16px;}
}


@media (max-width:720px) {
	/* 메인비주얼 */
	.main_visual .visual_wrap{width: calc(100% - 100px);}
	.main_visual .slick-arrow.btn_prev{left: -30px;}
	.main_visual .slick-arrow.btn_next{right: -30px;}
	.main_visual .slick-arrow::before{width: 60px;}
	.main_visual .slide .img{height: 350px;}
	.main_visual .slide .slogan .txt1{font-size: 55px;}

	/* 바로가기1 */
	.m_link1::before{font-size: 80px;}
	.m_link1 h2{font-size: 26px; margin-bottom: 15px;}
	.m_link1 ul li{margin-bottom: 20px;}
	.m_link1 ul li .img{height: 170px;}

	/* Academics */
	.academics::after{font-size: 80px; top: -20px;}
	.academics h2{font-size: 26px;}
	.academics .academics_slide .img{height: 340px;}
	.academics .academics_slogan{padding: 30px; border-radius: 50px 0;}


	/* 갤러리 */
	.gallery::before{width: 320px;}
	.gallery .tit{width: 210px;}
	.gallery .gallery_slide{padding-left: 210px;}

	/* 학과생활 */
	.campus::before{font-size: 80px; top: -25px;}
	.campus h2{margin-bottom: 15px;}

	/* 동영상 */
	.movie h2{margin-bottom: 15px;}
	.movie .movie_box .img{height: 330px;}
}


@media (max-width:580px) {
	/* 메인비주얼 */
	.main_visual .slide .img{height: 300px;}
	.main_visual .slide .slogan .txt1{font-size: 45px;}
	.main_visual .slide .slogan .txt2{font-size: 22px;}
	.main_visual .visual_wrap::before{width: 170px; height: 200px;}

	/* 바로가기 */
	.m_link1::before{display: none;}
	.m_link1 h2{font-size: 24px;}
	.m_link1 ul li .img{height: 140px;}
	.m_link1 ul li .txt{margin-top: 10px; font-size: 16px;}
	.m_link1 ul li a:hover::before{height: 45px;}
	.m_link1 ul li a::before{bottom: 20px;}

	/*  포토갤러리 */
	.gallery::after{display: none;}
	.gallery::before{transform: none; -webkit-transform: none; width: 102%; height: 310px; top: 0;}
	.gallery .tit{position: relative; width: calc(100% - 200px);}
	.gallery .tit h2{font-size: 26px;}
	.gallery .tit p{font-size: 15px; margin-top: 10px;}
	.gallery .gallery_slide{padding-left: 0; margin-top: 20px; }
	.gallery .gallery_slide .slide{height: 310px;}
	.gallery .gallery_slide .slide.slick-current .img{height: 280px;}
	.gallery .gallery_slide .slide .txt{margin-top: 10px;}
	.gallery .gallery_slide .slide.slick-current .txt{font-size: 18px;}
	.gallery .control{left: auto; right: 2%; bottom: auto; top: 20px; text-align: center;}

	/* Academics */
	.academics::after{font-size: 70px; top: -10px;}
	.academics::before{height: 600px;}
	.academics h2{font-size: 24px;}
	.academics_wrap{margin: 20px auto 50px;}
	.academics .academics_slide .img{height: 280px;}
	.academics .academics_slogan .slogan .tit{font-size: 20px; max-height: 52px; margin-bottom: 10px;}
	.academics .academics_slogan .slogan .txt{font-size: 14px; max-height: 62px;}
	.academics .control{width: 140px; line-height: 40px; left: auto; right: 0;}
	.academics .slick-arrow.btn_prev{left: 10px;}
	.academics .slick-arrow.btn_next{right: 10px;}
	.academics .academics_slogan{padding: 25px 25px 65px 25px; background-size: 150px;}

	/* 학과생활 */
	.campus h2{font-size: 24px;}
	.campus::before{font-size: 70px;}
	.campus ul li .bg img{width: 80px;}

	/* 동영상 */
	.movie h2{font-size: 24px;}
	.movie .movie_box .img{height: 300px;}
}

@media (max-width:480px){
	/* 메인비주얼 */
	.main_visual .slide .img{height: 250px;}
	.main_visual .visual_wrap{width: calc(100% - 50px);}
	.main_visual .visual_slide{box-shadow: 3px 3px 10px #666;}
	.main_visual .slick-arrow.btn_prev{width: 70px; left: -15px;}
	.main_visual .slick-arrow.btn_next{width: 70px; right: -15px;}
	.main_visual .slick-arrow::before{width: 50px;}
	.main_visual .slide .slogan .txt1{font-size: 40px;}


	/* 갤러리 */
	.gallery::before{height: 270px;}
	.gallery .tit{width: calc(100% - 135px);}
	.gallery .control a{width: 40px; height: 40px; line-height: 40px;}
	.gallery .gallery_slide .slide{height: 280px;}
	.gallery .gallery_slide .slide.slick-current .img{height: 230px;}
	.gallery .gallery_slide .slide .img{height: 170px;}

	/* Academics */
	.academics::after{font-size: 60px;}
	.academics_wrap{margin: 10px auto 50px;}
	.academics .academics_slide{width: 95%;}
	.academics .academics_slide .img{height: 240px;}
	.academics .academics_slogan .slogan .txt{display: none;}

	/* 학과생활 */
	.campus::before{font-size: 60px; top: -15px;}
	.campus ul li a{padding: 10px; height: 120px;}
	.campus ul li div{height: 100px;}
}

@media (max-width:380px){
	/* 메인비주얼 */
	.main_visual .slide .img{height: 220px;}
	.main_visual .slide .slogan .txt1{font-size: 32px;}
	.main_visual .slide .slogan .txt2{font-size: 18px;}
	.main_visual .slick-arrow{font-size: 12px; width: 50px;}
	.main_visual .slick-arrow::before{width: 40px; height: 2px;}
	.main_visual .slick-arrow.btn_prev{width: 50px;}
	.main_visual .slick-arrow.btn_next{width: 50px;}
	.main_visual .slick-arrow.btn_next::before{right: 8px;}
	.main_visual .slick-arrow.btn_prev::before{left: 8px;}
	.main_visual .slick-dots{bottom: 20px;}
	.main_visual .control{bottom: 17px;}
	.main_visual .visual_wrap::before{width: 140px; height: 150px;}

	/* 바로가기 */
	.m_link1 h2{font-size: 20px;}
	.m_link1 ul li .img{height: 110px;}
	.m_link1 ul li .txt{font-size: 15px;}

	/* 갤러리 */
	.gallery .tit h2{font-size: 24px;}
	.gallery .tit p{font-size: 13px; line-height: 1.5;}
	.gallery .slick-counter{margin-bottom: 10px;}
	.gallery .gallery_slide .slide{height: 250px;}
	.gallery .gallery_slide .slide.slick-current .txt{font-size: 17px;}
	.gallery .gallery_slide .slide.slick-current .img{height: 210px;}
	.gallery::before{height: 230px;}

	/* Academics */
	.academics::after{font-size: 50px;}
	.academics::before{height: 300px; top: -200px;}
	.academics h2{font-size: 22px; margin-bottom: 10px;}
	.academics .academics_slide .img{height: 210px;}
	.academics .academics_slogan{padding: 15px 15px 45px 15px; background-size: 120px; border-radius: 30px 0;}
	.academics .academics_slogan .slogan .tit{font-size: 17px; max-height: 45px;}
	.academics .control{line-height: 35px;}

	/* 학과생활 */
	.campus h2{font-size: 20px;}
	.campus::before{font-size: 50px; top: -5px;}
	.campus ul li div p{font-size: 14px;}

	/* 동영상 */
	.movie h2{font-size: 20px;}
	.movie .movie_box .img{height: 250px;}
	.movie .movie_box .box::before{width: 60px; height: 45px;}
}

@media (max-width:320px){
	/* 메인비주얼 */
	.main_visual .slide .img{height: 200px;}
	.main_visual .slick-arrow::before{width: 30px;}
	.main_visual .slide .slogan .txt2{font-size: 17px;}

	/* 바로가기 */
	.m_link1 h2{margin-bottom: 10px;}
	.m_link1 ul li .txt{font-size: 14px;}

	/* 갤러리 */
	.gallery .tit h2{font-size: 22px;}
	.gallery .control a{width: 35px; height: 35px; line-height: 35px;}
	.gallery .gallery_slide .slide.slick-current .txt{font-size: 15px;}

	/* Academics */
	.academics h2::after{width: 9px; height: 9px;}
	.academics h2{font-size: 20px;}

	/* 학과생활 */
	.campus h2{font-size: 18px; margin-bottom: 10px;}

	/* 동영상 */
	.movie h2{font-size: 18px; margin-bottom: 10px;}
	.movie .btn_more{top: 0;}
	.movie .movie_box .img{height: 230px;}
}
