@charset "utf-8";
/* Web Designer (pusher17@naver.com) SSONG 120418 */

@import url('//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');

/* standard style 정의 */
body {margin:0px; background:url('/images/top_bg.gif') top repeat-x; background-color:#ffffff;}
html{overflow-y:scroll}
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;}
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;}
img,input {vertical-align:middle;}
img, fieldset {border:0;}
hr, legend {display:none;}
td, th, dd, div {font-family:"돋움", "Arial"; font-size:12px; color:#929292; line-height:2.0em;}

.input {font-family:"돋움", "Arial", "Verdana"; font-size:12px; color:#777; padding:2px; border:1px solid #dbdbdb; 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-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;}
form {display:solid;}
.input_select {behavior:url(../js/selectbox.htc); font-family:"돋움", "Arial"; font-size:11px; color:#a2c7d5; border:none;}

/* 링크 관련 */
a {font-family:"돋움", "Arial"; font-size:11px; color:#616161; line-height:1.6em; text-decoration:none;}
a:visited {font-family:"돋움", "Arial"; font-size:11px; color:#5d5d5d; line-height:1.6em; text-decoration:none;}
a:hover {font-family:"돋움", "Arial"; font-size:11px; color:#252525; line-height:1.6em; text-decoration:underline;}
a:active {font-family:"돋움", "Arial"; font-size:11px; color:#5d5d5d; line-height:1.6em; text-decoration:none;}

/* png24 관련 */
.png24 {tmp:expression(setPng24(this)); position:relative;}

/*기본레이아웃*/
#wrap {position:relative; margin:0 auto; width:980px; z-index:8;*zoom:1;}
#wrap:after {content:""; display:block; clear:both;}
#header {position:relative; margin:0 auto; margin-top:10px; width:980px;*zoom:1; height:140px; z-index:8;}
#header:after {content:""; display:block; clear:both;}
#container {position:relative; margin:9 auto; width:980px; z-index:8;}
#footer {position:relative; width:100%;border-top:1px solid #ddd; margin-top:50px; padding-top:20px;}
#mbg {position:absolute; width:100%; background:url('/images/m_bg.jpg') top no-repeat; z-index:1; height:645px; top:0px; left:0px;}

/*메인*/
.logo {position:relative; float:left;}
.navi {width:649px; position:relative; float:left; margin-left:49px;}
.topmenu {width:137px; position:relative; float:right; height:140px; *:height:140px;}
.mswf {position:absolute; top:85px; right:0;}
.m_left {margin-top:20px; position:relative; width:260px; float:left; height:460px; margin-left:10px;}
.m_q {background:url('/images/m_q_bg.png') top repeat-x; margin-top:38px;}
.m_01 {background:url('/images/m_q_bg.png') top repeat-x; margin-bottom:25px;}
.m_02 {background:url('/images/m_q_bg.png') top repeat-x; margin-bottom:25px;}
.m_02 td {font-family:"Tahoma"; font-size:11px; color:#616161; line-height:1.6em; text-decoration:none;}
.m_02 a {font-family:"돋움", "Arial"; font-size:11px; color:#616161; line-height:1.6em; text-decoration:none;}
.m_02 a:visited {font-family:"돋움", "Arial"; font-size:11px; color:#5d5d5d; line-height:1.6em; text-decoration:none;}
.m_02 a:hover {font-family:"돋움", "Arial"; font-size:11px; color:#252525; line-height:1.6em; text-decoration:underline;}
.m_02 a:active {font-family:"돋움", "Arial"; font-size:11px; color:#5d5d5d; line-height:1.6em; text-decoration:none;}
.foot {width:980px; margin:0 auto; text-align:left; height:15px;}
.copyright {float:left; margin-bottom:50px;}
.inputdesign {float:right; font-size:11px;}

/*left*/
.category {float:left; width:180px;}
.category dt {padding-bottom:20px;}
.category dd {padding-bottom:10px;}
.category2 {float:left; width:180px;}
.category2 dt {padding-bottom:20px;}
.category2 dd {padding-bottom:5px;}

/*서브*/
.con {width:760px; float:right;}
.con span {font-size:11px;}
.tit_s {padding-top:0px;}
.simg {position:absolute; width:760px; top:10px;; right:0; z-index:2;}
.con_img {padding-top:50px}


/*  css 핵 */
/* 익스6,7 */
클래스명 {margin:0px; *margin:10px;}
/* 익스6 */
클래스명 {margin:0px; _margin:10px;}
/* 익스7 */
.클래스명 {margin:0px;}
*+html .클래스명 {margin:80px;}

/*게시판*/
.tbl_type caption{display:none;}
.tbl_type{border-bottom:2px; width:100%; solid #ccc; width:760px; border-top:2px solid #4e689c;}
.tbl_type thead {background-color:#efefef;}
.tbl_type thead th {color:#666;}
.tbl_type td {border-bottom:1px solid #e4e4e4;}
.tbl_type th, .tbl_view th, .tbl_write th{text-align:center;color:#646464;}
.tbl_type td, .tbl_view td ,.tbl_write td,
.tbl_type th, .tbl_view th ,.tbl_write th{padding:3px;vertical-align:middle;}
.tbl_type .num {text-align:center;}
.tbl_type .date {text-align:center;}
.tbl_type .hit {text-align:center;}
.tbl_type .title { text-align:left;}
.tbl_type .down {text-align:center; height:8px;}
.tbl_type a{color:#929292;}
.tbl_type a:hover {color:#7d91ba;}

/* 게시판 페이지 */
.paginate_complex {padding:15px 0; line-height:normal; text-align:center;width:760px;}
.paginate_complex a,
.paginate_complex strong {display:inline-block; position:relative; z-index:2; margin:0 -3px; padding:1px 8px; font:bold 12px/16px Tahoma, Sans-serif; color:#888; text-decoration:none; vertical-align:top;}
.paginate_complex strong{color:#555;}
.paginate_complex a:hover,.paginate_complex a:active,.paginate_complex a:focus{background:#ddd;}
.paginate_complex .direction {border:0; font-weight:normal; color:#767676; text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus {color:#323232; background:#fff;}
.paginate_complex .prev {border-left:0}
.paginate_complex .next {border-right:0}
.paginate_complex .direction span {display:inline-block; position:relative; top:4px; width:0; height:0; font-size:0; line-height:0; vertical-align:top;}
.paginate_complex .prev span {*left:-4px; margin-right:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0}
.paginate_complex .next span {margin-left:1px; border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0}

/* 게시판 보기 */
.tbl_view,.tbl_view th,.tbl_view td{border:0}
.tbl_view{width:100%;border-top:2px solid #4e689c;border-bottom:1px solid #999;color:#222; font-size:12px; table-layout:fixed}
.tbl_view caption{display:none}
.tbl_view th{padding:3px; border-bottom:solid 1px #7d91ba; background-color:#efefef; color:#666;font-weight:bold;line-height:18px;}
.tbl_view td{padding:3px 0 3px 10px;border-bottom:solid 1px #d2d2d2;text-align:left; font-size:11px; color:#222;}
.tbl_view td.cont{padding:20px 0;line-height:1.4em; color:#222;}

.tbl_view2{width:100%;margin-top:15px;border-top:1px solid #999;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_view2,.tbl_view2 th,.tbl_view2 td{border:0}
.tbl_view2 caption{display:none}
.tbl_view2 td{padding:5px 0 3px 10px;line-height:1.4em;text-align:left}
.tbl_view2 .input_txt td{padding:5px 0 5px 10px;border-bottom:solid 1px #d2d2d2}
.tbl_view2 .input_txt td input,.tbl_view2 .input_txt td textarea{vertical-align:middle}
.tbl_view2 .input_txt input.name{width:100px;padding:2px 0 1px;border:solid 1px #d2d2d2}
.tbl_view2 .input_txt textarea.comment{width:80%;height:14px;padding:2px 0 1px;border:solid 1px #d2d2d2}
.tbl_view2 .input_txt input.submit{width:60px;border:solid 1px #666;background-color:#f2f2f2;font-family:'나눔고딕', '돋움';font-size:12px;line-height:normal}
.port_img2 {width:700px; text-align:center; padding:10px 0 20px 0;}


.input_txt textarea,.tbl_view input,.tbl_view select,.tbl_view2 input,.tbl_view2 select{color:#ccc; font-family:돋움,dotum,Arial,Verdana; font-size:12px; padding:3px; z-index:999;font-weight:normal;border:1px solid #666;}

.input_txt input.name{width:100px; padding:1px 2px;}
.buttonbox{padding:5px 0; height:20px;width:760px;}
.buttonbox_l{float:left;}
.buttonbox_r{float:right;}
.centerbuttonbox{width:760px; margin:10px 0 40px 0;text-align:center;}

/* 게시판 쓰기 */
.tbl_write caption{display:none;}
.tbl_write{width:760px;border-top:2px solid #4e689c;}
.tbl_write th {background-color:#efefef; color:#666; border-bottom:1px solid #7d91ba;}
.tbl_write textarea{font-family:돋움,dotum,arial; border:1px solid #ccc;}
.tbl_write input{font-family:돋움,dotum,arial; border:1px solid #ccc;}
.tbl_view td.cont{padding:20px;line-height:18px;}

/*사업수행실적*/
.tbl_port caption {display:none;}
.tbl_port {width:760px; border-top:2px solid #4e689c;}
.tbl_port th {background-color:#efefef; color:#666; border-bottom:1px solid #e4e4e4; padding:2px;}
.tbl_port td {border-bottom:1px solid #e4e4e4; padding:1px; color:#222;}
.tbl_port .port_num {text-align:center;}
.tbl_port .port_date {text-align:center;}
.tbl_port .port_hit {text-align:center;}
.tbl_port .port_img {text-align:center; }
.tbl_port .port_title { text-align:left; padding-left:20px;}
.tbl_port a{color:#222;}
.tbl_port a:hover {color:#7d91ba;}
.tbl_port .view_p {width:760px;}

/* Selects */
.jqTransformSelectWrapper {position:relative; height:20px; background:#003f94 url('/images/select.gif') right 0 no-repeat;}
.jqTransformSelectWrapper div span {float:left; white-space:nowrap; height:17px; line-height:1.45em; text-align:left; padding:1px 40px 0 9px; font-size:12px; color:white; overflow:hidden; cursor:pointer;}
.jqTransformSelectWrapper ul {display:none; position:absolute; top:20px; left:0px; overflow:auto; overflow-y:hidden; z-index:100; border:1px solid #333; border-top:none; background:#003f94;}
.jqTransformSelectWrapper ul a {display:block; padding:3px 2px 1px 8px; font-size:12px; color:white; text-align:left; background:#003f94;}
.jqTransformSelectWrapper ul a:hover{color:#63a4fd;}
.jqTransformSelectWrapper ul a.selected{}

/* 디자인 테이블 */
.d_board {width:100%; background-color:#ebebeb;}
.d_board thead th {background-color:#e6f6fc; color:#464646; padding:4px; border-right:1px solid #fff;  border-top:1px solid #07a5dd;}
.d_board tbody th {background-color:#ececec; text-align:left; padding-left:7px; color:#7d7d7d; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.d_board td {background-color:#fff; padding:5px; border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
.d_board td.ct {text-align:center;}

img {max-width:100%;}

/* 플래시 제거 */
.gnb {width:674px; height:50px; padding-top:25px;}
.gnb * {font-family:'Noto sans KR', 'Noto Sans Korean', 'nanum gothic', 'Dotum', '돋움', 'Arial', sans-serif;}
.gnb a {transition:.2s linear; text-decoration:none !important; font-family:inherit !important;}
.gnb ul {text-align:left; font-size:0; background:#000;}
.gnb li {position:relative; display:inline-block; width:20%; vertical-align:top;}
.gnb li > a {position:relative; display:block; font-size:13px; color:#fff; font-weight:700; line-height:25px; text-align:center;}
.gnb li > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:0; background:#12b4eb; transform:rotate(45deg); margin-left:0; opacity:0; transition:.2s linear;}
.gnb li:hover > a {background:#12b4eb;}
.gnb li:hover > a:after {opacity:1; width:10px; height:10px; bottom:-6px; margin-left:-5px;}
.gnb .snb {position:absolute; top:25px; left:0; overflow:hidden; height: 0; overflow:hidden; opacity:0; transition:.2s linear;}
.gnb .snb a {float:left; font-size:13px; color:#666; font-weight:400; line-height:25px; margin-right:10px;}
.gnb .snb a:hover {color:#333; font-weight:500;}
.gnb li:hover .snb {height: 25px; opacity:1;}
.gnb .g1 .snb {width:390px;}
.gnb .g2 .snb {width:200px;}
.gnb .g3 .snb {width:650px; margin-left:-250px;}
.gnb .g4 .snb {width:170px;}
.mvisual {position:relative; width:558px; height:491px; margin-top:20px;}