@charset "utf-8";

div.visualArea {
	z-index:10;
	position:relative;
	height:560px;
}
	div.visualArea .visualImgList {
		z-index:5;
		position:absolute;
		left:50%;
		top:0;
		margin:0 0 0 -960px;
		width:1920px;
		height:560px;
	}
		div.visualArea .description {
			z-index:100;
			position:relative;
			width:1200px;
			margin:0 auto;
		}
			div.visualArea .description .section {
				display:none;
				position:absolute;
				padding:40px 20px;
				left:17px;
				top:192px;
				width:527px;
				height:188px;
				background:url('/2017/kor/images/main/bg_visu_section.png') repeat 0 0;
				color:#fff;
			}
			div.visualArea .description .section.on {
				display:block;
			}
				div.visualArea .description .section h2 {
					color:#fff;
					font-size:40px;
					line-height:1.2;
				}
					div.visualArea .description .section h2 span {
						display:block;
						color:#fff;
						font-size:32px;
						font-family:Myriad Pro;
					}
				div.visualArea .description .section ul.sec-btn {
					width:100%;
					overflow:hidden;
					margin:43px 0 0 0;
				}
					div.visualArea .description .section ul.sec-btn li {
						float:left;
						margin:0 0 0 18px;
						background:url('/2017/kor/images/main/bg_btn_sec.png') no-repeat 0 0;
						
					}
					div.visualArea .description .section ul.sec-btn li:first-child {
						margin:0;
					}
						div.visualArea .description .section ul.sec-btn li a {
							display:block;
							width:120px;
							height:53px;
							padding:0 0 0 67px;
							line-height:53px;
							font-size:24px;
							background:url('/2017/kor/images/main/ico_btn_sec2.png') no-repeat 18px 6px;
							color:#010101;
						}
						div.visualArea .description .section ul.sec-btn li.red a {
							background:url('/2017/kor/images/main/ico_btn_sec.png') no-repeat 18px 6px;
							color:#b9282f;
						}
			div.visualArea .description .controls {
				z-index:100;
				position:absolute;
				left:495px;
				top:210px;
			}
				div.visualArea .description .controls a {
					display:inline-block;
					color:#fff;
					text-indent:-9999px;
					height:14px;
					padding:0 3px;
				}
				div.visualArea .description .controls a#prev {
					width:9px;
					overflow:hidden;
					background:url('/2017/kor/images/main/btn_visu_prev.png') no-repeat 0 0;
				}
				div.visualArea .description .controls a#next {
					width:9px;
					overflow:hidden;
					background:url('/2017/kor/images/main/btn_visu_next.png') no-repeat 0 0;
				}
				div.visualArea .description .controls a#resumeButton {
					width:7px;
					overflow:hidden;
					background:url('/2017/kor/images/main/btn_visu_resume.png') no-repeat 0 2px;
				}
				div.visualArea .description .controls a#pauseButton {
					width:10px;
					overflow:hidden;
					background:url('/2017/kor/images/main/btn_visu_pause.png') no-repeat 0 2px;
				}


div.main-cont {
	width:1200px;
	margin:0 auto 30px auto;
}
ul.m-cont-menu {
	overflow:hidden;
	border:1px solid #d5d5d5;
}
	ul.m-cont-menu li {
		float:left;
		width:198px;/* width:239px; */
		border-left:1px solid #d5d5d5;
	}
	ul.m-cont-menu li:first-child {
		border-left:0;
		width:199px;/* width:238px; */
	}
		ul.m-cont-menu li a {
			display:block;
			/* width:239px; */
			padding:125px 0 17px 0;
			text-align:center;
			color:#000;
			font-size:16px;
			font-weight:bold;
		}
		ul.m-cont-menu li:hover {
			background:#373895 ;
		}
		ul.m-cont-menu li:hover a {
			color:#fff;
		}
		ul.m-cont-menu li.result a {
			background:url('/2017/kor/images/main/bg_result.png') no-repeat center 15px;
		}
		ul.m-cont-menu li.prtInfo a {
			background:url('/2017/kor/images/main/bg_prtInfo.png') no-repeat center 15px;
		}
		ul.m-cont-menu li.brochure a {
			background:url('/2017/kor/images/main/bg_brochure.png') no-repeat center 15px;
		}
		ul.m-cont-menu li.inquire a {
			background:url('/2017/kor/images/main/bg_inquire.png') no-repeat center 15px;
		}
		ul.m-cont-menu li.sponsorship a {
			background:url('/2017/kor/images/main/bg_sponsorship.png') no-repeat center 15px;
		}
		ul.m-cont-menu li.login a {
			background:url('/2017/kor/images/main/bg_login.png') no-repeat center 15px;
		}


