@charset "utf-8"

*{padding:0; margin:0;}
html, body{font:12px 'Malgun Gothic', '돋움' !important; color:#333;}
a{color:#333;}
caption{display: none;}
ul,li {list-style: none;}

/* Reset the container */
.container {
  max-width: none !important;
  width: 1024px;
  overflow: hidden;
}
.wrap{width: 100%; margin:0 auto;}
/* header */
.header{width:1024px; margin:0 auto; position: relative; overflow: hidden;}
h1{float:left; width:232px; margin:43px 20px 23px 20px}
.top_nav{position:absolute; top:10px; right:0;}
.top_nav a{font:10px 'Malgun Gothic'; color:#548ca7;}
.top_nav li{float:left; list-style: none; padding-right:20px;}

/* gnb */
.gnb{
  font-family: 'Malgun Gothic', '돋움' sans-serif !important; 
  overflow: hidden;
  position: absolute; top:30px; left:232px;
}
.gnb > li {
  float:left; 
  font-size:18px; 
  list-style: none;
}
.gnb > li:last-child{background-image: none;}
.gnb > li > a {
  position: relative;
  display: block;
  padding: 15px 20px;
  margin: 0 0px;
  text-align: center;
   font-weight: bold; 
   color:#000;
}
.gnb > li > a:hover {
  color:#217ec1;
}
.gnb li.active a {
  color:#217ec1;
}

/* content */
.container{padding:0; width: 1024px; margin:0 auto;}

.col-left{width:320px; margin-right:10px; float:left;}
.col-right{width:652px; float:right;}

.main_img{height:350px; text-align:center; background: url(../images/main_bg.jpg) repeat-x top center;}

.main_cont {overflow: hidden;}
.news{padding-top:15px;margin-left:13px;}
.news h3{color:#2e2e2e; font-size:16px;  font-weight: bold; padding-bottom:6px; margin:0; border-bottom:1px solid #ddd;}
.news h3 strong{color:#ff8a00; }
.news h3 span{float:right; font:bold 10px 'Malgun Gothic'; color:#898a8a;}
.news h3 span a {color:#898a8a;}
.news ul{max-height: 44px; margin:5px 0; padding:0 0px;}
.news ul li {list-style: none; line-height: 24px}
.news ul li  span {float: right;}
.banner{margin-top:30px;}
.banner ul  {overflow: hidden;}
.banner ul li {
  float: left;
  list-style: none;
   padding:0 28px;
   border-right:2px solid #ccc;
}
.banner ul li:last-child{border-right:none;}
.banner ul li a.quick_sell:hover,
.banner ul li a.quick_buy:hover,
.banner ul li a.quick_map:hover {
 background-position: 100% 100%;
}

.banner ul li a.quick_sell {
  background: url(../images/quick_01.png) no-repeat  top left;
  width: 49px; height:52px;
  display: inline-block;
  text-indent: -999px
}
.banner ul li a.quick_buy {
  background: url(../images/quick_02.png) no-repeat  top left;
  width: 49px; height:52px;
  display: inline-block;
  text-indent: -999px
}
.banner ul li a.quick_map {
  background: url(../images/quick_03.png) no-repeat  top left;
  width: 49px; height:52px;
  display: inline-block;
  text-indent: -999px
}

.cs{padding-top:25px;margin-left:13px;}
.cs h3{color:#2e2e2e; font-size:16px;  font-weight: bold;  margin:0;}
.cs h3 strong{color:#ff8a00; }

.product{padding-top:15px;margin-left:13px;}
.product h3{color:#2e2e2e; font-size:16px;  font-weight: bold; padding-bottom:6px; margin:0; border-bottom:1px solid #ddd;}
.product h3 strong{color:#ff8a00; }
.product h3 span{float:right; font:bold 10px 'Malgun Gothic'; color:#898a8a;}
.product h3 span a {color:#898a8a;}
.product ul {margin-top:16px; }
.product ul li {padding:2px; border:1px solid #ddd; list-style: none; width: 136px; height:102px; float: left; margin:0 8px 16px 8px;}


.footer{clear: both; overflow: hidden; margin-top:0px; border-top:1px solid #ddd; text-align: right; padding:10px 0;}

/* sub */
.sub_img{height:200px; text-align: center; background: url(../images/sub_bg.jpg) repeat-x top center;}

.cont {margin-top:0px; overflow: hidden;}
.cont .col-right {
  width: 740px;
}

/* lnb */
.snb {margin-top:0px; min-height: 480px; float:left; width:230px; background-color:; padding:50px 0 50px 0; background: url(../images/snb_bg.png) top left no-repeat #eaf1f3;}
.snb h2{display:block;  margin:0; font:bold 24px '맑은 고딕'; letter-spacing: -2px; padding-left:30px;  color:#3c3c3c; }
.snb ul{margin-top:25px;  padding-left:30px; list-style: none;}
.snb ul li {padding:6px 0; cursor: pointer;	color:#626262; position: relative; margin:4px 0;}
.snb ul li a{color:#000; font-size:12px; font-weight: bold; padding-left:15px; line-height: 16px }

.snb ul li:hover{padding:6px 0px;background: url("../images/snb_on.png") no-repeat top right ; margin:4px 0;}
.snb ul li:hover a{color:#fff;  font-weight: bold; }
.snb ul li.act{padding:6px 0px;background: url("../images/snb_on.png") no-repeat top right ; }
.snb ul li.act a {color:#fff;  font-weight: bold; }

.snb .banner ul{padding:17px;}
.snb .banner li {border:none;padding-left:8px ; padding-right:8px;}
.snb .banner li a{padding-left:0;}
.snb .banner li:hover {background: none;padding-left:8px ; padding-right:8px;}

.snb .banner .banner_cs {
  width:196px; margin:auto;
}

.tit {border-bottom: 1px solid #ccc; margin-top:25px;line-height:30px; position: relative; overflow: hidden;}
.tit h3{float:left; font:bold 24px '맑은 고딕'; color:#3c3c3c; background: url('../images/ic_tit.gif') no-repeat 0px 8px; padding-left:30px;}
.tit .breadcrumb{float:right; padding-top:15px;}
.tit .breadcrumb li {list-style: none; color:#000; float: left; }
.tit .breadcrumb li.active{color:#0d55b4;}
.tit .breadcrumb li:after {content: "/"; padding:0px 5px;}
.tit .breadcrumb li:last-child:after {content: ""}

/* tabs */
.tabs {
  width: 500px;
  margin:20px auto;

}
.tabs .tab-btn {
  width: 24%; 
  background-color: #fff;
  border:1px solid #999;
  padding:5px 0;
  text-align: center;
  color:#333;
  display: inline-block;
  font-weight:bold;
}
.tabs .tab-active,.tabs .tab-btn:hover {
  background-color: #eea852;
  color:#fff;
  border:1px solid #eea852;
  
}

/* 갤러리 */

.fixed_img_col ul{overflow:hidden;position:relative;margin:0;padding:0;border:1px solid #ddd;border-left:0;border-right:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1; padding-left:0 !important;}
.fixed_img_col ul:after{display:block;clear:both;content:""}
.fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:180px;height:280px;border-bottom:1px solid #eee}
.fixed_img_col .thumb{display:block;overflow:hidden;position:relative;width:150px;height:150px;background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap}
.fixed_img_col .thumb img{display:block;width:150px;height:150px;border:0}
.fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.fixed_img_col a{display:block;width:120px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer}
.fixed_img_col a strong{display:inline-block;margin:8px 0 0 0;color:#333}
.fixed_img_col p{width:120px;margin:0 auto;font-size:11px;color:#767676}
.fixed_img_col a:hover strong,
.fixed_img_col a:active strong,
.fixed_img_col a:focus strong{text-decoration:underline}

/* page */
.paginate_regular{padding:15px 0;text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}

/* table */

.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#383838;text-decoration:none}
.tbl_type{width:100%;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:5px 0 4px;border-top:solid 1px #999;border-bottom:solid 1px #b2b2b2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_type td{padding:8px 0 5px;border-bottom:solid 1px #d2d2d2;text-align:center}
.tbl_type .frm{padding:0;text-align:center}
.tbl_type .frm input{margin:0}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal}
.tbl_type .title{text-align:left}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type tr.reply .title a{padding-left:12px;background:url(img/ic_reply.gif) 0 1px no-repeat}
.tbl_type tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}

.tbl_type02,.tbl_type02 th,.tbl_type02 td{border:0}
.tbl_type02{width:100%;border-bottom:1px solid #dddee2;font-family:'돋움',dotum;font-size:12px;table-layout:fixed}
.tbl_type02 caption{display:none}
.tbl_type02 th{padding:8px 0 5px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:left;vertical-align:middle}
.tbl_type02 td{padding:8px 5px 5px 12px;border-top:1px solid #dddee2;line-height:16px;vertical-align:middle}
.tbl_type02 td input {vertical-align:middle}

.btn_wrap {text-align: center;margin:30px 0}
 a.btn-ok {background-color:#ff8a00; padding:5px 15px 7px; text-align:center; color:#fff;}
a.btn-gray {background-color:#999; padding:5px 15px 7px; text-align:center; color:#fff;}


/* cont_inner */
.cont_inner{
  clear: both;
  margin-top:30px;
  overflow: hidden;
}
.cont_inner ul {
  list-style: circle;
  padding-left:20px;
}
.cont_inner ul li{
  line-height: 24px;
}
.cont_inner ul li ul li {
  line-height: 20px;
}
h4 {background: url("../images/bullet.gif") no-repeat 0px 5px; 
padding-left:15px; font-size:14px; margin:10px 5px;}

.clear{clear: both;}
.mg_b20{margin-bottom:20px;}



/* 사이트맵 */
.sitemapWr{ overflow:hidden; margin-left:-57px;}
.sitemapWr .inner{ width:190px; float:left; margin-left:57px; margin-bottom:50px;}
.sitemapWr .inner.sitemap3{ float:right; margin-right:57px; margin-left:0;}
.sitemapWr h4{ color:#333; font-size:16px;  font-weight:600; padding:0 0 12px 20px; border-bottom:#777 2px solid; margin:0 0 10px 0;}
.sitemapWr ul {padding:0;}
.sitemapWr ul li{list-style: none;}
.sitemapWr ul li a{ display:block; line-height:33px; height:33px; font-size:13px; color:#555;}
.sitemapWr ul li a:hover{ color:#0152b7;}