@charset "utf-8";
@import url('global.css');
@import url('layout.css');


/* search */
.bbsSearch {overflow:hidden; *zoom:1; margin-bottom:7px; text-align:right;}
.bbsSearch select {padding:1px; height:18px; font:normal 12px dotum; vertical-align:top;}
.bbsSearch .searchInput {padding:2px 0 0 4px; width:190px; height:14px; border:1px solid #7F9DB9; font-size:12px; vertical-align:top;}
.bbsSearch * {vertical-align:top;}


/* list */
.bbsList {width:730px;  border-bottom:1px solid #ddd; border-collapse:collapse;}
.bbsList thead th {font-size:12pt; height:13px; padding:15px 0 15px; color:#5685A3; background:#f8f8f9; border:1px solid #ddd;}
.bbsList tbody td {font-size:10pt; padding:10px 0 10px; border-bottom:1px solid #e5e5e5;  border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; line-height:25px;}
.bbsList tbody td.tal {font-size:10pt; padding-left:13px; text-align:left;}
.bbsList tbody td.color { background:#fff;}


/* view */
.bbsView {clear:both; width:100%; border-bottom:2px solid #E7E7E7; border-collapse:collapse;}
.bbsView tbody {border-top:2px solid #5e99d5;}
.bbsView tbody th, .bbsView tbody td {padding:8px 0 7px; border-bottom:1px solid #E7E7E7; background:#F4F4F4;}
.bbsView tbody th {color:#5685a3;}
.bbsView tbody td {padding-left:15px; background:none;}
.bbsView tbody th.tal {padding-left:15px; text-align:left;}
.bbsView tbody td.contView {padding:10px 20px; min-height:200px; _height:200px; line-height:1.6; vertical-align:top; text-align:justify;}
.bbsView tbody td.contView .bbsCntImg {float:left; margin-right:10px;}
.bbsView tbody td.contView .bbsCntData {float:left; width:350px}
.bbsView tbody td.contView .innerData {overflow:hidden; *zoom:1; margin:20px 0;}
.bbsView tbody td.contView .counsel {margin-bottom:40px;}
.bbsView tbody td.contView .counsel dd {margin-top:8px; padding:0 10px;}


.innerBbs {clear:both; width:100%; border-bottom:1px solid #d7d7d7; border-collapse:collapse;}
.innerBbs tbody {border-top:1px solid #d7d7d7;}
.innerBbs tbody th {padding:8px 0 7px 10px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:left; color:#747a7e; background:#e8e8e8;}
.innerBbs tbody td {padding-left:15px; background:none;}


/* write */
.bbsWrite {width:100%; border-collapse:collapse; border-bottom:2px solid #E0E0E0;}
.bbsWrite tbody tr:first-child th, .bbsWrite tbody tr:first-child td {border-top:2px solid #E0E0E0;}  
.bbsWrite tbody th {padding:8px 0 7px; border-bottom:1px solid #E0E0E0; background:#F4F4F4;}
.bbsWrite tbody th .show {font-weight:normal; color:#D15454;}
.bbsWrite tbody td {padding:4px 0 4px 15px; color:#666; border-bottom:1px solid #E0E0E0;}
.bbsWrite tbody td.tac {padding-left:0; text-align:center;}
.bbsWrite tbody td.noneDate {padding:10px 0 7px; font-weight:bold; text-align:center;}
.bbsWrite tbody td.editer {padding:0 0 0 15px;}
.bbsWrite tbody td.editer td, .bbsWrite tbody td.editer th {padding:0; border:0;}
.bbsWrite tbody td.alignM * {vertical-align:middle;}
.bbsWrite tbody td .detail {margin:5px 0 0;}

/* next/prev */
.shotList {margin-top:30px; width:100%; border-collapse:collapse;}
.shotList tbody th {padding:9px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; background:url(../img/global/v_02.gif) no-repeat right center;}
.shotList tbody td {padding:8px 0 7px 15px; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
.shotList tbody th .prev {display:inline-block; padding-right:15px; background:url(../img/bbs/bu_prev.gif) right 4px no-repeat;}
.shotList tbody th .next {display:inline-block; padding-right:15px; background:url(../img/bbs/bu_next.gif) right 4px no-repeat;}

.pollArea {padding-bottom:20px; background:url(../img/bbs/bg_poll_btm.gif) left bottom no-repeat;}
.pollArea .pollTop {padding:10px 20px 0; background:url(../img/bbs/bg_poll_top.gif) left top no-repeat;}
.pollArea .pollTop .titQ {padding:20px 0; margin-bottom:20px; font-weight:bold; border-bottom:1px solid #dcdcdc; line-height:18px;}
.pollArea .pollCnt {padding:10px 20px 10px;}
.pollArea .pollCnt .pollArticle dt {margin:5px 0 10px}

.pollArea .pollCnt .pollArticleView {padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px solid #dcdcdc;}
.pollArea .pollCnt .pollArticleView h3 {margin:0 0 10px; font-size:12px;}
.pollArea .pollCnt .pollArticleView ol li {margin:5px 0; vertical-align:middle}

/* Inline Bar Graph */
.iGraph{ position:relative; white-space:nowrap; line-height:normal;}
.iGraph .gBar{ position:relative; display:inline-block; width:300px; height:14px; margin:0 5px 0 0; background:#e9e9e9; font-size:11px;}
.iGraph .gAction{ position:relative; display:inline-block; height:14px; background:url(../img/bbs/bg_poll_bar.gif) left top repeat-x; margin:0;}
.iGraph .gPercent {font-size:14px;}

.roundBox {overflow:hidden; *zoom:1; margin-bottom:30px; padding-bottom:10px; text-align:center; background:url(../img/bbs/bg_poll_btm.gif) left bottom no-repeat;}
.roundBox .boxTop {position:relative; padding:12px 20px 0; background:url(../img/bbs/bg_poll_top.gif) left top no-repeat;}
.roundBox .boxTop select {padding:1px; height:18px; font:normal 12px dotum; vertical-align:middle;}
.roundBox .boxTop .searchInput {padding:0 0 0 4px; width:190px; height:14px; border:1px solid #7F9DB9; font-size:12px; vertical-align:top;}
.roundBox .boxTop * {vertical-align:middle;}
.roundBox .boxTop .jobSearchList {overflow:hidden; *zoom:1; width:370px; margin:0 auto 7px;}
.roundBox .boxTop .jobSearchList dt {float:left; width:50px; padding-top:2px;}
.roundBox .boxTop .jobSearchList dd {float:left; width:135px;}
.roundBox .boxTop .submitBtn {position:absolute; right:96px; top:37px}

.bbsTitDesc {overflow:hidden; *zoom:1; margin-bottom:7px;}
.buttonWrap {overflow:hidden; *zoom:1; margin:20px 0 10px;}
.scheduleTopSection {*zoom:1; margin-bottom:15px;}

.scheduleArea {width:288px; margin-right:10px; background:url(../img/bbs/bg_calendar_btm.gif) left bottom no-repeat;}
.scheduleArea .scheduleTop {position:relative; padding:10px; background:url(../img/bbs/bg_calendar_top.gif) left top no-repeat;}
.scheduleArea .scheduleTop .monthlyTop {margin-bottom:12px; text-align:center;}
.scheduleArea .scheduleTop .monthlyTop strong {display:inline-block; margin-top:3px; color:#000;}
.scheduleArea .scheduleTop .monthlyTop * {vertical-align:middle}
.scheduleArea .scheduleTop .popupData {position:absolute; width:260px; height:100px; padding:10px; background:#fff; border:3px solid #9a9a9a; left:50px; top:-30px;}
.scheduleArea .scheduleTop .popupData h1 {margin-bottom:11px; font-size:12px; color:#336699;}
.scheduleArea .scheduleTop .popupData .dataBody {overflow:auto; overflow-y:scroll; height:80px;}
.scheduleArea .scheduleTop .popupData .dataBody ul li {padding-left:6px; margin:4px 0; font-size:11px; background:url(../img/common/bu_grey_squre01.gif) left 3px no-repeat;}


.scheduleDesc {font-size:11px; margin:10px 0 0 80px;}
.scheduleDesc li {float:left; margin-right:11px;}
.scheduleDesc li img {margin-right:2px;}

.scheduleSearch {width:293px; margin-top:70px; padding:10px 25px; background:url(../img/bbs/bg_schedule_search.gif) left top no-repeat;}
.scheduleSearch * {vertical-align:middle;}

.bbsSchedule {width:100%; border-top:1px solid #efefef;}
.bbsSchedule thead th {padding:5px 0; background:#f5f5f5; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.bbsSchedule thead th.fir {border-left:1px solid #efefef; border-right:1px solid #efefef;}
.bbsSchedule thead th.sun {color:#d70000;}
.bbsSchedule thead th.sat {color:#004f98;}
.bbsSchedule tbody td {padding:5px 0 3px; text-align:center; font-size:11px; background:#fff; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.bbsSchedule tbody td.fir {border-left:1px solid #efefef; border-right:1px solid #efefef;}
.bbsSchedule tbody td.sun {color:#ff7200;}
.bbsSchedule tbody td.sat {color:#3198d5;}
.bbsSchedule tbody td * {vertical-align:top}
.bbsSchedule tbody td span {display:block; height:10px; padding-top:10px; text-align:center;}
.bbsSchedule tbody td span img {margin:0 2px;}

/* tablelist */
.dataListA {width:100%; border-top:2px solid #5e99d5; border-bottom:1px solid #cbe3f0; border-collapse:collapse;}
.dataListA thead th {height:13px; padding:8px 0 7px; border-right:1px solid #cbe3f0; border-bottom:1px solid #cbe3f0; color:#5685a3; background:url(../img/bbs/bg_th01.gif) repeat-x left bottom;}
.dataListA thead th.fir {border-left:1px solid #bbb;}
.dataListA tbody td {padding:8px 0 7px; border-right:1px solid #cbe3f0; border-bottom:1px solid #cbe3f0; text-align:center;}
.dataListA tbody td.tal {padding-left:17px; text-align:left;}
.dataListA tbody th {border-left:1px solid #cbe3f0; border-right:1px solid #cbe3f0;}
.dataListA tbody td.noneData {padding:100px 0; text-align:center;}
.bbsSum {margin-bottom:7px; font-size:11px; color:#A6A3A2;}
.cateSelect {float:right; margin-top:-30px;}

.popupTitle {float:left; margin-left:100px; font-size:14px; font-weight:bold; color:#336699; text-align:center;}
.popupTitleA {height:57px; padding:13px 0 0 14px; background:url(../img/bbs/bg_popup_tit.gif) left top repeat-x;}