@charset "euc-kr";
* {margin:0; padding:0;}
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
.black {color:black;}
.green {color:green;}
.white{color:white;}
.red {color:red;}
.orange {color:orange;}
.blue {color:blue;}
.gray {color:gray;}
.silver {color:silver;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.color555 {color:#555;}
.color999 {color:#999;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
* {margin:0; padding:0; font-family:³ª´®°íµñ, NanumGothic, AppleGothic, ±¼¸², Gulim, µ¸¿ò, Dotum, Sans-serif; font-size:12px; color:#000000;}
a {text-decoration:none; color:#000000;}
a:visit {text-decoration:none; font-weight:bold; color:#±ÛÀÚ»ö;}
a:hover {text-decoration:underline; color:#±ÛÀÚ»ö;}

 
/* main_layout */`
#wrap {position:relative; width:100%; z-index:0;}
#top {position:relative; width:100%; height:130px; text-align:center; z-index:10; font-size:0px;}
	#top_in {position:relative; width:960px; height:130px; margin:0 auto; text-align:left; z-index:0; font-size:0px;  background:url('img/bg/navi_bg.jpg') top left repeat-x; }

#body {position:relative; width:100%; height:387px; text-align:center; z-index:0; font-size:0px;}
	#body_in {position:relative; width:965px; height:387px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#body01 {position:relative; width:100%; height:233px; text-align:center; z-index:0; font-size:0; }
	#body_in01 {position:relative; width:960px; height:233px; margin:0 auto; text-align:left; z-index:0; font-size:0; padding-left:20px;}

#foot {position:relative; width:100%; height:100px; text-align:center; z-index:0; border-top:1px solid #ccc; overflow:hidden;}
	#foot_in {position:relative; width:961px; height:100px; margin:0 auto; text-align:left; z-index:0;}


/* main */
.box1 {position:relative; width:340px; height:233px; float:left;}
	 .news {position:relative; width:340px; height:122px;}
	 .nbr {position:relative; width:340px; height:111px; background:url('/img/bg/bg_tel.gif') top left no-repeat;}
	 .tel_cou {position:relative; margin-top:25px; margin-left:30px;}
.box2 {position:relative; width:375px; height:233px; float:left;}
	 .prod {position:relative; width:375px; height:122px; background:url('/img/bg/bg_product.jpg') top left no-repeat;}
	 .prod01 {position:relative; margin-top:25px; margin-left:30px;}
	 .prod02 {position:relative; margin-top:25px; margin-left:28px;}
	 .flas_pro {position:relative; width:375px; height:111px; text-align:center; padding-top:8px;}
	 .product_flast {position:relative; margin-top:15px; margin-left:32px;}
.box3 {position:relative; width:245px; height:233px; float:left; background:url('/img/bg/bg_bnr.jpg') top left no-repeat;}
	 .bnr01 {position:relative; width:245px; height:122px;}
	 .bnr02 {position:relative; width:245px; height:111px;}
	 .btn_intro {position:relative; padding-top:35px; padding-left:18px;}
	 .btn_account {position:relative; padding-top:5px; padding-left:18px;}

.md_notice {position:relative; top:20px; left:10px; width:300px; height:100px; overflow:hidden; background:white; float:left; margin-right:18px;}
	.md_notice .pwrap {position:relative; height:5px; font-size:0;}
	.md_notice h2 {position:relative; width:302px; height:14px; margin-bottom:10px;}
	.md_notice p {position:relative; width:288px; margin-top:2px; text-align:left; padding-left:10px; background:url('img/bg/dot.gif') top left no-repeat; font-size:12px; color:black;}
	.md_notice p span {position:absolute; top:0; right:0;}
	.md_notice p a {color:black; text-decoration:none;}
	.md_notice p a:visited {color:black; text-decoration:none;}
	.md_notice p a:hover {color:black; text-decoration:underline;}
	.md_notice .rseof {position:relative; text-align:center; margin:33px 0; background:none; padding:0; }


/* sub_layout */
#wrap_sub {position:relative; width:100%; height:170px; text-align:center; overflow:hidden;}
	#fla_sub {position:relative; width:960px; height:170px; margin:0 auto; text-align:center; text-align:left;}

#sub_data {position:relative; width:100%; text-align:center;}
	#sub_body {position:relative; width:960px; margin:0 auto; text-align:left;}

#sub_left {position:relative; width:181px; margin-right:20px; margin-left:5px; float:left; font-size:0px;}
	#sub_left dl dd {position:relative; width:181px; height:50px; margin-top:10px; font-size:0px;}
	#sub_left dl dt {position:relative; width:181px; height:30px; font-size:0px;}
	#sub_left .sc {position:relative; margin:15px 0 20px 0; font-size:0px;}

#sub_right {position:relative; width:740px; float:left; margin-top:25px;}
	#sub_right .h2 {position:relative; width:740px; height:40px;}
	.h2 .mapping {position:absolute; top:15px; right:10px; color:#666; font-size:11px;}
	#sub_right .contents {position:relative; width:740px;}

.img_box {position:relative; margin-top:10px; margin-left:30px; margin-bottom:20px;}




/* sitmap */
.sitmap {position:relative; width:735px; height:300px; z-index:0; background:url('img/map_bg.gif') no-repeat; top:28px; left:20px}
.map {position:relative; width:586px: height: 77px; float:left; top:20px;}
.map_tit {position:relative; width:102px; height:24px; top:35px; left:120px; padding-left:12px;}
.map_s {position:relative; width:102px; height:28px; top:35px; left:120px; padding-left:12px;}
.style1 {font-size: 10px}
.super {vertical-align:super; font-size:9px;}



/* navi */
.logo {position:absolute; top:40px; left:35px;}
.logo_mono_a {position:absolute; top:30px; left:60px;}
.copyright {position:absolute; top:40px; left:300px;}
.sit {position:absolute; top:15px; width:60px; height:13px; right:60px;}
.email {position:absolute; top:15px; width:30px; height:13px; right:10px;}

* {margin:0; padding:0;}
img {border:0;}
.navigation_wrap {position:absolute; top:0; left:0; width:673px; height:54px;}
.navigation_wrap ul li {position:relative; float:left; padding:0 30px; font-size:0; height:15px;}
.navigation_wrap ul li.rightliline {border-right:1px solid #ccc;}

.navigation_in_black {position:absolute; top:25px; background:black; height:21px; font-size:0; display:none;}
.navigation_in_black img {position:relative; margin-top:5px;}
.navigation_in_black a {padding:0 15px 0 15px;}
#navi_in_black1 {left:24px;}
#navi_in_black2 {left:130px;}


.tb_default {margin:0 0 0 46px; border-top:2px solid #5d9de2; color:#666666; text-align:center;}
.tb_default th {height:27px; border-bottom:1px solid #c7d7ec; background:#f9fcff; color:#5d8fc7;}
.tb_default td {height:29px; border-bottom:1px solid #c7d7ec;}
.tb_default02 td.bottomborder0 {border-bottom:0;}
.tb_default td.subject {text-align:left; padding-left:10px;}
.tb_default a {color:#666666;} .right_column_in .tb_default a:hover {color:#4270B3;}
.tb_default02 {border-top:2px solid #5d9de2; color:#666666; text-align:left;}
.tb_default02 th {height:27px; border-bottom:1px solid #c7d7ec; background:#f9fcff; color:#5d8fc7; padding:3px;}
.tb_default02 td {height:29px; border-bottom:1px solid #c7d7ec; padding:3px; padding-left:5px;}
.tb_default02 td.pl_10_tl {padding-left:10px; text-align:left;}
.tb_default02 a {color:#666666;} .right_column_in .tb_default02 a:hover {color:#4270B3;}




 /* ³×ºñ°ÔÀÌ¼Ç Ãß°¡*/
 .logotop {position:absolute; margin-top:45px; margin-left:20px;}
 .skip {position:absolute; margin-top:20px; margin-left:700px;}
 #topmenu { position: absolute; left:210px; top:57px; width:740px; height: 61px; margin: 0; padding: 0; float:left; } 
 #topmenu ul { position:absolute; left:0; top:0; list-style:none;	margin:0 0 0 8px; padding:0;}
 #topmenu ul li { float:left; display:inline; margin:0; padding:10px 20px 0 5px;}
	
 #topmenu li ul { display:none; list-style:none; position:absolute; left:0; top:33px; margin:0; padding:0; padding:8px 0 0 0; height:30px;}
 #topmenu li ul li { margin:0; padding:0; white-space:nowrap; background:none; }
 #topmenu li ul li img {vertical-align:top;}
 * html #topmenu ul ul li { width: 1px; }
	
 #topmenu li ul#top2m1 { width:501px;}
 #topmenu li ul#top2m2 { margin-left:143px; width:800px;}
 #topmenu li ul#top2m3 { margin-left:280px; width:800px;}
 #topmenu li ul#top2m4 { padding-left:400px; width:350px;}
 #topmenu li ul#top2m5 { padding-left:440px; width:400px;}
 
 
 /*ž¸Þ´º noscript À϶§*/
 #allmenu_noscript { position:absolute; left:0; top:0; margin:0; padding:1px 19px 0 19px; width:962px; height:143px; z-index:27;}
 #allmenu_noscript .bg { position:absolute; left:0; top:0; width:1000px; height:144px; background:url(/img/inc/top_menu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/all_menu_bg.png', sizingMethod='crop'); z-index:28; }
 #allmenu_noscript .gnb_noscript { position:relative; clear:both; margin:0px; padding:0; z-index:29; overflow:hidden;}
 #allmenu_noscript .gnb_noscript #logo	 {margin:0px; padding:1px 0 0 0;}
 
 #allmenu_noscript .all_menu { position:relative; clear:both; margin:15px 0 0 0; padding:0; width:970px; height:100px; overflow-y:scroll; z-index:30; }
 #allmenu_noscript .all_menu  div { position:relative; float:left; margin:0; padding:0; width:151px;}
 #allmenu_noscript .all_menu  ul { list-style:none; margin:0px; padding:0;}
 #allmenu_noscript .all_menu  ul h2 { margin:0; padding:0 0 10px 0px; font-size:0; line-height:0; background:none;}
 #allmenu_noscript .all_menu  ul li { margin:0; padding:0 0 2px 17px; line-height:1.35em; font-size:95%; background: url(/img/inc/all_menu_icon.gif) no-repeat 5px 5px; width:134px;}
 #allmenu_noscript .all_menu a { color:#666666; }
 /* ³×ºñ°ÔÀÌ¼Ç Ãß°¡*/