@charset "UTF-8";

#_contentBuilder{padding:100px 0 60px 0;background:url(/images/templet_02/main/main_content_bg.png) no-repeat right top;background-size:cover;}
@media all and (max-width:1280px){
	#_contentBuilder{padding-top:0;}
}
@media all and (max-width:1024px){
	#_contentBuilder{padding-top:100px;}
}

/*비주얼*/
#multipleDiv_templet_02_85{position:fixed;width:1024px;height:100%;top:130px;left:50%;margin-left:-1130px;}
@media all and (max-width:1400px){
	#multipleDiv_templet_02_85{margin-left:-1020px;top:113px;}
}
@media all and (max-width:1280px){
	#multipleDiv_templet_02_85{left:0;margin-left:0;width:calc(100% - 390px);}
}
@media all and (max-width:1024px){
	#multipleDiv_templet_02_85{width:100%;}
}
@media all and (max-width:500px){
	#multipleDiv_templet_02_85{top:96px;}
}

/*비주얼슬로건*/
#multipleDiv_templet_02_86{position:absolute;width:25%;left:50%;margin-left:-700px;top:250px;}
.main-visual-slogan{}
.main-visual-slogan p{color:#fff;line-height:1.25;text-shadow:0 0 3px #774f0f; font-family:'Dream Light';}
.main-visual-slogan .p_1{font-size:33px;}
.main-visual-slogan .p_2{font-size:45px;font-family:'Dream Bold';padding-top:10px;}
.main-visual-slogan .p_2 span{display:block;}
@media all and (max-width:1400px){
	#multipleDiv_templet_02_86{width:32%;left:2%;margin-left:0;}
}
@media all and (max-width:1280px){
	#multipleDiv_templet_02_86{width:60%;top:100px;}
	.main-visual-slogan .p_1{font-size:28px;}
	.main-visual-slogan .p_2{font-size:40px;}
	.main-visual-slogan .p_2 span{display:inline;}
}
@media all and (max-width:1024px){
	#multipleDiv_templet_02_86{width:100%;position:relative;top:0;}
	.main-visual-slogan .p_1{font-size:23px;}
	.main-visual-slogan .p_2{font-size:35px;}  
}
@media all and (max-width:768px){
	.main-visual-slogan .p_1{font-size:20px;}
	.main-visual-slogan .p_2{font-size:30px;}
}

/*컨텐츠1단*/
#multipleContentsDiv_templet_02_87{max-width:1400px;margin:0 auto;overflow:hidden;}
@media all and (max-width:1400px){
	#multipleContentsDiv_templet_02_87{max-width:96%;}
}

/*컨텐츠1단구조*/
/*공지사항*/#menu10508_obj196{float:left;width:41% !important;margin:70px 3% 0 35% !important;}
/*슬라이더*/#menu10508_obj197{float:right;width:21% !important;}
/*바로가기*/#menu10508_obj173{float:right;width:21% !important;margin-top:30px !important;}
@media all and (max-width:1280px){
	/*공지사항*/#menu10508_obj196{float:left;width:calc(100% - 350px) !important;margin:300px 0 0 0 !important;}
	/*슬라이더*/#menu10508_obj197{width:350px !important;margin-top:60px !important;}
	/*바로가기*/#menu10508_obj173{width:350px !important;}
}
@media all and (max-width:1024px){
	/*공지사항*/#menu10508_obj196{float:none;width:100% !important;margin-top:100px !important;}
	/*슬라이더*/#menu10508_obj197{float:left;margin-top:30px !important;}
	/*바로가기*/#menu10508_obj173{width:calc(100% - 380px) !important;}
}
@media all and (max-width:768px){
	/*슬라이더*/#menu10508_obj197{float:none;margin:30px auto 0 auto !important;}
	/*바로가기*/#menu10508_obj173{float:none;width:100% !important;}
}
@media all and (max-width:380px){
	/*슬라이더*/#menu10508_obj197{width:100% !important;margin-top:0 !important;}
}

/*바로가기*/
.link{box-sizing:border-box;}
.link li{padding:12.5px 0;border-bottom:1px solid #ced4dd;}
.link li a{display:block;font-size:20px;padding:20px 20px 14px 75px;line-height:1;position:relative;background:url(/images/templet_02/main/arrow_black.png) no-repeat 95%;}
.link li a span{display:inline-block;}
.link li a span:before{content:"";display:block;width:60px;height:60px;position:absolute;top:0;left:0;}
.link li.li_1 a span:before{background:url(/images/templet_02/main/icon_1.png)}
.link li.li_2 a span:before{background:url(/images/templet_02/main/icon_3.png)}
.link li.li_3 a span:before{background:url(/images/templet_02/main/icon_2.png)}
.link li a span:after{content:"";display:block;width:0;height:2px;background:#93b1ea;margin-top:5px;}
@media all and (min-width:1025px){
	.link li a:hover{color:#0767de;background:url(/images/templet_02/main/arrow_blue.png) no-repeat right;}
	.link li a:hover span:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.link li a:hover span:after{width:100%;}
}
@media all and (max-width:1024px){
	.link{background:#e5ecf6;padding:10px 30px;}
	.link li:last-child{border:0;}
}