@charset "utf-8";


/*header*/
@media all and (min-width:1281px){
	header .area_1{background:#FFF;}
	header .area_2{background:transparent;}
	.head_navi nav .a_1{color:#FFF;}
	.head_navi nav .a_1:hover{color:#FFF;}
	.fix .head_navi nav .a_1{color:#666;}
	.fix .head_navi nav .a_1:hover{color:#666;}
}


/*common*/
body::before{content: "";display:block;width:100%;height:603px;position:absolute;top:70px;left:0;background:url(/sites/templet_depart_02/images/bg_1.jpg) no-repeat center top;}
#multipleContentsDiv_templet_depart_02_6{max-width:1600px;margin: 0 auto;overflow:hidden;}
#multipleContentsDiv_templet_depart_02_7,
#multipleContentsDiv_templet_depart_02_8,
#multipleContentsDiv_templet_depart_02_9{max-width:1600px;margin: 0 auto;overflow:hidden;padding:25px 0;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_depart_02_6{max-width:100%;}
	#multipleContentsDiv_templet_depart_02_7,
	#multipleContentsDiv_templet_depart_02_8,
	#multipleContentsDiv_templet_depart_02_9{max-width:96%;}
}


/*슬로건*/
#menu5650_obj42{position:absolute;top:30% !important;width:100% !important;left:0 !important;}
.slogan{word-break:keep-all;}
.slogan .p_1{font-size:70px;color:#00409a;font-family:'Noto Bold';line-height:1;}
.slogan .p_1 span{display:block;}
.slogan .p_2{font-size:30px;color:#222;font-family:'Noto Medium';line-height:1;padding-top:30px;}
@media all and (max-width:1600px){
	.slogan{padding:0 4%;}
}
@media all and (max-width:1280px){
	.slogan .p_1{font-size:60px;}
}
@media all and (max-width:1024px){
	.slogan{text-shadow:0 0 5px #000;}
	.slogan .p_1{color:#FFF;}
	.slogan .p_2{color:#FFF;}
}
@media all and (max-width:768px){
	.slogan{text-align:center;}
	.slogan .p_1{font-size:35px;}
}


/*메인일정*/
#schdulMain{background:#f4f4f4;padding:25px;}


/*바로가기1*/
.ban_1{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.ban_1 a{display:flex;justify-content:space-between;align-items:center;background:#FFF;padding:20px 40px;min-height:140px;border:1px solid #DDD;}
.ban_1 a span{font-size:20px;font-family:'Noto Medium';}
.ban_1 a span i{display:block;font-size:13px;font-family:'Noto Light';padding:5px 0 5px 15px;background:url(/sites/style_guide/images/common/arrow_14_w.png) no-repeat left center;}
@media all and (max-width:1280px){
	.ban_1{flex-direction:row;}
	.ban_1 a{width:49.5%;}
}
@media all and (max-width:768px){
	.ban_1{flex-direction:column;}
	.ban_1 a{width:100%;margin:0.5% 0;}
}


/*바로가기2*/
.ban_2{height:100%;background:url(/sites/templet_depart_02/images/bg_2.jpg) no-repeat center;background-size:cover;padding:40px;border:1px solid #DDD;}
.ban_2 h3{font-size:20px;font-family:'Noto Medium';display:inline-block;border-bottom:1px solid #888;padding-bottom:10px;margin-bottom:10px;}
.ban_2 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ban_2 ul li{width:50%;}
.ban_2 ul li a{display:block;position:relative;padding:5px 15px;}
.ban_2 ul li a::before{content:"";display:block;width:8px;height:8px;background:#DDD;border-radius:100%;position:absolute;top:24px;left:0;}
.ban_2 ul li a span{display:inline-block;font-size:17px;font-family:'Noto Regular';padding-top:10px;}
.ban_2 ul li a span::after{content:"";display:block;width:0;height:2px;background:#888;margin-top:3px;}
@media all and (max-width:1280px){
	.ban_2{background:none;padding:0px;border:0;}
	.ban_2 ul li{width:24%;margin:0.5%;}
	.ban_2 ul li a{border:1px solid #DDD;padding:10px;text-align:center;}
	.ban_2 ul li a::before{display:none;}
	.ban_2 ul li a span{padding-top:0;}
	.ban_2 ul li a span::after{display:none;}
}
@media all and (max-width:768px){
	.ban_2 ul li{width:49%;}
}
@media all and (max-width:420px){
	.ban_2 ul li{width:100%;margin:1% 0;}
}


/*학과안내*/
.intro_link{height:100%;background:url(/sites/templet_depart_02/images/bg_3.jpg) no-repeat right center;}
.intro_link h3{color:#000;font-size:20px;font-family:'Noto Medium';margin-bottom:20px;}
.slider_1{background:#f4f4f4;padding:25px;width:70%;position:relative;}
.slider_1 a{display:block;}
.slider_1 a span{display:block;width:125px;height:125px;position:relative;margin:0 auto;}
.slider_1 a span img{border-radius:100%;}
.slider_1 a span::before{content:"";display:block;width:30px;height:30px;border-radius:100%;background:#FFF url(/sites/style_guide/images/common/plus_1_b.png) no-repeat center;position:absolute;bottom:-15px;left:50%;margin-left:-15px;}
.slider_1 a strong{display:block;font-size:17px;font-family:'Noto Regular';padding-top:25px;text-align:center;}
.slider_1 .prev,
.slider_1 .next{display:inline-block;width:40px;height:40px;background:url(/sites/style_guide/images/common/arrow_3_b.png) no-repeat center;position:absolute;top:-40px;text-indent:-9999px;}
.slider_1 .prev{right:120px;transform:rotate(180deg);}
.slider_1 .next{right:80px;}
@media all and (max-width:1024px){
	.slider_1{width:100%;}
	.slider_1 a span{width:100px;height:100px;}
	.slider_1 .prev,
	.slider_1 .next{background:url(/sites/style_guide/images/common/arrow_6_b.png) no-repeat center;top:calc(50% - 40px);filter:alpha(opacity=70);opacity:0.7;}
	.slider_1 .prev{right:auto;left:0;}
	.slider_1 .next{right:0;}
}
@media all and (max-width:768px){
	.intro_link{background:none;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.ban_1 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_2 ul li a:hover span::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.slider_1 a:hover span::before{background:#136bb8 url(/sites/style_guide/images/common/plus_1_w.png) no-repeat center;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.slider_1 a:hover{border-color:#266ed4;color:#266ed4;}
}
