@charset "utf-8";
/* CSS Document */

body, p, h1, h2, h3, h4, h5, h6, menu, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0 }
body, input, textarea, select, button { font-family:Tahoma, '돋움', Dotum, AppleGothic, sans-serif; font-size:12px; }
body, html {	width:100%;	height:100%;	text-align:center; }
body {	background-color:#283a46; }
a { text-decoration:none }
a:hover,a:active,a:focus{ text-decoration:underline }
em,address { font-style:normal }
img,fieldset { border:0 }
menu,ul,ol { list-style:none }

.navi_btn { width:191px; }
.navi_btn li { width:100%; vertical-align:top }
.navi_btn li a {display:block;width:100%;height:21px;background-repeat:no-repeat;cursor:pointer }
.navi_btn li a.out {background-position:-382px 0px }
.navi_btn li a.over {background-position:0px 0px }
.navi_btn li a.click {background-position:-191px 0px }
.navi_btn li a:active {background-position:-191px 0px }

.navi_btn_sub { width:125px; }
.navi_btn_sub li { width:100%; *font-size:0; vertical-align:top }
.navi_btn_sub li a {display:block;width:100%;height:20px;background-repeat:no-repeat;cursor:pointer }
.navi_btn_sub li a.out {background-position:-250px 0px }
.navi_btn_sub li a.over {background-position:0px 0px }
.navi_btn_sub li a.click {background-position:-125px 0px }
.navi_btn_sub li a:active {background-position:-125px 0px }

.subNavi_btn { width:150px; margin-top:149px; }
.subNavi_btn li { width:100%; vertical-align:top; }
.subNavi_btn li a { font-family:Tahoma, Dotum; color:#0f4164; padding-top:6px; display:block; width:100%; height:19px; background-repeat:no-repeat; background-position:0px 0px; background-image:url(/include/png/subMenuBack.png); }
.subNavi_btn li a.out { background-position:0px 0px }
.subNavi_btn li a.over { background-position:0px -27px }
.subNavi_btn li a.click { background-position:0px -54px }
.subNavi_btn li a:active { background-position:0px -54px }

#motion_list { width:100%; }
#motion_list li { display:block; text-align:left; width:100%; vertical-align:top; padding-top:13px; padding-left:13px; border-bottom:2px #F9F9F9 solid; }
#motion_list li a {	display:block; width:311px; height:24px; background-repeat:no-repeat; cursor:pointer; }
#motion_list li a.out { height:24px; background-position:0px 0px:; cursor:pointer; }
#motion_list li a.over { height:24px; background-position:-311px 0px; cursor:pointer; }
#motion_list li a.click { height:46px; background-position:-622px 0px; cursor:arrow; }
#motion_list li a:active { background-position:-622px 0px; cursor:arrow; }

#photo_list { width:350px; height:54px; }
#photo_list li { display:inline; }
#photo_list li a { float:left; cursor:pointer;width:36px;height:56px;margin-left:2px; margin-right:2px;}
#photo_list li a { border-left:2px #f9f9f9 solid;	border-top:2px #f9f9f9 solid;	border-right:2px #f9f9f9 solid; cursor:pointer;}
#photo_list li a img { float:left; display:inline; width:36px; height:54px; cursor:pointer}
#photo_list li a.out { border-left:2px #f9f9f9 solid;	border-top:2px #f9f9f9 solid;	border-right:2px #f9f9f9 solid; cursor:pointer;}
#photo_list li a.over { border-left:2px #999999 solid;	border-top:2px #999999 solid;	border-right:2px #999999 solid; cursor:pointer;}
#photo_list li a.click { border-left:2px #999999 solid;	border-top:2px #999999 solid;	border-right:2px #999999 solid; cursor:arrow;}
#photo_list li a:active { border-left:2px #999999 solid;	border-top:2px #999999 solid;	border-right:2px #999999 solid; cursor:arrow;}

/* PRODUCT PAGE STYLE >>>>> */
.spec {padding-left:22px;}

#header { position:relative;  padding-top:10px; }

#article { position:relative; }

#footer { position:relative; }
#footer { padding-top:40px; padding-bottom:40px; }

#pageContents { position:relative; padding-top:0px; text-align:center; }

/* DEFAULT */
.tableSpec { background-color:#efefef;  width:530px; margin:0px auto;}
.tableSpec th { padding:7px; height:20px; }
.tableSpec tr td { border-bottom:1px #b3c8d6 solid; border-right:1px #b3c8d6 solid; }
.tableSpec tr td { font-size:9pt; line-height:14pt; padding:3px; padding-left:7px; padding-right:7px; padding-top:5px; color:#444444; }

.tableSpec colgroup .colCenter {	text-align:center; }
.tableSpec colgroup .colLeft { position:relative; text-align:left; }

.tableSpec tr .topLine {	border-top:2px #b3c8d6 solid; }
.tableSpec tr .topHidden {	border-top:2px #b3c8d6 solid; border-right:0px #efefef hidden; }
.tableSpec tr .topMiddleLine {	border-top:1px #b3c8d6 solid; }
.tableSpec tr .topMiddleHidden {	border-top:1px #b3c8d6 solid; border-right:0px #efefef hidden; }
.tableSpec tr .bottomLine {	border-bottom:2px #b3c8d6 solid; }
.tableSpec tr .bottomHidden {	border-bottom:2px #b3c8d6 solid; border-right:0px #efefef hidden; }
.tableSpec tr .hidden {	border-right:0px #efefef hidden; }

/* ROUND BOX */
.tableSpec tr .roundBox {	vertical-align:top; padding:0px; width:140px; height:100%; }
.tableSpec tr .roundBox {	border:0px #efefef hidden; padding-top:1px; padding-bottom:1px; }
.tableSpec tr .roundBox table { width:98%; height:100%;	background-color:#b3c8d6; }
.tableSpec tr .roundBox table tr td { padding:0px;	line-height:normal; border:0px #efefef hidden; font-size:0pt; }
.tableSpec tr .roundBox table tr td span {	font-size:9pt; color:#FFFFFF; font-weight:bolder; }
.tableSpec tr .roundBox table tr .centerWidth {	width:100%; height:100%; }
.tableSpec tr .roundBox table .middleHeight td {	height:100%; text-align:center; }

/* <<<<< PRODUCT PAGE STYLE */

#topMenuForm { text-align:right; padding-right:10px; }
#topMenuForm menu { margin-top:20px; }
#topMenuForm menu li { display:inline; }
#topMenuForm menu li a { color:#666; display:inline-block; padding-left:5px; padding-right:5px; }
#topMenuForm menu li a:hover { color:#999999; }
#topMenuForm menu li span { color:#666; font-size:8pt; }

#mainLayout {
	margin:auto;
	width:1178px;
	min-height:100%;
	background-color:#efefef;
	display:inline-block;
}

/**
	* 서브용 추가 스타일
	*/
#subMainLayout {
	margin:auto;
	width:1178px;
	min-height:100%;
	background-color:#efefef;
	display:inline-block;
}
/* 여기까지 */

	#bodyLayout {
		margin:auto;
		width:1178px;
		height:100%;
		background-color:#efefef;
		position:relative;
	}

		#leftMenuLayout {
			width:237px;
			height:100%;
			padding-bottom:165px;
			border-left:1px #f7f7f7 solid;
			border-right:1px #f7f7f7 solid;
			text-align:left;
			position:inherit;
			float:left;
		}
			#menuLayout {
			}
			#noticeLayout {
				margin-top:220px;
				width:100%;
			}
			#boardLayout {
				width:100%;
			}
		
		#motionLayout {
			width:379px;
			height:100%;
			border-left:1px #f7f7f7 solid;
			border-right:1px #f7f7f7 solid;
			position:inherit;
			padding-bottom:21px;
			float:left;
		}
			#photoView {
				width:100%;
				position:relative;
			}
			#bottomLogoLayout {
				width:100%;
				padding-top:30px;
				text-align:left;
			}
		
		#listLayout {
			width:379px;
			height:100%;
			border-left:1px #f7f7f7 solid;
			border-right:1px #f7f7f7 solid;
			position:inherit;
			float:left;
		}
			#listForm {
				margin-top:46px;
				width:100%;
				height:550px;
			}
			#copyrightLayout {
				border-top:1px #f7f7f7 solid;
				width:100%;
				vertical-align:top;
				position:relative;
			}
			
		/**
			* 서브용 추가 스타일
			*/
		#subImageLayout {
			display:block;
			width:150px;
			height:741px;
			border-left:1px #f7f7f7 solid;
			border-right:1px #f7f7f7 solid;
			position:inherit;
			float:left;
			text-align:right;
		}
		
		#subPageLayout {
			width:608px;
			height:100%;
			border-left:1px #f7f7f7 solid;
			border-right:1px #f7f7f7 solid;
			float:left;
		}
			#subTitleLayout {
				border-bottom:1px #f7f7f7 solid;
				height:91px;
				text-align:left;
				padding-top:26px;
			}
				#subTitleDiv {
					margin-left:0;
					text-align:left;
				}
				#subTitleTable {
					border-top:2px #f7f7f7 solid;
					border-bottom:2px #f7f7f7 solid;
				}
				#subTitleLeft {
					border-left:9px #1076bc solid;
				}
			
			#subContentLayout {
				position:relative;
				width:100%;
				min-height:499px;
			}
		/* 여기까지 */
		
		#rightLayout {
			width:176px;
			height:100%;
			border-left:1px #f7f7f7 solid;
			vertical-align:middle;
			background-color:#b5b5b5;
			position:inherit;
			padding-bottom:65px;
			float:left;
		}
		
		#subRightLayout {
			width:176px;
			height:100%;
			border-left:1px #f7f7f7 solid;
			vertical-align:middle;
			background-color:#b5b5b5;
			position:inherit;
			padding-bottom:205px;
			float:left;
		}
		
			#rightMenu {
				margin-top:80px;
			}

