@charset "utf-8";
/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,option {margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,p,td,input,textarea,button,a,option { font-weight: normal;}
input.input_normal[type=text] { width: 100px;}
input.input_small[type=text] { width: 70px;}
input.input_medium[type=text] { width: 150px;}
/* CSS Document basic*/
body { position: relative;}
#wrap { width: 100%; margin: 0; padding: 0; height: auto; clear: both; min-width: 1100px; background-color: #fff}
#wrap_top { width: 100%; height: 100px; position: relative;}
#wrap_top .wrap_top_head { width: 100%; max-width: 1100px; margin: 0 auto; height: 35px; overflow: hidden; padding-top: 5px; position: relative;}
#wrap_top .wrap_head_small_menu { float: right; width: auto; height: auto; }
#wrap_top .wrap_head_small_menu li { float: left; margin-left: 10px;}
#wrap_top .wrap_head_small_menu li a { color: #999 !important;}
#wrap_top .wrap_head_small_menu li a:hover { color: #8FC344 !important;}
#wrap_top .wrap_head_bookmark { float: left; width: auto; height: auto; }
#wrap_top .top_logo { position: absolute; width: 150px; left: calc(50% - 75px); top: 27px; height: auto;}
#wrap_top_menu { position: relative; float: left; width: 100%; height: 52px; border-top: 1px solid #119C4C; border-bottom: 0 1px 3px 0 rgba(0,0,0,.12); box-shadow: 0 1px 3px 0 rgba(0,0,0,.12); margin-bottom: 20px}
#wrap_top_menu div.menubox { width: 1100px; height: 52px; margin: 0 auto; }
#wrap_top_menu div.menubox li { float: left; width: 16.666667%; display: inline-block; height: 50px; padding: 0; margin: 0; position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#wrap_top_menu div.menubox li > a { height: 35px; width: 100%; padding: 0; margin: 0; line-height: 35px; font-size: 17px; color: #333; display: block;font-weight: normal; border-right: 1px solid #ddd; position: absolute; top:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: bold;  text-align: center; }
#wrap_top_menu div.menubox li:first-child > a { border-left: 1px solid #eee;}
#wrap_top_menu div.menubox li:last-child > a { border-right: 1px solid #eee; margin-right: -2px !important;}
#wrap_top_menu div.menubox li > a:hover { text-decoration: none; color: #119C4C !important;}
#wrap_top_menu div.menubox li.on > a{ color: #119C4C !important;}
#topsub { width: 100%; position: absolute; top: 53px; height: 110px; overflow: hidden; background-color: #f2f2f2; border-bottom: 1px solid #ddd;padding-top: 10px; padding-bottom: 10px;}
#topsub .subbox { width: 1100px; position: relative; margin: 0 auto; height: auto; overflow: hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#topsub .wrap_sub { width: 16.666667%; float: left; height: 110px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 15px; padding-right: 15px; border-right: 1px solid #ddd;}
#topsub .wrap_sub:last-child { border: none;}
#topsub .wrap_sub ul { }
#topsub .wrap_sub li { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center; }
#topsub .wrap_sub a { font-size: 12px; }
#topsub .wrap_sub a:visited { color: #333; }
#topsub .wrap_sub a:hover { color: #fff !important; text-decoration: none; }
#topsub .wrap_sub a:hover li { background-color: #119C4C; }


#wrap_body{ width: 100%; position: relative; height: auto; min-height: 800px; margin: 0 auto; top: 40px;}
#wrap_body_content { width: 1100px; position: relative; margin: 0 auto; }


#loading { display: none;}

#wrap_foot { width: 100%; position: relative; border-top: 1px solid #999; height: auto; background-color: #333; min-width: 1001px; float: left;}
#wrap_foot .wrap_foot_head { width: 1100px; margin: 0 auto; height: 35px; margin-top: 15px;}
#wrap_foot .wrap_foot_head li { float: left; margin-right: 15px; }
#wrap_foot .wrap_foot_head li a { color: #fff !important; font-size: 11px;}
#wrap_foot .wrap_foot_body { width: 1100px; margin: 0 auto; height: 120px; position: relative;}
#wrap_foot .foot_logo { position: absolute; left: 0px; top: 0px; color: #fff !important; font-size: 25px; text-align: left; width: auto;}
#wrap_foot .foot_copy { position: absolute; left: 0px; top: 40px; color: #999; width: 1100px; margin-top: 15px;}

#wrap_foot .foot_copy li { float: left; margin-right: 5px; height: 20px; overflow: hidden; font-size: 11px;}
#wrap_foot .foot_copy li:after { content: "/"; padding-left: 5px;}
#wrap_foot .foot_copy li:last-child:after { content: ""; padding-left: 0;}
#wrap_foot .foot_copy a { color: #999 !important;}
#wrap_foot .foot_copy p { float: left !important;}


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


.line_l { border-left: 1px solid #ddd;}
.line_r { border-right: 1px solid #ddd;}


/* 내비게이션 */
#wrap_navi { overflow: hidden; width: 100%; height: 39px; background-color: #eee; border-bottom: 1px solid #ddd; position: absolute; top: 104px; }
#wrap_navi .wrap_navi_body { margin: 0 auto; width: 1100px; line-height: 39px; height: 39px; display: block; position: relative;}
#wrap_navi .wrap_navi_body ul { }
#wrap_navi .wrap_navi_body li { float: left; width: auto; margin-right: 10px; height: 39px; line-height: 35px; display: inline-block; padding-right: 40px; position: relative;}
#wrap_navi .wrap_navi_body li a , #wrap_navi .wrap_navi_body li span{align-items: center; display: inline-flex; vertical-align: middle; color: #777;}
#wrap_navi .wrap_navi_body li a > i { vertical-align: middle !important; }
#wrap_navi .wrap_navi_body li::after { content: ""; width:20px;height: 40px; background: url(/skin/v1.0/image/icon/right_arrow.png) no-repeat 0px 11px; position: absolute; right: 0; top: 0;}
#wrap_navi .wrap_navi_body li:last-child:after { background: none !important;}
#wrap_navi .wrap_navi_body { margin: 0 auto; width: 1100px; }
#wrap_navi .wrap_navi_body li a:visited { text-decoration: none; color: #777;}

/* 고객지원 왼쪽메뉴 */
#wrap_left_menu { width: 95%; height: auto; clear: both; float: left;}
#wrap_left_menu .left_menu_title { text-align: left; border-bottom: none;margin-bottom: 15px;  float: left; width: 100%; border-bottom: 1px solid #1f1f1f; padding-bottom: 5px; height: auto;}
#wrap_left_menu .left_menu_title > span {font-weight: 500; color: #000; display: block; font-size: 2em;}
#wrap_left_menu ul { width: 100%; height: auto; float: left;}
#wrap_left_menu li { float: left; width: 100%; height: 38px; display: block; position: relative; margin-bottom: 2px;}
#wrap_left_menu li a { width: 100%; 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 a:visited { color:#333 !important;}
#wrap_left_menu li:hover,#wrap_left_menu li.on { background-color: #119C4C;}
#wrap_left_menu li:hover a,#wrap_left_menu li.on a{ color: #fff !important;}


/* 페이징 */
.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; margin: 0 3px; color:#313031; text-decoration:none; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#F7F7F7; width: 30px; height: 30px; line-height: 30px; }
.paginate1 strong{ color:#fff!important; background-color: #119C4C}
.paginate1 a:hover{ background:rgba(0, 105, 153, 0.19); }
.paginate1 a.pre{ padding:0 10px;  border:none; font-weight:normal; background-color: #fff; border: 1px solid #666; height: 28px; line-height: 28px; width: 45px}
.paginate1 a.pre_end{ padding:0 10px; border:none; font-weight:normal; background-color: #fff; border: 1px solid #666; height: 27px; line-height: 28px;}
.paginate1 a.next{ padding:0 10px; border:none; font-weight: normal; background-color: #fff; border: 1px solid #666; height: 27px; line-height: 28px; width: 45px}
.paginate1 a.next_end{ padding:0 10px; border:none; font-weight:normal; width: 40px; background-color: #fff; border: 1px solid #666; height: 28px; line-height: 28px; }
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display:none;}

/* 입찰정보 리스트 */
table.s_table {table-layout:fixed;width:100%; border:1px solid #e2e2e2;border-width:1px 0 0 1px;border-spacing:0px; border-collapse:collapse;}
table.s_table caption {margin:0 0 1em;text-align:left;} 
table.s_table th, 
table.s_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.s_table th {background:#fff; border-right: none; color: #797979 !important;}
table.s_table tr.on td {background:#fff;}
table.s_table tr.\blue td { background-color: #fdf9f9;}
table.s_table tr.bg_red td { background-color: #fdf9f9;}
table.s_table tr.bg_gray td { background-color: #f4f4f4;}
table.s_table tr.bg_orange td { background-color: #fffbf4;}
table.s_table tr.bg_green td { background-color: #f8fff9;}
table.s_table tr.bg_ivory td { background-color: #fffcf0;}
table.s_table tr.bg_yellow td { background-color: #fffff0;}

/* 버튼 */
.sky_btn { background-color: #119C4C; padding: 5px 10px; text-align: center; height: 30px; color: #fff; text-decoration: none;}
.sky_btn.small { font-size: 12px; padding: 3px 6px;}
.sky_btn.gray { background-color: #f6f6f6; color: #373737; }
.sky_btn.black { background-color: #343434; color: #fff; }
.sky_btn.red { background-color: #d20000; color: #fff; }
.sky_btn.green { background-color: #00a104; color: #fff; }
.sky_btn.navy { background-color: #005081; color: #fff; }

.hnc_btn { background-color: #2197D4; text-align: center; height: auto; color: #fff; text-decoration: none;}
.hnc_btn.small { font-size: 12px; padding: 3.5px 6px;}
.hnc_btn.gray { background-color: #f6f6f6; color: #373737; }
.hnc_btn.black { background-color: #343434; color: #fff; }
.hnc_btn.red { background-color: #d20000; color: #fff; }
.hnc_btn.green { background-color: #00a104; color: #fff; }
.hnc_btn.navy { background-color: #005081; color: #fff; }

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

/* 위로가기 */
#btn_top { position: fixed; width: 32px;height: 32px;z-index: 1001;text-align: center;display: table-cell;border-radius: 3px;line-height: 40px;right: 15px;bottom: 15px;}

/* 리스트 버튼 */
.list_btn { background-color: #fafafa; padding:0.2em 0.5em; border-radius: 2px; font-size: 13px; color: #666; text-decoration: none !important; border: 1px solid #666; cursor: pointer; height: auto;}
.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 }

/* 입찰상세보기 오른쪽 메뉴 */
.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}

/* 메모 */
.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;}

.d_table td > .bid_bidname { font-size:14px;}

/*basic table design*/
.tbl_normal { border-top:2px solid #119C4C;}
.tbl_normal th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f2f2f2; padding:3px; color: #666 !important; font-weight: normal;}
.tbl_normal td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:; padding:3px;}
.tbl_normal th:first-child { border-left: 1px solid #ddd; }
.tbl_normal td:first-child { border-left: 1px solid #ddd; }


.d_btn.type_search { padding-left: 25px !important; background: url(/skin/v1.0/image/icon/icon_search.png) left center no-repeat; background-size: 25%; background-position-x: 7px; background-color: #119C4C; color: #fff !important; background-position-y: 7px; border: 1px solid #2197D4;}
.combo .type_search { margin-left: -1px !important;}

.bid_bidname > a{ font-size: 14px !important;}
.bid_bidname .cancel { text-decoration:line-through;}

.d_wrap_bid_right { position: relative;}

.tabbar_bid { position: relative;width: 100%;overflow: hidden;margin:0;font-weight: 300; margin-bottom: -4px !important;}
.tabbar_bid ul { padding: 0;margin: 0;list-style: none;	display: inline-block; float: left; margin-right: 10px;}
.tabbar_bid ul li {	border: 1px solid #becbd2;	border-bottom: none;	margin: 0 0.3em;	display: block;	float: left;	position: relative;}
.tabbar_bid ul li:first-child { margin-left: 0em;}
.tabbar_bid li.tc-selected {border: 1px solid #119C4C;box-shadow: inset 0 2px #119C4C;border-bottom: none;z-index: 100;}
.tabbar_bid li.tc-selected:before,
.tabbar_bid li.tc-selected:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;background: #119C4C;}
.tabbar_bid li.tc-selected:after {right: auto;left: 100%;width: 4000px;}
.tabbar_bid a { color: #119C4C;	display: block;	font-size: 1.1em;line-height: 2.5;	padding: 0.2em 1.4em;	white-space: nowrap;}	
.tabbar_bid a:hover { color: #8FC344; text-decoration: none;}	
.tabbar_bid li.tc-selected a { color: #119C4C;}	
.tabbar_bid span {position: relative;font-size: 1.1em;line-height: 2.5;	padding: 0.2em 1.4em;	white-space: nowrap;}

#box_search form { margin-top: 1.4em;}
.material-icons { margin-top : -2px !important; }

#tbl_plan_month th { max-width: 80px; min-width: 60px; text-align: center; color: #999;}
#tbl_plan_month td { text-align: center;}
#tbl_plan_month td.today { background: url(/skin/v1.0/image/bg/bg_plan_today2.gif);}
#tbl_plan_month th.today { background: url(/skin/v1.0/image/bg/bg_plan_today_th2.gif) repeat-x;}
#tbl_plan_month td.num:hover { background-color: #efefef;color: #119C4C !important; background-image: none;}
#tbl_plan_month td.num.selected { background-color: #119C4C;color: #fff !important; background-image: 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;}


.ico_jps { display: block;overflow: hidden;font-size: 0;line-height: 0;background: url(/skin/v1.0/image/icon/ico_jps_180202.png?ver=1.0) no-repeat;background-position-x: 0%;background-position-y: 0%;text-indent: -9999px;}
.ico_arrow { display: inline-block;width: 12px;height: 21px;margin: 4px 0 0 15px;background-position: 0 -1150px;vertical-align: top;}
.ico_arrow_dot { display: inline-block;width: 12px;height: 17px;margin: 4px 0 0 10px;background-position: 0 -1090px;vertical-align: top; overflow: hidden;}
.ico_hwp { display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2079px;vertical-align: top;}
.ico_doc { display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2165px;vertical-align: top;}
.ico_excel{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2148px;vertical-align: top;}
.ico_pdf{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2132px;vertical-align: top;}
.ico_ppt{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2113px;vertical-align: top;}
.ico_hun{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2095px;vertical-align: top;}

#quickmenu { width: 100px; height: 300px; background-color: #efefef;}
#box_body_content .box_list_bottom { width: 100%; float: left; position: relative; height: 35px; line-height: 35px; border-top: 1px solid #1f1f1f; margin-top: 15px; padding-bottom: 25px;}
#box_body_content .box_list_bottom .icon_flag_img { list-style: none; }
#box_body_content .box_list_bottom .icon_flag_img > li { float: left; margin-right: 3px; display: inline-block; line-height: 30px; height: 30px;}
#box_body_content .box_list_bottom .icon_flag_img > li img { vertical-align: middle;}


/* 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/chk.gif) 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;}

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


@media screen and (max-width : 1100px) {
	.view_large { display: none;}
}

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

.day_color { background-color: #bfe9fc !important }
.table_hidden th,.table_hidden td { border: none !important;}
.ln19 { line-height: 19px;}
.ln20 { line-height: 20px;}

.page_title h2 span { color: #333;}

.tab_bar.type_small > li.tc-selected > a { color: #119C4C !important;}
.tab_bar.type_small > li > a:hover { color: #8FC344 !important;}