@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
    	
* { 
	margin: 0; 
	padding: 0; 
	font-size: 12px;
	font-style: normal;
 	font-family: "Nanum Gothic", sans-serif; 
	outline: none; 
 	
}
ul, ol { list-style: none; }
a { text-decoration: none; color: #111; }
img { border: 0; }
::selection {background-color: #ef918a; color: #fff; }

#wrapper { width: 100%; }

/*top*/
#top {
	position: fixed;   		
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: url('../img/top.png') no-repeat;
	background-size: 100%;
	z-index: 9999;
	cursor: pointer;
}
#top:hover { background: url('../img/top_hv.png') no-repeat; background-size: 100%; }
/* 카테고리 열기 */
#gnb {
	display: none;
	position: fixed;   		
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background: url('../img/gnb.png') no-repeat;
	background-size: 100%;
	z-index: 600;
	cursor: pointer;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px;
	background: #333;
	padding: 16px;
	box-sizing: border-box;
}
header a:nth-child(1) img { float: left; margin-top: 10px; }
header img:nth-child(2) { display: block; float: right; cursor: pointer; }

/* 카테고리 내용 */
aside {
	position: fixed;   	
	top: 0;
	right: -20%;
	background: #414141;
	width: 20%;
	height: 100%;
	z-index: 800;
}
/* 카테고리 닫기 */
aside > #close {
	width: 50px;
	height: 50px;
	border: none;
	cursor: pointer;
	margin: 30px;
	background: url('../img/x.png') no-repeat;
	background-size: 100%;
}
aside > ol {
	width: 220px;
	margin-top: 118px;
	margin-left: 35px;
}
aside > ol > li {
    width: 100%;
    height: 26px;
    margin-bottom: 42px;
    background-repeat: no-repeat;
    cursor: pointer;
}
aside > ol > li:nth-child(1) { background-image: url('../img/sub_gnb1.png'); }
aside > ol > li:nth-child(2) { background-image: url('../img/sub_gnb2.png'); }
aside > ol > li:nth-child(3) { background-image: url('../img/sub_gnb3.png'); }
aside > ol > li:nth-child(4) { background-image: url('../img/sub_gnb4.png'); }
aside > ol > li:nth-child(5) { background-image: url('../img/sub_gnb5.png'); }
aside > ol > li:nth-child(6) { background-image: url('../img/sub_gnb6.png'); }

aside > ol > li:nth-child(1):hover { background-image: url('../img/sub_gnb1_hv.png'); }
aside > ol > li:nth-child(2):hover { background-image: url('../img/sub_gnb2_hv.png'); }
aside > ol > li:nth-child(3):hover { background-image: url('../img/sub_gnb3_hv.png'); }
aside > ol > li:nth-child(4):hover { background-image: url('../img/sub_gnb4_hv.png'); }
aside > ol > li:nth-child(5):hover { background-image: url('../img/sub_gnb5_hv.png'); }
aside > ol > li:nth-child(6):hover { background-image: url('../img/sub_gnb6_hv.png'); }

aside > ol > li > a {
	display: block;
	width: 100%;
	height: 100%;
}
#sub { width: 100%; }

/**/
/* 이전/다음 */
#sub > div:nth-child(3) > a { 
	display: block;
	width: 138px;
	height: 18px;
	margin-top: 32px;
	background-repeat: no-repeat;
	font-size: 0;
 }
#sub > div:nth-child(3) > a:nth-child(1) { float: left; background-image: url('../img/sub_prev.png'); }
#sub > div:nth-child(3) > a:nth-child(3) { float: right; background-image: url('../img/sub_next.png'); background-position-x: 79px; }

#sub > div:nth-child(3) > a:nth-child(1):hover { float: left; background-image: url('../img/sub_prev_hv.png'); }
#sub > div:nth-child(3) > a:nth-child(3):hover { float: right; background-image: url('../img/sub_next_hv.png'); background-position-x: 56px; }
/* 카테(메인) */
#sub > div:nth-child(3) > div {
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -20px;
	width: 50px;
	height: 50px;
}
#sub > div:nth-child(3) > div > a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../img/sub_ct_icon.png') no-repeat;
}
#sub > div:nth-child(3) > div > a:hover {
	background: url('../img/sub_ct_icon_hv.png') no-repeat;
}

/* 7번째(CONTACT) */
section { 
	background: url('../img/main_ct_bg.png') no-repeat;
	background-size: cover;
	background-position: center;
	height: 250px;
}

section > article {
	position: relative;
	overflow: hidden;
	width: 1280px;
	height: 100%;
	margin: 0 auto;
}	
section > article > div:nth-child(1) {
	display: block;
	margin: 0 auto;
	margin-top: 45px;
	width: 550px;
	height: 71px;
	background: url('../img/main_ct_txt.png') no-repeat;
}
section > article > div:nth-child(1):hover {; background: url('../img/main_ct_txt_hv.png') no-repeat; }
section > article > ul {
	position: absolute;
	bottom: 38px;
	left: 50%;
	margin-left: -233px;
	width: 551px;
	height: 55px;
	margin-top: 42px;
	
	
}
section > article > ul > li {
	float: left;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	ba	ckground-size: cover;
	font-size: 15px;
	padding-top: 18px;
	padding-left: 13px;
	color: #fff;
	box-sizing: border-box;
	letter-spacing: 0.8px;
	cursor: pointer;
}
section > article > ul > li:nth-child(1) { width: 55px; background: url('../img/main_email.png') no-repeat; }
section > article > ul > li:nth-child(2) { width: 213px; }
section > article > ul > li:nth-child(2):hover { color: #b5ff89; }
section > article > ul > li:nth-child(3) { width: 55px; background: url('../img/main_phone.png') no-repeat; }
section > article > ul > li:nth-child(4) { width: 213px;}
section > article > ul > li:nth-child(4):hover { color: yellow; }



footer { width: 100%; height: 67px; background: #383838; }
footer > div { width: 100%; height: 100%; margin: 0 auto; }
footer > div > p { float: right; color: #fff; margin-top: 24px; margin-right: 10px; font-size: 15px; }