.subMenuDiv {
	z-index:100;
	position:absolute;
	left:98px;
	background-color:#FFFFFF;
	width:130px;
	padding:5px;
}
.leftMenuDivBack {
	text-align:left;
}
.listPhotoDiv {
	height:50px;
	margin-left:40px;
	margin-top:5px;
	position:relative;
	overflow:hidden;
}

.listImageOver {
	border:0;
	height:46px;
}
.listImageOut {
	border:0;
	height:24px;
}
.photoImageOut {
	border:0;
	cursor:hand;
	height:54px;
	width:36px;
}

.photoImageOver {
	border:0;
	cursor:hand;
	height:54px;
	width:36px;
}

.pointText01 {
	font-family:Tahoma, Dotum;
	font-size:8pt;
	line-height:12pt;
	letter-spacing:0px;
	margin-top:0px;
	margin-left:11px;
	margin-bottom:20px;
	padding-left:0px;
	color:#6A8C8B;
	font-weight:normal;
}
.pointText01 li {
	list-style-type:none;
	text-align:left;
}
.pointText01 li a:link, a:visited, a:active, a:hover  {
	color:#FFFFFF;
	text-decoration:none;
}
.pointText01 li a:hover  {
	color:#888888;
	text-decoration:underline;
}

.iboardStyle td {
	font-family:Tahoma, Dotum;
	font-size:9pt;
	padding-top:6px;
}