@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template7_11{max-width:90%;padding:100px 0;}
@media all and (max-width:768px){
	#multipleContentsDiv_template7_11{padding:50px 0;}
}


/********************
슬로건
********************/
#menu11545_obj22{position:absolute;left:5%;top:120px;width:90% !important;height:calc(100% - 190px) !important;display:flex;align-items:center;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-family:'Noto Medium';font-size:45px;letter-spacing:-1px;}
.wrap_slogan .text_2{font-family:'Noto Light';font-size:30px;padding-top:10px;}
@media all and (max-width:1280px){
	#menu11545_obj22{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
	#menu11545_obj22{top:80px;height:calc(100% - 150px) !important;}
	.wrap_slogan .text_1{font-size:30px;}
	.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:50px;}
.mainTitle strong{font-family:'Noto Medium';font-size:50px;letter-spacing:-2px;line-height:1.2;display:block;}
.mainTitle strong::after{content:"";display:block;width:100px;height:2px;background:#000;margin:30px 0;}
.mainTitle p{color:#666;font-family:'Noto Medium';font-size:18px;display:block;padding-top:10px;}
@media all and (max-width:1280px){
	.mainTitle strong{font-size:40px;}
	.mainTitle p{font-size:16px;padding-top:5px;}
	.mainTitle strong::after{display:none;}
}
@media all and (max-width:768px){
	.mainTitle{padding-bottom:30px;}
	.mainTitle strong{font-size:25px;}
	.mainTitle p{font-size:14px;}
}


/********************
바로가기
********************/
.banner_1{height:100%;}
.banner_1 ul{display:flex;justify-content:space-between;}
.banner_1 ul li{width:50%;padding:70px 0;display:flex;justify-content:center;}
.banner_1 ul li.item_1{background:url(../../images/banner_1.jpg) no-repeat center;background-size:cover;}
.banner_1 ul li.item_2{background:url(../../images/banner_2.jpg) no-repeat center;background-size:cover;}
.banner_1 ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.banner_1 ul li a div{color:#FFF;text-align:center;}
.banner_1 ul li a div strong{font-size:28px;font-family:'Noto Medium';padding-bottom:20px;display:block;}
.banner_1 ul li a div span{font-size:18px;font-family:'Noto Regular';}
.banner_1 ul li a div::after{content:"";display:block;width:20px;height:20px;margin:15px auto;background:url(../../images/arrow.png) no-repeat center;}
/*HOVER*/
@media all and (min-width:1281px) {
	.banner_1 ul li a:hover span{background-image:linear-gradient(to bottom, transparent 60%, #8b0029 0%);}
}
@media all and (max-width:768px){
	.banner_1 ul{flex-wrap:wrap;}
	.banner_1 ul li{width:100%;padding:20px;margin-bottom:1px;}
	.banner_1 ul li a div strong{font-size:20px;padding-bottom:10px;}
	.banner_1 ul li a div span{font-size:16px;}
}