@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	color: #353535;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
}

.wrap {
	max-width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.clear {
	clear: both;
}

a:link, a:active, a:visited {
	color: #353535;
	text-decoration: none;
}

a:hover {
	color: #72C02C;
	text-decoration: none;
}

header {
	height: 90px;
	border-bottom: 1px solid #ddd;
}

#header_top {
	height: 30px;
	font-size: 11px;
}

#header_top_menu li {
	float: left;
	margin: 10px 0 0 10px;
	color: #687074;
}
#header_top_menu span {
	color:#72C02C;
}
#header_logo {
	margin: -10px 0 0 0;
}

#header_menu {
	margin: -25px 0 0 0;
	font-size: 15px;
}
#main-menu li {
	margin: 0 0 0 50px;
	float: left;
}

#sub-menu {
	margin: 0 0 0 -50px;
	padding: 15px 0 15px 0;
	display: none;
	position: absolute;
	font-size: 13px;
	position: absolute;
	display: none;
}

#sub-menu li {
	margin:-5px 0 0 20px;
	float: left;
}

#main-menu li:HOVER #sub-menu {
	display: block;
}
section {
	
}
.section_contents {
		height:1165px;
	border-bottom:1px solid #ddd;
}

.bannerImg {
	position: absolute;
	width: 100%;
	height: 350px;
	overflow: hidden
}

.bannerImg li {
	position: absolute;
	top: 0;
	left: 100%;
}

/* input:nth-of-type(1):checked ~ label:nth-of-type(1), input:nth-of-type(2):checked 
	~ label:nth-of-type(2), input:nth-of-type(3):checked ~ label:nth-of-type(3),
	input:nth-of-type(4):checked ~ label:nth-of-type(4) {
	color: #fff;
	background: #000
}

input:nth-of-type(1):checked ~.bannerImg li:nth-of-type(1), input:nth-of-type(2):checked 
	~.bannerImg li:nth-of-type(2), input:nth-of-type(3):checked ~.bannerImg li:nth-of-type(3),
	input:nth-of-type(4):checked ~.bannerImg li:nth-of-type(4) {
	-webkit-animation: none;
	animation: none; 밖으로 보내기
	-webkit-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;
	left: 0;
	z-index: 10; 초기 움직임 제거
}

기존 이미지 왼쪽으로 사라지게 하기
input:checked ~.bannerImg li {
	-webkit-animation: slideOut 4s ease-in-out none;
	animation: slideOut 4s ease-in-out none
}
애니메이션 정의
@
keyframes slideOut { 0%{
	left: 0px
}
100%{
left
:
-300px
} */
}

footer {
	height:110px;
	border-top:1px solid #ddd;
}
#footer_logo {
	margin:15px 0 0 0;
}
#footer_right {
	margin:20px 0 0 0;
}
#footer_menu li {
	float:left;	
	margin:-10px 0 0 25px;
}
#info {
	margin:-30px 0 0 0;
}
strong {
	color:#72C02C;
}

#info p {
	clear:both;
	float:right;
	line-height: 15px;
	color:#9e9e9e;
}