@charset "euc-kr";
/* CSS Document */
html, body { width:100%; height:100%; font-family:'dotum,arial'; font-size:12px; word-wrap:normal; }
html, body, h1, h2, h3, h4, ul, li, dl, dt, dd, input, div, span, p, tr, td{ padding:0px; margin:0px; border:0px;}
h1, ul, li, dl, dt, dd { list-style:none; }
a { text-decoration:none; color:#6d6d6d; outline: none; selector-dummy:expression(this.hideFocus=true);}
img {border:0px; padding:0px; margin:0px; outline: none; selector-dummy:expression(this.hideFocus=true);}



body {width:100%; margin:0 auto; }
.main_wrap {width:100%; margin:0 auto; background:url(../html/img/main/main_bg.gif) repeat-x;}

#wrap {width:100%; margin:0 auto;}

/*header*/

#header {width:1000px; height:100px; margin:0 auto; text-align:center;}
#header .top_menu {margin-top:5px; float:right;}
#header .top_menu ul {width:100%;}
#header .top_menu ul li { float:left; margin-left:5px;}
#header .logo {width:150px; height:70px; margin:0 auto; text-align:center;
 padding-top:20px;}

/* menu */

#menubg {width:100%; height:40px; background:url(../html/img/menubg.gif) repeat-y 50% 0; margin:0 auto;}
#wrap_menu{width:685px; height:60px; margin:0 auto; text-align:center;}
#menubg .main_menu {width:1000px; margin:0 auto;}
#menubg .main_menu ul {widht:100%;}
#menubg .main_menu ul li {height:60px; float:left; margin:0; }


#wrap_menu{height:60px;}

.mp_header {width:100%; position:relative; margin:0 auto; z-index:20;}
.mp_header .mp_sub_header {width:1000px; height:40px; margin:0 auto; position:relative; z-index:21;}

