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

/*-- search --*/
div.search {
	border:1px solid #e1e1e1;
	background:#fbfbfb url(../images/community/bg_search.gif) no-repeat 60px 19px;
	padding:13px 0 13px 135px;
	margin-bottom:15px;
}
div.search input[type='text'] { width:150px; }
div.search input[type='text'].w80 { width:80px; }
div.search input[type='text'].w223 { width:223px; }
#SearchOptionDiv input[type='text']{ width:80px; }
/*-- table.gray_list --*/
table.gray_list {
	width:100%;
	border-top:2px solid #282828;
	border-bottom:1px solid #282828;
	margin-bottom:10px;
}
table.gray_list th {
	background-color:#f4f4f4;
	border-bottom:1px solid #959595;
	height:34px;
	color:#353535;
}
table.gray_list td {
	border-bottom:1px solid #eaeaea;
	text-align:center;
	padding:8px 10px;	
}
table.gray_list .tx_l { text-align:left; }
table.gray_list span.t_file, table.gray_list a.t_file {
	background: url("../images/icon/icon_file.gif") no-repeat left top transparent;
	color: #5367a0;
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 2px 5px 20px;
}
table.gray_list span.t_reply {
	background: url("../images/icon/icon_reply.gif") no-repeat scroll left top transparent;
	color: #5367a0;
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 2px 5px 20px;
}
table.gray_list span.t_lock{
	background:url('../images/icon/icon_public.gif') left no-repeat;
	padding: 1px 0 1px 10px;
}

table.gray_list .faq{
	background-color: whitesmoke;
    border-right: medium none;
    padding: 20px;
    text-align: left;
    width: 90%;
}
table.gray_list .faq_left{
	background-color:whitesmoke;
	border-right:none;
}
/*-- table.gray_write --*/
table.gray_write {
	width:100%;
	border-top:2px solid #282828;
	border-bottom:1px solid #282828;
	margin-bottom:10px;
}
table.gray_write th {
	background-color:#f4f4f4;
	border-bottom:1px solid #eaeaea;
	height:35px;
	color:#353535;
	text-align:left;
	padding-left:10px;
}
table.gray_write td {
	border-bottom:1px solid #eaeaea;
	
	padding:7px 10px;
}
/*-- paging --*/
.paging {
	line-height: 14px;
	text-align: center;
	margin-bottom:15px;
	position:relative;
}
.paging span {
	background: url("../images/community/bl_paging.gif") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 19px;
	width: 6px;
}
.paging a {
	border: 1px solid #FFFFFF;
	color: #666666;
	display: inline-block;
	font-family: '�뗭�', Dotum;
	font-weight: bold;
	padding: 2px 5px 1px;
	text-align: center;
	vertical-align: top;
}
.paging a.on, .paging a.on:hover {
	border: 0 none;
	padding: 0;
}
.paging a.on strong, .paging a:hover {
	background: none repeat scroll 0 0 #fbfbfb;
	border: 1px solid #e1e1e1;
	color: #000;
	display: inline-block;
	padding: 2px 5px 1px;
}
.paging .btn_pre, .paging .btn_next {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	width: 70px;
}
.paging .btn_pre {
	background: url("../images/btn/btn_paging_p.gif") no-repeat scroll 0 5px transparent;
	padding: 1px 0 0 6px;
}
.paging .btn_pre:hover {
	background: url("../images/btn/btn_paging_p.gif") no-repeat scroll 0 5px transparent;
	border: 1px solid #FFFFFF;
	padding: 1px 0 0 6px;
}
.paging .btn_next {
	background: url("../images/btn/btn_paging_n.gif") no-repeat scroll 100% 5px transparent;
	margin-left: 5px;
	padding: 1px 6px 0 0;
}
.paging .btn_next:hover {
	background: url("../images/btn/btn_paging_n.gif") no-repeat scroll 100% 5px transparent;
	border: 1px solid #FFFFFF;
	margin-left: 5px;
	padding: 1px 6px 0 0;
}
.paging .btn_first, .paging .btn_last {
	border: 1px solid #FFFFFF;
	display: inline-block;
	font-size: 0;
	height: 8px;
	padding: 5px;
	vertical-align: top;
	width: 10px;
}
.paging .btn_first:hover, .paging .btn_last:hover {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #FFFFFF;
	display: inline-block;
	font-size: 0;
	padding: 5px;
	vertical-align: top;
}
.paging .btn_first { background: url("../images/btn/btn_pager_fst.gif") no-repeat scroll 5px 5px transparent; }
.paging .btn_first:hover { background: url("../images/btn/btn_pager_fst.gif") no-repeat scroll 5px 5px transparent; }
.paging .btn_last { background: url("../images/btn/btn_pager_lst.gif") no-repeat scroll 5px 5px transparent; }
.paging .btn_last:hover { background: url("../images/btn/btn_pager_lst.gif") no-repeat scroll 5px 5px transparent; }

.paging fieldset {
    position: absolute;
    right: 0;
    top: 0;   
}

