@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 Document basic*/
#wrap { width: 100%; margin: 0; padding: 0; height: auto; clear: both; min-width: 1100px;}
#wrap_top { background-color: #fff;}
#wrap_top li { float: left; }
#wrap_top_menu { background-color: #fff;}

#wrap_header { width: 100%; margin: 0;padding:0;position: relative; clear: both; border-bottom: 2px solid #336699; z-index: 99; background-color: #fff;}
#wrap_gnb { width: 1000px; margin: 10px auto; position: relative; height: auto; }
#wrap_gnb .gnb_logo { width: auto; float: left; margin-top: 20px;}
#gnb_menu { float: right; width: auto; height: auto; margin-top: 40px; padding-bottom: 10px;}
#gnb_menu .gnb_menu1 li { float: left; width: 130px; height: auto; text-align: center;}
#gnb_menu .gnb_menu1 li > a { display: block; padding: 10px 15px; font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#gnb_menu .gnb_menu1 li > a:hover { text-decoration: none; color: #336699 }
#gnb_menu .gnb_menu1 li.active a { color: #336699;}

/* 
	**메인화면 대 메뉴 시작 
*/
#gnb_sub_menu { position: absolute; width: 100%; background-color: #fff; margin-top: 10px; height: 130px; border-bottom: 1px solid #336699;}
#gnb_sub_menu .fix{ display: block;}
#gnb_sub_menu .gnb_part { width: 1000px; margin: auto; position: relative;}
#gnb_sub_menu .gnb_part > div { text-align: center; float: left !important;}
#gnb_sub_menu .gnb_part ul { float: left !important; width: 130px; text-align: center}
#gnb_sub_menu .gnb_part ul li { width: auto; right: 0 !important; padding: 5px 0; text-align: center;}
#gnb_sub_menu .gnb_part li a { text-decoration: none; }
#gnb_sub_menu .gnb_part li a:hover { color: #336699; font-weight: bold;}
#gnb_sub_menu .gnb_part ul li.active a { color: #336699; font-weight: bold;}

#gnb_sub_menu .gnb_part div.gnb_part_menu { width: 650px; float: right !important;}
#gnb_sub_menu .gnb_part div.gnb_part_img { width: 350px; float: left !important;}
#gnb_sub_menu .gnb_part div.gnb_part_img img{ width: 100px; margin-right: 15px; margin-top: 10px;}
#gnb_sub_menu .gnb_part div.gnb_part_img span.gnb_part_img_title{ font-size: 17px; font-weight: bold; padding-top: 10px; float: left;}

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

/* 	#gnb_sub_menu .gnb_part { width: auto; margin-left: 40.5% !important;} */
}

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

/* 	#gnb_sub_menu .gnb_part { width: auto; margin-left: 43.5% !important;} */
}

/* 
	**메인화면 대 메뉴 끝 
*/

#wrap_body_quick { width: 1150px; clear: both; display: block; position: relative; }
#wrap_body { width: 100%; position: relative; height: auto; margin: 0 auto; padding: 0; min-height: 700px; padding-bottom: 20px; max-width: 1400px;}
#wrap_body .wrap_body_content { min-width: 1000px; height: auto; margin: 0 auto; padding-bottom: 20px; position: relative; min-height: 400px;}

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

	#wrap_body .wrap_body_content { width: 640px;}
}

#wrap_body_content { margin: 0 auto; width: 1001px; padding-top: 5px; padding-bottom: 20px; height: auto; position: relative;}

#wrap_footer { width: 100%; clear: both; position:relative; background-color: #848484; height: 30px; margin-top: 20; }
#wrap_footer_inner { width: 1000px; margin: 0 auto; height: auto;}
#wrap_footer_inner ul { padding-top: 5px;}
#wrap_footer_inner .footer_menu li { float: left; padding-right: 20px;}
#wrap_footer_inner .footer_menu li > a{ color: #ececec; margin-top: 3px; text-decoration: none; }
#wrap_footer .footer_text { line-height: 20px; clear: both; padding-top: 10px;}
#wrap_footer_txt { background-color: #676767; clear: both; color: #ececec; padding-bottom: 40px;}
#wrap_footer_txt a { text-decoration: none; color: #ececec; }


