@charset "UTF-8";

/*바로가기*/
.main_quick{background:#f4f5f5;padding:70px 0;}
.main_quick ul{max-width:1400px;margin:0 auto;overflow:hidden;}
.main_quick li{float:left;width:16%;}
.main_quick a{display:block;text-align:center;font-size:18px;font-family:'Noto Regular';line-height:1.25;padding:0 10px;}
.main_quick a:before{content:"";display:block;margin:0 auto 30px auto;width:105px;height:105px;border-radius:100%;background-color:#FFF;background-position:center;background-repeat:no-repeat;}
.main_quick .li_1 a:before{background-image:url(/images/grad/main/icon_1.png);}
.main_quick .li_2 a:before{background-image:url(/images/grad/main/icon_2.png);}
.main_quick .li_3 a:before{background-image:url(/images/grad/main/icon_3.png);}
.main_quick .li_4 a:before{background-image:url(/images/grad/main/icon_4.png);}
.main_quick .li_5 a:before{background-image:url(/images/grad/main/icon_5.png);}
.main_quick .li_6 a:before{background-image:url(/images/grad/main/icon_6.png);}
.main_quick .li_7 a:before{background-image:url(/images/grad/main/icon_7.png);}
@media all and (min-width:1025px){
	.main_quick a:hover:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	/*
	.main_quick a:hover:before{animation-name:hover;animation-duration:1s;animation-iteration-count:infinite;}
	@keyframes hover{
		0%{background-color:#FFF;}
		50%{background-color:#EEE;}
		100%{background-color:#FFF;}
	}
	*/
}
@media all and (max-width:1400px){
	.main_quick ul{max-width:96%;}
}
@media all and (max-width:1024px){
	.main_quick span{display:block;}
}
@media all and (max-width:768px){
	.main_quick{padding:35px 0;}
	.main_quick a{font-size:15px;}
	.main_quick a:before{margin-bottom:15px;width:70px;height:70px;background-size:30px;}
}
@media all and (max-width:480px){
	.main_quick li{float:none;width:100%;margin-bottom:10px;}
	.main_quick a{box-sizing:border-box;position:relative;text-align:left;padding:13px 0 0 60px;min-height:45px;}
	.main_quick span{display:inline;}
	.main_quick a:before{margin-bottom:0;width:45px;height:45px;background-size:25px;position:absolute;left:0;top:0;}
}

/*전공소개*/
.wrap-major{padding-top:90px;}
.wrap-major:before{content:"";display:block;width:100%;height:50%;background:#298ff5;position:absolute;bottom:0;left:0;}
.wrap-major .wrap-major-slider{max-width:1400px;margin:0 auto;}
.wrap-major .wrap-major-slider li{position:relative;padding:70px 0 50px 260px;}
.wrap-major .wrap-major-slider img{width:405px;height:245px;position:absolute;top:0;left:0;}
.wrap-major .article{position:relative;width:94%;height:245px;padding:30px;box-sizing:border-box;background:#FFF;box-shadow:0 0 20px #888;}
.wrap-major .article .title{color:#000;font-size:30px;font-family:'Noto Medium';line-height:1.1;}
.wrap-major .article .content{margin-top:10px;line-height:1.5;height:75px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.wrap-major .article .more{display:block;font-size:0;width:60px;height:45px;background:url(/images/grad/common/arrow_1_r_b.png) no-repeat right bottom;position:absolute;left:30px;bottom:25px;}
	/*콘트롤*/
	.wrap-major-btn li a{display:block;text-align:center;color:#FFF;font-size:18px;padding:0 15px;}
	.wrap-major-btn li a:before{content:"";display:block;width:5px;height:5px;background:none;margin: 0 auto;border-radius:30px;}
	.wrap-major-btn li.slick-current a:before,
	.wrap-major-btn li.slick-current + .slick-active a:before{background:#FFF;}
	.wrap-major-btn li a:after{content:"";display:block;width:0;height:1px;background:#e4f2ff;}
	.wrap-major button{display:inline-block;cursor:pointer;text-indent:-9999px;}
	.wrap-major .prevnext{display:none;}
	.wrap-major .prevnext button{width:50px;height:50px;position:absolute;top:calc(50% - 25px);z-index:1;}
	.wrap-major .prevnext button.prev{background:rgba( 0,0,0,0.7 ) url(/images/grad/common/arrow_2_r_w.png) no-repeat center;left:0;transform:rotate(180deg);}
	.wrap-major .prevnext button.next{background:rgba( 0,0,0,0.7 ) url(/images/grad/common/arrow_2_r_w.png) no-repeat center;right:0;}
	.wrap-major .control{padding:30px 0;text-align:center;position:relative;}
	.wrap-major .control .playstop,
	.wrap-major .control .paging{display:inline-block;}
	.wrap-major .control .paging li{display:inline-block;}
	.wrap-major .control .paging button{width:30px;height:5px;border-top:1px solid #FFF;text-indent:-9999px;}
	.wrap-major .control .paging .slick-active button{border-top-width:5px;vertical-align:0;}
	.wrap-major .control .playstop button{display:none;width:15px;height:15px;vertical-align:8px;}
	.wrap-major .control .playstop button.on{display:inline-block;}
	.wrap-major .control .playstop button.play{background:url(/images/grad/common/play_2_w.png) no-repeat center;}
	.wrap-major .control .playstop button.stop{background:url(/images/grad/common/pause_2_w.png) no-repeat center;}
@media all and (min-width:1025px){
	.wrap-major .article .more:hover{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap-major-btn li a:hover{color:#e4f2ff;}
	.wrap-major-btn li a:hover:after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:1400px){
	.wrap-major .wrap-major-slider{max-width:96%;}
	.wrap-major .wrap-major-slider li{padding-left:160px;}
	.wrap-major .article .title{font-size:25px;}
}
@media all and (max-width:1024px){
	.wrap-major .wrap-major-slider li{padding-top:0;padding-left:350px;}
	.wrap-major .article{width:100%;box-shadow:none;}
	.wrap-major-btn li.slick-current + .slick-active a:before{background:none;}
	.wrap-major .prevnext{display:block;}
	.wrap-major .control .paging button{width:20px;}
}
@media all and (max-width:768px){
	.wrap-major .wrap-major-slider li{padding-left:300px;}
	.wrap-major .prevnext button{width:35px;height:35px;top:calc(50% - 17.5px);}
}
@media all and (max-width:600px){
	.wrap-major .wrap-major-slider li{padding-left:250px;}
}
@media all and (max-width:480px){
	.wrap-major{padding-top:0;}
	.wrap-major .wrap-major-slider li{padding-left:0;padding-bottom:8px;}
	.wrap-major .wrap-major-slider img{width:100%;height:auto;position:relative;top:auto;left:auto;}
	.wrap-major .article{width:100%;height:auto;padding:20px;}
	.wrap-major .article .title{font-size:20px;}
	.wrap-major .article .more{position:relative;left:auto;bottom:auto;}
	.wrap-major-btn,
	.wrap-major .control{display:none !important;}
}