@charset "euc-kr";

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: ¸¼Àº °íµñ, Arial;
  /*font: inherit;*/
  vertical-align: top;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* common */
*{margin:0; padding:0;}
body{width:1000px;margin:0 auto;font-family: ¸¼Àº °íµñ, Arial, Helvetica, sans-serif;}
li{list-style-type: none;}
img,fieldset,iframe,input{border:0 none;}
a{color:#000; text-decoration: none;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both}
textarea{font-family:¸¼Àº °íµñ, arial; font-size:13px;}

/* main.sub css */
.sub-left{
	width: 158px;
	background-color: #d5d5d5
}
	.sub-left-logo{
		padding: 18px 0 27px 18px;
	}
	.mypage{
		width: 158px;
		height: 418px;
		background-color: #d5d5d5;
	}
	.mypage .mypage-lock img{
		padding: 20px 0 20px 0;
	}
	.mypage li{
		padding-left: 10px;
	}
	.mypage li a{
		color: #fff;
		font-size: 15px;
		font-weight: bold;
	}
.sub-right{
	width: 843px;
	padding: 0 0 124px 13px;
}
	#login-sub{
		}
		#login-sub h2{
			color: #fff;
			padding: 21px 0 14px 15px;
		}
		#login-sub .login li{
			padding: 0 0 11px 15px;
		}
		#login-sub .login .login-btn{
			padding-left: 14px;
		}
		#login-sub .login li input{
			width: 115px;
			height: 28px;
			padding-left: 10px;
			line-height: 28px;
		}
		#login-sub .login li input#login_btn{
			width: 127px;
			height: 30px;
			background: url(../images/login_btn.png);
			cursor: pointer;
		}
		::-webkit-input-placeholder {color:#ccc;}
		::-moz-placeholder {color:#ccc;} /* firefox 19+ */
		:-ms-input-placeholder {color:#ccc;} /* ie */
		input:-moz-placeholder {color:#ccc;}
		#login-sub .join{
			width: 127px;
			padding-left: 15px;
		}
		#login-sub .join .join-us{
			float: left;
		}
		#login-sub .join .find-pw{
			float: right;
		}
		#login-sub .join li a{
			color: #454952;
			font-size: 12px;
		}
		*:first-child+html #login-sub .join li a{
			font-size: 11px;
		} /* ie 7 hack */
	.main-nav{
		padding-top: 58px;
	}
	.main-nav li{
			display: inline-block;
			position: relative;
			*display:inline;
			zoom: 1;
			z-index: 3000;
		}
		.main-nav li a{
			display: block;
			padding-right: 31px;
			color: #454a50;
			height: 32px;
		}
		.main-nav li a.last{
			padding-right:0;
		}
		.main-nav > li > a{
			font-weight: bold;
		}
		.main-nav li a:hover{
		}
		.main-nav li ul.sub{
			width: 831px;
			height: 30px;
			line-height:30px;
			padding-left: 6px;
			display: none;
			position: absolute;
			z-index: 1000;
			top: 30px;
			left: -6px;
			background-color: #fff;
		}
		.main-nav li:hover ul.sub{
			display: block;	/* Display the dropdown */
		}
		.main-nav li ul.sub li{
			display: block;
			float: left;
		}
			.sub > li > a{
				font-size: 14px;
			}
#main-img{
		margin-top: 16px;
	}
		.left{
			float: left;
			position: relative;
			width: 492px;
			height: 192px;

			background-color: #a6aaa9;
		}
			.color-red{
				width: 449px;
				height: 192px;
				background-color: #ec5d57;
			}
			.color-orange{
				width: 409px;
				height: 192px;
				background-color: #f39019;
			}
				.main-left-text{
					position: absolute;
					top: 27px;
					left: 45px;
					width: 327px;
					color: #feffff;
				}
				.main-left-text .title-kr{
					font-size: 26px;
					font-weight:bold;
					padding-bottom: 1px;
					line-height: 1.2em;
				}
				.main-left-text .title-en{
					font-size: 13px;
					position: absolute;
					top: 65px;
					left: 112px;
					line-height: 1.1em;
				}
				.main-left-text .info{
					padding-top: 13px;
					font-size: 13px;
					line-height: 1.3em;
					/*font-weight: lighter;*/
				}
				.main-left-text .go{
					position: absolute;
					top: 108px;
					right: 0;
				}
		.right{
			position: relative;
			float: right;
			width: 321px;
			height: 190px;
			color: #fff;
			border: 1px solid #e1e1e1;
		}

		.right .title{
				position: absolute;
				top: 95px;
				left: 12px;
				font-size: 24px;
				font-weight: bold;
			}
		.right .info{
				position: absolute;
				top: 133px;
				left: 12px;
				font-size: 13px;
				line-height: 1.2em;
			}
