@charset "utf-8";

/*******************
COMMON
*******************/
#multipleDiv_template_3_6{height:100vh !important;}

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

#menu1868_obj10,
#menu1868_obj16,
#menu1868_obj17{position:absolute;}

/*슬로건*/
#menu1868_obj10{width:40% !important;height:calc(100% - 45rem) !important;top:13rem;left:6rem;}

/*바로가기*/
#menu1868_obj16{width:55% !important;height:calc(100% - 45rem) !important;top:13rem;right:6rem;}

/*최신게시글*/
#menu1868_obj17{width:100% !important;height:28rem !important;bottom:0;left:0;}

@media all and (max-width:1280px){
	#multipleDiv_template_3_6{height:100% !important;}
	#multipleContentsDiv_template_3_6{padding-top:20rem;}

	#menu1868_obj10,
	#menu1868_obj16,
	#menu1868_obj17{position:relative;}

	#menu1868_obj10,
	#menu1868_obj16{width:96% !important;height:unset !important;top:unset;left:2rem;right:unset;bottom:unset;}
	#menu1868_obj17{bottom:unset;left:unset;}
	#menu1868_obj16,
	#menu1868_obj17{margin-top:50px !important;}
}
@media all and (max-width:768px){
	#multipleDiv_template_3_6{height:100% !important;}
	#menu1868_obj17{height:50rem !important;}
}


/********************
SLOGAN
********************/
.slogan{display:flex;flex-direction:column;justify-content:center;height:100%;}
.slogan .txt_1{font-size:3rem;font-family:'ppel';color:#FFF;letter-spacing:-0.2rem;line-height:1.1;}
.slogan .txt_2{font-size:6rem;color:#FFF;font-family:'pps';margin-top:2rem;line-height:1.1;}
.slogan .item_1{margin-top:5rem;display:flex;align-items:center;}
.slogan .item_1 a{font-size:1.8rem;color:#FFF;font-family:'sl';width:15rem;height:5rem;border:2px solid #FFF;border-radius:0.5rem;margin-right:1rem;display:flex;align-items:center;justify-content:center;transition:0.3s;}
.slogan .item_1 a::after{content:"";display:block;width:7px;height:10px;background:url(../../images/main/arrow_1_w.png) no-repeat center;margin-left:10px;}
.slogan .item_1 a:hover{background:#000;}
@media all and (max-width:1280px){
	.slogan .txt_1{font-size:2.2rem;}
	.slogan .txt_2{font-size:4.8rem;}
}
@media all and (max-width:768px){
	.slogan .txt_1{font-size:1.5rem;}
	.slogan .txt_2{font-size:3rem;}
	.slogan .item_1 a{font-size:1.4rem;}
}