@charset "utf-8";

.tab_list ul li span.m1 {padding: 7px 20px !important;}
.tab_list ul li ul {border: 1px solid #e7e7e7; border-top: 2px solid #91906f; padding: 20px 15px;}

/* contents */
#wrap-container #mid-container #content-container {background: none;}
#content-container{z-index:2;margin-bottom:30px;}
#left-container{z-index:2;}
#footer-container { width:960px;margin:0 auto;z-index:1;}
#bottomBackground{height:140px;background:url('../../images/bottom_bg.gif') no-repeat center 0px;}

.locationArea{overflow:hidden; height:auto; margin-top:0px; padding-top:23px; padding-bottom:0px; background:url('../../images/sub_con_bg_top.gif') no-repeat 0px 0px;}
.locationArea h3{float:left; font-size:24px; color:#5e5e5e; background:url('../../images/sub_bl.gif') no-repeat 0px 0px; padding-left:20px;padding-right:20px;}
.locationArea .pLocation{float:right; font-size:11px; color:#888;margin-top:5px}
.locationArea .pLocation span{ color:#678a41;}
#pageCon{padding-bottom:50px; margin-top: 20px; background:url('../../images/sub_con_bg_middle.gif') repeat-y 0px 0px;}
#tabB{padding-top:60px;}
.box1{width:705px; padding:0 0 10px 0; background:url("../../images/box.gif") no-repeat 0 100%;margin-bottom:10px;}
.box1 .b1_inner{width:705px; padding:22px 10px 15px 25px; background:url("../../images/box_top.gif") no-repeat;}

.subTle1{ padding-left:16px; font-weight:700; margin-bottom:6px; background:url('../../images/sub_bl02.gif') no-repeat 0px 4px; color:#4f4f4f; position:relative}
.subTle2{padding-left:25px; margin-bottom:6px; background:url('../../images/sub_bl03.gif') no-repeat 17px 3px; color:#819f61; position:relative}
.subTxt1{padding:0 0 0 16px; margin-bottom:15px;}
.subTxt2{padding:0 0 0 26px; margin-bottom:15px;}
.txtList1{margin-bottom:20px; margin-left: 15px;}
.txtList1 li{padding-left:10px; background:url('../../images/sub_bl03.gif') no-repeat 0 4px;}
.txtList1 li strong {color:#819f61;}
.txtList1 li ol li,
.txtList1 li ul li {background: none; padding-left: 0;}
.colorRed {color: #ff0000;}

.table1{width:100%; border-collapse:collapse; border-top:2px #678a41 solid; table-layout:fixed;}
.table1 thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 thead .sTh th{padding:6px 0 2px 0; background:#f9f9f9; font-weight:normal;}
.table1 tbody th{padding:7px 5px; background:#f9f9f9; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 tbody td{padding:7px 5px; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px; text-align:center;}
.table1 tbody td p{padding:0 11px; text-align:left;}
.table1 .end{border-right:none;}


.table1 input[type="text"] {border: 1px solid #d8d8d8; width: 98%; height: 25px; line-height: 25px;}
.table1 select {border: 1px solid #d8d8d8; width: 100%; height: 27px; line-height: 27px;}

.boxList {border: 1px solid #ccc; border-top: 2px solid #678a41; padding: 15px 0 0 0;}
.boxList .subTxt2 li {background: url('../../images/btn_icon03.gif') left 8px no-repeat; padding-left: 10px; margin: 3px 0;}

#organization #og_navi {width: 190px !important; height: 290px !important; border-right: 1px solid #d2d2d2;}

/*오시는길*/
.directions {margin-top: 20px;}
.directions .bus,
.directions .subway,
.directions .taxi {border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px;}
.directions ul {padding: 10px 0 0 80px; margin: 15px 0 0 15px; min-height: 60px;}
.directions .bus ul {background: url('../../images/content04_1.gif') left top no-repeat; padding: 0 0 0 80px;}
.directions .subway ul {background: url('../../images/content04_2.gif') left top no-repeat;}
.directions .taxi ul {background: url('../../images/content04_3.gif') left top no-repeat;}
.directions .car ul {background: url('../../images/content04_4.gif') left top no-repeat;}

/*button*/
.btnList {overflow: hidden; margin: 20px 30px;}
.button {display: inline-block; background-color: #2a5034;}
.button.gray {background-color: #969696;}
.floatR .button {margin-left: 3px;}
.button a {color: #FFF; font-weight: bold; font-size: 14px; padding: 7px 10px 5px 10px; display: block;}
.button a:hover,
.button a:visited {color: #FFF;}
.button.small a {font-size: 11px; padding: 5px 5px 3px 5px;}
.button.down a {background:url('../../images/btn_down.png') 95% center no-repeat; padding: 7px 33px 5px 10px;}
.button.mp3 a {background:url('../../images/btn_mp3.png') 92% center no-repeat;}

.overflowH {overflow: hidden;}
.alignL {text-align: left !important;}
.alignR {text-align: right !important;}
.tab {margin-bottom: 30px;}

.rollingBanner {overflow: hidden;}
.rollingBanner li {float: left;}
.btnGo {display: inline-block; background-color: #2a5034; padding: 3px 10px; color: #FFF !important;}


/* 웹툰 */
.webzine .thum {width: 180px; padding-bottom: 164px;}

/**/
.boardWrap tbody .td-category span {font-size: 10px;}


/*급여관리*/
.salary_search {
border: 1px solid #dcdcdc;
background-color: #fafafa;
padding: 50px 30px;
font-family: 'pmGov';
font-size: 12px;
}
.salary_search .ssWrap {
background: url("../../images/salary_search_bg.gif") 45px top no-repeat;
position: relative;
}
.salary_search .ssWrap .title {
position: absolute;
top: 0;
left: 0;
color: #333;
font-size: 20px;
text-align: center;
}
.salary_search .ssWrap .title span {
font-size: 28px;
}
.salary_search .ssWrap .title strong {
font-family: 'psbGov';
}
.salary_search .ssWrap .text {
margin-left: 320px;
min-height: 240px;
}
.salary_search .ssWrap .text ol {
font-size: 13px;
margin-left: 20px;
}
.salary_search .ssWrap .text ol li {
list-style: decimal;
margin-bottom: 7px;
}
.salary_search .ssWrap .text ol li strong.color01 {
color: #305194;
}
.salary_search .ssWrap .text ol li strong.color02 {
color: #bf611c;
}
.salary_search .ssWrap .text .btn {
display: block;
background-color: #2a5034;
color: #FFF;
text-align: center;
font-size: 15px;
font-family: 'psbGov';
padding: 10px 0;
margin-top: 30px;
}
.salary_search .ssWrap .text ul {
margin-top: 20px;	
}
.salary_search .ssWrap .text ul li {
background: url("../../images/btn_icon02.gif") left 7px no-repeat;
padding-left: 10px;
margin: 5px 0;
}
.salary_search .ssWrap .text ul li a {
background-color: #efefef;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
}


.title_1 {
background: url("../../images/btn_icon01.gif") left 2px no-repeat;
padding-left: 17px;
color: #4f4f4f;
font-weight: bold;
margin-bottom: 10px;
}
.agreeWrap form,
.agreeWrap form fieldset {width: 100%;}
.agreeWrap .agree_text {
border: 1px solid #dcdcdc;
padding: 15px;
height: 100px;
overflow-y: auto;
}
.agreeWrap .agree_text ul li {
margin-bottom: 5px;
background: url("../../images/btn_icon02.gif") left 5px no-repeat;
padding-left: 10px;
font-weight: bold;
color: #4f4f4f;
}
.agreeWrap .agree_text ul li ol {
margin-left: 10px;
margin-top: 5px;
}
.agreeWrap .agree_text ul li ol li {
background: none;
padding-left: 0;
font-weight: normal;
}
.agreeWrap .agree_text ul li ol li ul {
margin-left: 18px;
}
.agreeWrap .agree_text ul li ol li ul li {
background: url("../../images/btn_icon03.gif") left 7px no-repeat;
padding-left: 10px;
}
.agreeWrap .agree_check {
overflow: hidden;
display: block;
margin: 10px auto;
width: 50%;
text-align: center;
}
.agreeWrap .agree_check li {
display: inline-block;
margin: 0 10px;
}

.hidden {
display: none !important;
}
.overflowAll {
overflow: hidden;
}
.w20per {
width: 20% !important;
}
.w25per {
width: 25% !important;
}
.w30per {
width: 30% !important;
}
.w35per {
width: 35% !important;
}
.w40per {
width: 40% !important;
}
.w45per {
width: 45% !important;
}
.w47per {
width: 47% !important;
}
.w48per {
width: 48% !important;
}
.w49per {
width: 49% !important;
}
.w50per {
width: 50% !important;
}
.w60per {
width: 60% !important;
}
.w65per {
width: 65% !important;
}
.w70per {
width: 70% !important;
}
.wAuto {
width: auto !important;
}
.floatL {
float: left !important;
}
.floatR {
float: right !important;
}
.floatN {
float: none !important;
}
.alignC {
text-align: center !important;
}
.alignL {
text-align: left !important;
}
.alignR {
text-align: right !important;
}

.w150per {width: 150% !important;}
.overFlowX {overflow-x: auto;}

.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT20 {margin-top: 20px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}

.marR10 {margin-right: 10px !important;}
.marR20 {margin-right: 20px !important;}
.marR30 {margin-right: 30px !important;}
.marR50 {margin-right: 50px !important;}

.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL20 {margin-left: 20px !important;}
.marL30 {margin-left: 30px !important;}
.marL50 {margin-left: 50px !important;}

.marB10 {margin-bottom: 10px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB50 {margin-bottom: 50px !important;}

.padL0 {padding-left: 0 !important;}

.font11 {
font-size: 11px;
}
.font10 {
font-size: 10px;
}
.colorRed {
color: #e10101;
}
.colorOrange {
color: #ec6401;
}

#bannerAll{position: relative;margin-top: 400px;}
#bannerAll #contentdiv1 {width: 90%; margin: 0 auto; overflow: hidden; height: 55px; position: relative;}
#bannerAll #contentdiv1 li a {display: block;}

/* 팝업 bg */
#popupWrap {background:url("../../images/infoBg.gif") no-repeat 0 0 !important;}


/* contents */
.mb80{margin-bottom:80px;}

.hisTle{display:block; padding-left:15px; margin-bottom:10px; background:url('../../images/dot.gif') no-repeat 0 4px; font-size:14px; color:#3c3c3c; position:relative;}

.history_tbl{width:100%; border-top:2px #999 solid;}
.history_tbl thead th{padding:10px 0 11px 0; background:#ededed; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; color:#666;}
.history_tbl thead th.fir{border-left:none;}
.history_tbl tbody th{padding:10px 0 11px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; color:#757575;}
.history_tbl tbody td{padding:10px 0 11px 0; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; text-align:center;}
.history_tbl tbody td.fir{border-left:none;}
.history_tbl tbody td p{padding-left:11px; text-align:left;}



/* tab */
.hisTab {width:100%; overflow:hidden; margin-bottom:15px;}
.hisTab ul {border-bottom:1px solid #b4b4b4; height:20px;}
.hisTab li {float:left; color:#FFF; margin-right:3px; text-align:center; height:20px;}
.hisTab li a {color:#FFF !important; background:#b4b4b4; padding:10px;}
.hisTab li a:hover {color:#FFF; background:#2e4292; font-weight:bold; letter-spacing:-1px;}
.hisTab li a.on {color:#FFF; background:#2e4292; font-weight:bold; letter-spacing:-1px;}

/* List */
.col-date{width: 15%;}
.srch_box .srch_counts p{font-size: 14px;}
.cate > ul a{font-size: 14px;}
.boardWrap thead th{font-size: 16px; padding: 10px 0;}
.boardWrap tbody td{font-size: 16px; padding: 10px 0;}

/* View */
.view .title{padding: 15px 30px 20px;}
.view .title strong{font-size: 18px;}
.view .detail li{font-size: 14px;}