@charset "utf-8";


/*header*/
.logo_c{display:none;}
@media all and (max-width:1280px){
	.logo_c{display:block;}
	.logo_w{display:none;}
}
@media (min-width: 1281px){
	header{position:absolute;left:0;top:0;width:100%;}
	header .area_1{background:rgba(0,0,0,0.2);}
	header .area_2 {background:rgba(0,0,0,0.1);}
	header .area_1 .item_2 a span{color:#FFF;}
	.head_navi nav .a_1{color:#FFF;}
	.head_navi nav .a_1:hover{color:#FFF;}
	.head_navi nav .a_1:hover::before{background:#FFF;}
	.fix .head_navi nav .a_1{color:#666;}
	.fix .head_navi nav .a_1:hover{color:#666;}
	header .area_1 .item_3 a.a_2::before{background: url(/sites/style_guide/images/common/icon_sitemap_w.png) no-repeat center;}
}


/*common*/
._obj{word-break:keep-all;}
#multipleDiv_templet_org_01_17{background:url(/sites/templet_org_01/images/bg_1.jpg) center 100px no-repeat;z-index:51;}
#multipleContentsDiv_templet_org_01_17{max-width:1600px;margin: 0 auto;overflow:hidden;padding-bottom:50px;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_org_01_17{max-width:96%;}
}


/*슬로건*/
#menu5159_obj52{position:absolute;top:35% !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.slogan{text-align:center;word-break:keep-all;line-height:1;text-shadow:0 0 2px #000;}
.slogan .p_1{font-size:55px;color:#FFF;font-family:'Noto Bold';}
.slogan .p_2{font-size:30px;color:#FFF;padding:20px 0;font-family:'Noto Medium';}
@media all and (max-width:1600px){
	#menu5159_obj52{width:92% !important;left:4% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
	#menu5159_obj52{top:25% !important;}
	.slogan .p_1{font-size:35px;}
	.slogan .p_2{font-size:20px;}
}


/*배너1*/
.ban_1{display:flex;flex-wrap:wrap;height:100%;}
.ban_1 a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:50%;width:50%;}
.ban_1 a img{}
.ban_1 a span{font-size:18px;color:#FFF;padding:10px 0;font-family:'Noto Medium';}
.ban_1 a.a_1{background:#2f72c0;}
.ban_1 a.a_2{background:#2a66ac;}
.ban_1 a.a_3{background:#215da3;}
.ban_1 a.a_4{background:#255b9b;}
@media all and (max-width:1280px){
	.ban_1 a{height:100%;width:25%;padding:25px;}
}
@media all and (max-width:768px){
	.ban_1 a{height:50%;width:50%;}
}
@media all and (max-width:380px){
	.ban_1 a{width:100%;}
}


/*컨택*/
.contact_info{height:100%;background:#FFF;padding:35px;}
.contact_info h3{font-size:25px;font-family:'Noto Medium';margin-bottom:20px;}
.contact_info ul{}
.contact_info ul li{display:flex;align-items:center;border-bottom:1px dotted #DDD;padding:15px 10px;}
.contact_info ul li img{margin-right:20px;}
.contact_info ul li span{}
@media all and (max-width:768px){
	.contact_info{padding:25px;}
}