/* COLOR *****************************************************************************************/

/*

GREY
#EAEAEA
#D5D5D5
#C3C3C3

FONT
#212121
#4B4B4B
#8C8C8C
#9C9C9C

BLUE
#2478FF
#2BA5BA

*/


@charset "utf-8";
@font-face{
  font-family:'NanumgGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/image/NanumGothic.eot');     
}


/* COMMON ****************************************************************************************/

html,body,div,span,td, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	/*background: transparent;*/
	font-size:13px;
	font-family: Malgun Gothic, sans-serif, Arial Black, Helvetica, Verdanan Dotum; src:url(../image/MalgunGothic.eot);
	/*color:#212121;*/

	/* font-size: 100%; */
	font-style: inherit;
	font-weight: inherit;
	/* line-height: inherit; */
}

a:link, a:visited, a:active, a:hover { text-decoration:none; color:#212121; }

.bd { border: solid 1px red; }

h1 {
	font-weight:inherit;
	font-size:17px;
	line-height:100%;
	padding-left:20px;
}

h2 {
	font-weight: bold;
	font-size:13px;
	line-height:100%;
	padding-left:20px;
	padding-top:30px;
}

h3 {
	font-weight:inherit;
	font-size:13px;
	line-height:100%;
	padding-left:20px;
	padding-top:12px;
}

.h3s {
	font-weight:inherit;
	font-size:17px;
	line-height:100%;
	padding-left:5px;
	color:#2BA5BA
}

.ment {font-size:14px; background:#DFFFFF; line-height:25px; letter-spacing:-1px}


/* LAYOUT ****************************************************************************************/

.top			{ width:100%; height:87px; position:fixed; overflow:hidden; top:0; left:0; z-index:1000; background:#FFFFFF; text-align:center; }
.mid			{ width:100%; height:auto;position:relative; margin-top: 87px; padding: 0px; text-align:center; vertical-align:top;  }
.bot			{ width:100%; height:100px; float:left;position:relative; overflow:hidden; margin: 0; padding: 0; text-align:center; border-top: solid #EAEAEA 1px; }


/* TOP *******************************************************************************************/

.topc			{ width:100%; height:55px; position:relative; margin:0 auto; }

/* LOGO */
.tlogo			{ width:200px; float:left; padding: 5px 0 5px 20px; text-align:left; }

/* MENU */
.tmenu_top			{ width:620px; float:left; padding: 0 0 0 0; margin: 0; text-align:right; text-decoration:none; font-size:10px; color:#8C8C8C;}
.tmenu			{ width:720px; float:left; padding: 10px 0 0 0; margin: 0; text-align:center; }
.tmenu a:link, .tmenu a:visited, .tmenu a:active
				{ padding-left:70px; text-decoration:none; color:#4B4B4B; font-size:15px; font-weight:bold; letter-spacing:-1px; }
.tmenu a:hover	{ text-decoration:none; color:#2BA5BA; }

/* SUBMENU */
.tmenusbar		{ width:100%; height:30px; background-color:#F6F6F6; border-top: solid 1px #EAEAEA; border-bottom: solid 1px #D5D5D5; }
.tmenus			{ width:820px; height:30px;  float:left;position:fixed; margin:1 auto; }
.tmenusbar a:link, .tmenus a:visited, .tmenus a:active
				{ margin-right:20px;/* padding-left:30px; */ text-decoration:none; color:#8C8C8C; font-size:12px; letter-spacing:-1px; line-height:23px; }
.tmenusbar a:hover	{ text-decoration:none; color:#4B4B4B; }
#tmenus_c		{ width:480px;  padding-left:350px;margin:0; position:fixed; padding-right:0px; text-align:left; float:right;}
#tmenus_p		{ width:420px;  padding-left:480px;margin:0; position:fixed; padding-right:0px; text-align:left; float:right;}


/* MID *******************************************************************************************/

.midc		{ width:100%; margin:0 auto; }
.midl			{ width:150px; padding-left: 20px ;float:left; margin: 0; }
.midG		{ width:150px; float:left; margin: 0; }
.midr			{ width:800px; float:left; position:relative; padding-left: 29px; margin: 0; border-left: solid 1px #EAEAEA; text-align:left; }

/* MENU */
.lmenu			{ height:800px; padding: 0; margin: 0; letter-spacing:-1px; text-decoration:none; text-align:left; font-size:14px; color:#2BA5BA; font-weight:bold; }
.lmenu ul		{ padding: 50px 0 0 0; margin: 0; }
.lmenu ul li	{ height:30px; padding: 0; margin: 0; list-style:none; letter-spacing:-1px; display:block; /* border-bottom: solid 1px #EAEAEA; */ } 
.lmenu ul li a:link, .lmenu ul li a:visited, .lmenu ul li a:active {
	text-decoration:none; font-size:14px; color:#8C8C8C; font-weight:bold;
}
.lmenu ul li a:hover {
	text-decoration:none; color:#4B4B4B;
}
.lmenu_t		{ padding: 23px 0px 10px 2px; margin: 0; letter-spacing:-1px; font-size:15px; color:#4B4B4B; font-weight:bold; }

/* CONTENTS */
.sub			{ width:800px; height:35px; position:relative; padding: 0; margin: 20px 0px 20px 0px; border-bottom: solid 1px #EAEAEA; vertical-align:bottom; }
.subt			{ width:600px; float:left; position:relative; letter-spacing:-1px; font-size:20px; color:#4B4B4B; font-weight:bold; }
.subn			{ width:200px; float:left; position:relative; margin-top:15px; letter-spacing:-1px; font-size:11px; color:#9C9C9C; text-align:right; }

.con			{ width:800px; height:auto; position:relative; padding: 0; margin: 0; /* font-size:15px; */ line-height:25px; letter-spacing:-1px; }
.con ul			{ padding: 0; margin: 0; }
.con ul li		{ height:25px; padding-left: 20px; margin: 0; list-style:none; letter-spacing:-1px; display:block; }

.year4			{ width:80px;  height:127px; float:left; padding-top:3px; font-size:25px; }
.year3			{ width:80px;  height:97px;  float:left; padding-top:3px; font-size:25px; }
.year2			{ width:80px;  height:67px;  float:left; padding-top:3px; font-size:25px;  }
.history4		{ width:720px; height:130px; font-size:13px; }
.history3		{ width:720px; height:100px; font-size:13px; }
.history2		{ width:720px; height:70px;  font-size:13px; }


/* BOTTOM ****************************************************************************************/

.botc			{ width:920px;float:left; height:100px; position:relative; margin:0 auto;  padding: 0; color:#444444; line-height:20px; font-size:12px;font-weight:bold;}