@charset "utf-8";


/*common*/
._obj{word-break:keep-all;}

/*header*/
.logo_c{display:none;}
@media all and (max-width:1280px){
	.logo_c{display:block;}
	.logo_w{display:none;}
}
@media all and (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/guide/images/common/icon_sitemap_w.png) no-repeat center;}
	#_globalUl .sign a::before{background: url(/sites/guide/images/common/icon_login_w.png) no-repeat center;}
}


/*비주얼*/
@media all and (min-width:1024px){
	#multipleDiv_templet_org_04_11,
	#menu5938_obj16{height:100% !important;}
}


/*카피라이트*/
#fullpage > div:last-child,
#fullpage > div:last-child .fp-tableCell{height:auto !important;}


/*1단*/
#menu5938_obj47{position:absolute;top:300px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
#menu5938_obj48{position:absolute;bottom:120px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
#menu5938_obj49{position:absolute;bottom:30px !important;width:60px !important;left:50% !important;margin-left:-30px !important;}
.slogan{color:#FFF;line-height:1.3;word-break:keep-all;text-shadow:0 0 5px #000;}
.slogan .p_1{font-size:18px;font-family:'Noto Light';}
.slogan .p_2{font-size:25px;padding-top:10px;}
.slogan .p_2 strong{display:block;font-size:35px;font-family:'Noto Medium';}
@media all and (max-width:1600px){
	#menu5938_obj47,
	#menu5938_obj48{width:94% !important;left:3% !important;margin-left:0 !important;}
}
@media all and (max-width:1024px){
	#menu5938_obj47{top:200px !important;}
	#menu5938_obj48{bottom:50px !important;}
	#menu5938_obj49{display:none;}
	.slogan .p_1{font-size:16px;}
	.slogan .p_2{font-size:18px;}
	.slogan .p_2 strong{font-size:25px;}
}



/*2단*/
#section1,
.editMode #multipleDiv_templet_org_04_12{background:url(/sites/humanrights/images/bg_1.jpg) no-repeat center;background-size:cover;}
#multipleContentsDiv_templet_org_04_12{max-width:1600px;margin: 0 auto;overflow:hidden;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_org_04_12{max-width:96%;}
}


.intro{color:#FFF;line-height:1.25;word-break:keep-all;}
.intro .p_1{color:#a6afb5;font-size:35px;font-family:'Noto Bold';}
.intro .p_2{font-size:45px;font-family:'Noto Bold';}
.intro .p_3::before{content:"";display:block;width:30px;height:1px;background:#FFF;margin:20px 0;}
.intro .p_3{font-size:20px;}
.intro .p_3 span{display:block;}
@media all and (max-width:1024px){
	.intro .p_1{font-size:20px;}
	.intro .p_2{font-size:30px;}
	.intro .p_3{font-size:16px;}
}


.ban_1{display:flex;justify-content:space-between;}
.ban_1 a{width:33.33333%;font-size:25px;color:#FFF;padding:30px;text-align:right;}
.ban_1 a span{display:block;line-height:1.15;text-align:left;}
.ban_1 a span i{display:block;}
.ban_1 a span::after{content:"";display:block;width:30px;height:1px;background:#FFF;margin-top:20px;}
.ban_1 a.a_1{background:#0a2963;}
.ban_1 a.a_2{background:#1e5ea1;}
.ban_1 a.a_3{background:#1184b7;}
@media all and (max-width:768px){
	.ban_1 a{font-size:20px;}
	.ban_1 a img{max-width:50px;}
}
@media all and (max-width:500px){
	.ban_1{flex-wrap:wrap;}
	.ban_1 a{width:100%;padding:15px;}
	.ban_1 a span i{display:inline;}
}


.ban_2{display:flex;justify-content:space-between;}
.ban_2 a{width:15%;background:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.6);color:#FFF;padding:30px;text-align:center;font-size:20px;font-family:'Noto Medium';}
.ban_2 a span{display:block;width:90px;margin:20px auto;line-height:1.15;padding:10px 0;border:1px solid rgba(255,255,255,0.6);font-size:16px;font-family:'Noto Regular';}
@media all and (max-width:1024px){
	.ban_2{flex-wrap:wrap;}
	.ban_2 a{width:31.33333%;margin:1%;padding:30px 15px;}
	.ban_2 a span{display:none;}
}
@media all and (max-width:768px){
	.ban_2 a{width:48%;}
}



/*HOVER****************************************/
@media all and (min-width:1025px) {
	.ban_2 a:hover{background:rgba(1,161,255,0.6);border-color:rgba(1,161,255,0.6);}
	.ban_2 a:hover span{background:rgba(1,161,255,1);}
}