#body-sub{
	width: 830px;
	/* height: 774px; */
}
	.greeting-layout{	}
		.greeting{
			position: relative;
			padding: 45px 0 0 51px;
		}
		.greeting .title{
			color: #444;
			font-size: 18px;
			padding-bottom: 14px;
		}
		.greeting .strong{
			color: #0985c5;
			font-size: 18px;
			padding-bottom: 25px;
			text-decoration: underline;
		}
			.greeting-body{
				color: #454545;
				font-size: 14px;
				line-height: 1.7em;
			}
			.greeting-body .paragraph_01{
				width: 571px;
				text-align: justify;
				line-height: 1.8em;
			}
			.greeting-body .president_img{
				display: block;
				position: absolute;
				top: 70px;
				right: 25px;
			}
			.greeting-body .paragraph_02{
				width: 759px;
				padding-right: 21px;
				text-align: justify;
				line-height: 1.8em;
			}
	.history{
		width: 759px;
		margin: 45px 0 0 51px;
	}
	.history tbody > tr > td{
		color: #444;
		font-size: 14px;
	}
		.Tbl03{
			border: 1px solid #f0f0f0;
		}
		.Tbl03 > tbody > tr > td{
			border: 1px solid #f0f0f0;
			padding: 10px 0 10px 7px;
		}
	.organization-title{
		font-size: 18px;
		padding: 45px 0 22px 51px;
	}
	.organization-table > tbody > tr > td{
		font-size: 14px;
		color: #444;
	}
	.rule-title{
		color: #444;
		font-size: 18px;
		padding: 45px 0 22px 51px;
	}
	.rule{
		margin: 0 0 0 51px;
	}
	.rule-strong{
		color: #0985c5;
		font-size: 18px;
		padding: 0 0 32px 51px;
	}
	.rule > tbody > tr > td{
		font-size: 14px;
		color: #444;
	}
	.join-us-title{
		color: #444;
		font-size: 18px;
		padding: 45px 0 22px 51px;
	}
	.join-us-strong{
		color: #0985c5;
		font-size: 18px;
		padding: 0 0 32px 51px;
	}
	.join-us-info{
		width: 746px;
		padding: 0 0 0 51px;
	}
	.private{
		width: 757px;
		padding: 47px 0 0 74px;
	}
		.private-table > tbody > tr > td > b > .private-icon{
			vertical-align: middle;
			line-height: 1.8;
		}
		.private-table > tbody > tr > td > strong{
			font-size: 14px;
			line-height: 1.8;
			color: #444;
		}
		.private #btn_1 {
			border-style: none;
			background: url(/images/btn/but_02.png);
			font-size: 12px;
			width: 160px;
			height: 30px;
			color: #fff;
			padding: 0;
			margin-left: 286px;
			font-weight: bold;
			cursor: pointer;
		}
/* board */
table.list{
	width: 759px;
	margin: 49px 0 0 51px;
}		
table.list > tbody > tr > .list-style{
	color: #111111;
	font-size: 13px;
	line-height: 180%;	
	padding: 0;
}
.list-center > td{
	text-align: center;
}
/* member */
.info_modify{
	width: 759px;
	margin: 20px 0 0 51px;
}
	.Tbl08 {
		font-family: ¸¼Àº °íµñ, Arial;
		border-collapse:collapse; 
		border-top:2px solid #069;
		border-bottom:2px solid #069; 
		margin:3px 0px;
	}
