/*********************************************************************************/
/* reset                                                                   */
/*********************************************************************************/

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
		margin:0;
		padding:0;
		border:0;
		font-size:100%;
		font:inherit;
		vertical-align:baseline;
	}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{display:block;}
	body{line-height:1;}
	ol,ul{list-style:none;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,q:before,q:after
	{content:'';content:none;}
	table{border-collapse:collapse;border-spacing:0;}
	body{-webkit-text-size-adjust:none}
	
	a
	{
		color: #006376;
		text-decoration: none;
	}

		a:hover
		{
			text-decoration: none;
		}






/*********************************************************************************/
/* logo                                                                   */
/*********************************************************************************/

	body
	{
	    width:100%;
	    text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		background: #FFFFFF;
		color: #6b7770;
		font-size: 13px;
		line-height: 2em;
		
	}
	
	.homepage
	{
		width:100%;
		padding-top: 0;
		text-align:center;
	}
	
	#logo{ 
		text-align:center;
	}
		#logo .logodiv div
		{
			text-align:left;
			width:830px;
			background: #fff;
			padding:5px 0 5px 0;
			display:inline-block;	
			
		}

p {
    background-image: url(../img/blank.png);
    background-repeat: repeat;
}

/*********************************************************************************/
/* main                                                                        */
/*********************************************************************************/
		.main{ 
			min-height:550px;
			text-align:center;
		}
			.main .content 
			{
				
				text-align:left;
				padding-top:3px;
				padding-left:20px;
				width:832px;
				margin:0 auto 6px;
				height:600px;
			}

			.main .content .snd		
			{
				float:left;
				width:832px;
				margin-left:-1px;
				padding-left:24px;
			}

/*********************************************************************************/
/* main                                                                        */
/*********************************************************************************/
		.main700{ 
			min-height:950px;
			text-align:center;

		}
			.main700 .content 
			{
				
				text-align:left;
				padding-top:3px;
				padding-left:20px;
				width:832px;
				margin:0 auto 6px;
			}

			.main700 .content .snd		
			{
				float:left;
				width:832px;
				margin-left:-1px;
				padding-left:24px;
			}

		.main300{ 
			min-height:300px;
			text-align:center;

		}
			.main300 .content 
			{
				
				text-align:left;
				padding-top:3px;
				padding-left:20px;
				width:832px;
				margin:0 auto 6px;
			}

			.main300 .content .snd		
			{
				float:left;
				width:832px;
				margin-left:-1px;
				padding-left:24px;
			}

/*********************************************************************************/
/* main                                                                        */
/*********************************************************************************/
		.main_700{ 
			min-height:700px;
			text-align:center;

		}
			.main_700 .content 
			{
				
				text-align:left;
				padding-top:3px;
				padding-left:20px;
				width:832px;
				margin:0 auto 6px;
				height:700px;

			}

			.main_700 .content .snd		
			{
				float:left;
				width:832px;
				margin-left:-1px;
				padding-left:24px;

			}
		
/*********************************************************************************/
/* TITLE                                                                        */
/*********************************************************************************/
	h2 
	{
		margin-top:25px; 
		color:#1a1a1a; 
		font-weight:bold; 
		font-size:24px; 
		font-family:"¸¼Àº °íµñ", "Malgun Gothic","µ¸¿ò","Dotum", "Apple Gothic", sans-serif; 
		letter-spacing:-2px;
	}

		.line 
		{
			clear: both;

			width:832px; 
			margin-bottom:20px; 
			padding-bottom:12px; 
			border-bottom:2px solid #808080;
		}



/*********************************************************************************/
/* CONTENT DIV                                                                   */
/*********************************************************************************/
	h3 
	{
		width:832px; 
		color:#1a1a1a; 
		font-weight:bold; 
		font-size:18px; 
		line-height:24px; 
		letter-spacing:-1px;
	}
	
	.b
	{
		font-weight:bold;
	}

/*********************************************************************************/
/* BUTTON GROUP                                                                  */
/*********************************************************************************/

	.btngroup	
	{
		text-align:center;
		float:left; 
		width:832px; 
		margin-left:-1px; 
		padding-left:24px;
	}

