@charset "utf-8";
/* -------- COMMON -------- */
@import url("reset.css");
body {
	font-family:Apple SD Gothic Neo, 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic',"돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif;
	font-size: 16px;
	color: #666 !important;
	line-height:1.0em;
	border-collapse: collapse;	
 	vertical-align: middle;
}
#wrapper{width:100%;border:0px solid #eee; margin:0 auto;}
#sub,#body,#sidebar{float:left;}
#sub,#sidebar{width:150px;}
#body{width:100%;}
#head{height:80px;background:#fff;}
#foot{clear:both;height:30px;background:#eee;}

/* 상단메뉴*/
#head .logo{text-align:center; padding-top:10px; height:50px; background-color:#1f4a77;}

#head #menu_grp {width:100%; clear:both; height:32px;background-color:#17304a; }
#head #menu_grp .menu {width:320px; border:solid 0px #f30;margin:0 auto;}
#head #menu_grp .menu li {float:left; text-align:center; margin:auto 0;}
#head #menu_grp .menu li a:link {color:#fff;}
#head #menu_grp .menu li a:visited {color:#fff;}
#head #menu_grp .menu li a:active {color:#fff;}
#head #menu_grp .menu .menu1 {width:78px; height:32px; border:solid px #f30;}
#head #menu_grp .menu .menu2 {width:78px; height:32px; border:solid 0px #f30;}
#head #menu_grp .menu .menu3 {width:78px; height:32px; border:solid 0px #f30; }
#head #menu_grp .menu .menu4 {width:78px; height:32px; border:solid 0px #f30; }

#head .submenu {float:left; width:100%; background-color:#50a0e3;}
#head .submenu li {float:left; padding:5px 10px 5px 10px ; background-color:#50a0e3; color:#ffffff; font-size:0.688em; }
#head .submenu a:link {color:#fff;}
#head .submenu a:visited {color:#fff;}
#head .submenu a:hover {color:#fff;}

#head .submenu1 {float:left; width:100%; background-color:#50a0e3;}
#head .submenu1 li {float:left; padding:5px 10px 5px 10px ; background-color:#50a0e3; color:#ffffff; font-size:0.688em; }
#head .submenu1 a:link {color:#fff;}
#head .submenu1 a:visited {color:#fff;}
#head .submenu1 a:hover {color:#fff;}


#body {width:100%;border:solid 0px #f30;}
#body .main_image{width:100%; }

#body .main_product {width:100%; padding-top:10px;  height:80px; background-image: url(img/main_bg2.gif); background-repeat: repeat-x; }
#body .main_product .group_product {width:90%; height: 100%; margin:0 auto; padding-bottom:20px; border:solid 0px #f30; margin:0 auto; }

#list {border:solid 1px #ddd; margin:10px;  }
#list table {width:100%}
#list td {border-bottom:solid 1px #ddd; }
#list .list1 {width:30%; padding:5px; vertical-align:top;}
#list .list1 img {border:soild 1px #999;}
#list .list2 {width:70%; padding:5px; font-size:0.688em; }
#list .list3 {width:20%; padding:5px; font-size:0.688em;}

#list .list2 a:link {font-weight:bold;font-size:13px; color:#333333;}
#list .list2 a:visited {font-weight:bold;font-size:13px; color:#333333;}
#list .list2 a:hover {font-weight:bold;font-size:13px; text-decoration:underline; color:#1111111;}

#list .list2 .title {font-weight:bold;display:block;color:#333333; text-align:left; border:solid 1px #f30;}
#list .list2 .contents {color:#999999;display:block;}

/* 게시판 Start */

#list2 {font-size:13px; color:#333333; padding:10px; }
#list2 table {width:100%;}
#list2 .name1 {width:10%; height:25px; border-bottom:solid 1px #ddd; background-color:#edf6f9; border-top:solid 1px #ddd; text-align:center;font-weight:bold;}
#list2 .name2 {width:65%; border-bottom:solid 1px #ddd; background-color:#edf6f9; border-top:solid 1px #ddd; text-align:center;font-weight:bold;}
#list2 .name3 {width:15%; border-bottom:solid 1px #ddd; background-color:#edf6f9; border-top:solid 1px #ddd; text-align:center;font-weight:bold;}
#list2 .name4 {width:10%; border-bottom:solid 1px #ddd; background-color:#edf6f9; border-top:solid 1px #ddd; text-align:center;font-weight:bold;}
#list2 .list1 {font-size:11px; height:25px; color:#777777;  border-bottom:solid 1px #ddd; text-align:center;}
#list2 .list2 {font-size:11px; height:25px; color:#777777;  border-bottom:solid 1px #ddd;}
#list2 .list3 {font-size:11px; height:25px; color:#777777;  border-bottom:solid 1px #ddd; text-align:center;}
#list2 .list4 {font-size:11px; height:25px; color:#777777;  border-bottom:solid 1px #ddd; text-align:center;}

