@charset "utf-8";


/*header*/
@media (min-width: 1281px){
	header{height:70px;}
	header .area_2 {background:rgba(0,0,0,0.3);}
	.head_navi nav .a_1{color:#FFF;}
	.head_navi nav .a_1:hover{color:#FFF;}
	.head_navi nav .a_1:hover::before{background:#FFF;}
	.fix .head_navi nav .a_1{color:#666;}
	.fix .head_navi nav .a_1:hover{color:#666;}
}


/*common*/
._obj{word-break:keep-all;}
#multipleDiv_templet_depart_03_7{background:url(/sites/templet_depart_03/images/bg_1.jpg) no-repeat center;background-size:cover;}
#multipleContentsDiv_templet_depart_03_7,
#multipleContentsDiv_templet_depart_03_8{max-width:1600px;margin:0 auto;overflow:hidden;padding:50px 0;}
@media only screen and (max-width:1600px){
	#multipleContentsDiv_templet_depart_03_7,
	#multipleContentsDiv_templet_depart_03_8{max-width:94%;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_templet_depart_03_7,
	#multipleContentsDiv_templet_depart_03_8{padding:30px 0;}
}



/*슬로건*/
#menu2128_obj37{position:absolute;top:35% !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.slogan{text-align:center;color:#FFF;word-break:keep-all;line-height:1.1;}
.slogan .p_1{font-size:30px;line-height:1;}
.slogan .p_2{font-size:50px;font-family:'Noto Bold';padding-top:20px;}
.slogan .p_3{font-size:25px;padding-top:20px;}
@media only screen and (max-width:1600px){
	#menu2128_obj37{width:94% !important;left:3% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
	#menu2128_obj37{top:25% !important;}
	.slogan .p_1{font-size:20px;}
	.slogan .p_2{font-size:30px;}
	.slogan .p_3{font-size:18px;}
}


/*배너1*/
.ban_1{display:flex;justify-content:space-between;padding:20px;height:100%;}
.ban_1 a{display:block;text-align:center;}
.ban_1 a span{display:block;padding-top:20px;color:#274164;font-family:'Noto Regular';}


/*배너2*/
.ban_2{height:100%;line-height:1;position:relative;padding:40px;padding-top:80px;display:flex;align-items:center;justify-content:center;}
.ban_2::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:5px solid #0047bd;}
.ban_2 h3{font-size:30px;font-family:'Noto Bold';color:#BBB;background:#FFF;padding:0 30px 30px 0;position:absolute;left:0;top:0;}
.ban_2 h3 span{display:block;}
.ban_2 h3 i{color:#d4b572;}
.ban_2 div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}
.ban_2 div a{width:50%;height:50%;display:flex;align-items:center;justify-content:center;padding:25px;}
.ban_2 div a span{padding-left:20px;font-size:20px;font-family:'Noto Light';}
.ban_2 div a.a_1,
.ban_2 div a.a_2{border-bottom:1px solid #EEE;}
.ban_2 div a.a_1,
.ban_2 div a.a_3{border-right:1px solid #EEE;}
@media all and (max-width:768px){
	.ban_2 h3{font-size:25px;}
	.ban_2 div a{padding:15px;}
	.ban_2 div a span{font-size:16px;}
}
@media all and (max-width:480px){
	.ban_2 div a{flex-direction:column;}
	.ban_2 div a span{padding-left:0;padding-top:10px;}
}


/*배너3*/
.ban_3{height:100%;border:1px solid #CCC;padding:40px;}
.ban_3 dt{font-size:20px;font-family:'Noto Bold';color:#222;}
.ban_3 dd{padding-top:20px;}
.ban_3 dd strong{display:block;font-size:35px;font-family:'Noto Bold';color:#444;}
.ban_3 dd span{display:block;font-size:20px;font-family:'Noto Regular';color:#444;}
.ban_3 img{position:absolute;top:40px;right:40px;}
.ban_3 div{display:flex;align-items:center;justify-content:center;margin-top:30px;padding-top:30px;border-top:1px dotted #CCC;}
.ban_3 div a{width:50%;text-align:center;}
.ban_3 div a:first-child{border-right:1px dotted #CCC;}
@media all and (max-width:768px){
	.ban_3 dd strong{font-size:25px;}
	.ban_3 dd span{font-size:18px;}
	.ban_3 img{max-width:40px;}
}


/*배너4*/
.ban_4{height:100%;}
.ban_4::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sites/templet_depart_03/images/bg_2.jpg) no-repeat center;background-size:cover;}
.ban_4 a{display:block;padding:40px;color:#FFF;line-height:1.2;position:relative;width:100%;height:100%;}
.ban_4 a h3{font-size:16px;font-family:'Noto Regular';margin-bottom:30px;font-family: 'Titillium Web', sans-serif;font-weight:600;}
.ban_4 a p{font-size:30px;font-family:'Noto Regular';}
.ban_4 a p span{display:block;}
.ban_4 a img{position:absolute;left:40px;bottom:40px;}
@media all and (max-width:768px){
	.ban_4 a p{font-size:22px;}
	.ban_4 a p span{display:inline;}
	.ban_4 a img{position:relative;left:auto;bottom:auto;margin-top:20px;}
}


/*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 div a:hover img{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_3:hover::before{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.ban_4:hover::before{transform:scale(1.2);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}