@charset "utf-8";

body {
	margin:0;
	padding:0px;
	font-size:12px;
	font-family:'µ¸¿ò', dotum, arial, serif, sans-serif;
	color:#666;
	word-break:break-all;
	scrollbar-face-color:#F2F2F2;
	scrollbar-shadow-color:#DEDEDE;
	scrollbar-highlight-color:#DEDEDE;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color:#D2D2D2;
}

a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:active {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#333;}

ul, dl, ol , dt, dd {margin:0px; padding:0px;}

ul, ol, li {list-style-type:none;}

fieldset {display:block; margin:0; padding:0; border:0;}
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
form {margin:0px; padding:0px;}
input.inputText {#margin:-1px 0; padding:3px 0 0 5px; height:15px; border:1px solid #D2D2D2; font-size:12px;}
input.inputFile {#margin:-1px 0; #height:20px;}
input.inputRa {width:13px; height:13px; margin:0; margin-top:-1px; _margin-top:0; vertical-align:top;}
input.inputChk {width:13px; height:13px; margin:0; margin-top:0; #margin-top:-2px; vertical-align:middle;}
textarea {padding:5px; border:1px solid #CACACA; border-right:1px solid #E2E4EC; border-bottom:1px solid #E2E4EC; background:#FBFBFB;}
input, select, textarea {font:1em,Arial,Helvetica,sans-serif; color:#666;}
select {padding:1px; height:20px; font:normal 12px Arial,Helvetica,sans-serif; .font:normal 11px Sans-serif;}
em {font-style:normal;}

.hiddenLabel {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}

img {border:0px;}

hr {display:none;}

address {font-style:normal;}

table {word-break:break-all; color:#666; font-family:dotum, arial, serif, sans-serif;}
caption {position:absolute; visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font:0/0 arial;}

/* padding */
.pdn {padding:0px !important;}
.pdtn {padding-top:0 !important;}
.pdbn {padding-bottom:0 !important;}
.pdln {padding-left:0 !important;}
.pdrn {padding-right:0 !important;}

/* margin */
.mgn {margin:0px !important;}
.mgtn {margin-top:0 !important;}
.mgbn {margin-bottom:0 !important;}
.mgln {margin-left:0 !important;}
.mgrn {margin-right:0 !important;}

.mgt2 {margin-top:2px !important;}
.mgt5 {margin-top:5px !important;}
.mgt25 {margin-top:25px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}

.mgl5 {margin-left:5px !important;}

.mgr10 {margin-right:10px !important;}

/* font size */
.fsn {font-size:12px !important;}
.fss {font-size:11px !important;}

/* font weight */
.ftn {font-weight:normal !important;}
.ftb {font-weight:bold !important;}

/* font color */
.fc_normal {color:#848484 !important;}
.fc_01 {color:#0070d7 !important;}
.fc_02 {color:#f00 !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.cboth {clear:both;}

/* align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}
.agl {text-align:left !important;}
.agc {text-align:center !important;}
.agt {text-align:right !important;}

.png24 {tmp:expression(setPng24(this));}

/* paging */
div.paging { text-align:center; padding:4px 0 2px 0;  font-size:11px; }
	div.paging a:link { text-decoration: none; color: #000000; }
	div.paging a:visited { text-decoration: none; color: #eeeeee; }
	div.paging a:active { text-decoration:underline; color:#efefef; }
	div.paging a:hover { text-decoration:underline; color:#000000; }
	div.paging a { margin:0 3px 0 3px; }
	div.paging span.cnt { color:#537486; font-weight:bold; margin:0 3px 0 3px; }
	div.paging img.first { }
	div.paging img.prev { margin:0 8px 0 0;}
	div.paging img.next { margin:0 0 0 8px;}
	div.paging img.last { }
	
/* button */
.bbsButton {margin-top:10px; height:20px; text-align:center;}

.button, .button button, .button a {position:relative; text-decoration:none !important; cursor:pointer; margin:0; overflow:visible; color:#DCDEE1; padding:0 10px 0 19px; #padding:1px 10px 0 19px; height:20px; #height:19px; display:inline-block; border:0; white-space:nowrap; vertical-align:top; font-weight:bold; background:url(../img/button/btn_type_03.gif) no-repeat left top;}
.button {height:20px; #height:19px; padding:0; margin-right:2px; background-position:left top;}
.button a, .button a:link, .button a:visited {line-height:20px; _line-height:19px; color:#DCDEE1;}
.button *:hover, .button *:active, .button *:focus, .button a:hover {color:#FFF;}

.buttonFuc, .buttonFuc button, .buttonFuc a {position:relative; right:2px; text-decoration:none !important; cursor:pointer; margin:0; overflow:visible; color:#8E8E8E; padding:4px 10px 0 19px; height:16px; display:inline-block; border:0; white-space:nowrap; vertical-align:top; background:url(../img/button/btn_type_02.gif) no-repeat left top;}
.buttonFuc {height:20px; padding:0; margin-right:2px; background-position:right top;}
.buttonFuc *:hover, .buttonFuc *:active, .buttonFuc *:focus, .buttonFuc a:hover {color:#555;}

.buttonR {width:100%; text-align:right; margin-bottom:10px;}

/*table rel */
.tbCtrl {width:100%; margin-bottom:10px;}
.tbCtrl .leftSide {float:left;}
.tbCtrl .leftSide .tit {display:inline-block; padding:4px 10px 0 0;}
.tbCtrl .rightSide {float:right;}




html, body {width:100%; height:100%;}

#wrapper {height:100%;}

/* header */
#header {position:relative; height:75px; background:#004b8d;}
#header .logo {position:absolute; }
#header .gnb {width:100%;}
#header .gnb .logout {margin:0 20px 0 0; padding-top:5px; height:30px; font-size:11px; color:#fff; text-align:right;}
#header .gnb .logout img {margin-bottom:-6px;}

#header .gnb .gnbNavi {padding:15px 0 0 210px; height:25px;}
#header .gnb .gnbNavi li {float:left; margin-right:2px;}
#header .gnb .gnbNavi li a {float:left; height:25px; color:#A6ACB3; background:url(../img/common/navi_right.gif) no-repeat right -25px;}
#header .gnb .gnbNavi li a span {display:block; padding:7px 9px 4px; text-align:center; background:url(../img/common/navi_left.gif) no-repeat left -25px;}
#header .gnb .gnbNavi li a:hover, #header .gnb .gnbNavi li a:active, 
#header .gnb .gnbNavi li a.current, #header .gnb .gnbNavi li a.current:link, #header .gnb .gnbNavi li a.current:visited, #header .gnb .gnbNavi li a.current:hover {color:#FFF; background:url(../img/common/navi_right.gif) no-repeat right top;}
#header .gnb .gnbNavi li a:hover span, #header .gnb .gnbNavi li a:active span, 
#header .gnb .gnbNavi li a.current span, #header .gnb .gnbNavi li a.current:link span, #header .gnb .gnbNavi li a.current:visited span, #header .gnb .gnbNavi li a.current:hover span {color:#FFF; background:url(../img/common/navi_left.gif) no-repeat left top;}

/* container */
#container {clear:both; margin:-75px 0 0; min-height:100%; _height:100%; border-left:209px solid #FAFAFA; background:url(../img/common/bg_part.gif) repeat-y left top;}
/* left */
.leftWrap {position:relative; float:left; width:209px; margin:0 0 0 -209px; #margin:75px 0 0 -209px;}
.leftWrap .openClose {margin:0; padding:12px 0 0; height:44px; border-bottom:1px solid #E8E8E8; text-align:center;}

/* side menu */
.sideNavi {margin-top:12px;}
.sideNavi li {border-bottom:1px solid #E8E8E8; _height:100%;}
.sideNavi li a {display:block; padding:9px 0 8px 24px; _padding:9px 0 6px 24px; width:185px; color:#525252; background:url(../img/common/ico_depth1_off.gif) no-repeat 16px center;}
.sideNavi li a:hover, .sideNavi li a.current, .sideNavi li a.current:visited, .sideNavi li a.current:hover {font-weight:bold; color:#FFF; background:#6D7380 url(../img/common/ico_depth1_on.gif) no-repeat 16px center;}

.sideNavi li ul {display:none; padding:4px 0 6px; _padding:4px 0 4px; border-top:1px solid #E8E8E8; background:#FFF;}
.sideNavi li ul li {padding-left:24px; border-bottom:none;}
.sideNavi li ul li a {padding:6px 0 3px 11px; _padding:6px 0 1px 11px; width:174px; font-weight:normal; color:#909090; background:url(../img/common/ico_depth2.gif) no-repeat left center;}
.sideNavi li ul li a:hover, .sideNavi li ul li a.current, .sideNavi li ul li a.current:visited, .sideNavi li ul li a.current:hover {font-weight:normal; color:#F15C35; letter-spacing:normal; background:url(../img/common/ico_depth2.gif) no-repeat left center;}

.sideNavi li ul li ul {display:none; padding:0; border-top:none;}
.sideNavi li ul li ul li {padding-left:11px; border-bottom:none;}
.sideNavi li ul li ul li a {padding:6px 0 3px 7px; _padding:6px 0 1px 7px; width:167px; font-weight:normal; color:#A9A9A9; background:url(../img/common/ico_depth3.gif) no-repeat left center;}
.sideNavi li ul li ul li a:hover, .sideNavi li ul li ul li a.current, .sideNavi li ul li ul li a.current:visited, .sideNavi li ul li ul li a.current:hover {font-weight:normal; color:#F15C35; letter-spacing:normal; background:url(../img/common/ico_depth3.gif) no-repeat left center;}

.contentsWrap {float:left;  width:100%; padding:20px 0 30px; #padding:95px 0 30px;}

.contents {margin:0 20px;}

/* login */
#loginWrapper {position:absolute; z-index:10; left:50%; top:50%; margin:-115px 0 0 -256px; width:512px; height:217px;background:url(../img/common/login_wrap.jpg) no-repeat left top;}
.loginForm {padding:124px 0 0 238px; width:236px;}
.loginForm dl dt {clear:both; float:left; padding-top:4px; width:52px; height:18px;}
.loginForm dl dd {float:left; width:128px; height:22px;}
.loginForm dl dd .text {#margin:-1px 0; padding:3px 0 0 5px; width:121px; height:13px; border:1px solid #D2D2D2;}
.loginForm .btn {clear:both; float:right; margin-top:-44px;}
.loginForm .saveId {clear:both; margin-left:48px; width:100%;}





/* list */
.bbsList {width:100%; border-collapse:collapse; border:1px solid #D4D4D4;}
.bbsList thead th, .bbsList tbody th, .bbsList tbody td , .bbsList tfoot td  {border:1px solid #D4D4D4;}
.bbsList thead th {padding:10px 0 8px; _padding:10px 0 7px; color:#FFF; background-color:#979BA5;}

.bbsList tfoot td {padding:7px 0 6px; _padding:7px 0 4px; text-align:center; background:#F2F2F2;}

.bbsList tbody th {padding:9px 0 8px; _padding:9px 0 6px; color:#666; background:#F2F2F2;}
.bbsList tbody td {padding:7px 0 6px; _padding:7px 0 4px; text-align:center;}
.bbsList tbody td.tal {padding-left:10px; text-align:left;}
.bbsList tbody td.tar {padding-right:10px; text-align:right;}
.bbsList tbody td.rLine {border-right:1px solid #F2F2F2;}
.bbsList tbody td.img {padding:0;}
.bbsList tbody td .ico {margin-bottom:-1px;}
.bbsList tbody tr:last-child td {border-bottom:1px solid #D4D4D4;}
.bbsList tbody tr.low td {background:#92d050;}
.bbsList tbody tr.high td {background:#00b0f0;}

/* view */
.bbsView {width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid #979BA5;}
.bbsView thead th {padding:10px 0 8px; _padding:10px 0 7px; color:#FFF; background-color:#979BA5;}
.bbsView tbody th, .bbsView tbody td {text-align:left; padding:9px 0 8px 10px; _padding:9px 0 6px 10px; color:#666; border-bottom:1px solid #D4D4D4; background:#F2F2F2;}
.bbsView tbody td {background:none;}
.bbsView tbody th.tac, .bbsView tbody td.tac {padding-left:0; text-align:center;}
.bbsView tbody th span {color:#F86161;}
.bbsView tbody td .detail {margin:5px 0 0;}
.bbsView tbody td.boR {border-right:1px solid #D4D4D4;}
.bbsView tbody td.contView {padding:15px 20px; height:200px; line-height:18px; vertical-align:top; background:none;}
.bbsView tbody td.contView .detailCont {line-height:1.6;}
.bbsView tbody td.contView .detailCont p {margin:5px 0;}

/* write */
.bbsWrite {width:100%; border-collapse:collapse; border-top:2px solid #979BA5;}
.bbsWrite tbody th, .bbsWrite tbody td {padding:9px 0 8px 10px; _padding:9px 0 6px 10px; color:#666; border-bottom:1px solid #D4D4D4; text-align:left; background:#F2F2F2;}
.bbsWrite tbody td {padding:4px 0 4px 10px; background:none;}
.bbsWrite tbody th.tac, .bbsWrite tbody td.tac {padding-left:0; text-align:center;}
.bbsWrite tbody th span {color:#F86161;}
.bbsWrite tbody td.noneDate {padding:10px 0 7px; font-weight:bold; text-align:center;}
.bbsWrite tbody td.editer {padding:10px;}
.bbsWrite tbody td.alignM * {vertical-align:middle;}


/* ÀÌÀü/´ÙÀ½ */
.prevNext {margin-top:20px; width:100%; border-collapse:collapse; border-top:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4;}
.prevNext tbody th, .prevNext tbody td {padding:9px 0 8px; _padding:9px 0 6px; color:#666; background:url(../img/common/bg_hline_01.gif) repeat-x left bottom;}
.prevNext tbody td {padding-left:10px;}
.prevNext tbody th.end, .prevNext tbody td.end {background:none;}

/* title */
.title {margin:0 0 12px 0; padding:0 0 0 20px; height:36px; border-bottom:1px solid #CCC; font-size:1.2em; color:#525252;}
.title span {display:block; padding:0 0 0 26px; background:url(../img/common/ico_title.gif) no-repeat left top;}

.titleA {margin:0 0 20px; color:#333; text-decoration:underline; font-size:14px; font-family:dotum;}

/* sub title */
.subTitle {margin:0 0 10px 0; padding:10px 0 0 12px; font-size:12px; color:#555; background:url(../img/common/ico_sub_title.gif) no-repeat 0 11px;}
.langTit {font-size:12px; margin:25px 0 8px 0; padding:1px 0 0 18px; color:#333; background:url(../img/common/ico_tit.gif) no-repeat left 0;}

/* location */
.location {float:right; margin:-46px 20px 0 0; font-size:0.95em;}
.location li {float:left; margin-right:6px; padding-right:11px; color:#99A1B3; background:url(../img/common/ico_location.gif) no-repeat right 3px;}
.location li.current {margin:0; padding:0; background:none;}
.location li a, .location li a:hover {color:#A9A9A9;}

.dataValue {margin:25px 0 0; height:20px; float:left;}
.dataValue strong {color:#DB4F44;}
.dataBtn {float:right; margin:20px 0 0 0;}

/* search */
.searchWrap {float:left; position:relative; margin-top:15px; width:100%; height:59px; background:url(../img/common/bg_search_mid.gif) repeat-x left top;}
.searchWrap span {position:absolute; width:10px; height:59px;}
.searchWrap span.bl {left:0; background:url(../img/common/bg_search_left.gif) no-repeat left top;}
.searchWrap span.br {top:0; right:0; background:url(../img/common/bg_search_right.gif) no-repeat left top;}
.searchWrap .cont {padding-top:17px; text-align:center;}
.searchWrap .cont select {padding:1px; height:22px; font:normal 12px dotum; .font:normal 11px Sans-serif; vertical-align:top;}
.searchWrap .cont input {#margin:-1px 0; padding:3px 0 0 5px; width:30%; height:16px; border:1px solid #BCBCBC; font-size:13px; vertical-align:top;}
.searchWrap .cont a {position:relative; cursor:pointer; margin:0; overflow:visible; color:#CDCFD4; padding:0 6px 0; height:21px; line-height:21px; display:inline-block; border:0; white-space:nowrap; vertical-align:middle; background:url(../img/button/btn_type_01.gif) repeat-x left top;}
.searchWrap .cont *:hover, .searchWrap .cont span *:active, .searchWrap .cont span *:focus{color:#FFF;}

.dataSearch {margin-bottom:20px;}
.dataSearch div {border:5px solid #ddd; padding:15px 0; text-align:center;}
.dataSearch div span {font-weight:bold; padding-right:5px;}
.dataSearch div img {vertical-align:top; margin-top:1px;}
.dataSearch div .check {display:inline; margin:0 25px 0 0;}
.dataSearch div .check label {margin-left:10px;}
.dataSearch div .check input {margin:2px 3px 0 0; vertical-align:top;}


/* tab */
.tabWrap {margin-bottom:20px; height:22px; background:url(../img/common/tab_line.gif) repeat-x left bottom;}
.tabWrap li {float:left; margin-right:1px;}
.tabWrap li a {float:left; height:22px; color:#909090; background:url(../img/common/tab_right.gif) no-repeat right -22px;}
.tabWrap li a span {display:block; padding:6px 13px 2px; #padding:6px 13px 4px; _padding:6px 13px 2px; text-align:center; background:url(../img/common/tab_left.gif) no-repeat left -22px;}
.tabWrap li a:hover, .tabWrap li a:active, 
.tabWrap li a.current, .tabWrap li a.current:link, .tabWrap li a.current:visited, .tabWrap li a.current:hover {color:#525252; background:url(../img/common/tab_right.gif) no-repeat right top;}
.tabWrap li a:hover span, .tabWrap li a:active span, 
.tabWrap li a.current span, .tabWrap li a.current:link span, .tabWrap li a.current:visited span, .tabWrap li a.current:hover span {color:#525252; background:url(../img/common/tab_left.gif) no-repeat left top;}


/* tag management */
.tagList {width:100%; overflow:hidden;}
.tagList li {float:left; margin:0 20px 10px 0; white-space:nowrap;}

.tagClude {width:100%; font-size:12px; border-collapse:collapse; margin-top:50px; border:1px solid #ddd;}
.tagClude tbody th {height:60px; padding:0; background:#ddd; line-height:16px;}
.tagClude tbody td {height:60px; padding:0; }
.tagClude tbody td input {width:98%; padding:3px 0 0 5px; height:47px; margin:3px 0 2px 5px; border:1px solid #D2D2D2; font-size:12px;}

.calendar {position:absolute; top:300px; left:550px; width:180px; border:1px solid #ddd; background:#fff;}
.calendar .ctrl {height:23px; padding-top:2px; text-align:center; color:#fff; font-weight:bold; font-size:140%; background:#464646;}
.calendar .ctrl a:link , .calendar .ctrl a:visited , .calendar .ctrl a:hover , .calendar .ctrl a:active {color:#fff;}
.calendar table th {padding:5px;}
.calendar table td {padding:5px;}

.catePreview {float:left; width:300px; margin-right:30px;}
.catePreview .ctrl {width:280px; overflow:hidden; height:25px; padding:5px 5px 0 10px; text-align:right; background:#ddd;}
.catePreview .ctrl span {margin-right:5px;}
.catePreview .cate {padding:10px;}

.pollResult {line-height:18px;}
.pollResult dd {overflow:hidden;}
.pollResult dd .label {float:left; margin-right:10px;}
.graph {float:left;width:600px;}
.graph img {float:left;}

.filterList {width:250px; margin-top:10px;}
.filterList li {height:16px; overflow:hidden; padding:4px 4px 0; background:#d9d9d9;}
.filterList li span {float:left;}
.filterList li a {float:right;}

.categorySel {width:100%; height:30px; margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.categorySel dl {padding-top:5px;}
.categorySel dl dt {float:left; padding:5px 5px 0 0; }
.categorySel dl dd {float:left; padding-right:20px;}

.question {width:100%; margin-top:30px; }
.question table {width:100%; margin-top:5px; border-collapse:collapse; border-top:2px solid #D4D4D4;}
.question table tbody th, .question table tbody td {padding:9px 0 8px 10px; _padding:9px 0 6px 10px; color:#666; border-bottom:1px solid #D4D4D4; text-align:left; background:#ddd;}
.question table tbody th span.buttonFuc {font-weight:normal; vertical-align:top; margin:-4px 0 0 10px;}
.question table tbody td {background:none;}
.question table tbody td span {float:left; width:50px; height:16px; padding:4px 0 0 10px; }

.sns {width:100%;}
.sns li {float:left; width:80px; padding-right:20px;}
.sns li span {display:block; width:100%; text-align:center; padding:5px 0 0 0;}