<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">





/*寃뚯떆��*/


@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

.board_area * { letter-spacing: -0.5px; font-size: 15px/*�ㅼ젣�곸슜�� 議곗젙*/; }
@media only screen and (max-width: 640px) {
.board_area * { letter-spacing: 0x; font-size: 14px/*�ㅼ젣�곸슜�� 議곗젙*/; }
}
.board_area * { /*color: #333;*/ line-height: 1.5em; word-wrap: break-word !important; word-break: break-all !important; }
.board_area { background: #FFF; padding: 0px 0; padding-bottom: 20px; /*�ㅼ젣 �곸슜�� �덉씠�꾩썐�� �곕씪 �곸슜*/ }

.board_area input {  border: 1px solid #ccc; vertical-align: middle; margin: 0; padding: 8px 5px; box-sizing: border-box; line-height: 1em }
.board_area input[type=checkbox], .board_area input[type=radio] {  vertical-align: middle; margin: 5px }


.board_area select { border: 1px solid #e6e6e6; vertical-align: middle; margin: 0; padding: 0 }
.board_area textarea { border: 1px solid #e6e6e6; padding: 5px; overflow-y: auto; box-sizing: border-box }

.board_area input[type=file] { background: none; border: 0px solid #f4f4f4; padding: 0; margin: 0; height: 35px }
.board_area form label, .board_area label { cursor: default; }
.board_area select { vertical-align: middle; letter-spacing: 0px }
.board_area legend { display: none; }
.board_area fieldset { margin: 0; padding: 0; border: none; }


/*留곹겕諛뤾린��*/
.board_area summary { display: none }
.board_area a { }
.board_area a:link { text-decoration: none }
.board_area a:visited { }
.board_area a:active, .board_area a:hover { text-decoration: none }
/*.board_area dl, .board_area dt, .board_area dd, .board_area div, .board_area p, .board_area form { margin: 0px; padding: 0px; }*/
.board_area ul, .board_area ol, .board_area li { list-style-type: none; margin: 0px; padding: 0px; }
/*
.board_area p, .board_area div { word-wrap:break-word;  word-break:keep-all; }
*/
.board_area img { border: 0; vertical-align:middle;  max-width: 100% }





/*table*/
.board_area table { margin: 0px; padding: 0px; border-spacing: 0; border-collapse: collapse; word-wrap: break-word; word-break: break-all }
.board_area td { margin: 0px; padding: 0px; }
.board_area th { font-weight: normal; margin: 0px; padding: 0px; }
.board_area caption { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: none }
/*etc,�뺣젹*/
.board_area h1, .board_area h2, .board_area h3, .board_area h4, .board_area h5, .board_area h6, .board_area h7 { margin: 0; padding: 0; }
.board_area strong { }
.board_area hr { display: none; }
.board_area .blind { display: none }
.board_area .text_c { text-align: center }
.board_area .float_r { float: right }
.board_area .float_l { float: left }
.board_area .float_ce { float: left }



/*====================================================================start=========================================================================*/

/*bo_top : total,寃���*/
.bo_top { position: relative; padding-bottom: 10px; overflow: hidden;/* background:#F2F2F2;padding:10px 10px; */ padding:10px 0px;  margin-bottom:20px }
.bo_top:after { }
.bo_top .total { float: left; padding-top:5px }
.bo_top .total span{ font-size:11px}
.bo_top .search { float: right; position: relative; }
.bo_top .search select { width: 110px; border: 1px solid #ccc; vertical-align: top !important; height: 30px; line-height: 28px; }
.bo_top .search input[type="text"] { width: 180px; padding: 0 5px; line-height: 28px; height: 30px; background: #fff; border: 1px solid #ccc; margin: 0 }
.bo_top .search input:focus { background: #F5F5F5; }
.bo_top .search input[type="submit"] { background: #666; color: #fff; height: 30px; padding: 0 10px; cursor: pointer; border: 1px solid #666; margin: 0 0 0 -4px }
.bo_top .search input[type="submit"]:hover { background: #666; color: #fff; border: 1px solid #666; }
 @media only screen and (max-width: 500px) {
.bo_top .total { }
.bo_top .search select { width: 70px; }
.bo_top .search input[type="text"] { width: 70px; }
}







/*bo-footer:pgae,btn*/

.bo_footer { margin: 25px 0; position: relative }
.bo_footer:after { display: block; clear: both; content: ""; }


/* paging */ /*pc*/
.bo_pagenate { text-align: center; height: 30px }
.bo_pagenate .paging { position: relative; display: inline-block; }
.bo_pagenate .paging:after { contnet: ""; clear: both; display: block; }
.bo_pagenate .paging a { width: 28px; height: 28px; line-height: 28px; }
.bo_pagenate .paging .first, .bo_pagenate .paging .prev, .bo_pagenate .paging .next, .bo_pagenate .paging .end { float: left; vertical-align: top; text-indent: -9999px; overflow: hidden; background: url('../img/board/icon_paging.png') no-repeat left top; border: 1px solid #dbdbdb; margin-left: 2px; }
.bo_pagenate .paging .first { margin-left: 0; }
.bo_pagenate .paging .prev { background-position: -28px 0; }
.bo_pagenate .paging .next { background-position: -56px 0; margin-left: 0; }
.bo_pagenate .paging .end { background-position: -84px 0; }
.bo_pagenate .paging ol { float: left; margin: 0 10px; }
.bo_pagenate .paging ol li { float: left; margin-left: 3px; display: inline-block }
.bo_pagenate .paging ol li:first-child { margin-left: 0 !important; }
.bo_pagenate .paging ol li a { color: #666; text-align: center; display: block; border: 1px solid transparent; }
.bo_pagenate .paging ol li a.on, .bo_pagenate .paging ol li a:hover { border: 1px solid #333; color: #333; font-weight: 400; }
/*mobile*/
.bo_pagenate_mobile { text-align: center; }
.bo_pagenate_mobile .paging { position: relative; display: inline-block; }
.bo_pagenate_mobile .paging:after { contnet: ""; clear: both; display: block; }
.bo_pagenate_mobile .paging a { width: 28px; height: 28px; line-height: 28px; }
.bo_pagenate_mobile .paging .first, .bo_pagenate_mobile .paging .prev, .bo_pagenate_mobile .paging .next, .bo_pagenate_mobile .paging .end { float: left; vertical-align: top; text-indent: -9999px; overflow: hidden; background: url('../img/board/icon_paging.png') no-repeat left top; border: 1px solid #dbdbdb; margin-left: 2px; }
.bo_pagenate_mobile .paging .first { margin-left: 0; }
.bo_pagenate_mobile .paging .prev { background-position: -28px 0; }
.bo_pagenate_mobile .paging .next { background-position: -56px 0; margin-left: 0; }
.bo_pagenate_mobile .paging .end { background-position: -84px 0; }
.bo_pagenate_mobile .paging ol { float: left; margin: 0 10px; }
.bo_pagenate_mobile .paging ol li { float: left; margin-left: 3px; display: inline-block; line-height: 30px; color: #999; padding: 0 5px }
.bo_pagenate_mobile .paging ol li:first-child { margin-left: 0 !important; }
.bo_pagenate_mobile .paging ol li.on { color: #333; font-weight: 400; }
.bo_pagenate { display: block }
.bo_pagenate_mobile { display: none }
 @media only screen and (max-width: 500px) {
.bo_pagenate { display: none }
.bo_pagenate_mobile { display: block }
.bo_pagenate_mobile .paging .first { display: none }
.bo_pagenate_mobile .paging .end { display: none }
}





/*踰꾪듉*/
.bo_btn { position: relative; height: 36px; width: 100%; overflow: hidden }
.bo_btn .btn_left { position: absolute; left: -2px; top: 0; }
.bo_btn .btn_right { position: absolute; right: -2px; top: 0; }
.bo_btn a.color1 { display: inline-block; width: 80px; margin: 0 2px; cursor: pointer; height: 32px; line-height: 30px; border: 1px solid #333; background: #333; color: #fff; font-weight: 400; text-align: center; padding: 0; border-radius: 0 }
/*.bo_btn a.color1:hover { background: #fff; color: #000; border: 1px solid #333; padding: 0 }*/
.bo_btn a.color2 { display: inline-block; width: 80px; margin: 0 2px; cursor: pointer; height: 32px; line-height: 30px; background: #fff; border: 1px solid #999; text-align: center; padding: 0; border-radius: 0 }
/*.bo_btn a.color2:hover { background: #ccc; color: #000; border: 1px solid #999; padding: 0 }*/














/*---------------------------------- bo_basic_view ----------------------------------*/


.bo_basic_view { width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333; table-layout: fixed ; text-align:left}
.bo_basic_view .view_top { border-bottom: 1px solid #e6e6e6; overflow:hidden;padding: 20px 2%; }
.bo_basic_view .view_top span.tit { float: left; width: 80%; font-size: 1.2em; color:#333;  word-break: keep-all  }
.bo_basic_view .view_top span.date { float: right; color: #999; text-align: right; }

.bo_basic_view .view_con { padding: 3% 2%; /*white-space:pre-line;*/ word-break: keep-all; line-height: 1.4; max-width: 96%; overflow: hidden; }
.bo_basic_view .view_con img { margin: 20px 0; max-width: 100%; height: auto }




.recruit_top { border-bottom: 1px solid #e6e6e6; overflow:hidden;padding: 20px 2%; }
.recruit_top .tit { width: 100%; font-size: 1.2em; color:#333;  word-break: keep-all  }
.recruit_top .re_date{color: #999;}

.recruit_top .down_info{ float:right; text-decoration:underline}
.recruit_top .down_file{ padding-left:5px}

.bo_basic_view .file_area{ border-top: 1px solid #e6e6e6; padding: 20px 2%; }



/*�댁쟾�ㅼ쓬湲�*/
.indicator { margin-top: 10px; border-top: 0px solid #e6e6e6; }
.indicator table { width: 100%;  }
.indicator th { width: 100px; border-top: 1px solid #e6e6e6; text-align: left; padding: 20px 10px; vertical-align: text-top; font-weight:600 !important ; }
.indicator th.prev span { padding-left: 30px; background: url('../img/icon_v_prev.png') 10px 4px no-repeat; }
.indicator th.next span { padding-left: 30px; background: url('../img/icon_v_next.png') 10px 4px no-repeat; vertical-align: text-top }
.indicator td { border-top: 1px solid #e6e6e6; padding: 10px }
.indicator td a { display: inline-block; width: 95%; vertical-align: text-top; color: #666 }






 @media only screen and (max-width: 500px) {
/* bo_basic_view */ 
.bo_basic_view &gt; table th { padding: 10px 3px; }
.bo_basic_view th span.tit { float: left; width: 100% }
.bo_basic_view th span.date { float: left; text-align: left }
.bo_basic_view td.con { padding: 10px 3px; font-size: 12px; }
/*�댁쟾�ㅼ쓬湲�*/
.indicator th { width: 50px; }
.indicator th.prev span { padding-left: 0px; background: none }
.indicator th.next span { padding-left: 0px; background: none }
}





/*---------------------------------- bo_basic_write----------------------------------*/

.bo_basic_write { width: 100%; padding: 17px 0 28px 0; border-top: 2px solid #202020; border-bottom: 1px solid #efefef }
.bo_basic_write table { width: 100%; }
.bo_basic_write th { text-align: left; padding: 5px; font-weight: 400; width: 10%; }
.bo_basic_write td { padding: 5px }
.bo_basic_write td input { } /*湲곕낯 �ㅽ��� �곕쫫 �꾩껜�곸쑝濡�*/
.bo_basic_write td textarea { width: 100%; height: 300px }
input.width_ty1 { width: 70%; }
input.width_ty2 { width: 30%; }
 @media only screen and (max-width: 500px) {
.bo_basic_write th { display: block; font-weight: 400; width: 100%; }
.bo_basic_write td { display: block; margin-bottom: 10px }
input.width_ty1 { width: 100%; }
input.width_ty2 { width: 50%; }
}
#password_query { display: none; position: absolute; left: 50%; bottom: 100px; margin-left: -120px; margin-top: -80px; z-index: 1000 }
#password_query .cont { background: #FFF; width: 250px; border: 3px solid #CCC; padding: 20px; overflow: hidden; text-align: center; }
#password_query .cont .input { width: 140px; border: 1px solid #CCC; padding: 5px 0; margin: 5px auto }
#password_query h4 { font-size: 14px }
.ly_error { border: 1px solid #CCC; padding: 20px; margin: 0 auto; text-align: center }










/*�댁뒪�ㅽ궓*/

.news_skin {  } 
/*
.news_skin span { display: inline-block; width: 40px; height: 18px; line-height: 15px !important; vertical-align:top; text-align: center; font-size: 11px; color: #fff; background-color: #333; border-radius: 10px; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; top: 50%; } 
*/

.hot_news{ overflow:hidden}
.list_news{ padding-top:0px !important; }

.hot_news li:last-child{ /*display:none*/}

.img_none { }

.news_skin .img_none dt { float: left; width: 0%; }
.news_skin .img_none dd { margin-left: 0%; }




.news_skin ul { margin-left: -20px !important; overflow: hidden; *width:100%;}
.news_skin ul li { float: left; width: 25%; margin-bottom:20px }
.news_skin ul li a:hover dl{ border:1px solid #900;}
.news_skin dl { margin-left: 20px!important; border: 1px solid #ededed; position: relative;  overflow: hidden;  }
.list_news dl{ background:#f5f5f5}

.news_skin dl dt {  overflow: hidden; text-align: center; position: relative; }
.news_skin dl dt a{}
.news_skin dl dt img { max-height:220px }
.news_skin dl dt p { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.news_skin dl dt dd{ position:relative}

.news_skin dl dt p span { position: relative; width: 100%; height: 100%; display: inline-block }
.news_skin dl dt img { width: 100%; height: 100%; }
.news_skin dl dd {padding: 2em;}
.news_skin dl dd .cont { font-size:14px; margin-top:10px; height: 63px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; width: 100%; letter-spacing:0; color:#444; letter-spacing:-0.5px}
.news_skin dl dd p.data { margin: 0.2em 0; }
.news_skin dl dd p.data * { color: #900; font-size: 0.9em; }
.news_skin dl dd .tit { font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  font-size: 1.1em; color:#000; letter-spacing:-1px }
.news_skin span.v_line { padding: 0 5px; font-family: '�뗭�', dotum,; color: #ccc }
.news_skin a { display: block }
.news_skin span.num { color: #F30; padding-left: 5px; letter-spacing: 1px }
.news_skin dl span.new{ position:absolute; top:0px; right:0; z-index:12}
.news_skin span.new { font-size: 11px; background: #900; padding: 0 5px; margin: 0 ; display: inline-block; color: #fff; vertical-align: middle; border-radius: 0px; line-height: 22px }





 @media only screen and (max-width: 1000px) {

.news_skin dl dd {padding: 1.5em;}
.news_skin dl dd .tit { }	 

.hot_news li:last-child{ display:block}
.news_skin ul li {  width: 50%;}
 }



 @media only screen and (max-width: 640px) {

.news_skin ul { margin-left: -10px;!important}
.news_skin dl { margin-left: 10px;!important}
.news_skin ul li { margin-bottom:10px }

.news_skin dl dd .cont { height: 60px;}
.news_skin span.new { line-height: 18px }


}


 @media only screen and (max-width: 480px) {
.news_skin ul li {  width: 100%;}
.news_skin ul li { margin-bottom:15px }	 
 }




.no_data{ padding:2em 2em !important; text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC}





/*梨꾩슜*/


.list_recruit ul{ border-top:1px solid #af0b35}
.list_recruit ul li{ border-bottom:1px solid #e1e1e1; padding:2em 2em; overflow:hidden}
.list_recruit ul li:last-child{border-bottom:1px solid #ccc;}
.re_tit_area{ float:left; width:75%}

.list_recruit .re_tit_area p.tit{ font-size:1.3em; color:#000; }
.list_recruit .re_tit_area .recruit_date{ color:#999; padding-top:5px; display:block}
.recruit_status{ float:left; width:20%; margin-left:5%}
.recruit_status span.re_open{ display:inline-block; float:right; background:#af0b35; text-align:center; padding:0.5em 0; color:#fff; width:80px}
.recruit_status span.re_end{ display:inline-block; float:right; background:#666; text-align:center; padding:0.5em 0; color:#fff;width:80px}


.list_recruit ul li.no_recruit{text-align:center; padding:20px 10px" class="no_recruit}

 @media only screen and (max-width: 640px) {
	.list_recruit ul li{ padding:1.2em 1em;}
	.list_recruit .re_tit_area p.tit{ font-size:1.1em;}
	.list_recruit .re_tit_area .recruit_date{ padding-top:5px;}
	.recruit_status span.re_open, .recruit_status span.re_end{ width:100%; font-size:12px}
	
 }

 
	 
</pre></body></html>