@charset "utf-8";

/*COMMON*/
#multipleDiv_templet_02_34{background:#e5ecf6;}
#multipleContentsDiv_templet_02_34{max-width:1600px;margin: 0 auto;position:relative;overflow:hidden;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_02_34{max-width:100%;}
}


/*비주얼슬로건*/
.visual_slogan{color:#FFF;line-height:1.3;word-break:keep-all;}
.visual_slogan span{font-size:30px;font-family:'S-CoreDream-3Light';display:block;}
.visual_slogan strong{font-size:45px;font-family:'S-CoreDream-5Medium';padding:10px 0;display:block;}
@media all and (max-width:1024px){
	.visual_slogan span{font-size:25px;}
	.visual_slogan strong{font-size:35px;}
}
@media all and (max-width:768px){
	.visual_slogan{text-align:center;}
	.visual_slogan span{font-size:20px;}
	.visual_slogan strong{font-size:30px;}
}


/*바로가기1*/
.banner_1{background:url(/sites/templet_02/images/main_bg_1.jpg) no-repeat right bottom;}
.banner_1 ul{}
.banner_1 ul li{border-bottom:1px solid #DDD;padding:20px 0;}
.banner_1 ul li:last-child{border-bottom:0;}
.banner_1 ul li a{display:flex;justify-content:flex-start;align-items:center;position:relative;}
.banner_1 ul li a span{display:block;font-size:20px;font-family:'Noto Regular';padding:10px;}
.banner_1 ul li a::after{content:"";display:block;width:20px;height:20px;background:url(/sites/style_guide/images/common/arrow_21.png) no-repeat center;position:absolute;right:10px;top:calc(50% - 10px);}

@media all and (max-width:768px){
	.banner_1 ul li a img{max-width:50px;}
}



/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.banner_1 ul li a:hover{color:#0767de;}
	.banner_1 ul li a:hover::after{background:url(/sites/style_guide/images/common/arrow_22.png) no-repeat center;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}