@charset "utf-8";

/*COMMON*/
#section2,
#multipleDiv_template3_11{background:#f2f2f2;}
#multipleContentsDiv_template3_10,
#multipleContentsDiv_template3_11,
#multipleContentsDiv_template3_12{max-width:calc(95% - 300px);margin:0 0 0 300px !important;overflow:hidden;}
#multipleContentsDiv_template3_10,
#multipleContentsDiv_template3_11{padding:80px 0;}
@media all and (max-width:1280px){
	#multipleContentsDiv_template3_10,
	#multipleContentsDiv_template3_11,
	#multipleContentsDiv_template3_12{max-width:90%;margin:0 auto !important;}
	#multipleContentsDiv_template3_10,
	#multipleContentsDiv_template3_11{padding:100px 0;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_template3_10,
	#multipleContentsDiv_template3_11{padding:50px 0;}
}


/********************
슬로건
********************/
#menu1813_obj239{position:absolute;left:5%;top:0;width:90% !important;height:calc(100% - 70px) !important;display:flex;align-items:center;justify-content:flex-end;}
.wrap_slogan{color:#FFF;text-align:right;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-family:'Noto Medium';font-size:55px;letter-spacing:-2px;line-height:1.3;}
.wrap_slogan .text_2{font-family:'Noto Light';font-size:30px;padding-top:10px;line-height:1.2;}
@media all and (max-width:1280px){
	#menu1813_obj239{top:70px;height:calc(100% - 140px) !important;justify-content:center;}
}
@media all and (max-width:768px){
	#menu1813_obj239{top:80px;height:calc(100% - 150px) !important;}
	.wrap_slogan{text-align:center;}
	.wrap_slogan .text_1{font-size:30px;letter-spacing:-1px;}
	.wrap_slogan .text_2{font-size:18px;}
}
/*애니메이션*/
.wrap_slogan .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_1{animation-name:slogan_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes slogan_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes slogan_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}


/********************
타이틀
********************/
.mainTitle{padding-bottom:20px;font-size:40px;line-height:0.8;letter-spacing:-2px;}
.mainTitle strong{font-family:'Noto Regular';}
.mainTitle span{color:#222;font-family:'Noto Bold';}
@media all and (max-width:1280px){
	.mainTitle{font-size:30px;}
}
@media all and (max-width:768px){
	.mainTitle{font-size:25px;}
}


/********************
INFO
********************/
.wrap_banner{height:100%;padding:0 50px 50px 50px;border-left:10px solid #8b0029;border-bottom:10px solid #8b0029;}
.wrap_banner h2 span{color:#8b0029;}
.wrap_banner .wrap{margin-top:50px;}
.wrap_banner .wrap a{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border:1px solid #6d6d6d;margin:10px 0;transition:0.5s;}
.wrap_banner .wrap a span{font-size:18px;font-family:'Noto Medium';line-height:1;}
.wrap_banner .wrap a::after{content:"";display:block;width:15px;height:7px;background:url(../../images/arrow_1.png) no-repeat center;opacity:0.8;}
.wrap_banner .wrap a.a_1{background:#7d7776;border-color:#7d7776;}
.wrap_banner .wrap a.a_1::after{filter: invert(1) brightness(10);}
.wrap_banner .wrap a.a_1 span{color:#FFF;}
.wrap_banner .wrap a.a_2 span{color:#222;}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_banner .wrap a.a_1:hover{background:#FFF;border-color:#6d6d6d;}
	.wrap_banner .wrap a.a_1:hover span{color:#222;}
	.wrap_banner .wrap a.a_1:hover::after{filter: invert(0) brightness(0);}
	.wrap_banner .wrap a.a_2:hover{background:#7d7776;border-color:#7d7776;}
	.wrap_banner .wrap a.a_2:hover span{color:#FFF;}
	.wrap_banner .wrap a.a_2:hover::after{filter: invert(1) brightness(10);}
}
@media all and (max-width:1280px){
	.wrap_banner{padding:0 30px 30px 30px;}
	.wrap_banner .wrap a{padding:15px;}
	.wrap_banner .wrap a span{font-size:16px;}
}
@media all and (max-width:768px){
	.wrap_banner{padding:0 20px 20px 20px;border-width:7px;}
	.wrap_banner .wrap{margin-top:20px;}
	.wrap_banner .wrap a{padding:12px 15px;}
}