body, div, ul, li, dl, dt, dd, ol, p, h1, h3, h4, h5, h6, form table, th, fieldset, legend, input, textarea, button, select, inline { margin: 0; padding: 0; }
ul, ol, dl { list-style:none; }
a:active, a:focus { outline: 0; }
a:hover, a:active, a:focus, a:link { text-decoration:none; }
a { text-decoration:none; color: #333; }
body, header ul li a, header h1, header h2 h3 h4 { font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif !important; background-color: #d4b323; min-width:1003px; /*min-height:100px;*/ background-image: url(/base/img/bg_homeless.jpg) !important; background-repeat: no-repeat; background-position: center top; font-size: 12px; }
img, fieldsec { border:0; }
#cl { clear:both; }
.wrap { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.wrap #header { width: 860px; margin-right: auto; margin-left: auto; height: 400px; position: relative; }
#apDiv0 { position:absolute; width:142px; height:149px; z-index:1; left: -17px; top: 116px; }
#apDiv1 { position:absolute; width:156; height:120; z-index:2; left: 107px; top: 79px; }
#apDiv2 { position:absolute; width:156; height:120; z-index:3; left: 253px; top: 23px; }
#apDiv3 { position:absolute; width:156; height:120; z-index:4; left: 425px; top: 3px; }
#apDiv4 { position:absolute; width:156; height:120; z-index:5; left: 600px; top: 16px; }
#apDiv5 { position:absolute; width:156; height:120; z-index:5; left: 735px; top: 76px; }
.wrap #content { width: 860px; margin-right: auto; margin-left: auto; position: relative; }
.wrap #content .cbs_movie { display:none; height: 120px; width: 154px; position: absolute; left: 900px; top: 1px; }
.wrap #content .cbs_movie ul { height: 120px; width: 154px; float: right; }
.wrap #content .cbs_movie ul li { background-color: #FFF; height: 90px; width: 154px; }
.wrap #content .cbs_movie ul h3 { text-align: center; line-height: 26px; color: #FFF; background-color: #000; font-size: 12px; font-weight: normal; }
.wrap #content .cts_movie { height: 120px; width: 154px; position: absolute; left: 900px; top:220px; z-index:999;}
.wrap #content .cts_movie ul { height: 120px; width: 154px; float: right; }
.wrap #content .cts_movie ul li { background-color: #FFF; height: 90px; width: 154px; }
.wrap #content .cts_movie ul h3 { text-align: center; line-height: 18.5px; color: #FFF; background-color: #000; font-size: 12px; font-weight: normal; }
.wrap #content .main_img { height: 280px; width: 860px; margin-top: 10px; margin-bottom: 15px; }
.wrap #content .board { height: 400px; width: 100%; margin-top: -60px; }
.wrap #content .board .gallery { float: right; height: 210px; width: 496px; padding: 20px; }
.wrap #content .board h3 { font-size: 16px; width: 80%; float: left; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 10px; height: 30px; }
.wrap #content .board h4 { font-weight: normal; color: #999; font-size: 12px; float: left; width: 20%; text-align: right; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 10px; height: 20px; padding-top: 10px; }
.wrap #content .board .notice { background-color: #fff; float: left; height: 210px; width: 280px; padding: 20px; margin-top:140px; border-radius:10px; }
.wrap #bottom { height: 73px; width: 860px; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.wrap #content .board .gallery li { float: left; width: 100%; height: auto; }
.wrap #content .board .notice li { float: left; width: 100%; height: auto; padding-top:4px; }
.wrap #content .board .notice * {background-color:transparent;}
.wrap #content .board .notice td{height:20px;}


.organization{
	display:flex;
	text-align:center;
	position:absolute;
	margin-left:200px;
	margin-top:0px;
}
.nonprofit-org{
	width: 130px;
	height: 130px;
	background: linear-gradient(180deg, #fcd58d, orange, orange, orange, orange, orange);
	border-radius: 50%;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	display: inline-grid;
	font-size: 24px;
	font-weight:900;
	align-items: center;
	margin: 0 0 0 0px;
	text-shadow: 0px 0px 16px rgb(0 0 0 / 60%);
}
.homeless{
	height: 50px;
	color: gold;
	font-size: 22px;
	display: inline-grid;
	vertical-align: middle;
	align-items: center;
	text-shadow: 6px 6px 22px rgb(0 0 0 / 60%);
	width: 180px;
	text-align: center;
	font-weight: 700;
	background-color: rgb(0,0,0,0.4);
	border-radius: 30px;
	margin-top: 40px;
}
.ie-blank, .ie-blank2, .homeless .bg, .kystory .bg{
	display:none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.homeless, .kystory{
		background-color:transparent !important;
		margin-top: 38px !important;
	}
	.homeless .bg, .kystory .bg{
		background-color: #000; /* 배경색 지정 */
		opacity: 0.5; /* 투명도 조절 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8을 위한 투명도 설정 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE7을 위한 투명도 설정 */
		height:50px;
		border-radius:30px;
		display:block !important;
		margin-top:-2px;
	}
	.homeless .txt, .kystory .txt{
		z-index:999;
		opacity:1 !important;
		margin-top:10px;
		position:absolute;
	}
	.homeless .txt{
		margin-left:60px;
	}
	.kystory .txt{
		margin-left:40px;
	}
	.ie-blank{
		display:block !important;
		width:100%;
		height:12px !important;
	}
	.ie-blank2{
		display:block !important;
		width:100%;
		height:38px !important;
	}
}
.kystory-box{
	text-align:left;
	margin-left:0px;
}
.kystory{
	height: 50px;
	color: gold;
	font-size: 22px;
	display: inline-grid;
	vertical-align: middle;
	align-items: center;
	text-shadow: 6px 6px 22px rgb(0 0 0 / 60%);
	width: 180px;
	text-align: center;
	font-weight: 700;
	background-color: rgb(0,0,0,0.4);
	border-radius: 30px;
	margin-top: 40px;
}
.ky119{
	margin-top:0px;
	margin-left:5px;
}
.ky119 img{
	width:82px;
	filter: drop-shadow(2px 2px 0px rgb(255,255,255,0.7));
}
.doing-box{
	margin-top:54px;
	margin-left:50px;
}
.doing{
	width:300px;
	margin:8px 0;
	padding:10px 0;
	border-radius:20px;
	font-size:17px;
	font-weight:600;
	text-align:center;
	text-shadow: 3px 3px 6px rgb(0 0 0 / 20%);
}
.doing:not(.todo){
	background:linear-gradient(45deg, #fff, #cff7f8, #cff7f8);
}
.doing.todo{
	background-color:orange;
	background:linear-gradient(45deg, #fcd58d, orange, orange);
}
.sep{
	margin-top:27px;
}

.homeless-people{
	position:absolute;
	width:500px;
	top:110px;
	left:858px;
	z-index:1;
}
.homeless-people .homeless-01{
	width:120px;
	filter: drop-shadow(0px 5px 5px #000);
}
.homeless-people .homeless-02{
	width:90px;
	margin-left:60px;
	filter: drop-shadow(0px 5px 4px #000);
}
.homeless-people .homeless-03{
	width:130px;
	margin-top:-55px;
	margin-left:300px;
	filter: drop-shadow(0px 5px 4px #000);
}
.homeless-people .homeless-04{
	width:220px;
	margin-top:30px;
	margin-left:210px;
	filter: drop-shadow(0px 2px 3px #222);
	transform: rotate(0deg);
}