@charset "utf-8";
/* body */
body {
	font-family: Malgun Gothic, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
}
div, hr, h1, h2, h3, h4, h5, span, p, ul, li {
	padding:0;
	margin:0;
	line-height:1.5em;
}
/* Container */
.infoCtnr {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	width:100%;
	bottom:0;
	top:0;
	background-color:#f1f2f2;
	/* 배경이미지 시작 */
	background-image: url( "http://notice.samsungfoundation.org/images/park_bgimg.gif"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* 배경이미지 끝 */
}

.infoCtnrLeeum {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	width:100%;
	bottom:0;
	top:0;
	background-color:#f1f2f2;
}

/* Content Section */
.infoCtnr .infoContent {
	width: 560px;
	background-color:#FFF;
	padding: 40px 20px 20px;		
}
.infoCtnrLeeum .infoContent {
	width: 560px;
	background-color:#FFF;
	padding: 40px 20px 20px;		
}

.infoTitle {
	margin:0 14%;
	text-align: center;
	border-top:2px solid #929292;
	border-bottom:1px solid #929292;
}
.infoText {
	margin:42px 4% 24px 4%;
	line-height:1.5em;
}
.infoTitle h1 {
	color:#333333;
	font-size:2.35em;
	padding-bottom:5px;
	letter-spacing: -0.1em;
}
.infoText h2 {
	color:#333333;
	font-size:0.92em;
	padding-bottom: 18px;
}
.infoText h3 {
	color:#999999;
	font-size:0.86em;
	font-weight:normal;
	letter-spacing: -0.02em;
}
.infoDate {
	background-color:#ebebeb; padding: 2% 6%;
}
.infoDate ul li {
	padding-bottom:20px;
	list-style-image: url("http://notice.samsungfoundation.org/images/park_bullet.png");
}
.infoDate ul li h4 {
	display:block;
	font-size:0.92em;
	padding-bottom:10px;
	color:#0066cc;
}
.infoDate ul li span {
	display:block;
	font-size:0.9em;
}

/* Mobile */
@media (max-width: 600px) {
.infoCtnr .infoContent {width: 70%; max-width: 80%; padding: 30px 15px 15px;}
.infoCtnrLeeum .infoContent {width: 70%; max-width: 80%; padding: 30px 15px 15px;}
.infoTitle {margin:0 10%;}
.infoText {margin:6% 4%;	line-height:1.1em;}
.infoTitle h1 {font-size:1.3em;}
.infoText h2 {font-size:0.75em; padding-bottom: 10px;}
.infoText h3 {font-size:0.75em;}
.infoDate ul li {padding-bottom:10px;}
.infoDate ul li h4 {font-size:0.75em; padding-bottom:5px;}
.infoDate ul li span {font-size:0.7em;}
.infoDate {background-color:#ebebeb; padding: 2% 8%;}
}