#view2 {margin:10px; border:solid 2px #ccc; font-size:0.75em;}
#view2 .name1 {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;padding:5px; font-weight:bold;}
#view2 .name2 {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;padding:5px;}

/* 게시판 End */

#page {width:200px; margin:0 auto; border:solid 0px #f30; padding:10px;}
#page .list_page {width:13%; text-align:center; border:solid 0px #f30; }
#page .list_page .arrow {padding:2px;}
#page .list_page td span {padding:0px; margin:0px;}
#page .page_list_num {width:20px; height:18px; padding-top:5px;  margin-top:1px;  text-align:center; vertical-align:middle; background-color:#efefef; border:solid 1px #ddd; display:block; font-size:0.688em;}
#page table {margin:0 auto;}

#body {width:100%; border:solid 0px #f30; padding-bottom:20px; }
#body .main_image {width:300px; margin:0 auto; border:solid 0px #f30; padding:10px; 0 10px 0; }
#body .main_call {width:300px; margin:0 auto; border:solid 0px #f30; padding:10px; 0 10px 0; }

#body .main_btn {width:300px; margin:0 auto; }
#body .main_btn .main_btn1 {float:left; padding:10px; }
#body .main_btn .main_btn2 {float:left;padding:10px; }

#body #product {wdith:300px; margin:0 auto;}
#body #product .product_title {padding:2px 5px 2px 10px; background-color:#5e87b0; font-weight:bold; color:#ffffff;}
#body #product .list  {padding:7px 5px 2px 10px; height:28px; background-color:#eeeeee;border-bottom:solid 1px #cccccc; border-top:solid 1px #fff;  border-left:solid 1px #fff; border-right:solid 1px #ccc;  color:#333333; background-image:url(image/arrow_bg.gif); background-repeat:no-repeat;background-position:right; }

#body .title {padding:10px; padding-left:30px; font-weight:bold; }
#body .title2 {padding:10px; padding-left:30px; font-weight:bold; background-image:url("image/icon.gif"); background-repeat:no-repeat; background-position:5px; 10px; }
#body #view {margin:10px; border-top:solid 2px #ccc; border-left:solid 2px #ccc; border-right:solid 2px #ccc; border-bottom:solid 2px #ccc; font-size:0.75em;}
#body #view .view1 {padding:2px; border-bottom:solid 1px #ddd;}
#body #view .view2 {padding:2px; border-bottom:solid 1px #ddd;}
#body #view .view3 {padding-top:10px; padding-bottom:20px; border-bottom:solid 1px #ddd;}

#body #view .view1 span {font-weight:bold;}
#body #page_btn {padding:10px; width:100%-20px; border:solid 0px #f30;}

#body #contents .title {padding:20px;}
#body #contents .company1 {width:300px; margin:0 auto;}
#body #contents .company2 {width:300px; margin:0 auto;}
#body #contents .company3 {width:300px; margin:0 auto; padding:10px;}
#body #contents .company4 {width:280px; margin:0 auto; padding:5px 10px 10px 20px;;  font-size:0.813em; }

#body #contents .link1 {width:280px;text-align:center; color:#2381cf; font-weight:bold; padding-top:10px; border:solid 1px #ccc; background-color:#efefef; margin:0 auto; border-bottom:solid 0px #fff;  }
#body #contents .link2 {width:280px;text-align:center; padding-bottom:10px; border:solid 1px #ccc; background-color:#efefef; margin:0 auto; border-top:solid 0px #fff; margin-bottom:10px;}


#foot {width:100%; padding-top:10px; height:60px; background-color:#eee; border-top:solid 1px #ddd; }
#foot .address {padding-left:10px; font-size:9px; line-height:1.0em; color:#999;}
#foot .copyright {font-size: 0.688em;}
#font .address  a:link {color:#f30; padding-bottom:10px;}