.mp_header .subBg { position: absolute; top: 40px; left: 0; width: 100%; height: 90px; background:url(../html/img/menu_bg.png) repeat; border-bottom: 1px solid #036F26; _top: 170px;  z-index:1; }
.mp_header .mp_main_menu { top:27px; left: 0; position: relatve; z-index: 40; }
.gnb {width:1000px; float:left; margin: 0 auto; position: relative; z-index:41; }
.gnb .closeMenu { position: absolute; right: 0px; bottom: -100px; width: 23px; height: 23px; z-index: 41; _bottom: 30px; }
.gnb ul.menu { width:1000px; margin:0 auto;}
.gnb ul.menu:after { content: ''; clear: both; display: block }
.gnb ul.menu li { float: left;  text-align: center; z-index: 40; _display: inline; }
.gnb ul.menu li a { padding: 0; display: inline-block }
.gnb ul.menu li.menu01 { background-image: none !important; height:40px; z-index: 100;}
.gnb ul.menu li.menu02 { height:40px;}
.gnb ul.menu li.menu03 { height:40px;}
.gnb ul.menu li.menu04 { height:40px;}
.gnb ul.menu li.menu05 { height:40px;}
.gnb ul.menu li.menu06 { height:40px;}
.gnb ul.menu li.menu07 { height:40px;}

.gnb ul.menu li.menu01 .subWrap {width:200px;  top: 40px; left: 0px }
.gnb ul.menu li.menu02 .subWrap {width:160px;  top: 40px; left: 200px }
.gnb ul.menu li.menu03 .subWrap {width:160px;  top: 40px; left: 360px }
.gnb ul.menu li.menu04 .subWrap {width:160px;  top: 40px; left: 520px }
.gnb ul.menu li.menu05 .subWrap {width:160px;  top: 40px; left: 680px }
.gnb ul.menu li.menu06 .subWrap {width:160px;  top: 40px; left: 840px }

.gnb ul.menu .subWrap { height: 110px;  z-index: 41; position: absolute; _margin-top: 4px; _height: 220px; left:-20px;}
.gnb ul.menu .subWrap.fir { border-left: none !important}
.gnb ul.menu .subWrap ul { padding-top:15px;  }
.gnb ul.menu .subWrap li { float: none; font-size: 12px; color: #333; position: relative; text-align: left; _display: block; line-height: 1.4; margin-bottom: 7px; background-image: none !important; text-align:center;}
.gnb ul.menu li.menu02 .subWrap li {margin-left:5px; !important;}
.gnb ul.menu li.menu05 .subWrap li {margin-left:0px; !important;}
.gnb ul.menu .subWrap ul li a { padding: 0 !important; color: #333; height: auto; text-decoration: none }
.gnb ul.menu .subWrap ul li a:hover { color:#a67820; font-weight: bold; text-decoration: underline }
.gnb ul.menu li .on { display: block }
.gnb ul.menu .subWrap.subOn { margin-top: -1px !important; _margin-top: 2px; }
.gnb ul.menu .subWrap.subOn ul {  }
.subWrap, .subBg, .closeMenu { display: none }




/* main img */
#mainimg {width:100%; height:420px; background:#eaeaea; margin:0 auto; text-align:center; position:relative;}
#mainimg .mimg{width:1000px; height:420px; margin:0 auto; background:url(../html/img/main_img.gif);   }


/* sub img*/
#subimg {width:100%; height:35px; background:#eaeaea; margin:0 auto; text-align:center; position:relative;}
#subimg .simg{width:1000px; height:35px; margin:0 auto;   }



.subWrap, .subBg, .closeMenu { display: none }


.header .main_menu {width:100%; clear:both; height:75px; *margin-top:-4px; _margin-top:-4px;}
.header .main_menu ul {width:100%;}
.header .main_menu ul li {float:left; position:relative; margin-left:80px;}
.header .main_menu ul li a {display:block;}
.header .main_menu ul li.menu {width:100px; height:35px; z-index:1}
.header .main_menu li .subMenu {width:900px; height:30px; z-index:1; margin-left:0px;text-indent:0px; display:block; position:absolute;}
.header .main_menu li .subMenu li {float:left; height:20px; text-align:center; margin-right:0px; margin-left:20px;}
.header .main_menu li .subMenu li a { height:30px; float:left; color:#6d6d6d;}
.header .main_menu li .subMenu li a:hover {text-decoration:underline; color:#000;}
/*Sub_Menu_area*/
.header .main_menu ul li #m1 {}
.header .main_menu ul li #m2 {left:-150px;}
.header .main_menu ul li #m3 {left:-200px;}
.header .main_menu ul li #m4 {left:-60px;}
.header .main_menu ul li #m5 {left:-60px;}
.header .main_menu ul li #m6 {left:-250px;}

/*visual*/
	#rollingBanner{position:relative;margin:auto 0; width:1000px; height:348px; overflow:hidden;}
	#rollingBanner ul li dl, #rollingBanner ul li dd{ width:1000px; height:348px; overflow:hidden; vertical-align:middle;}
	#rollingBanner ul li dl dt a{position:absolute; z-index:1;display:block; width:16px; height:16px; overflow:hidden;background:url(/html/img/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em;}
	.btn1 a{left:480px; top:330px;}
	.btn2 a{left:500px; top:330px;}
	.btn3 a{left:520px; top:330px;}
	.btn4 a{left:540px; top:330px;}
	.btn5 a{left:580px; top:365px;}
	#rollingBanner ul li dl dt a.iconOn{background:url(/html/img/bg_mainimg_control.png) -22px top no-repeat; }

/* main contents */

#contents {width:100%; height:250px; background:#fafafa; margin:0 auto; text-align:center;}
#contents .con {width:1000px; margin:0 auto;}
#contents .con ul {width:1000px;}
#contents .con ul li {width:230px; float:left; margin-top:33px; padding-right:10px; padding-left:10px;}





/* ¼± */
.greyRule { background: #CECECE; width: 770px; height: 1px; padding:0; margin: 0; } 
.greyRule hr { display: none; } 




/* sub contents */

#sub_contents{width:100%; margin:0 auto; text-align:center; background:#FFF;}
#sub_contents .sub_con{width:1000px; margin:auto; overflow:hidden; }

#sub_contents .subleft{width:200px; height:500px; margin-right:30px; margin:0px; padding:0px; float:left; text-align:left;}
#sub_contents .subleft .lefttitle{width:200px; height:60px; margin-top:10px; margin-bottom:30px;}
#sub_contents .subleft .leftmenu {padding:0px; margin:0px; }
#sub_contents .subleft .leftmenu ul {width:100%; padding:0px; margin:0px;}
#sub_contents .subleft .leftmenu ul li{ height:35px;}
#sub_contents .subleft .left_banner{padding-top:100px;}

#sub_contents .subright{width:770px; float:right; text-align:left;}
#sub_contents .subright .subtitle{width:770px; height:60px; margin-top:15px; margin-bottom:10px; text-align:left; float:left;}
#sub_contents .subright .subtitle .s_img{width:460px; float:left;}
#sub_contents .subright .subtitle .s_navi{width:300px; height:45px; float:right; text-align:right; padding-top:30px; font:±¼¸²; font-size:8.5pt; color:#666;}

/* footer */

#footer{width:100%; height:140px; margin:0 auto; padding-top:20PX;}
#footer .footerbg{width:100%; height:2px; background:url(../html/img/menubg.gif) repeat-y 50% 0;}
#footer .f_img{width:1000px; margin:0 auto; text-align:center}


/*container*/
.container {width:100%;}
	/*con L */
.container .con_L {width:700px; float:left;}
.container .con_L .quick_icon{width:700px; height:110px;}
.container .con_L .quick_icon ul {width:100%}
.container .con_L .quick_icon ul li {width:100px; float:left; margin-left:20px;}
.container .con_L .main_board {width:700px;}
.container .con_L .main_board .board_L {width:315px; float:left;}
.container .con_L .main_board .board_L .news_title{width:315px; height:27px; border-bottom:2px solid #676767; float:left; overflow:hidden;}
.container .con_L .main_board .board_L .news_title p {text-align:right; float:right;}
.container .con_L .main_board .board_R {width:315px; margin-left:40px; float:left;}
.container .con_L .main_board .board_R  p {text-align:right; float:right; font-size:11px; margin-top:-30px; color:#646464;}

	/*tab mennu*/
	.TabMenu{width:315px; overflow:hidden; border-bottom:2px solid #676767;}
	.TabMenu #tab1 {float:left;}
	.TabMenu #tab2 {float:left;}
	.TabMenu li{float:left; font-size:12px;}
	 
	#content01{width:315px; height:130px; border-top:none; display:none; margin:0 auto;}
	#content02{width:315px; height:130px; border-top:none; display:none; margin:0 auto;}
	
	
	
.container .con_L .photo_gallery .photo_title {width:680px; height:33px; border-bottom:2px solid #676767; float:left; overflow:hidden;}
.container .con_L .photo_gallery .photo_title p {text-align:right; float:right;}


	/*con_R*/
.container .con_R {width:300px; float:right; text-align:center;}
.container .con_R .memo_board {width:270px; margin:0 auto;}
.container .con_R .memo_board .memo_title {width:270px; height:34px; border-bottom:2px solid #676767; float:left; overflow:hidden;}
.container .con_R .memo_board .memo_title p {text-align:right; float:right; }
.container .con_R .customer {width:270px; margin:0 auto;}
.container .con_R .customer .customer_title {width:270px; height:31px; border-bottom:2px solid #676767; float:left; overflow:hidden;}
.container .con_R .customer .customer_contents {padding-top:50px;}


/*banner*/
.container .banner {width:100%; clear:both;}
		/*rolling*/
		.amazon_scroller{
			padding: 0px;
			margin: 0 auto;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
			-khtml-border-radius: 10px;
		}
		.amazon_scroller .amazon_scroller_nav{
			position: absolute;
		}
		.amazon_scroller .amazon_scroller_nav li{
			cursor: pointer;
			position: absolute;
		}
		.amazon_scroller .amazon_scroller_mask{
			position: absolute;
			margin-left: 30px;
			margin-right: 30px;
			overflow: hidden;
		}
		.amazon_scroller ul{
			padding: 0px;
			margin: 0px;
			float: left;
		}
		.amazon_scroller ul li{
			padding: 0px;
			margin: 0px;
			margin-left: 5px;
			margin-right: 5px;
			list-style: none;
			float: left;
			text-align: center;
			display:inline;
		}
		.amazon_scroller ul li a{
			text-decoration: none;
		}
		.amazon_scroller ul li a amazon_scroller_title{
			overflow:hidden;
		}
		.amazon_scroller ul li a:hover{
			text-decoration: underline;
		}
		.amazon_scroller ul li a img{
			border: none;
		}



/*copyright*/
.copyright {clear:both; display:block; width:1000px; height:76px; margin-top:10px; border:1px solid #eee; background:url(/html/img/copybg.gif) repeat;}
.copyright .copy_logo {width:260px; float:left;}
.copyright .copy_logo img {margin-top:8px;}
.copyright .copyright_txt {width:740px; float:left; margin-top:10px;}
.copyright .copyright_txt ul {margin-left:25px;}
.copyright .copyright_txt ul li{float:left; color:#222;}
.copyright .copyright_txt ul li a {color:#222;}
.copyright .copyright_txt ul li a:hover { text-decoration:underline;}
.copyright .copyright_txt p {clear:both; padding-top:5px; line-height:150%; color:#747474; font-size:11px; margin-left:20px;}