@charset "utf-8";


/*슬로건*/
#menu3335_obj45{position:absolute;top:200px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.slogan{word-break:keep-all;line-height:1.2;text-shadow:0 0 5px #000;}
.slogan .p_1{font-size:25px;color:#FFF;font-family:'Noto Thin';}
.slogan .p_2{font-size:49px;color:#FFF;padding:20px 0;font-family:'Noto Thin';}
.slogan .p_2 strong{font-family:'Noto Medium';}
.slogan .p_3{font-size:20px;color:#FFF;}
@media all and (max-width:1600px){
	#menu3335_obj45{width:92% !important;left:4% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
	#menu3335_obj45{top:70px !important;}
	.slogan .p_1{font-size:18px;}
	.slogan .p_2{font-size:30px;}
	.slogan .p_3{font-size:16px;}
}


/*common*/
.mainTitle{font-size:44px;font-family:'Noto Bold';line-height:1 !important;}
#multipleDiv_graduate_22{background:url(../../images/main/bg_1.jpg) no-repeat center 60px;margin-top:-130px;}
#multipleDiv_graduate_23{background:#f5f5f5;}
#multipleDiv_graduate_24{background:url(../../images/main/bg_2.jpg) no-repeat center;}
#multipleContentsDiv_graduate_22,
#multipleContentsDiv_graduate_23,
#multipleContentsDiv_graduate_24,
#multipleContentsDiv_graduate_25{max-width:1600px;margin: 0 auto;overflow:hidden;}
#multipleContentsDiv_graduate_22{padding:100px 0 50px 0;}
#multipleContentsDiv_graduate_24{padding:100px 0;}
#multipleContentsDiv_graduate_25{padding-bottom:100px;}
#multipleContentsDiv_graduate_25::after{content:"";display:block;width:400px;height:237px;background:url(../../images/main/ci.png) no-repeat center top;position:absolute;bottom:100px;left:50%;margin-left:-200px;}
@media all and (max-width:1600px){
	#multipleContentsDiv_graduate_22,
	#multipleContentsDiv_graduate_23,
	#multipleContentsDiv_graduate_24,
	#multipleContentsDiv_graduate_25{max-width:96%;}
}
@media all and (max-width:1024px){
	.mainTitle{font-size:34px;}
	#multipleContentsDiv_graduate_22{padding:50px 0;}
	#multipleContentsDiv_graduate_24{padding:50px 0;}
	#multipleContentsDiv_graduate_25{padding-bottom:50px;}
	#multipleContentsDiv_graduate_25::after{display:none;}
}
@media all and (max-width:768px){
	.mainTitle{font-size:25px;}
	#multipleContentsDiv_graduate_22{padding:30px 0;}
	#multipleContentsDiv_graduate_24{padding:30px 0;}
	#multipleContentsDiv_graduate_25{padding-bottom:30px;}
}


/*최신글*/
.rct_txt{font-size:35px;color:#000;font-family:'Noto Light';padding:80px 0 20px 0;}
@media all and (max-width:1024px){
	.rct_txt{font-size:25px;}
}


/*배너1*/
#menu3335_obj91{position:absolute;top:0 !important;right:0 !important;z-index:1;}
.ban_1{display:flex;justify-content:space-between;width:520px;word-break:keep-all;}
.ban_1 a{display:flex;flex-direction:column;justify-content:space-between;width:250px;height:250px;padding:40px 25px;line-height:1.2;color:#FFF;background:url(../../images/main/main_link_bg.jpg) no-repeat center;background-size:cover;}
.ban_1 a .con_1{font-size:25px;}
.ban_1 a .con_1 strong{display:block;font-family:'Noto Medium';}
.ban_1 a .con_2{font-size:16px;}
.ban_1 a .con_2 span{display:block;}
.ban_1 a::after{content:"";display:block;width:22px;height:12px;background:url(/sites/style_guide/images/common/arrow_11_w.png) no-repeat center;}
@media all and (max-width:1024px){
	#menu3335_obj91{position:relative;top:auto !important;right:auto !important;}
	.ban_1{width:100%;}
	.ban_1 a{width:48%;height:200px;padding:20px 30px;}
}
@media all and (max-width:480px){
	.ban_1{flex-wrap:wrap;}
	.ban_1 a{width:100%;height:200px;margin:1% 0;}
}


/*배너2*/
.ban_2{background:url(../../images/main/link_bg.jpg) no-repeat center;background-size:cover;padding:10px 60px;margin-top:0;}
.ban_2 > div{display:flex;align-items:center;justify-content: space-around;flex-wrap: wrap;}
.ban_2 a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:115px;height:115px;padding:5px;background:#1e61af;border-radius:100%;margin:15px;} /* 아이콘 크기 조정 */
.ban_2 a .img_b{display:none;}
.ban_2 a p{font-size:15px;text-align:center;line-height:1.1;padding-top:5px;color:#FFF;}
.ban_2 a p span{display:block;}
@media all and (max-width:1500px){
	.ban_2 a{width:120px;height:120px;border-radius:5px;margin:15px 5px;}
}
@media all and (max-width:1024px){
	.ban_2{padding:20px;margin-top:20px;}
	.ban_2 > div{flex-wrap:wrap;}
	.ban_2 a{height:100px;width:48%;margin:1%;}
}
@media all and (max-width:420px){
	.ban_2 a{height:auto;width:100%;margin:1% 0;}
	.ban_2 a{flex-direction:row;justify-content:flex-start;}
	.ban_2 a img{max-width:40px;margin-right:10px;}
	.ban_2 a p{padding-top:0;text-align:left;}
}


/*배너3*/
.ban_3{height:100%;background:url(../../images/main/ban_bg.jpg) no-repeat center;background-size:cover;padding:30px;display:flex;flex-direction:column;justify-content:center;}
.ban_3 a{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}
.ban_3 a.a_1{}
.ban_3 a div,
.ban_3 a p{border-bottom:1px solid rgba(255,255,255,0.5);padding:30px 15px;height:100%;}
.ban_3 a div{width:100px;}
.ban_3 a p{width:calc(100% - 150px);font-size:24px;color:#FFF;}
.ban_3 a p span{display:block;font-size:16px;color:#babdc4;font-family:'Noto Light';}
@media all and (max-width:1024px){
	.ban_3 a p{width:calc(100% - 110px);font-size:22px;}
}
@media all and (max-width:768px){
	.ban_3{padding:20px;}
	.ban_3 a{border-bottom:1px solid rgba(255,255,255,0.5);}
	.ban_3 a div,
	.ban_3 a p{border-bottom:0;padding:15px;}
	.ban_3 a div{width:50px;padding:0;}
	.ban_3 a div img{max-width:40px;}
	.ban_3 a p{width:calc(100% - 60px);font-size:18px;}
}



/*HOVER****************************************/
@media all and (min-width:1025px) {
	.ban_2 a:hover .img_w{display:none;}
	.ban_2 a:hover .img_b{display:block;}
	.ban_2 a:hover{background:rgba(255,255,255,0.8);}
	.ban_2 a:hover p{color:#000;}

	.ban_3 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}





/* 임시 테스트용 */
/*Graduate Program************************************************************/
.graduateProgram{display:flex;justify-content:space-between;}
.graduateProgram div{width:15%;}
.graduateProgram a{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;width:100%;height:370px;padding:80px 45px;position:relative;}
.graduateProgram img{position:relative;}
.graduateProgram span{display:block;color:#000;font-family:'Noto Medium';font-size:18px;line-height:1.3;word-break:keep-all;position:relative;}
.graduateProgram a::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#FFF;}
.graduateProgram a::after{content:"";display:block;width:100%;height:25px;background:url(../../images/main/graduateProgram_arrow_1.png) center no-repeat;position:relative;}
@media only screen and (max-width:1280px){
	.graduateProgram div{width:16%;}
	.graduateProgram a{height:300px;padding:25px;}
}
@media only screen and (max-width:1024px){
	.graduateProgram{flex-wrap:wrap;}
	.graduateProgram div{width:100%;}
	.graduateProgram a{flex-direction:row;justify-content:flex-start;text-align:left;height:auto;padding:15px 25px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.3);}
	.graduateProgram img{max-width:50px;margin-right:20px;}
	.graduateProgram a::after{display:none;}
	.graduateProgram span{margin:0;}
}

/* 임시 테스트용 */
/*MAIN BAN************************************************************/
.main_ban{display:flex;justify-content:space-between;background:url(../../images/main/main_ban_bg.jpg) center no-repeat;}
.main_ban div{width:20%;}
.main_ban a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:520px;padding:50px;position:relative;background:rgba(10,62,161,0.8);border-right:1px solid rgba(255,255,255,0.3);}
.main_ban a.a_5{border:0;}
.main_ban span{display:block;color:#FFF;font-family:'Noto Medium';font-size:18px;line-height:1.3;word-break:keep-all;margin:30px 0;}
.main_ban a::after{content:"";display:block;width:100%;height:25px;background:url(../../images/main/graduateProgram_arrow_3.png) center no-repeat;}
@media only screen and (max-width:1280px){
	.main_ban a{height:300px;padding:25px;}
}
@media only screen and (max-width:768px){
	.main_ban{flex-wrap:wrap;}
	.main_ban div{width:100%;}
	.main_ban a{flex-direction:row;justify-content:flex-start;text-align:left;height:auto;padding:15px 25px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.3);}
	.main_ban img{max-width:50px;margin-right:20px;}
	.main_ban a::after{display:none;}
	.main_ban span{margin:0;}
}