div.m-board {
	width:100%;
	overflow:hidden;
}
	div.m-board-box {
		position:relative;
		float:left;
		width:538px;
		padding:30px;
		border:1px solid #d7d7d7;
		margin:0 0 0 15px;
	}
	div.m-board-box.notice {
		margin:0;
	}
		div.m-board-box h2.m-tit {
			color:#000;
			font-size:26px;
			letter-spacing:-1px;
			line-height:1;
		}
		div.m-board-box ul {
			margin:25px 0 0 0;
		}
			div.m-board-box ul li {
				line-height:30px;
				font-size:14px;
				font-weight:bold;
			}
			div.m-board-box ul li:first-child {
				margin:0;
			}
				div.m-board-box ul li span{
					text-align:right;
					padding-left:30px;
					color:#666666;
					font-size:13px;
					font-weight:normal;
					
				}
				div.m-board-box ul li a {
					color:#333;
				}
		div.m-board-box a.more {
			position:absolute;
			right:30px;
			top:35px;
		}
		

div.m-board02 {
	width:100%;
	overflow:hidden;
}
	div.m-board02-box {
		position:relative;
		float:left;
		width:538px;
		padding:30px;
		border-left:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
		margin:0 0 0 15px;
	}
	div.m-board02-box.news {
		margin:0;
	}
		div.m-board02-box h2.m-tit {
			color:#000;
			font-size:26px;
			letter-spacing:-1px;
			line-height:1;
		}
		div.m-board02-box ul {
			margin:25px 0 0 0;
		}
			div.m-board02-box ul li {
				line-height:30px;
				font-size:14px;
				font-weight:bold;
			}
			div.m-board02-box ul li:first-child {
				margin:0;
			}
				div.m-board02-box ul li span{
					text-align:right;
					padding-left:30px;
					color:#666666;
					font-size:13px;
					font-weight:normal;
				}
				div.m-board02-box ul li a {
					color:#333;
				}
		div.m-board02-box a.more {
			position:absolute;
			right:30px;
			top:35px;
		}		

		
	div.video-area {
		float:right;
		width:600px;
		/*border:1px solid #ccc;*/
	}
	
/* 퀵메뉴 */	
div.m-board03 {
	width:100%;
	overflow:hidden;
}
	div.m-board03-box {
		position:relative;
		float:left;
		width:538px;
		padding:30px;
		border-right:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		margin:0 0 0 15px;
	}
	div.m-board03-box.quick {
		margin:0;
	}
		div.m-board03-box h2.m-tit {
			color:#000;
			font-size:26px;
			letter-spacing:-1px;
			line-height:1;
		}
		div.m-board03-box ul {
			margin:25px 0 0 0;
		}
			div.m-board03-box ul li {
				line-height:30px;
				font-size:14px;
				font-weight:bold;
			}
			
	
.quick_tit{text-align:center; color:#000; line-height:20px; padding-top:10px;}




div.relation {
	width:100%;
	overflow:hidden;
	margin:45px 0 0 0;
}
	div.relation-box {
		width:320px;
		margin:0 0 0 20px;
		float:left;
	}
	div.relation-box.first {
		margin:0;
	}
		div.relation-box h2 {
			height:35px;
			font-size:18px;
			color:#222;
			border-bottom:1px solid #000;
		}
		div.relation-box p {
			text-align:center;
		}
	div.relation-box.spon {
		width:520px;
	}
		div.relation-box.spon .relate-banner-wrap {
			position:relative;
			width:400px;
			margin:10px auto 0;
		}
			div.relation-box.spon .relate-banner-wrap .slide {
				text-align:center;
			}