@charset "euc-kr";
@import ("../css/menu.css");

/*####################### Default  #######################*/
html, body {margin:0; padding:0;}

* {/*font:12px/18px 'doutm'; */border:0px solid red;}
th, td, th *, td *  {font-size:12px;}
ul, li, dl, dt, dd {padding:0; margin:0}

td *, div *, li *, span *, p *  {vertical-align: middle;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr		{border:none;}
img			{vertical-align: top; border:0px ;}
strong		{font-weight:bold;}

/* Link */
a:link		{font-size:12px; text-decoration:none; color:#666;}
a:visited	{font-size:12px; text-decoration:none; color:#666;}
a:hover		{font-size:12px; text-decoration:underline; color:#f60;}
a:active	{font-size:12px; text-decoration:none; color:#666;}

a {selector-dummy: expression(this.hideFocus=true);} /* ÀÏ¹Ý ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */
a,img {selector-dummy: expression(this.hideFocus=true);} /* À̹ÌÁö¸Ê ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */

/* Table */
table  		{border-collapse:collapse;}

/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:12px; height:20px;}
input		{vertical-align: top; }
.input 	{border:1px solid #ccc}
.input01	{font-size: 12px; color: #666666; height: 19px; border: 1px solid #d7d7d7; background-color:#fff; padding-top: 3px; vertical-align: middle;}  
.input02	{font-size: 12px; color: #666666; border: 1px solid #d7d7d7; background-color:#fff; padding:10px} 

/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}


/*####################### common #######################*/
/* top */
.top_wrap {width:100%; text-align:center; height:120px; vertical-align:top; position:absolute; top:0; left:0; z-index:10;}
.top {width:1066px; text-align:left; clear:both; height:120px; vertical-align:top; margin:0 auto; background:url('../img/top_bg.png') no-repeat 0 0;}

	.logo {width:356px; text-align:left; float:left; vertical-align:top;}
	.logo img {margin: 0 0 0 6px;}

	.menu {float:right; width:644px; vertical-align:top; text-align:right; margin: 20px 0 0 0;}

.contain_wrap {width:100%; text-align:center; margin: 0 0 30px 0;}
.contain {width:1000px; text-align:left; margin:0 auto;}

/* left */
.left_wrap {width:240px; text-align:left; float:left; vertical-align:top; margin: 20px 0 0 0; padding:0 0 50px 0;}
	.left_banner {margin: 20px 0 0 0;}

/* contents */
.contents_wrap {width:760px; text-align:left; float:right; vertical-align:top; margin:0px 0 0 0; padding:40px 0 40px 0px;}
	.title_wrap {border-bottom:1px solid #ebebeb; height:45px; margin:0 0 40px 0; vertical-align:top; width:100%; clear:both; position:relative;}
	.page_title {float:left;}
	.navigation {float:right; padding:10px 0 0 0; font-size:12px; color:#999; display:block;}
	.navigation2 {font-weight:bold; color:#555;}

/* footer */
.footer_wrap { clear:both; width:100%; text-align:center; vertical-align:top; background-color:#888; padding:10px 0 0 0;}
.footer {clear:both; width:1000px; margin: 0px auto; vertical-align:top; height:110px;}
.bottom li {float:left;}


/*####################### contents #######################*/
/* main */
.mainimg_wrap {width:100%; text-align:center; margin:0; height:552px; background: #d2edff url('../img/main_bg.jpg') repeat-x top center; }

.main_wrap {clear:both; width: 100%; text-align:center; height:260px; margin: 30px 0 0 0;}
.main {width: 1000px; text-align:left; margin:0 auto; border:0px solid red; overflow:hidden;}

	.m_cont {width:1000px; clear:both; margin:0; padding:0;}

		.m_cont1 {float:left; width:325px; text-align:left;}
		.m_cont2 {float:left; width:422px; text-align:left;}
		.m_cont3 {float:left; width:253px; text-align:left;}
		.m_cont4 {float:left; width:675px; text-align:left;}

		.notice {clear:both; margin:20px 0 0 0;}
		.notice th {font:12px/22px; vertical-align:top; text-align:left; width:330px; overflow:hidden; font-weight:normal;}
		.notice td {font:12px/22px 'dotum'; vertical-align:top; text-align:left;}

		.mainbanner {margin:11px 0 0 0;}
		.mainbanner li {float:left;}

/* sub */
.topimg_wrap {width:100%; background:url('../img/sub_bg.jpg') repeat-x center top; background-color:#d9e7f4;}
	.topimg1 {width:100%; background:url('../img/topimg1.png') no-repeat center top; height:330px;}
	.topimg2 {width:100%; background:url('../img/topimg2.png') no-repeat center top; height:330px;}
	.topimg3 {width:100%; background:url('../img/topimg3.png') no-repeat center top; height:330px;}
	.topimg4 {width:100%; background:url('../img/topimg4.png') no-repeat center top; height:330px;}
	.topimg5 {width:100%; background:url('../img/topimg5.png') no-repeat center top; height:330px;}

.catalog_down {width:100%; text-align:center; margin:40px;}
.catalog_down img {margin:0 auto;}