/*-- comment --*/
ul.comment li.bg_gray { background-color: #F3F3F3; }
ul.comment li {
	border-bottom: 1px dotted #CBCBCB;
	padding: 8px;
	position: relative;
}
ul.comment li span.btn {
	position: absolute;
	right: 6px;
	top: 5px;
}
/*-- prev, next --*/
dl.prev_next {
    border-top:2px solid #282828;
	border-bottom: 1px solid #282828;    
    float: left;
    width: 100%;
}
dl.prev_next dt {
    float: left;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 0;
    text-align: center;
}
dl.prev_next dt.prev {
    background-color: #f4f4f4;
    color: #353535;
    width: 15%;
}
dl.prev_next dt.next {
    background-color: #f4f4f4;
    border-bottom: 1px solid #eaeaea;
    color: #353535;
    width: 15%;
}
dl.prev_next dd {
    float: left;
    line-height: 20px;
    padding: 6px 10px;
    width: 80%;
}
dl.prev_next dd.next {
    border-bottom: 1px solid #eaeaea;
}
dl.prev_next dd span.t_lock{
	background:url('../images/icon/icon_public.gif') left no-repeat;
	padding: 1px 0 1px 10px;
}
dl.prev_next dd span.t_file {
	background: url("../images/icon/icon_file.gif") no-repeat left top transparent;
	color: #5367a0;
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 2px 5px 20px;
}
dl.prev_next dd span.t_reply {
	background: url("../images/icon/icon_reply.gif") no-repeat scroll left top transparent;
	color: #5367a0;
	font-size: 11px;
	margin-left: 5px;
	padding: 2px 2px 5px 20px;
}

.h4_r{
	position:absolute;
	right:0;
	top:0;
}

/*-- login --*/
div.login_area {
	background-color:#f6f6f6;
	border:1px solid #ececec;
	padding:50px 40px 40px;
}
div.login_area .login {	
	position:relative;
	padding-left:145px;
}
div.login_area .login dl dt {
	clear:left;
	float:left;
	width:65px;
	padding-top:2px;
	margin-bottom:15px;
}
div.login_area .login dd { margin-bottom:15px; }
div.login_area .login dd input {
	width:147px;
	height:17px;
}
div.login_area .login .login_btn {
	position:absolute;
	top:-3px;
	right:170px;
}
div.login_area .login_join {
	padding:20px 0 0 125px;
	border-top:1px dotted #cccccc;
	margin-top:30px;
}
div.login_area .login_join span {
	background: url("../images/icon/icon_bulit.gif") no-repeat scroll left 3px transparent;
	padding-left:9px;
}
/*-- citizen --*/
div.citizen_area {
	background: url("../images/common/bg_citizen.gif") no-repeat scroll 0 0 transparent;
	padding:16px 18px;
	margin-top:50px;
}
div.citizen_area .tel { margin-bottom:20px; }
div.citizen_area .tel ul li {
	float:left;
	line-height: 1;
}
div.citizen_area .check ul li {
	float:left;
	margin:0 20px 14px 0;
}
div.citizen_area .write { position:relative; }
div.citizen_area .write textarea {
	height:41px;
	margin-bottom:3px;
}
div.citizen_area .write .average {
	position: absolute;
	right: 95px;
	top: 50px;
}
/*-- join --*/
div.join {
	background: url("../images/member/bg_join.gif") repeat-x scroll 0 0 transparent;
	width:695px;
	height:234px;
	padding:57px 0;
	text-align:center;
}
div.join p { margin-bottom:28px; text-align:center; }
div.join_clause ul{
	margin-bottom:20px;
	display:inline-block;
}
div.join_clause .tab_join li{
	float:left;
	margin-right:1px;
}
div.join_clause .desc{
	border: 1px solid #D9D9D9;
    height: 150px;
    margin-bottom: 11px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
    width: 694px;
}
div.join_clause .agree{
	overflow: hidden;
    text-align: right;
    width: 100%;
}

/* mileage */
.mileage{
	border:1px solid #ededed;
	background-color:#eaebff;
	padding:15px 10px;
	font-size:11px;
	color:#000;
	margin-bottom:25px;
}
.mileage ul li{
	display:inline;
	padding-right:12px;
}

/* tab */
ul.tab{
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	height:30px;
	margin-bottom:30px;
	width:100%;
}
ul.tab li{
	border-top:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	float:left;
	width:150px;
	line-height:140%;
}
ul.tab li a{
	display:block;
	color:#524694;
	font-size:11px;
	font-weight:bold;
	height:22px;
	text-align:center;
	padding:7px 10px 0 15px;
	background-color:#fff;
}
ul.tab li a:hover,ul.tab li a.on{
	color:#d02643;
	background-color:#ebebeb;
	padding:7px 10px 0 15px;
	text-decoration:none;
}

/*----- openworks -----*/
.ow_visual{
 background: url("../images/openworks/c_visual.jpg") no-repeat right top;
 width:100%;
 height:180px;
 padding-top:20px;
}

.op_gi li{
 float:left;
 width:100%;
 background: url("../images/icon/icon_bulit.gif") no-repeat left 6px;
 padding:0 0 8px 8px;
 line-height:150%;
}
.w350{width:350px;}
.op_gi li strong{
 color:#7b5fb3;
}

/* company_01 */
	/* Recommended */
	@font-face{
	font-family:ng;
	src:url(NanumGothic.eot);
	src:local(※), url(NanumGothic.woff) format('woff')
	}
ul.company_01{
	background: url("../images/company/bg_company01.gif") no-repeat scroll 0 0 transparent;	
	height:548px;
	padding:20px 15px 40px;
	font-family:'나눔고딕', NanumGothic, ng ,Helvetica,sans-serif;
	letter-spacing:-1px;
}
ul.company_01 li{	
	width:330px;
	height:285px;
	font-size:14px;
	color:#a5a5a5;
	line-height:24px;
}
ul.company_01 li p{
	color:#e42042;
	font-size:15px;
	margin-bottom:12px;
}

.blue_box_tx {
    background-color:#eaeff9;
    padding:15px 15px;
    border:1px solid #d1dcf2;
    margin-bottom:30px;
}

/* 입력폼 유효성 검증 메시지 */
.valid_message{
    color:#455b92;font-size:11px;
}</pre></body></html>