#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:2px solid #9fbbe3;}
.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:2px solid #9fbbe3;}
.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 관련*/
.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:14px;}
.cancel { text-decoration:line-through; color:#aaa;}
.tr_over td { background-color:#fffff3;}
.tr_normal {}
.tab_bar > li:first-child.tc-selected { margin-left: -1px; }
.tab_bar > li > a { display: block; border: none; background-color: #ebebeb;}
.tab_bar > li > a > i { vertical-align: middle; font-size: 15px; padding-right: 5px;}
.tab_bar > li > a:hover { background-color: #dfdfdf; color: #0079b5;}
.tab_bar > li.tc-selected > a { border-left-color: #fff; border-right-color: #fff; border-bottom: 1px solid transparent; background-color: #d0d0d0; color: #0079b5;}
.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 }
#wrap_top { height: 110px; }
#wrap_top .wrap_top_body { width: 1100px; margin: 0 auto; height: 30px; padding-top: 5px; min-width: 1001px;}
#wrap_top .wrap_top_body .head-link { font-size: 11px;}
#wrap_top .wrap_top_body .head-link-item > a { text-decoration: none !important; font-family: "Noto Sans"}
#wrap_top .wrap_top_body li { float: left; }
#wrap_top .wrap_top_body li > a { color: #666 !important; }
#wrap_top .wrap_top_body li > a:hover { color: #008ac5 !important; }
#wrap_top .wrap_top_body li:after { content: "|"; margin-left: 10px; margin-right: 10px; color: #ccc !important; }
#wrap_top .wrap_top_body li:last-child:after { content: ""; }
#wrap_top .top_logo { width: 1001px; margin: 0 auto; text-align: center; height: auto;}
#wrap_top .top_logo > a { }

#wrpa_logo a { margin-top: 13px; display: inline-block; width: auto; height: auto; }
#wrap_top_menu { width: 100%; clear: both; height: 49px; float:left; position: relative; }
#wrap_top_menu .menubox {width: 1100px; margin: 0 auto; }
#wrap_top_menu .menubox li { float: left; padding: 0; margin: 0; }

#wrap_foot { width: 100%; height: 100px; float: left; position: relative; margin: 0; padding: 0px; background-color: #ddd; min-width: 1001px;}
#wrap_foot_content { width: 1001px; height: auto; margin: 0 auto; display: block;}

#wrap_body .sub-title { margin-top: 38px;padding-bottom: 4px;font-size: 1.6em;line-height: 1.5;font-weight: bold;color: #444;letter-spacing: -1px; }

.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-colo r: #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 #013884; padding-bottom: 9px }
#wrap_top_menu .menubox {width: 1005px; 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: 166px; 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 #013884 solid; }
#topsub .subbox {
    width: 1005px;
    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: 166px;
    height: 110px;
    float: left;
    padding: 5px 0;
    border-right: 1px #dedede solid;
}

.subbox .wrap_sub .on{ 
	background-color: #006699;
	color: #fff;
}

.subbox a {
    text-decoration: none;
}
.subbox li {
    padding: 5px;
    text-align: center;
    color: #000;
    font-weight: normal;
}
.subbox li:hover {
	background-color:#013e91;
	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_foot { background-color: #333; }
#wrap_foot { height: auto; padding-bottom: 20px; z-index: 1000; }
#wrap_foot i { font-size: 16px;vertical-align: middle !important; }
#wrap_foot .wrap_foot_head { width: 100%; height: 30px; line-height: 30px; background-color: #666666; }
#wrap_foot .wrap_foot_head ul { width: 1001px; margin: 0 auto; }
#wrap_foot .wrap_foot_head li { float: left; }
#wrap_foot .wrap_foot_head li > a{ color: #bababa !important; }
#wrap_foot .wrap_foot_head li:after { content: "|"; margin-right: 10px; margin-left: 10px; color: #bababa !important; }
#wrap_foot .wrap_foot_head li:last-child:after { content: ""; }

#wrap_foot .wrap_foot_cbody { width: 100%; height: 80px; padding: 15px 0; background-color: #333; display: none;}
#wrap_foot .wrap_foot_cbody { width: 1001px; margin: 0 auto;}

#wrap_foot .wrap_foot_body { width: 100%; height: auto;position: relative; padding-bottom: 20px; display: block;}
#wrap_foot .wrap_foot_body_inner { width: 1001px;margin: 20px auto; height: auto; position: relative;}
#wrap_foot .foot_logo { position: absolute; left: 10px; display: block; width: 180px; height: 26px; top: 5px;}

#wrap_foot .foot_copy { width:700px; height: auto; float: left; margin-left: 250px; position: relative;}
#wrap_foot .foot_copy p { color: #bababa !important; font-size: 11px; margin-bottom: 5px;}
#wrap_foot .foot_copy h4 { color: #FFFFFF !important; font-size: 12px; margin-top: 5px;}

#wrap_left_menu { width: 100%; height: auto;}
#wrap_left_menu .left_menu_title { width: 100%; height: 47px; background-color: #03A9F4; padding-top: 38px; position: relative;}
#wrap_left_menu .left_menu_title > span { position: absolute; left: 10px; bottom: 10px; color: #fff; font-size: 2em;}
#wrap_left_menu ul { width: 100%; height: auto; float: left; margin-top: 20px;}
#wrap_left_menu li { float: left; width: 100%; height: 38px; display: block; position: relative; margin-bottom: 2px;}
#wrap_left_menu li a { width: auto; height: auto; line-height: 38px; display: inline-block; position: absolute; left: 20px;}
#wrap_left_menu li a:hover { text-decoration: none;}
#wrap_left_menu li:hover,#wrap_left_menu li.on { background-color: #efefef;}
#wrap_left_menu li:hover a,#wrap_left_menu li.on a{ color: #333;}

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;}