.info_pay{
	width: 759px;
	margin: 45px 0 0 51px;
}
.info_join{
	width: 759px;
	margin: 45px 0 0 51px;
}
/* copy */
#body-copy-sub{
	/* position: relative; */
	width: 417px;
	height: 35px;
	padding-left: 414px;
	padding-bottom: 109px;
}
	.copy-sub{
		/* position: absolute;
		top: -8px;
		left: 256px; */
		
	}
		.line{
			width: 417px;
			height: 1px;
			border-top: 1px solid #d5d5d5;
		}
		.copy-text{
			color: #b1b5b4;
			font-size: 12px;
			padding-top: 8px;
			text-align: center;
		}
		/* table2*/
.Tbl02 {border-collapse:collapse; border:2px solid #444444; margin:3px 0px;}
.Tbl02 th {border:1px solid #444444; padding:6px 7px; font-style:normal; font-weight:bold; line-height:110%; background-color:#e8e8e8; color:#444444;}
.Tbl02 th.nonebold {border:1px solid #444444; padding:6px 7px; font-style:normal; font-weight:normal; line-height:110%; background-color:#e8e8e8; color:#444444;}
.Tbl02 td {border:1px solid #444444; padding:4px 7px;}
.Tbl02 td.bgcolor {border:1px solid #d1d1d1; padding:4px 7px; background-color:#f4f4f4;}

.Tbl03 {border-collapse:collapse; border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc; margin:3px 0px;}
.Tbl03 td {border:1px solid #f0f0f0; padding:7px 7px;}
.Tbl03 td.bgcolor {border:1px solid #ddd; padding:7px 7px; background-color:#f4f8fa;}

.Tbl04 {border-collapse:collapse; border-top:2px solid #444444;border-bottom:1px solid #444444; margin:3px 0px;}
.Tbl04 td {border:1px solid #ddd; padding:5px 5px;}
.Tbl04 td.member_a{border:1px solid #ddd; padding:5px 5px;background:#F7F7F7;color:#4F70A3;font-weight:bold}
.Tbl04 td.bgcolor {border:1px solid #ddd; padding:5px 5px; background-color:#f4f8fa;}

.Tbl05 {border-collapse:collapse; border-top:0px solid #dcdcdc;border-bottom:0px solid #dcdcdc; margin:3px 0px;}
.Tbl05 td {border:1px solid #f0f0f0; padding:7px 7px;}
.Tbl05 td.bgcolor {border:1px solid #ddd; padding:7px 7px; background-color:#f4f8fa;}

.Tbl06 {border-collapse:collapse; border-top:0px solid #dcdcdc;border-bottom:0px solid #dcdcdc; margin:0px 0px;}
.Tbl06 td {border:0px solid #f0f0f0; padding:2px 2px;}
.Tbl06 td.bgcolor {border:0px solid #ddd; padding:2px 2px; background-color:#f4f8fa;}

.Tbl07 {border-collapse:collapse; border-top:2px solid #444444;border-bottom:2px solid #444444; margin:3px 0px;}
.Tbl07 td {border:1px solid #444444; padding:5px 5px;}
.Tbl07 td.bgcolor {border:1px solid #444444; padding:5px 5px; background-color:#f4f8fa;}

.Tbl08 {border-collapse:collapse; border-top:2px solid #069;border-bottom:2px solid #069; margin:3px 0px;}
.Tbl08 td {border:1px solid #cccccc; padding:5px 5px;}
.Tbl08 td.bgcolor {border:1px solid #cccccc; padding:5px 5px; background-color:#f4f8fa;}

.Tbl09 {border-collapse:collapse;border:1px solid #cccccc;}
.Tbl09 td {border:1px solid #cccccc; padding:5px 5px;}
.Tbl09 td.bgcolor {border:1px solid #cccccc; padding:5px 5px; background-color:#f4f8fa;font-weight:bold}


.Tbl10 {border-collapse:collapse;}
.Tbl10 td { padding:5px 5px;border:0px solid #cccccc;}
.Tbl10 td.bgcolor {border:1px solid #cccccc; padding:5px 5px; background-color:#f4f8fa;}
/* --========================SUB MAIN===========================-- */