@charset "utf-8";

/* standard style 정의 */
html {overflow-y:scroll;}
body {margin:0px;  background:url("/images/top_bg.jpg") left top repeat-x; }
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family:"돋움"}
ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
input {vertical-align:middle;}
img, fieldset {border:0;}
hr, legend {display:none;}
td, th, dd, div {font-family:"나눔고딕", "Malgun Gothic", "돋움", "Arial"; font-size:13px; color:#666;}
.input {font-family:"나눔고딕", "Malgun Gothic", "돋움", "Verdana"; font-size:12px; color:#444; padding:5px 2px; border:1px solid #e6e6e6; background-color:#fff; }
.input_btn {border-right:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-top:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); background:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'' ); border-left:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-bottom: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'');}
textarea {font-family:"나눔고딕", "Malgun Gothic", "돋움", "Arial"; font-size:12px; line-height:1.5em; padding:2px; color:#777; overflow:hidden; overflow-y:auto; overflow-X:hidden; border:1px solid #dadada; background-color:#fff;}
caption {overflow: hidden;visibility: hidden;width: 0 !important;height: 0 !important;line-height: 0 !important;font-size: 0 !important;}
colgroup {display: table-column-group;}
tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
tr {display: table-row;vertical-align: inherit;border-color: inherit;}
button {margin:0; padding:0; border:0; cursor:pointer;}

/* 링크 관련 */
a {color:#666; text-decoration:none;}
a:visited {color:#5d5d5d; text-decoration:none;}
a:hover {color:#796e8e; text-decoration:none;}
a:active {color:#5d5d5d; text-decoration:none;}

/* common */
#wrap {position:relative; margin:0 auto; overflow:hidden; z-index:9;}
#header {position:relative; width:100%; overflow:hidden; margin:0 auto; text-align:center; height:100px; z-index:9; *zoom:1;}
#container {position:relative; width:980px; overflow:hidden; margin:0 auto; z-index:9; padding:30px 0 50px 0; *zoom:1;}
#container:after{content:""; display:block; clear:both;}
#footer {position:relative; width:100%; background-color:#f6f6f6; border-top:2px solid #80bd18; overflow:hidden; padding-top:20px; z-index:1; *zoom:1;}
#footer:after{content:""; display:block; clear:both;}

/* header */
.top{width:100%; height:20px; background-color:#228b14;}
.top ul{width:980px; margin:0 auto; *zoom:1;}
.top ul:after{content:""; display:block; clear:both;}
.top ul li{float:right; border-left:1px solid #78a892; padding:4px 10px 4px 10px; color:#fff; font-family:"Arial"; font-size:10px;}
.top ul li:first-child{border-right:1px solid #78a892;}

/*
.menu_wrap{width:980px; margin:0 auto; *zoom:1; }
.menu_wrap:after{content:""; display:block; clear:both;}
.menu_wrap h1{float:left; margin:12px 57px 14px 0;} 
.menu_wrap .menu{float:left;}
#gnb{*zoom:1; margin-top:38px; float:left;}
#gnb:after{content:""; display:block; clear:both;}
#gnb li{float:left; margin-left:89px;}
#gnb li.on dl {display:block; position:absolute; top:19px; padding:20px 0 0px;}
#gnb li dl {display:none; position:relative; overflow: hidden;}
#gnb li dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#gnb li dl dt {float:left; display:inline; overflow:hidden; margin:0 0;}
#gnb li dl dd {float:left; display:inline; overflow:hidden;  padding-right:13px;}
*/

.logo {position:absolute; left:0px; top:-20px}

/* header - GNB */
#gnb {position:absolute; width:100%; height:80px; left:0; top:20px; overflow:hidden; z-index:9999;}
#gnb .main {position:absolute; width:100%; height:79px; top:0px; left:0; background-color:#fff; z-index:9;}
#gnb .nbbox {width:980px; position:relative; margin:32px auto;}
#gnb .nbbox .r {position:absolute; width:720px; right:0px; top:0px;}
#gnb .nbbox .r ul {display:block;}
#gnb .nbbox .r ul li {float:left; padding:0px 0px 0 75px;}

#gnb .sub {position:absolute; height:150px; width:100%; top:-71px; left:0; overflow:hidden; background-color:#fff; border-bottom:1px solid #e6e6e6; z-index:1;}
#gnb .sub .cbox {position:relative; width:980px; background:url('/images/sm_img.jpg')no-repeat 0 0; margin:0 auto; top:5px; overflow:hidden; left:0px}
#gnb .sub ul {float:left;}
#gnb .sub li {margin:0; clear:both; padding:6px 0; text-align:left}
#gnb .sub li a {font-weight:normal; letter-spacing:-1px}
#gnb .sub li a:hover {text-decoration:none; color:#33518d}
#gnb .sub .l1 {width:100px; margin-left:340px}
#gnb .sub .l2 {width:100px; margin-left:25px}
#gnb .sub .l3 {width:100px; margin-left:35px}
#gnb .sub .l4 {width:100px; margin-left:45px}
#gnb .sub .l5 {width:100px; margin-left:35px}

/* visual */
.visual{width:100%; height:450px; background:url('/images/visual2.jpg') center top no-repeat}

.v_m{width:100%; height:59px; border-bottom:1px solid #e2e2e2;}
.v_m ul{*zoom:1; width:980px;  margin:0 auto;}
.v_m ul{content:""; display:block; clear:both;}
.v_m li{float:left; height:60px; overflow:hidden}
.v_m li a:hover img {margin-top:-60px}

/* contents */
#container h3{margin-bottom:18px;}
.notice{float:left; width:270px;}
.notice ul{*zoom:1;}
.notice ul{content:""; display:block; clear:both;}
.notice ul li{line-height:20px; background:url('/images/dot.jpg') no-repeat 0 8px; padding-left:8px; font-size:12px;}
.notice ul li .date{float:right;}


.product{position:relative; float:left; width:340px; margin:0 50px; background:url('/images/con_tit02.jpg') left top no-repeat;}
.product h3 {text-align:right}
.product dl {width:290px; margin:0 auto; *zoom:1; }
.product dl:after{content:""; display:block; clear:both;}
.product dl dt {float:left; width:200px; font-size:11px; line-height:1.7}
.product dl dt strong {color:green; display:block; padding-bottom:5px; font-size:16px; overflow:hidden; width:200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap;}
.product dl dd {float:right; width:80px}
.product .arrow_lt {position:absolute; left:0px; top:50%; width:6px; cursor:pointer; z-index:9}
.product .arrow_rt {position:absolute; right:0px; top:50%; width:6px; cursor:pointer; z-index:9}

.customer{float:left; width:270px; height:105px; background:url('/images/con03_img.jpg') no-repeat 160px 25px;}
.customer p{margin-bottom:15px;}

/* left */
.left_menu{float:left;}
.left_menu dl dd{border:1px solid #dfdfdf; border-top:none;}
.left_menu dl dd a{display:block; width:169px; height:28px; padding:12px 0 0 20px; background:url(/images/l_arrow_off.png) no-repeat 165px 14px; font-weight:bold;}
.left_menu dl dd a:hover, .left_menu dl dd a.on{display:block; width:169px; height:28px; background:#727272 url('/images/l_arrow_on.png') no-repeat 165px 14px; color:#fff; font-weight:bold;}

/* sub_con */
.s_con{float:right; width:720px;}
.s_tit{*zoom:1; margin-bottom:35px;}
.s_tit:after{content:""; display:block; clear:both;}
.s_tit h4{float:left; font-size:25px;}
.s_tit p{float:right;}

/* footer */
#footer ul{width:980px; margin:0 auto; *zoom:1;}
#footer ul:after{content:""; display:block; clear:both;}
#footer ul li{float:left;}
#footer ul li address{width:600px; margin-left:30px; font-style:normal; font-size:11px; color:#888; line-height:19px;}

/* listTable01 */
.listTable01{width:720px; padding-top:10px;}
.listTable01 th{border-top:1px solid #31a306; padding:12px 0; border-bottom:2px solid #31a306; color:#fff; background-color:#96bc7f;}
.listTable01 .first{background:none;}
.listTable01 td{border-bottom:1px solid #dde5eb; padding:9px 0; text-align:center; color:#305565;}


/* tlable_btn */
.tableBtn{position:relative; width:720px; margin-top:14px; margin-bottom:15px; height:30px;}
.tableBtn p{text-align:right;}
.tableBtn a{margin-left:5px;}

/* page_num */
.pagination{padding:30px 0 0 0;text-align:center;}
.pagination a,
.pagination strong{display:inline-block;position:relative;z-index:2;margin:0 -2px 0 -2px;padding:1px 12px 1px 12px;color:#555555;border-left:1px solid #dadada;border-right:1px solid #dadada;vertical-align:middle;line-height:13px;}
.pagination a:hover,
.pagination a:focus,
.pagination a:active{color:#cc391e;font-weight:700;text-decoration:underline;}
.pagination strong{color:#cc391e;font-weight:700;font-size:15px;text-decoration:underline;}
.pagination .direction{border:0;z-index:1;}
.pagination .first{border-left:0;padding:0 0 0 0}
.pagination .prev{border-right:0;padding:0 10px 0 5px;}
.pagination .next{border-right:0;padding:0 5px 0 10px;}
.pagination .end{border-right:0;padding:0 0 0 0;}

/* 테이블 상세 */
.detailTable01{width:720px; border-top:2px solid #31a306;}
.detailTable01 th{padding:9px 0 9px 0; background-color:#96bc7f; color:#fff; border-right:1px solid #dde5eb;}
.detailTable01 td{padding:10px 0 10px 19px; text-align:left; color:#305565;}
.detailTable01 tr th, .detailTable01 tr td{border-bottom:1px solid #dde5eb;}
.detailTable01 tr.last th, .detailTable01 tr.last td{border-bottom:1px solid #547a8a;}
.detailTable01 textarea{width:660px; min-height:150px; padding:10px 10px; background:#f2f7e5;}
.detailTable01 .board_f_select {background:#fff; width:500px; border:1px solid #fff;}
.detailTable01 td span{padding:0 6px 0 6px;}

/*이전글,다음글*/
.detailText{width:720px; margin-top:40px;}
.detailText .first th, table.detailText .first td{border-top:1px solid #547a8a;}
.detailText tbody th, table.detailText tbody td {border-bottom:1px solid #dde5eb;}
.detailText tbody tr.last th, table.detailText tbody tr.last td {border-bottom:1px solid #547a8a;}
.detailText tr th{text-align:left; padding:9px 0 9px 20px; background:#96bc7f url("/images/prevtext.png") no-repeat right 10px; color:#fff;}
.detailText .last th{background:#96bc7f url("/images/nexttext.png") no-repeat right 10px !important}
.detailText tr td{padding:5px 0 5px 16px;}


/* 테이블 상세1 */
.detailTable01s {width:720px; border:2px solid #31a306; background:#f2f7e5;}
.detailTable01s th{padding:0 0 0 0; background-color:#f2f7e5; color:#666;}
.detailTable01s td{padding:10px 0 10px 19px; text-align:left; color:#305565;}
.detailTable01s tr.last th, .detailTable01 tr.last td{border-bottom:1px solid #547a8a;}
.detailTable01s textarea{width:660px; min-height:150px; padding:10px 10px; background:#f2f7e5;}
.detailTable01s .board_f_select {background:#fff; width:500px; border:1px solid #fff;}
.detailTable01s td span{padding:0 6px 0 6px;}
.detailTable01s .active {color:#31a306; font-weight:bold; font-size:14px;}

/* 테이블 상세2 */
.detailTable02 {width:720px; border:2px solid #31a306; background:#f2f7e5;}
.detailTable02 th{padding:12px 0 12px 0; background-color:#f2f7e5; color:#666;}
.detailTable02 td{padding:10px 0 10px 19px; text-align:left; color:#305565;}
.detailTable02 tr.last th, .detailTable01 tr.last td{border-bottom:1px solid #547a8a;}
.detailTable02 textarea{width:660px; min-height:150px; padding:10px 10px; background:#f2f7e5;}
.detailTable02 .board_f_select {background:#fff; width:500px; border:1px solid #fff;}
.detailTable02 td span{padding:0 6px 0 6px;}
.detailTable02 .active {color:#31a306; font-weight:bold; font-size:14px;}

/* 테이블 상세3 */
.detailTable03 {width:720px; border-top:2px solid #31a306; background:#fff;}
.detailTable03 th{padding:12px 0 12px 0; background-color:#f2f7e5; color:#666;}
.detailTable03 td{padding:10px 0 10px 0px; text-align:center; color:#305565;}
.detailTable03 tr.last th, .detailTable03 tr.last td{border-bottom:1px solid #547a8a;}
.detailTable03 textarea{width:660px; min-height:150px; padding:10px 10px; background:#f2f7e5;}
.detailTable03 .board_f_select {background:#fff; width:500px; border:1px solid #fff;}
.detailTable03 td span{padding:0 6px 0 6px;}

.detailTable_img {width:720px;}
.detailTable_img td .thum {width:150px; padding:3px; border:1px solid #aaa;}
.detailTable_img td .title {color:#095a9f; font-weight:bold;}
.detailTable_img {}