@charset "utf-8";

#menu818_obj31{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}
#menu818_obj38{width:100%;padding:350px 60px 100px 60px;}
#menu818_obj39{padding-bottom:50px;}
@media only screen and (max-width:1280px){
	#menu818_obj38{padding:250px 20px 100px 20px;}
}
@media only screen and (max-width:768px){
	#menu818_obj38{padding-top:150px;}
}



/********************
슬로건
********************/
.wrap_slogan{text-align:center;color:#FFF;line-height:1.5;text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.wrap_slogan .txt_1{font-size:70px;font-family:'Exo Bold';line-height:1.2;}
.wrap_slogan .txt_2{font-size:18px;font-family:'Pre Medium';line-height:1.5;margin-top:30px;}
@media only screen and (max-width:1280px){
	.wrap_slogan .txt_1{font-size:55px;}
}
@media only screen and (max-width:768px){
	.wrap_slogan .txt_1{font-size:35px;}
	.wrap_slogan .txt_2{font-size:16px;}
}


/********************
배너
********************/
.main_banner{display:flex;justify-content:space-between;padding:0 60px;width:100%;}
.main_banner .item{width:31%;padding:50px;position:relative;}
.main_banner a{color:#FFF;transition:0.3s;}
.main_banner a::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.3);position:absolute;left:0;top:0;}
.main_banner h3{font-size:24px;font-family:'Pre Black';line-height:1;position:relative;}
.main_banner h3::after{content:"";display:block;width:30px;height:4px;background:#FFF;margin:30px 0;}
.main_banner dl{display:flex;margin:15px 0;position:relative;}
.main_banner dt{font-size:16px;font-family:'Pre Bold';width:50px;}
.main_banner dd{font-size:16px;font-family:'Pre Medium';width:calc(100% - 50px);}
.main_banner .more{display:flex;align-items:center;position:absolute;right:50px;top:50px;}
.main_banner .more span{font-size:16px;font-family:'Pre Bold';line-height:1;}
.main_banner .more::after{content:"";display:block;width:30px;height:15px;background:url(../../images/main/arrow_w.png) no-repeat right center;}
.main_banner a:hover{color:#000;}
.main_banner a:hover::before{background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);}
.main_banner a:hover h3::after{background:#d7c9b1;}
.main_banner a:hover .more::after{background:url(../../images/main/arrow_b.png) no-repeat right center;}
@media only screen and (max-width:1280px){
	.main_banner{padding:0 30px;}
	.main_banner .item{width:32.3%;padding:35px;}
	.main_banner .more{position:relative;right:unset;top:unset;margin-top:20px;}
}
@media only screen and (max-width:768px){
	.main_banner{flex-wrap:wrap;}
	.main_banner .item{width:100%;margin:10px 0;padding:25px;}
	.main_banner h3{font-size:20px;}
	.main_banner h3::after{margin:20px 0 15px 0;}
	.main_banner dl{margin:5px 0;}
}



/********************
애니메이션
********************/
.txt_1{opacity:0;transform:scale(1.3);transition:1s;}
.scroll .txt_1,
.editMode .txt_1{opacity:1;transform:scale(1);transition-delay:0.5s;}

.txt_2{opacity:0;transform:translateY(-50px);transition:1s;}
.scroll .txt_2,
.editMode .txt_2{opacity:1;transform:translateY(0px);transition-delay:1s;}

.main_banner .item_1,
.main_banner .item_2,
.main_banner .item_3{opacity:0;transform:translateY(50px);transition:1s;}
.scroll .main_banner .item_1,
.scroll .main_banner .item_2,
.scroll .main_banner .item_3,
.editMode .main_banner .item_1,
.editMode .main_banner .item_2,
.editMode .main_banner .item_3{opacity:1;transform:translateY(0px);}
.scroll .main_banner .item_1{transition-delay:2s;}
.scroll .main_banner .item_2{transition-delay:2.2s;}
.scroll .main_banner .item_3{transition-delay:2.4s;}