/*********************************************************************************/
/* BUTTON                                                                  */
/*********************************************************************************/
	.button {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-webkit-border-top-left-radius:6px;
		-moz-border-radius-topleft:6px;
		border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
		-moz-border-radius-topright:6px;
		border-top-right-radius:6px;
		-webkit-border-bottom-right-radius:6px;
		-moz-border-radius-bottomright:6px;
		border-bottom-right-radius:6px;
		-webkit-border-bottom-left-radius:6px;
		-moz-border-radius-bottomleft:6px;
		border-bottom-left-radius:6px;
		text-indent:0;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#777777;
		font-family:arial;
		font-size:15px;
		font-weight:bold;
		font-style:normal;
		height:50px;
		line-height:50px;
		width:100px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #ffffff;
	}
	.button:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}.button:active {
		position:relative;
		top:1px;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	.footer
	{
		display:block;
		float:center;
		margin:0 auto 70px;
		padding-top:30px;
		width:832px;
		position:relative;
		border-top:2px solid #808080;
	}


.table_list table {border-collapse:separate; position:relative; }
.table_list table {*border-collapse:collapse;} /* ie7 */
.table_list	{border-top:2px solid #808080; border-bottom:1px solid #808080; width:790px;}
.table_list	th, .table_list	td	{border-top:1px solid #e6e6e6;}
.table_list	tr.first_child	th, .table_list	tr.first_child	td	{border-top:none;}
.table_list	tr.line	th, .table_list	tr.line	td	{border-top-color:#b3b3b3;}
.table_list	th	{border-right:1px solid #e6e6e6; background:#fafafa; color:#1a1a1a; vertical-align:middle;}
.table_list	th	.wrap	{padding:6px 25px 5px;}
.table_list th, .table_list td {font-size:12px; line-height:1.2em; font-family:"µ¸¿ò", "Dotum", "Apple Gothic", sans-serif; letter-spacing:0;}
.table_list	.bb_none th,	 .table_list	.bb_none td	{border-bottom:none;}
.table_list	td	{padding:4px 0; color:#666; vertical-align:middle;}
.table_list	td	.wrap	{padding:6px 22px 5px 24px; }
.table_list	td	.wrap_size	{display:inline-block; width:200px; margin-right:10px; color:#1a1a1a; text-align:right;}
.table_list	td	.wrap_size	input	{text-align:right;}
.table_list	td	.position_rt	{position:relative;}
.table_list	td	.position_as	{position:absolute; top:0; left:214px; color:#666;}
.table_list	td	.position_as	label	{vertical-align:-1px;}
.table_list	td	input	{margin:0 3px 0 5px; vertical-align:middle;}
.table_list	td	a img	{margin:auto; vertical-align:middle;}
.table_list	td	.dis_bl	 span	{display:block;}
.table_list	td	.dis_bl	 input	{text-align:right;}
.table_list	.tfoot	th	{font-family:"¸¼Àº °íµñ", "Malgun Gothic", "Apple Gothic", sans-serif; font-size:14px; font-weight:bold;}
.table_list	.tfoot	td	.wrap_size	{display:inline-block; float:left;}
.table_list	.tfoot	td	.wrap_size	em	 {font-style:normal; font-family:"Arial", "µ¸¿ò", "Dotum", "Apple Gothic", sans-serif; font-size:22px;}
.table_list	.tfoot	td	.vat	{float:left; margin-top:3px; font-size:11px; color:#df2607;}




.g_menu #cssmenu {
  background: #8bc223;
}
.g_menu #cssmenu ul {
  width:832px;
  list-style: none;
  margin:0 auto;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
.g_menu #cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.g_menu #cssmenu ul li {
  float: left;
  display: block;
  padding: 0;
}
.g_menu #cssmenu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.g_menu #cssmenu ul li a:hover {
  color: #333333;
}
.g_menu #cssmenu ul li a:hover:before {
  width: 100%;
}
.g_menu #cssmenu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
.g_menu #cssmenu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
.g_menu #cssmenu ul li.last > a:after,
.g_menu #cssmenu ul li:last-child > a:after {
  display: none;
}
.g_menu #cssmenu ul li.active a {
  color: #333333;
}
.g_menu #cssmenu ul li.active a:before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #cssmenu ul li {
    float: none;
  }
  #cssmenu ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cssmenu ul li a:after {
    display: none;
  }
  #cssmenu ul li a:before {
    height: 1px;
    background: #ffffff;
    width: 100%;
    opacity: .2;
  }
  #cssmenu ul li.last > a:before,
  #cssmenu ul li:last-child > a:before {
    display: none;
  }



}