@charset "utf-8";


/*Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/*{font-family: 'Montserrat', sans-serif;}*/


/*common*/
#multipleDiv_templet_org_01_7{background:url(/sites/templet_org_01/images/bg_1.jpg) no-repeat center 80px;background-size:cover;}
#multipleContentsDiv_templet_org_01_7{max-width:1600px;margin: 0 auto;overflow:hidden;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_org_01_7{max-width:96%;}
}


/*비주얼슬로건*/
#menu290_obj1592{position:absolute;top:50px;left:3%;}
.slogan{line-height:1.1;}
.slogan .p_1{font-size:45px;color:#FFF;font-weight:500;}
.slogan .p_1 span{color:#91d2e5;}
.slogan .p_2{font-size:25px;color:#FFF;font-weight:500;margin-top:20px;}
@media only screen and (max-width:1280px){
	.slogan .p_1{font-size:35px;}
}
@media only screen and (max-width:768px){
	.slogan .p_1{font-size:30px;}
	.slogan .p_2{font-size:20px;}
}

/*메인일정*/
.templet_org_01 .main_schedule_basic{background:rgba(255,255,255,0.8);padding:30px;}

/*배너1*/
.ban_1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.ban_1 a{display:flex;flex-direction:column;justify-content:center;align-items:center;height:228px;width:100%;background:rgba(208,217,233,0.8);}
.ban_1 a img{}
.ban_1 a span{display:inline-block;font-size:20px;font-family:'Noto Light';padding:20px 0 10px 0;line-height:1.1;color:#0c2c67;border-bottom:1px solid #0c2c67;}
@media all and (max-width:1024px){
	.ban_1 a{height:auto;padding:20px 0;}
	.ban_1 a img{max-width:40px;}
	.ban_1 a span{font-size:18px;}
}


/*배너2*/
.ban_2{height:100%;position:relative;}
.ban_2 div{}
.ban_2 div img{width:100%;}
.ban_2 a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}


/*배너3*/
.ban_3{display:flex;justify-content:center;}
.ban_3 a{display:inline-block;text-align:center;border-right:1px solid #DDD;padding:0 5%;}
.ban_3 a img{}
.ban_3 a span{display:block;font-size:18px;padding:10px 5px;line-height:1.1;}
.ban_3 a:last-child{border-right:0;}
@media only screen and (max-width:1280px){
	.ban_3{flex-wrap:wrap;}
	.ban_3 a{width:48%;margin:1%;border-right:0;}
}

/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.ban_2:hover div img{transform:scale(1.1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_1 a.a_1:hover{background:rgba(208,217,233,1);}
	.ban_1 a.a_2:hover{background:rgba(0,125,119,1);}
}