@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-top:20px;
}

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




/** containerInner
===================================*/
.containerInner { 
	width:1000px;
	margin:0 auto;
	padding-bottom:100px;
	background:url("../images/subConBg.jpg") repeat-y 0 0;
}

.containerInner2 { 
	width:1000px;
	margin:0 auto;
	padding-bottom:100px;
}

.containerInner:after {
	content:"";
	display:block;
	clear:both;
}

/** aside
===================================*/
.containerInner .aside {
	width:200px;
	float:left;
} 

.containerInner .aside h2 {
	margin-bottom:17px;
}

.containerInner .aside ul.leftMenu {
	margin-bottom:60px;
}

.containerInner .aside ul.leftMenu li {}

.containerInner .aside ul.banner {}

.containerInner .aside ul.banner li {
	float:left;
	margin-left:4px;
}


/** contents
===================================*/
.containerInner .contents {
	width:760px;
	margin-top:32px;
	float:right;
	position:relative;
}

.containerInner .contents h3 {
	float:left;
	margin-bottom:24px;
}

.containerInner .contents dl {
	position:absolute;
	right:0;
	top:20px;
}

.containerInner .contents dl dt {
	float:left;
	color:#bbb;
}

.containerInner .contents dl dd {
	float:left;
	color:#8b8b8b;
}

.containerInner .contents .content {}

/* 연혁,강사진 */

.containerInner .contents .content .tabMenu2 {
	padding:0 10px;
}

.containerInner .contents .content .tabMenu2 li {
	float:left;
	margin-bottom:4px;
}

.containerInner .contents .content .tabMenu li {
	float:left;
}


/* 관련기관 */

.containerInner .contents .content p.plus {
	margin-bottom:60px;
}


/* 상담문의및 제작의뢰 */

.contents .mailForm {
	width:760px;
	font-size:12px;
	background-color:#fff;
}

.contents .mailForm caption {
	position:absolute;
	overflow:hidden;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
}

.contents .mailForm th {
	width:199px;
	height:42px;
	padding-left:30px;
	text-align:left;
	color:#585858;
	background-color:#f7f7f7;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

.contents .mailForm .topLine2 {
	border-top:2px solid #0c8bae;
}

.contents .mailForm td {
	width:560px;
	padding-left:20px;
	border-bottom:1px solid #cfcfcf;
	line-height:24px;
}

.contents .mailForm td.telNumBox {
	color:#585858;
}


.contents .mailForm td input {
	color:#585858;
}

.contents .mailForm td select {
	width:250px;
	height:24px;
	background-color:#fff;
	border:1px solid #cfcfcf;
}

.contents .mailForm td input.textBox {
	width:250px;
	height:24px;
	background-color:#fff;
	border:1px solid #cfcfcf;
}

.contents .mailForm td input.textBoxPhone {
	width:74px;
	height:24px;
	background-color:#fff;
	border:1px solid #cfcfcf;
}

.contents .mailForm td textarea.textBox {
	margin:10px 0;
	width:560px;
	height:244px;
	padding:0 2px;
	border:1px solid #cfcfcf;
	color:#585858;
	background-color:#fff;
}

p.btnArea {
	width:186px;
	margin:20px auto 100px;
}


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

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