@charset "utf-8";


/*슬로건*/
#menu8661_obj59{position:absolute;top:calc(50% - 160px) !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.slogan{text-align:center;color:#FFF;word-break:keep-all;}
.slogan .p_1{font-size:50px;font-family:'Noto Bold';line-height:1;}
.slogan .p_2{font-size:30px;padding-top:20px;line-height:1.5;}
.slogan a{display:inline-block;background:#007d77;color:#FFF;padding:15px 50px;border-radius:30px;margin-top:30px;}
@media all and (max-width:1600px){
	#menu8661_obj59{width:94% !important;left:3% !important;margin-left:0 !important;}
}
@media all and (max-width:1024px){
	.slogan .p_1{font-size:35px;}
	.slogan .p_2{font-size:16px;}
	.slogan a{padding:10px 30px;}
}


/*common*/
._obj{word-break:keep-all;}
#multipleDiv_templet_depart_01_23{background:url(/sites/templet_depart_01/images/bg_1.jpg) center top no-repeat;}
#multipleContentsDiv_templet_depart_01_23{max-width:1600px;margin: 0 auto;overflow:hidden;padding:70px 0;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_depart_01_23{max-width:96%;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_templet_depart_01_23{padding:30px 0;}
}


/*메인일정*/
.templet_depart_01 .main_schedule_basic{background:url(/sites/templet_depart_01/images/miniSche_bg.jpg) no-repeat center;background-size:cover;padding:30px;}
.templet_depart_01 .main_schedule_basic h2{color:#FFF;font-size:30px;}
.templet_depart_01 .main_schedule_basic .monthDate span{color:#FFF;}
.templet_depart_01 .main_schedule_basic .monthDate a{background:url(/sites/style_guide/images/common/arrow_3_w.png) no-repeat center;}
.templet_depart_01 .main_schedule_basic .noData{color:#FFF;}


/*연락처*/
.contact{height:100%;border-top:2px solid #222;border-bottom:1px solid #bcbcbc;padding:15px 0;background:#FFF;}
.contact dt{font-size:24px;color:#666;font-family:'Noto Medium';}
.contact dd{color:#3e466e;display:flex;align-items:center;line-height:1.1;padding:15px 0;}
.contact dd span{font-size:32px;font-family:'Noto Bold';margin-left:20px;}
.contact dd span i{font-size:18px;font-family:'Noto Regular';display:block;}
.contact p{font-size:16px;color:#888;font-family:'Noto Light';}


/*배너1*/
.ban_1{height:100%;padding:30px;position:relative;overflow:hidden;word-break:keep-all;}
.ban_1::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(/sites/templet_depart_01/images/bg_2.jpg) no-repeat center;background-size:cover !important;}
.ban_1::after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:10px;left:10px;}
.ban_1 a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;position:relative;z-index:1;font-family:'Noto Regular';color:#FFF;text-align:center;}
.ban_1 a strong{font-size:18px;padding-top:10px;}


/*배너2*/
.ban_2{height:100%;word-break:keep-all;}
.ban_2 a{display:flex;align-items:center;margin:20px 0;width:100%;}
.ban_2 a span{font-family:'Noto Regular';font-size:18px;padding-left:20px;}
@media all and (max-width:1280px){
	.ban_2{display:flex;justify-content:space-between;}
	.ban_2 a{display:flex;flex-direction:column;}
}
@media all and (max-width:1024px){
	.ban_2 a{margin:10px 0;}
	.ban_2 a span{font-size:16px;padding:10px 0 0 0;}
}
@media all and (max-width:768px){
	.ban_2{flex-wrap:wrap;}
	.ban_2 a{width:50%;}
}


/*배너3*/
.ban_3{height:100%;word-break:keep-all;}
.ban_3 h3{font-family:'Noto Regular';font-size:22px;padding-bottom:20px;}
.ban_3 .wrap{display:flex;justify-content:space-between;padding:15px;}
.ban_3 a{display:block;width:31%;padding:40px;background:#FFF;box-shadow:0 0 15px 0px #cfd2ff;}
.ban_3 a strong{font-family:'Noto Medium';font-size:26px;display:block;}
.ban_3 a strong::after{content:"";display:block;width:50px;height:2px;background:#385eeb;margin:10px 0 20px 0;}
.ban_3 a span{font-family:'Noto Regular';font-size:18px;display:block;}
@media all and (max-width:1280px){
	.ban_3 a{width:32.5%;padding:25px;}
	.ban_3 a strong{font-size:22px;}
	.ban_3 a span{font-size:16px;}
}
@media all and (max-width:768px){
	.ban_3 .wrap{flex-direction:column;}
	.ban_3 h3{text-align:center;}
	.ban_3 a{width:100%;margin:10px 0;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.ban_1:hover::before{transform:scale(1.1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_2 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_3 a:hover{box-shadow:1px 1px 10px #dbe3ff;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}