@charset "utf-8";
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:300;
 src:url(/skin/font/NotoSans-Light.eot);
 src:url(/skin/font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
 url(/skin/font/NotoSans-Light.woff) format('woff'),
 url(/skin/font/NotoSans-Light.otf) format('truetype')
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:url(/skin/font/NotoSans-DemiLight.eot);
 src:url(/skin/font/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
 url(/skin/font/NotoSans-DemiLight.woff) format('woff'),
 url(/skin/font/NotoSans-DemiLight.otf) format('truetype')
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:500;
 src:url(/skin/font/NotoSans-Regular.eot);
 src:url(/skin/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
 url(/skin/font/NotoSans-Regular.woff) format('woff'),
 url(/skin/font/NotoSans-Regular.otf) format('truetype')
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:600;
 src:url(/skin/font/NotoSans-Medium.eot);
 src:url(/skin/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
 url(/skin/font/NotoSans-Medium.woff) format('woff'),
 url(/skin/font/NotoSans-Medium.otf) format('truetype')
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:url(/skin/font/NotoSans-Bold.eot);
 src:url(/skin/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
 url(/skin/font/NotoSans-Bold.woff) format('woff'),
 url(/skin/font/NotoSans-Bold.otf) format('truetype')
}

/* css color */
:root {
	--main_color : blue;
	--sub_color : #006699;
	--red_main_color : #da2d2d;
	--red_sub_color : #9d0b0b;
}

* {margin:0; padding:0; box-sizing:border-box;}
img {border:0; vertical-align:middle;}
fieldset, iframe {border:0;}
textarea {font-family:"Nanum Gothic", "sans-serif", AppleGothic, dotum, Arial, verdana, Helvetica; font-size:13px; border:1px solid #c5c5c5;}
select, input {font-family:"Nanum Gothic", "sans-serif", AppleGothic, dotum, Arial, verdana, Helvetica; vertical-align:middle; border:1px solid #b7b7b7;}
ul, ol, li {margin:0; list-style-type:none;}
input:autofill {box-shadow:0 0 0 30px white inset;}
i, em, address {font-style:normal;}
label, button {border:0; cursor:pointer;}
hr {display:none;}
legend {*width:0;}
table {border-collapse:collapse; border-spacing:0;}
caption {font-size:0; line-height:0; height:0;}
dl, p {margin:0;}

/* CSS Document basic*/
#wrap { width: 100%; margin: 0; padding: 0; height: auto; clear: both;}
#wrap_body { width: 100%; position: relative; height: auto; margin: 0 auto; padding: 0; }
#wrap_body .wrap_body_content { min-width: 1000px; height: auto; margin: 0 auto; padding-bottom: 20px; position: relative; min-height: 400px;}

#wrap_body_content { position: relative;
    margin: 0 auto;
    padding: 30px 0;
    width: 1200px;
    min-height: 650px; box-sizing: border-box;}



#loading { display: none;}
#box_body_header { height: 25px; width: 100%; position: relative;}
#box_body_header .location { width: auto; position: absolute; right: 0;}
#box_body_header .location li { float: left; margin-right: 10px; font-size: 11px;}
#box_body_header .location li:after {content: " > "; margin-left: 10px;}
#box_body_header .location li:last-child { margin-right: 0;}
#box_body_header .location li:last-child:after { content: ""; margin: 0;}
#box_body_header .location li > a { font-size: 11px;}

/* Button Reset */
.button,.button a,.button button,.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; white-space:nowrap; background:url(/skin/v1.0/image/btn/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0 !important; vertical-align:middle; margin-right:2px; background-position:left top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.button a,.button button,.button input{ left:2px; vertical-align:top; cursor:pointer; z-index:998; display:inline-table; float:left;}

/* Button Size */
.button.large { height:29px !important; background-position:left -30px; }
.button.xLarge { height:35px !important; background-position:left -65px; }
.button.small { height:18px !important; background-position:left -107px; }
.button.normal {height:23px !important; }
.button a,.button button,.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,.button.large button,.button.large input { height:29px; padding:0 10px 0 8px !important; font-size:14px; line-height:25px !important; background-position:right -30px !important;}
.button.xLarge a,.button.xLarge button,.button.xLarge input { height:35px; padding:0px 10px 0px 8px !important; font-size:20px !important; line-height:35px !important; background-position:right -65px !important;}
.button.small a,.button.small button,.button.small input { height:18px; padding:0px 6px 0px 4px !important; font-size:11px; line-height:18px !important; background-position:right -107px !important;}
.button.normal a,.button.normal button,.button.normal input { height:23px !important; padding:0 10px 0 8px !important; font-size:12px !important; line-height:23px !important; background-position:right top;}

/* Button Text Color */
.button *:hover, .button *:active, .button *:focus{ color:#690;}
.button.green, .button.green a,.button.green button,.button.green input { background-image:url(/skin/v1.0/image/btn/buttonGreen.gif); color:#fff;}
.button.green *:hover,.button.green *:active,.button.green *:focus{ color:#ff0 !important; }
.button.black,.button.black a,.button.black button,.button.black input { background-image:url(/skin/v1.0/image/btn/buttonBlack.gif); color:#fff !important;}
.button.black *:hover,.button.black *:active,.button.black *:focus{ color:#ff0 !important;}
.button.red,.button.red a,.button.red button,.button.red input { background-image:url(/skin/v1.0/image/btn/buttonRed.gif); color:#fff !important;}
.button.red *:hover,.button.red *:active,.button.red *:focus{ color:#ff0 !important;}
.button.blue,.button.blue a,.button.blue button,.button.blue input { background-image:url(/skin/v1.0/image/btn/buttonBlue.gif); color:#fff !important;}
.button.blue *:hover,.button.blue *:active,.button.blue *:focus{ color:#ff0 !important;}

/* Button Text Strong */
.button.strong * { font-weight:600 !important;}
.BallonLayer {	position:absolute; border:1px solid #000; background-color:#eee; display:none; margin-top:5px; width:120px;	height:100px;overflow:auto;}
.button .icons { margin-top:2px; margin-left:10px; margin-right:-10px; float:left; position:relative; z-index:999;}
.button.large .icons { margin-top:5px;}
.icons { background:url(/skin/v1.0/image/icon/icons.png?date=20150630) no-repeat; width:20px; height:18px; display:block;}
.icons { margin:0px; padding:0px; background-position:-2px 0px;}
.icons.confirm { background-position:-2px 0px;}
.icons.delete { background-position:-22px 0px;}
.icons.print { background-position:-42px 0px;}
.icons.table { background-position:-62px 0px;}
.icons.cal { background-position:-82px 0px;}
.icons.excel { background-position:-102px 0px;}
.icons.search {background-position:-122px 0px;}
.icons.document {background-position:-142px 0px;}
.icons.list {background-position:-162px 0px;}
.icons.add {background-position:-182px 0px;}
.icons.top {background-position:-202px 0px;}
.icons.graph {background-position:-220px 0px;}
.icons.chk {background-position:-240px 0px;}


/*basic table design*/
.tbl_normal { border-top:1px solid var(--main_color);}
.tbl_normal th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#f2f2f2; padding:3px;}
.tbl_normal td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_normal th:last-child { border-right:none;}
.tbl_normal td:last-child { border-right:none;}

.tbl_member { border-top:2px solid #006cc2;}
.tbl_member th { border-bottom:1px solid #dadcdc; background-color:#f5f5f5; padding:3px; text-align: left; }
.tbl_member td { border-bottom:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_member th:last-child { border-right:none;}
.tbl_member td:last-child { border-right:none;}

.tbl_search { margin-top:10px; border-top:1px solid var(--main_color)}
.tbl_search th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#f2f2f2; }
.tbl_search td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_search th:last-child { border-right:none;}
.tbl_search td:last-child { border-right:none;}

/* 맞춤정보설정 tbl_set */

.tbl_set th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#0073b5; color: #fff !important; padding:3px;}
.tbl_set td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_set th:last-child { border-right:none;}
.tbl_set td:last-child { border-right:none;}

/*input 관련*/
select {padding-right:28px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff;}
select::-ms-expand {display:none;}

input[type=button] {cursor:pointer;}
input[type="text"], input[type="password"] {height:30px; padding:2px 5px; color:#333; line-height:20px; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
input[type="radio"] {position:relative; top:-1px; width:16px; height:16px; vertical-align:middle;}
input[type="checkbox"] {margin:-1px 4px 0 0; width:15px; height:15px; vertical-align:middle;}
input[type="image"] {border:none;}
input[type="file"] {height:30px; line-height:28px; background:#fff; border:0;}
select {height:30px; padding-left:5px; color:#333; border:1px solid #ccc;  box-sizing:border-box;}
textarea {padding:4px; border:1px solid #ccc;}

.input_full { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.input_big { width:350px;}
.input_large { width:280px;}
.input_medium { width:200px;}
.input_normal { width:100px;}
.input_small {width:50px !important; min-width:50px !important;}
.d_form.input_small { width:60px !important; min-width:60px !important;}
.input_etc{width:480px; height:200px;}

.paginate1{ padding:15px 0; text-align:center; display:none;}
.paginate1 *{ margin:0; padding:0;}
.paginate1 a,
.paginate1 strong{ _position:relative; margin-left:-1px; font-weight:bold; display:inline-block; padding:3px 10px 1px 9px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#fff;}
.paginate1 strong{ color:#ff8600 !important;}
.paginate1 a:hover{ background:#F7F7F7; }
.paginate1 a.pre{ padding:3px 10px 1px 10px;  border:none; font-weight:normal; border-left:1px solid #ccc;}
.paginate1 a.pre_end{ padding:3px 10px 1px 10px; border:none; border-left:1px solid #ccc; font-weight:normal;}
.paginate1 a.next{ padding:3px 10px 1px 10px; border:none; font-weight:normal; border-left:1px solid #ccc;}
.paginate1 a.next_end{ padding:3px 10px 1px 10px; border:none; border-left:1px solid #ccc; font-weight:normal;border-right:1px solid #ccc;}
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display:none;}

#tooltip{text-align: center;color: #fff;background: #111;position:absolute;z-index:1000;padding:10px; font-size:11px; max-width:200px;}
#tooltip:after /* triangle decoration */
{	width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: '';position: absolute;left: 50%;
	bottom: -10px;margin-left: -10px;}
#tooltip.top:after{	border-top-color: transparent;	border-bottom: 10px solid #111;	top: -20px;	bottom: auto;}
#tooltip.left:after{	left: 10px;margin: 0;}
#tooltip.right:after{	right: 10px;	left: auto;	margin: 0;}

.tooltip{text-align: center;color: #fff;background: #111;position:absolute;z-index:1000;padding:10px; font-size:11px; font-family:"Nanum Gothic";}
.tooltip:after /* triangle decoration */
{	width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: ''; position: absolute;left: 50%;
	bottom: -10px;margin-left: -10px;}
.tooltip.top:after{	border-top-color: transparent;	border-bottom: 10px solid #111;	top: -20px;	bottom: auto;}
.tooltip.left:after{	left: 10px;margin: 0;}
.tooltip.right:after{	right: 10px;	left: auto;	margin: 0;}

.tbl_normal td > .bid_bidname { font-size:13px;line-height: 2em;}
.cancel { text-decoration:line-through; color:#aaa;}
.tr_over td { background-color:#fffff3;}
.tr_normal {}
.tab_bar > li {margin-left: -1px !important;}
.tab_bar > li:first-child.tc-selected { margin-left: -1px; }
.tab_bar > li > a { display: block; background-color: #ebebeb;}
.tab_bar > li:first-child { margin-left: 0 !important;}
.tab_bar > li:first-child > a { border-top-left-radius: 10px; }
.tab_bar > li.tc-tab:last-child > a { border-top-right-radius: 10px; }
.tab_bar > li > a > i { vertical-align: middle; font-size: 15px; padding-right: 5px;}
.tab_bar > li > a:hover { background-color: var(--sub_color); color:#fff; border-color: var(--sub_color);}
.tab_bar > li.tc-selected > a { border-left-color:var(--main_color); border-right-color:var(--main_color); border-bottom: 1px solid transparent;
	background-color: var(--main_color); color: white; border-top-color: var(--main_color);}
.tab_bar.type_small > li > a { border-bottom: none !important; }

/* tab_small */
.tab_bar.type_small {background:none;border:1px solid #dadcdc;border-width:0 0 1px 0;}
.tab_bar.type_small > li {position:relative;z-index:10;margin-left:-1px;}
.tab_bar.type_small > li.tc-selected {z-index:20; border-left: 1px solid #dfdfdf;}
.tab_bar.type_small > li > a {padding:0.5em 1.6em;border:1px solid #dfdfdf;border-bottom-color:#dadcdc;background:#f3f3f3;font-weight:normal;}
.tab_bar.type_small > li > a:hover {color:#006699;}
.tab_bar.type_small > li:first-child > a {border-left:1px solid #dfdfdf;margin-left:0;}
.tab_bar.type_small > li:last-child > a {border-right:1px solid #dfdfdf;margin-left:0;}
.tab_bar.type_small > li.tc-selected > a {border-color:#dadcdc;border-bottom-color:transparent;background:#fff; color:#006699; font-weight:bold; }
.tab_bar.type_small > li.tc-selected > a:hover {color:#006699;}

/* type_blue */
.tab_bar.type_blue { background:none;border:1px solid #dee3eb;border-width:0 0 1px 0;}
.tab_bar.type_blue > li {position:relative;z-index:10;margin-left:-1px;}
.tab_bar.type_blue > li.tc-selected {z-index:20; border-left: 1px solid #dee3eb;}
.tab_bar.type_blue > li > a {border:1px solid #dee3eb;border-bottom-color:#dee3eb;background:#f3f3f3;font-weight:normal;}
.tab_bar.type_blue > li > a:hover {color:#006699;}
.tab_bar.type_blue > li:first-child { margin-left: 0px;}
.tab_bar.type_blue > li:first-child > a {border-left:1px solid #dee3eb;}
.tab_bar.type_blue > li:last-child > a {border-right:1px solid #dee3eb;margin-left:0;}
.tab_bar.type_blue > li.tc-selected > a {border-color:#dee3eb;border-bottom-color:transparent;background:#fff; color:#006699; font-weight:bold; border-left: none;}
.tab_bar.type_blue > li.tc-selected > a:hover {color:#006699;}

#tbl_plan_month { }
#tbl_plan_month th { text-align:center; background-color:#efefef; }
#tbl_plan_month th.day { font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
#tbl_plan_month td { background-color:#fff; }
#tbl_plan_month td.num { font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
#tbl_plan_month td.over { background-color:#3498db; color:#fff !important;}
#tbl_plan_month td.selected { color:#fff !important; font-weight:600; background-color:#3498db;}

.memoOn{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif)  no-repeat 0px -0px; display:inline-block; color: #555;}
.memoOff{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif) no-repeat 0px -40px; display:inline-block; color: #555;}
.memoOff a,.memoOn a { display: block; color: #555;}
.memoOff a:hover, .memoOn a:hover { text-decoration: none; color: #555;}

#box_body_left .submenu {width: 100%; height: auto; float: left;}

/* 공고보기 오른쪽 서브메뉴박스 */
#views_box { border-top: 2px solid #008ce7; width: 240px; margin-top: 15px; border-bottom: 2px solid #acacac; }
#views_box div.views_in_box { margin-top: 15px; margin-bottom: 15px; }
#views_box div.views_in_box img { padding-right: 10px; }
#views_box div.views_in_box span { font-size: 15px; }


/* doc.basic.css 추가 */

/* CSS Document */
/* css를 재정의합니다.*/
body { padding: 0; margin: 0; width: 100%; background: none; position: relative; }
#wrap { width: 100%; padding: 0; margin: 0; position: relative; clear: both }

header{background: url('/skin/v2.0/image/common/bg_top_menu.gif'); height:125px;}
#headerall{width:1000px; margin:0 auto; }
#header_logo{float:left; width:220px; margin-top: 17px;}
#header_logo span {padding:0; background:none;}
.m_realtime{padding-left:10px; padding-top: 8px;line-height:1em;font-size:11px}
#header_right{float:left; width:780px;}
#header_t {	width: 780px; padding-top: 9px; text-align: right;	position: relative;}
#header_t a{color:#fff;font-size: 11px;}
#header_t .favorite {	float: left;}

#header_t span { padding: 1px 10px;	background: url('/skin/v2.0/image/common/t_gnb_sapa.gif') no-repeat 50% 2px;}
#header_t h5 {	background-color: #777777;	height: 27px;	line-height: 20px;}
#header_t h5 em {	float: left;	background: none;	line-height: 24px;	padding-left: 10px;	font-family: Nanum Gothic, "나눔고딕", "돋움";	color: #ffffff;	font-size: 12px;}
#header_t h5 .t_closebtt {	float: right;	padding-top: 8px;	padding-right: 12px;	background: none;}
#header {height: 55px; margin-top:17px;}
.headerWrap { width: 780px;}
.headerWrap .gnb:after {clear: both;	content: "";	overflow: hidden;}
.headerWrap .gnb > ul {	position: relative;margin: 0 auto;}
.headerWrap .gnb li {	float: left;position: relative; background: url('/skin/v2.0/image/common/left_top_menu.gif') 0 50% no-repeat;}
.headerWrap .gnb li:first-child {background:none;}
.headerWrap .gnb li.one .firstM {}
.headerWrap .gnb li.one .secondM {	width: 290px;position: absolute;top: 56px;	left: 0px;}
.headerWrap .gnb li.two .secondM {	width: 290px;position: absolute;top: 56px;	left: 0px;}
.headerWrap .gnb li.thr .secondM {	width: 340px;position: absolute;top: 56px;	left: 0px;}
.headerWrap .gnb li.fou .secondM {	width: 425px;position: absolute;top: 56px;	left: -50px;}
.headerWrap .gnb li.fiv .secondM {	width: 380px;position: absolute;top: 56px;	left: -30px;}
.headerWrap .gnb li.six .secondM {	width: 325px;position: absolute;top: 56px;	left: -152px;}
.headerWrap .gnb li a.firstM {	display: block;	font-size: 15px;line-height:50px; color:#fff; font-weight: 600; text-decoration: none; padding:0 10px; min-width:120px; text-align:center;}
.headerWrap .gnb li a.firstM.on {	color: #fff;	background: #002548;}
.headerWrap .gnb li a.firstM:hover {	color: #fff;	font-weight: 600;}
.headerWrap .gnb li .secondM {	font-size: 12px;	z-index: 10;}
.headerWrap .gnb li .secondM a {color: #444;	line-height: 13px;	padding: 8px 15px;	background:url('/skin/v2.0/image/common/bu_common.gif') 6px 50% no-repeat;}
.headerWrap .gnb li .secondM a.on {	background: #b30933;	border-bottom: 1px solid #b30933;	font-weight: bold;	color: #fff}
.headerWrap .gnb li .secondM a:hover {	background: #525252;	border-bottom: 1px solid #525252;	font-weight: 600;	color: #fff;text-decoration:none}
.headerWrap .gnb li .secondM a.sMend {	border-bottom: none}
.headerWrap .gnb li .secondM dl {	float: left;	width: 82px;	margin-left: 25px;}
.headerWrap .gnb li .secondM dl:first-child {	margin-left: 0px;}
.headerWrap .gnb li .secondM dt {background: url('/skin/v2.0/image/common/gnb_allmenu_dt.gif') no-repeat 0 0; font-size: 16px;	font-weight: 600;	padding: 11px 0 21px;	border-bottom: 1px solid #ebb1b6;	margin-bottom: 5px;}
.headerWrap .gnb li .secondM dd a {	padding-left: 3px;	letter-spacing: -1px;	line-height: 10px;}

/* public style */
.t_red{color:#de0000;}
.t_blue{color:#2c4a9a;}
.t_orange{color:#eb3c00;}
.t_green{color:#20cc38;}
.t_warning{color:#ff6600;}
.va_t{vertical-align:top;}
.fs13{font-size:13px !important;}
.m_b5{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_b50{margin-bottom:50px;}
.m_t5{margin-top:5px;}
.m_t15{margin-top:15px;}
.m_t30{margin-top:30px;}
.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.pt_5{padding-top:5px !important;}
.pd_015{padding:0 10px;}
.pd_10{padding:10px;}
.fl{float:left;}
.t_c{text-align:center;}
.fr{float:right;}
.m_0a{margin:0 auto;}
.lh18{line-height:1.8;}
.po_rel{position:relative;}



#container { width: 1000px !important; margin: auto 0; position: relative; min-height: 650px; }

footer { position: relative; width: 100%; height: auto; display: flex; flex-direction: column;}
.footer_menu { border-top: 1px solid #dcdcdc; width: 100%;height: 35px;background: #f6f6f6;clear: both; display: flex; justify-content: center; align-items: center;}
.footer_menu ul { width: 1000px; margin: 0 auto; position: relative; display: flex; flex-direction: row; gap: 20px;}
.footer_menu ul > li { }
.footer_menu .btn_footer_top { position: absolute; right: 10px;}

.footer_info { display: flex; width: 1000px; margin: 0 auto; flex-direction: row; padding-top: 10px; padding-bottom: 20px; gap: 20px;}
.footer_info > div { color: #666; line-height: 18px; font-size: 12px;}


.progbar ul { margin:0; padding:0; }
.progbar ul, .progbar ul li { list-style:none; margin: 0 !important; }
.progbar ul li span {display: block;float: left;background: #3498DB none repeat scroll 0% 0%;text-align: center;padding: 5px 15px 5px 30px;position: relative;margin: 0px 5px 0px 0px;font-size: 11px;text-decoration: none;color: #FFF; line-height:20px; }
.progbar ul li span:after { content: "";border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #3498DB;position: absolute;
right: -25px;top: 0px;z-index: 1; }
.progbar ul li span:before { content: "";  border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #fff;position: absolute; left: 0; top: 0; }
.progbar ul li:first-child span:before { display:none; }
.progbar ul li:first-child span { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.progbar ul li.on span { background: #d0d0d0; color:#333; margin-bottom:5px; }
.progbar ul li.on span:after {	border-left-color: #d0d0d0; }
.progbar ul li:last-child span:after { display: none; }
.progbar ul li:last-child span { padding-right:30px;border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


#btn_top { position: fixed; width: 40px; height: 40px; z-index: 1001; border: 1px solid #ddd; background-color: #efefef; text-align: center; display: table-cell; border-radius: 3px; line-height: 40px; right: 15px;bottom: 15px; }
#btn_top:hover { background-color: #fff; }
#btn_top i { line-height: 40px; }

#page_location { width: 220px; height: 30px; display: none; z-index: 100 !important;}
#page_location > li { float: left; width: auto; margin-left: 10px; height: 30px; line-height: 30px; }
#page_location > li > i { vertical-align: middle; font-size: 16px; margin-left: 10px; }
#page_location > li:last-child > i { display:none; }

.s_btn {
	display:inline-block;
	padding:2px;
/* 	margin:0.4em 0.15em; */
	border:1px solid #ccc;
	border-color:#dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
	cursor:pointer;
	color:#464646 !important;
	border-radius:0.2em;
	vertical-align:middle;
	font-size:1em;
	line-height:1.25em;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: linear-gradient(to bottom, #fff, #f2f2f2);

}
.s_btn:hover {
	color:#464646 !important;
	text-decoration:none;
	background-color:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
	background: linear-gradient(to bottom, #fff, #e5e5e5);
}
.s_btn:active {
	border-color:#999;
	background-color:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
	background: linear-gradient(to bottom, #ebebeb, #dbdbdb);
	box-shadow:inset 0 1px 0.24em rgba(0,0,0,0.4);

}

/* type_blue */
.s_btn.type_blue {
	border-color:#4db6fd #339be0 #339be0 #339be0;
	color:#fff !important;
	text-shadow:0 -1px 0 #339be0;
	background-color:#4db6fd;
	background: -webkit-gradient(linear, left top, left bottom, from(#5eacea), to(#4e9cde));
	background: linear-gradient(to bottom, #5eacea, #4e9cde);
}
.s_btn.type_blue:hover {
	color:#fff !important;
	background-color:#339be0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339be0), to(#325ed9));
	background: linear-gradient(to bottom, #339be0, #2b52bb);
}
.s_btn.type_blue:active {
	border-color:#339be0;
	background-color:#339be0;
	background: -webkit-gradient(linear, left top, left bottom, from(#339be0), to(#325ed9));
	background: linear-gradient(to bottom, #339be0, #325ed9);
}

/*
	메인화면 메뉴
*/

#wrap_top_menu { width: 100%; clear: both; height: 45px; float:left; position: relative; border-bottom: 1px solid #ddd; border-top: 1px solid var(--main_color); padding-bottom: 9px }
#wrap_top_menu .menubox {width: 1130px; margin: 0 auto; height: 45px; clear: both;}

#wrap_top_menu .menubox > ul { clear: both; width: 100%; height: auto; display: block; float: left;}
#wrap_top_menu .menubox li { float: left; padding: 0; margin: 0; }

#topmain li.menu_item {width: 160px; text-align: center; }

#topmain li.menu_item .on { font-weight: bold; color: #008ac5 }
#topmain li.menu_item a { display: inline-block; width: auto; height: auto; color: #1d1d1d; font-size: 16px; letter-spacing: -1px; margin-top: 13px; font-family:'Nanum Gothic', Arial, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight: bold; }
#topmain li.menu_item a:hover { text-decoration: none; color: #008ac5;}
#topmain li.menu_item.on a { color: #006699; font-weight: bold;}
#topmain li.sep > img{ margin-top: 15px;  }

#topsub { position: absolute; top: 55px; left: 0;width: 100%;background-color: #fff; border-bottom: 2px solid var(--main_color); }
#topsub .subbox {
    width: 1130px;
    margin: 0 auto;
}
#topsub .d_blank2 { height: 10px;}
#topsub .wrap_sub ul { padding-left: 5px; padding-right: 5px;}
.subbox .wrap_sub:first-child {border-left:1px #dedede solid; }
.subbox .wrap_sub {
    width: 160px;
    height: 110px;
    float: left;
    padding: 5px 0;
    border-right: 1px #dedede solid;
}

.subbox .wrap_sub .on{
	background-color: var(--main_color);
	color: #fff;
}

.subbox a {
    text-decoration: none;
}
.subbox li {
    padding: 5px;
    text-align: center;
    color: #000;
    font-weight: normal;
}
.subbox li:hover {
	background-color:var(--main_color);
	color:#fff;
	font-weight:bold;
}

.subbox a.on > li {
	background-color:#258ff8;
	color:#fff;
	font-weight:bold;
}

.d_blank2 { width:100%; clear:both; height:20px; }

/*
** margin
*/

.margin_r5 { margin-right: 5px; }
.margin_r10 { margin-right: 10px; }
.margin_r15 { margin-right: 15px; }

.margin_l5 { margin-left: 5px; }
.margin_l10 { margin-left: 10px; }
.margin_l15 { margin-left: 15px; }

.margin_t5 { margin-top: 5px; }
.margin_t10 { margin-top: 10px; }
.margin_t15 { margin-top: 15px; }

.margin_b5 { margin-bottom: : 5px; }
.margin_b10 { margin-bottom: 10px; }
.margin_b15 { margin-bottom: 15px; }

.grid_30 { width:30%; }
.grid_31 { width:31%; }
.grid_32 { width:32%; }
.grid_33 { width:33%; }
.grid_34 { width:34%; }
.grid_35 { width:35%; }
.grid_45 { width:45%; }
.grid_46 { width:46%; }
.grid_47 { width:47%; }
.grid_48 { width:48%; }
.grid_49 { width:49%; }
.grid_50 { width:50%; }

.font15 { font-size: 15px }
.font16 { font-size: 16px }
.font17 { font-size: 17px }
.font18 { font-size: 18px }
.font19 { font-size: 19px }
.font20 { font-size: 20px }

.f_service { padding: 0 !important; }
.f_service li { width: 120px; display: inline-block; float:left; height: 55px;  text-align: center; height: auto; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 12px 0;margin-right: -1px; }

.f_service dl { width: 100%; position: relative; text-align: center; height: auto; }
.f_service dt i { font-size: 45px; color: #999; }
.f_service dd a:hover { text-decoration: none; color: #0e5fc4; }
.f_service li.odd { border-bottom: none; padding: 10px 0px 10px 0; }
/* .f_service li.on { color: #3F51B5;} */
.f_service li.on i { color: #0e5fc4; }
.f_service li.on a { color: #0e5fc4 !important; }
.f_gallery { }
.f_gallery dt { border: 1px solid #ddd; height: 139px; overflow: hidden; display: block; margin-bottom: 10px; }
.f_gallery dd { text-align: left; display: block; width: 240px; height: auto; color: #999; }

.box_1 { width: 500px; height: auto;  margin-right: 10px; position: relative; }
.box_2 { width: 240px; height: auto; margin-right: 10px; position: relative; }

.notice li { float: left; width: auto; margin-right: 10px;min-height: 20px; line-height: 22px; display: inline-block; vertical-align: middle; }
.notice li > i { vertical-align: middle; font-size: 18px; margin-top: -2px; }

.c_gray2 { color: #cbcbcb !important; }

.d_panel { border: 1px solid #c3c3c3; height: 40px; background-color: #fff; padding: 12px 5px 0px 10px; }

.d_btn2 { display: inline-block; padding: 0.5em 1em; margin: 0.4em 0.15em; border: 0px solid #ccc; cursor: pointer; }
.d_btn2.type_jps2 { background-color: #12c3f3; color: #fff !important; }

#wrap_left_menu { padding: 0px 12px 12px; background: rgb(255, 255, 255); border: 1px solid rgb(175, 175, 175); border-radius: 6px; box-sizing:border-box;}
#wrap_left_menu .left_menu_title { display: block; padding: 15px 0px 0px 8px; height: 50px; font-size: 20px; color: rgb(36, 36, 36); font-weight: 600; box-sizing:border-box;}
#wrap_left_menu > ul { background: rgb(255, 255, 255); border-radius: 6px; box-sizing: border-box;}
#wrap_left_menu > ul > li {display: table; width: 100%; height: 40px; border-bottom: 1px dashed rgb(201, 201, 201);}
#wrap_left_menu > ul > li:last-child { border: 0;}
#wrap_left_menu > ul > li > a {    display: table-cell; padding: 0px 15px; font-size: 14px;font-weight: 600; letter-spacing: -0.03em; vertical-align: middle;
    background: url(/skin/v1.0/image/common/ico_left_menu.png) 200px center no-repeat rgb(241, 241, 241); transition: all 0.2s ease 0s;}
#wrap_left_menu > ul > li.on > a { color: rgb(255, 255, 255);text-decoration: none; background: url(/skin/v1.0/image/common/ico_left_menu.png) 168px center no-repeat rgb(0, 158, 221);}
#wrap_left_menu > ul > li:first-child > a { border-radius: 6px 6px 0px 0px; }
#wrap_left_menu > ul > li:last-child > a { border-radius: 0px 0px 6px 6px; }

#lnb_etc {float:left; width:100%; margin: 20px 0px; padding: 15px; background: url(/skin/v1.0/image/first/ico_cs.png) 92% 50% / 20% no-repeat rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221);  box-sizing:border-box;}
#lnb_etc dt {margin-bottom:4px; font-size:14px; font-weight:600;}
#lnb_etc dd:nth-child(2) {font-size:22px; color:#225da0; font-weight:600; letter-spacing:-0.05em; line-height:22px;}
#lnb_etc dd:nth-child(3) {padding:2px 0 0 2px; color:#525252;}

table.e_table {table-layout:fixed;width:100%; border:1px solid #e2e2e2;border-width:1px 0 0 1px;border-spacing:0px; border-collapse:collapse;}
table.e_table caption {margin:0 0 1em;text-align:left;}
table.e_table th,
table.e_table td {padding:0.5em 0.75em;border:1px solid #e2e2e2; border-width:0 1px 1px 0;text-align:left;word-break:break-all; background-color: #ffffff;}
table.e_table th {background:#fff; border-right: none; color: #797979 !important;}
table.e_table tr.on td {background:#fff;}
table.e_table tr.\blue td { background-color: #fdf9f9;}
table.e_table tr.bg_red td { background-color: #fdf9f9;}
table.e_table tr.bg_gray td { background-color: #f4f4f4;}
table.e_table tr.bg_orange td { background-color: #fffbf4;}
table.e_table tr.bg_green td { background-color: #f8fff9;}
table.e_table tr.bg_ivory td { background-color: #fffcf0;}
table.e_table tr.bg_yellow td { background-color: #fffff0;}

table.d_table th{color: #5b5b5b !important;}
table.d_table td.nopadding { padding: 0 2px 2px 2px }
table.d_table th.nopadding { padding: 0 2px 2px 2px }

.n_form { border: none; padding: 10px 0;}
.jps_btn {background-color: #12c3f3; color: #fff !important; width: auto; padding-top: 5px 10px 5px 10px; font-size: 17px; text-align: center; padding: 10px 15px; margin-top: 10px; }
.jps_btn a { color: #fff !important; font-size: 17px; text-decoration: none;}
.jps_btn button { color: #fff !important; font-size: 17px; }

/*
	faq 슬라이드
 */
ul.faq li > div { display: none; }
ul.faq li { margin-bottom: 15px !important; }
ul.faq li:last-child { margin-bottom: 0px !important;}
ul.faq li a{ text-decoration: none !important; }
ul.faq li a > span { font-size: 15px; color: #12c3f3; margin-left: 15px; }
ul.faq li a > span > i{ font-size: 12px; }
ul.faq li a > span:last-child { font-size: 15px; color: #12c3f3; }
ul.faq li div > span { line-height: 20px; }

.print_top { height: 50px; background-color: #12c3f3; margin-top: -13px !important; color: #fff; padding: 8px 10px; }
.result_comname_label { text-align: left; padding: 6px 0 6px 10px; background-color: #12c3f3; color: #fff;}
.result_comname { border: 1px solid #dadcdc; width: 472px; text-align: left; padding: 5px 0 5px 10px; border-left: none;}

.red_border { border: 1px solid #c40000; border-radius: 2px; height: 50px; width: 100%; padding-left: 10px;}
.red_border ul li{ list-style: none !important; float: left; margin-right: 15px; margin-top: 10px;}
.red_border ul > li:last-child{ list-style: none !important; float: left; margin-right: none;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}

.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px; text-decoration: none;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}


.gae { color: #d0cfcc }

/* 공지사항 상단 */
.box_notice { width: 30px; height: auto; padding: 2px; font-size: 10px; border-radius: 2px; background-color: #0056bd; margin: 0 auto; }
.box_notice > span { color: #fff; }

.lavel_money { background-color: #00529a; color: #fff; font-size: 12px; padding: 2px; }

@media only screen and (max-width : 1000px) {
	#box_body_header { display: none;}
	#wrap { min-width: 100%;}
}

.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.material-icons {
    margin-top: -2px !important;
}

i.material-icons {
    vertical-align: middle;
    font-size: 16px !important;
    line-height: 16px !important;
}

.pl-1 { padding-left: 0.5em;}
.pl-2 { padding-left: 1em;}

/* 리스트 버튼 */
.list_btn { background-color: #fafafa; padding:0.4em 0.6em; border-radius: 2px; font-size: 13px; color: #666; text-decoration: none !important;
			border: 1px solid #ddd; cursor: pointer; height: auto; margin-right: 0.4em;}
.list_btn:hover { color: #ffffff !important; border-color: #000; background-color: #666 !important;}
.list_btn.green i { color: #5da800 }
.list_btn.yellow i { color: #e9b03e }
.list_btn.gray i { color: #565656 }
.list_btn.blue i { color: #004084 }
.list_btn.red i { color: #df0000 }
.list_btn.purple i { color: #5b008c }
.list_btn:hover i { color: #fff !important;}

/* 입찰상세보기 오른쪽 메뉴 */
.views_in_box { width: 100%; margin: 15px 0; }
.views_in_box img { width: 70px; margin-right: 10px; }
.views_in_box span { font-size: 15px; font-weight: bold; }
.views_in_box p { font-size: 13px; width: auto}

.imgstate { padding-top: 3px; padding-bottom: 3px;}
.imgstate-item { margin-right: 3px;}

#box_body_header { position: relative; width: 100%; height: 60px !important; margin-top: 10px; margin-bottom: 10px; }
#box_body_header .location-group { position: absolute; right: 0px; top: 0px; width: auto; }
#box_body_header .location-group li { float: left;  }

.location-group-item > a { color: #333; text-decoration: none;}
.location-group-item > a:visited { color: #333;}
.location-group-item > a:hover { color: #38C3EF;}

.location-group-item::after { position: relative;
    /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 8px;
    height: 8px;
    border-right: 1px solid black;
    border-top: 1px solid black;
    transform: rotate(45deg);
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.location-group-item:last-child::after { display: none;}

h3.section_title { font-size: 24px; font-weight: 400; color: #000; margin: 0;}
h4.sub_title { font-size: 18px; font-weight: 400; color: #000; margin: 0;}

#container { position: relative; width: 1200px; padding: 30px 0; margin: 0 auto; box-sizing: border-box;}
#container::after { content: ""; display: table; table-layout: fixed; clear: both;}

#container > section { display: flex; justify-content: space-between; }
#container > section .page_left {width: 220px; height: auto; position: sticky; top: 10px; }
#container > section .page_right {width: 950px; min-height: 650px; padding-bottom: 40px;}

#container > section .sub-title { margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between; position: relative; height: 40px;
    border-bottom: 1px solid #cccccc; align-items: center;}
#container > section .sub-title span { display: table-cell;padding-bottom: 8px;width: 50%;font-size: 22px;color: #242424;font-weight: bold; vertical-align: bottom; text-align: left;}
#container > section .sub-title .location { width: auto; height: auto;}
#container > section .sub-title .location ul { display: flex; flex-direction: row;}
#container > section .sub-title .location ul > li { font-size: 12px; font-weight: 400;}
#container > section .sub-title .location ul > li > a::after {position: relative;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid black;
    border-top: 1px solid black;
    transform: rotate(45deg);
    margin-right: 10px;
    margin-left: 8px;}
#container > section .sub-title .location ul > li > a { font-size: 12px;font-weight: 400; }
#container > section .sub-title .location ul > li:last-child > a::after { border: 0;}

.b_box { padding: 16px 16px 12px 17px; background-color: #f7f9fa; border: 1px solid #dae1e6; position: relative; display: block; clear: both;}
.b_box h3 { font-size: 18px; margin: 0 0 5px 0; padding: 0;}
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.mb-1 { margin-bottom: 5px; }
.mb-2 { margin-bottom: 10px; }
.mb-3 { margin-bottom: 15px; }
.mb-4 { margin-bottom: 20px; }
.mb-5 {margin-bottom: 30px;}

.f_box { display: flex; flex-flow: wrap; align-items: center;}
.f_box.bordered { border: 1px solid #ddd; }

.row_line { background-color: #ddd; width: 100%; height: 1px; position: absolute; }
.col_line { background-color: #ddd; width: 1px; height: 100%; position: absolute; }

/*color reset */
.c_blue { color: var(--main_color) !important;}

.button:hover a { color: var(--main_color) !important;}
.btn {
	background-color: var(--sub_color);
	border: none; /* Remove borders */
	color: white !important; /* White text */
	padding: 8px 12px; /* Some padding */
	font-size: 12px; /* Set a font size */
	cursor: pointer; /* Mouse pointer on hover */
}
.btn:hover,.btn.on {
background-color: var(--main_color);
}

.btn-red { background-color: var(--red_sub_color) !important;}
.btn-red:hover { background-color: var(--red_main_color) !important;}


.modal { width: 100vw; height: 100vh; position: fixed; background-color: rgba(0,0,0,0.4); z-index: -1; top: 0; left: 0; visibility: hidden;}
.modal.show { z-index: 9999; visibility: visible;}
.modal .window { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.modal .window_head { padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.modal .window_btn_close { position: absolute; right: 15px; top: 15px; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.modal .window_body { line-height: 25px; padding-bottom: 45px;}
.modal .window_body h4 { margin-top: 10px; font-weight: normal; line-height: 30px;}
.modal .window_body p { font-size: 14px; }
.modal .window_foot { background-color: #efefef; border-top: 1px solid #dddddd; height: 45px; display: flex; justify-content: center; padding: 5px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.modal .window_foot a { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-right: 8px;}

h1 {font-size:18px; color:#111;	line-height:100%;}
h2 {margin-bottom:5px; font-size:13px; color:#111;}

a {font-size:100%; color:#242424; text-decoration:none;}
a:focus {text-decoration:none;}
a:hover {color:#2A83D8; text-decoration:underline;}

.clearfix {float:none;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}

/* table_view */
.tbl_board_view {margin:0; width:100%; line-height:18px; border-top:2px solid #666;}
.tbl_board_view th {padding:8px; height:36px; color:#555; text-align:left; font-weight:normal; background:#f5f5f5; border:1px solid #ccc;}
.tbl_board_view th.center {text-align:center;}
.tbl_board_view th.txt_red {color:#f00;}
.tbl_board_view th.txt_blue {color:#06f;}
.tbl_board_view td {padding:8px; color:#333; text-align:left; background:#fff; border:1px solid #ccc;}
.tbl_board_view td.center {text-align:center;}
.tbl_board_view td.txt_red {color:#f00;}
.tbl_board_view td input[type="radio"] {margin-left:10px;position:relative;top:0px;}
.tbl_board_view td input[type="radio"]:first-child {margin-left:0;}
.tbl_board_view td input[type="checkbox"] {margin-left:10px;position:relative;top:0px;}
.tbl_board_view td input[type="checkbox"]:first-child {margin-left:0;}
.tbl_board_view td.kind input[type="checkbox"] {margin-left:10px;}
.tbl_board_view td div, .tbl_board_view td div span {font-size:12px !important;}

.file_down {display:inline-block; margin-right:3px; width:14px; text-indent:-9999px;}
.file_down {background:url(/images/contents/ico_file.png) no-repeat 50%;}

#page_title {display:table; margin-bottom:20px; width:100%; height:40px; border-bottom:1px solid #cccccc;}
#page_tit h1 {display:table-cell; padding-bottom:8px; width:50%; font-size:22px; color:#242424; font-weight:bold; vertical-align:bottom;}
#page_tit p {display:table-cell; padding-bottom:8px; width:50%; font-size:12px; text-align:right; vertical-align:bottom;}


/* button */
.button {margin:10px auto 25px; text-align:center;}
.s_btn {display:inline-block; padding:0.5em 1em; min-height:30px; font-size:13px; color:#fff !important; line-height:1.25em; vertical-align:middle; background:#757575; border:0; border-radius:0.2em; cursor:pointer; transition:all 0.1s ease;}
.s_btn:hover {text-decoration:none; background:#525252;color:#fff !important;}
.s_btn:active {background:#757575;color:#fff !important;}

.type_green {background:#27a6a4;}
.type_green:hover {background:#197E7C; text-decoration:none;}

/* type_blue */
.type_blue {color:#fff; background:#3f7cc7;}
.type_blue:hover {color:#fff; background:#2F67AB;}
.type_blue:active {background:#2F67AB;}

/* type_orange */
.type_orange {color:#fff; background:#ea792d;}
.type_orange:hover {color:#fff; background:#df5e08;}
.type_orange:active {background:#df5e08;}

/* type_purple */
.type_purple {color:#fff; background:#94198F;}
.type_purple:hover {color:#fff; background:#70136c;}
.type_purple:active {background:#5c0f58;}

/* type_red */
.type_red {color:#fff; background:#dc5d5d;}
.type_red:hover {color:#fff; background:#C13636;}
.type_red:active {background:#C13636;}

/* type_yellow */
.type_yellow {color:#fff; background:#e29500;}
.type_yellow:hover {color:#fff; background:#c38100;}
.type_yellow:active {background:#ae7700;}

/* type_green */
.s_btn.type_green {color:#fff; background:#17852C;}
.s_btn.type_green:hover {color:#fff; background:#6ca246;}
.s_btn.type_green:active {background:#17852C;}

/* type_black */
.type_black {color:#fff; background:#444;}
.type_black:hover {color:#fff; background:#333;}
.type_black:active {background:#222;}

/* type_charcoal */
.type_charcoal {color:#fff; background:#626a82;}
.type_charcoal:hover {color:#fff; background:#31384E;}
.type_charcoal:active {background:#31384E;}

/* btn - size */
.s_btn.type_mini {padding:0.1em 0.3em; min-height:inherit; font-size:11px;}
.s_btn.type_small {padding:0.5em 0.8em; min-height:inherit; font-size:11px;}
.s_btn.type_mid {padding:0.5em 1.25em; min-height:inherit; font-size:11px;}
.s_btn.type_large {padding:0.8em 1.8em; min-height:inherit; font-size:16px; font-weight:bold;}

/* btn - block */
.s_btn.type_block {display:block;text-align:center;white-space:nowrap;}

.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/* 텍스트 자르기 */

/* copyright */
#footer_top{border-top:1px solid #dcdcdc;height:35px; background:#f6f6f6; clear:both;}
#foot_top{float:right;}
#foot_link{width:806px; margin:0 auto; padding-left:178px;}
#foot_link a{line-height:35px; color:#666;}
#foot_link span{background:url('/skin/v2.0/image/common/foot_sapa.gif') 50% 50% no-repeat; padding:0 10px;}
#foot_info{width:1000px; margin:0 auto;height: 100px;}
#foot_info_l{float:left; width:184px; text-align:center;padding-top:16px;}
#foot_info_r{float:left;padding-top:16px; color:#666; line-height:18px; font-size:12px;}

.tbl_board_list{width:100%;border:1px solid #ccc;border-top: 2px solid #666;border-collapse:collapse;line-height:18px;margin-bottom:10px}
.tbl_board_list th{border:1px solid #ccc;padding:7px 0;color:#333;background:#f5f5f5;text-align:center}
.tbl_board_list th a{color:#06f}
.tbl_board_list td{border:1px solid #ccc;padding:5px 4px; overflow:hidden;text-align:center}
.tbl_board_list td div{line-height:2em}
.tbl_board_list td.left{text-align:left}
.tbl_board_list td.right{text-align:right}
.tbl_board_list td.bg1{background:#dfecff}
.tbl_board_list td.bg2{background:#ffe3e3}
.tbl_board_list td.bg3{background:#ff0}
.tbl_board_list td.bg4{background:#f60}
.tbl_board_list td.txt_red{color:#f00}
.tbl_board_list td.no1{background:#f00;color:#fff}

tr.tr_normal td .inner_cell{ font-size: 13px !important;}
tr.tr_normal td .bid_bidname{ font-size: 13px !important;}
tr.tr_normal td #txtBMoney_{ font-size: 13px !important;}
tr.tr_normal td #txtEMoney_{ font-size: 13px !important;}
tr.tr_normal td .txt_cut_upcode{ font-size: 13px !important;}
.bid1Font{ font-size: 13px !important;}