@charset "utf-8";

/********************
COMMON
********************/
#multipleDiv_template5_5{display:flex;align-items:center;justify-content:center;}
#multipleContentsDiv_template5_5{height:unset;padding:150px 200px 100px 5%;max-width:100%;overflow:hidden;}
#multipleDiv_template5_6{background:#FFF;position:relative;}
@media all and (max-width:1280px){
	#multipleContentsDiv_template5_5{max-width:90%;padding-right:0;padding-left:0;}
}
@media all and (max-width:1280px){
	#multipleContentsDiv_template5_5{padding-bottom:50px;}
}


/********************
비주얼
********************/
#menu8223_obj19{position:fixed;left:0;top:0;width:100% !important;height:100% !important;}


/********************
슬로건
********************/
.wrap_slogan{height:100%;display:flex;flex-direction:column;justify-content:center;color:#FFF;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-size:48px;font-family:'Noto Bold';line-height:1.2;letter-spacing:-3px;opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_2{font-size:30px;font-family:'Noto Regular';line-height:1;margin-top:4%;letter-spacing:-1px;opacity:0;transform:translateY(50px);}
@media all and (max-width:1280px) {
	.wrap_slogan .text_1{font-size:35px;}
	.wrap_slogan .text_2{font-size:20px;margin-top:2%;}
}
@media all and (max-width:768px) {
	.wrap_slogan .text_1{font-size:25px;letter-spacing:-1px;}
	.wrap_slogan .text_2{font-size:16px;letter-spacing:0;}
}
/*애니메이션*/
.wrap_slogan .text_1{animation-name:sloganItem_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sloganItem_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{animation-name:sloganItem_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes sloganItem_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}


/********************
비디오
********************/
.wrap_video{width:100%;height:100%;}
.wrap_video .item_1{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.wrap_video .item_1 img{width:100%;height:100%;transition:0.5s;}
.wrap_video a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.wrap_video a::before{content:"";border:1px solid rgba(255,255,255,0.5);display:block;width:calc(100% - 30px);height:calc(100% - 30px);position:absolute;top:15px;left:15px;}
.wrap_video .item_2{position:relative;}
.wrap_video .item_2::before{content:"";display:block;width:40px;height:40px;background:url(../../images/video_play.png) no-repeat center;margin: 0 auto;}
.wrap_video .item_2 strong{padding-top:15px;font-size:22px;color:#FFF;font-family:'Noto Medium';display:block;}


/********************
검색
********************/
.mainSearch{padding:40px;height:100%;position:relative;}
.mainSearch::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgb(124,0,25,1);background: linear-gradient(45deg, rgba(124,0,25,1) 0%, rgba(78,0,16,1) 51%, rgba(124,0,25,1) 100%);opacity:0.7;transition:0.5s;}
.mainSearch:hover::before{opacity:1;}
.mainSearch .container{position:relative;}
.mainSearch h3{font-size:20px;color:#FFF;font-family:'Noto Regular';margin-bottom:20px;}
.mainSearch h3 span{font-family:'Noto Bold';color:#d6c9b1;}
.mainSearch form{padding:10px;border-radius:50px;}
.mainSearch form span{display:flex;align-items:center;}
.mainSearch select,
.mainSearch input{border:0;background:none;padding:0 15px;background:#FFF;height:60px;display:block;font-family:'Noto Medium';font-size:20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.mainSearch select{width:100%;margin-bottom:10px;background:#FFF url(/sites/templateGuide/images/common/input_select.png) no-repeat right center;}
.mainSearch input[type=text]{width:calc(100% - 60px);}
.mainSearch input[type=submit]{cursor:pointer;width:60px;font-size:0;background:#000 url(/sites/templateGuide/images/common/mNav_search.png) no-repeat center;}


/********************
배너
********************/
.mainBanner{display:flex;justify-content:space-between;flex-wrap:wrap;}
.mainBanner a{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.6);border:1px solid #333;height:300px;width:14%;text-align:center;margin-bottom:2%;}
.mainBanner a span{font-size:18px;color:#222;font-family:'Noto Medium';}
.mainBanner a:hover{background:rgba(116,0,34,0.8);}
.mainBanner a:hover span{color:#FFF;}
@media all and (max-width:1280px) {
	.mainBanner a{height:80px;width:31%;}
}
@media all and (max-width:768px) {
	.mainBanner a{height:100px;width:49%;}
}