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

/*body*/


/** wrap
===================================*/

#wrap { 
	width:100%;
}

/** skip
===================================*/

#skip{position:absolute; z-index:9999;}
#skip a {display:block; 
	width:0; 
	height:0px; 
	overflow:hidden;
	color:#fff;
}

#skip a:active,
#skip a:focus { 
	width:100%; 
	height:auto; 
}

/** header
===================================*/

#header {
	width:100%;
	height:151px;
	background:url("../images/headerBg.jpg") repeat-x 0 0;
}


.headerInner {
	width:1000px;
	position:relative;
	margin:0 auto;
}

.headerInner h1 {
	padding-top:49px;
}

.headerInner ul.language {
	position:absolute;
	right:0;
	top:11px;
}

.headerInner ul.language li {
	float:left;
	margin-left:4px;
}

.headerInner ul.language li:last-child {
	margin-left:20px;
}

.mainMenu {
	position:absolute;
	left:464px;
	top:93px;
}

.mainMenu li {
	float:left;
	margin-left:54px;
}

.mainMenu li:first-child {
	margin-left:0;
}

.mainMenu li a {
	display:block;
	width:64px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url("../images/mainMenu.png") no-repeat 0 0;
}

/* 메인메뉴 */
.mainMenu li.mainMenu01 a {
	width:64px;
}

.mainMenu li.mainMenu02 a {
	background-position:-118px 0;
}

.mainMenu li.mainMenu03 a {
	background-position:-234px 0;
}
.mainMenu li.mainMenu04 a {
	background-position:-351px 0;
}
.mainMenu li.mainMenu05 a {
	background-position:-469px 0;
}

.mainMenu li.mainMenu01 a.on, .mainMenu li.mainMenu01 a:hover {
	background-position:0 -18px;
}

.mainMenu li.mainMenu02 a.on, .mainMenu li.mainMenu02 a:hover {
	background-position:-118px -18px;
}

.mainMenu li.mainMenu03 a.on, .mainMenu li.mainMenu03 a:hover {
	background-position:-234px -18px;
}
.mainMenu li.mainMenu04 a.on, .mainMenu li.mainMenu04 a:hover {
	background-position:-351px -18px;
}
.mainMenu li.mainMenu05 a.on, .mainMenu li.mainMenu05 a:hover {
	background-position:-469px -18px;
}


/** container
===================================*/
#container { 
	width:100%;
	margin-bottom:40px;
	background:url("../images/conBg.jpg") repeat-x 0 0;
}

#container:after {
	content:"";
	display:block;
	clear:both;
}


#container .mainViewBox {
	width:1400px;
	position:relative;
	margin:0 auto;
}

#container .mainViewBox .bx-wrapper {
	width:1400px;
	margin:0 auto;
}

#container .mainViewBox .mainView {
	width:1400px;
	margin:0 auto;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#container .mainViewBox .bx-wrapper .bx-prev {
	left: 10px;
	width:35px;
	height:44px;
	background: url("../images/mainViewBtn.png") no-repeat 0px 0;
}

#container .mainViewBox .bx-wrapper .bx-next {
	right: 10px;
	width:35px;
	height:44px;
	background: url("../images/mainViewBtn.png") no-repeat -35px 0;
}

#container .mainViewBox .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#container .mainViewBox .bx-wrapper .bx-next:hover {
	background-position: -35px 0;
}

/** containerInner
===================================*/
.containerInner { 
	width:1000px;
	margin:0 auto;
}

.containerInner .banner {
	padding:0 16px;
	overflow:hidden;
}

.containerInner .banner li {
	float:left;
}

/** contents
===================================*/
.containerInner .contents {
	width:1000px;
	margin:40px 0;
}

.containerInner .contents .textBox {
	position:relative;
	float:left;
	margin-right:35px;
	padding:28px 31px;
	width:248px;
	height:164px;
	background:url("../images/bgNotice.jpg") no-repeat 0 0;
}

.containerInner .contents .education {
	position:relative;
	padding:28px 31px;
	width:248px;
	height:164px;
	background:url("../images/bgEdu.jpg") no-repeat 0 0;

}

.containerInner .contents .textBox h3 {
	padding-bottom:18px;
	margin-bottom:25px;
	border-bottom:2px solid #676767;
}

.containerInner .contents .textBox ul {}

.containerInner .contents .textBox ul li {
	background:url("../images/dot.jpg") no-repeat 0 0;
	padding-left:14px;
	margin-bottom:16px;
}

.containerInner .contents .textBox ul li:last-child {
	margin-bottom:0;
}

.containerInner .contents .textBox ul li a {
	font-size:12px; 
	color:#919191;
}

.containerInner .contents .textBox ul li span {
	float:right;
	color:#919191;
}

.containerInner .contents .textBox span.more {
	position:absolute;
	right:31px;
	top:28px;
}

.containerInner .contents .conBanner {
	
}

.containerInner .contents .conBanner li:first-child {
	margin-bottom:10px;
}

/** footerInner
===================================*/
#footerInner {
	width:100%;	
	clear:both;
	background-color:#fafafa;
	border-top:1px solid #d7d7d7;
}

#footer {
	width:1000px;
	position:relative;
	margin:0 auto;
}