@charset "utf-8";

body { width: 100%; height: 100%; margin: 0; }

.ui-autocomplete { max-height: 150px; overflow-y: auto; overflow-x: hidden; }
/*IE7 pre 줄바꿈 문제*/
pre { white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ overflow: hidden; }

.row { width: 100%; *zoom: 1; }
	.row:before, .row:after { display: table; line-height: 0; content: ""; }
	.row:after { clear: both; }

.borderd { border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; }

.bg_333 { background: #333; }
.bg_555 { background: #555; }
.bg_999 { background: #999; }
.bg_y { background: #ff0; }
.bg_r { background: #fcc; }
.bg_g { background: #cfc; }
.bg_p { background: #ccf; }

.mh10 { min-height: 10em; }
.mh20 { min-height: 20em; }
.mh30 { min-height: 30em; }
.mh40 { min-height: 40em; }
.mh50 { min-height: 50em; }
.mh60 { min-height: 60em; }
.mh80 { min-height: 80em; }
.mh90 { min-height: 90em; }

.mw01 { min-width: 1em !important; }
.mw02 { min-width: 2em !important; }
.mw03 { min-width: 3em !important; }
.mw04 { min-width: 4em !important; }
.mw05 { min-width: 5em !important; }
.mw06 { min-width: 6em !important; }
.mw08 { min-width: 8em !important; }
.mw09 { min-width: 9em !important; }
.mw10 { min-width: 10em !important; }
.mw20 { min-width: 20em !important; }
.mw30 { min-width: 30em !important; }
.mw40 { min-width: 40em !important; }
.mw50 { min-width: 50em !important; }
.mw60 { min-width: 60em !important; }
.mw80 { min-width: 80em !important; }
.mw90 { min-width: 90em !important; }
.mw15 { min-width: 15em !important; }
.mw25 { min-width: 25em !important; }
.mw35 { min-width: 35em !important; }
.mw45 { min-width: 45em !important; }
.mw55 { min-width: 55em !important; }
.mw65 { min-width: 65em !important; }
.mw85 { min-width: 85em !important; }
.mw95 { min-width: 95em !important; }

.mxw01 { width: 1em !important; max-width: 1em !important; }
.mxw02 { width: 2em !important; max-width: 2em !important; }
.mxw03 { width: 3em !important; max-width: 3em !important; }
.mxw04 { width: 4em !important; max-width: 4em !important; }
.mxw05 { width: 5em !important; max-width: 5em !important; }
.mxw06 { width: 6em !important; max-width: 6em !important; }
.mxw08 { width: 8em !important; max-width: 8em !important; }
.mxw08 { width: 7em !important; max-width: 7em !important; }
.mxw09 { width: 9em !important; max-width: 9em !important; }
.mxw10 { width: 10em !important; max-width: 10em !important; }
.mxw11 { width: 11em !important; max-width: 11em !important; }
.mxw12 { width: 12em !important; max-width: 12em !important; }
.mxw13 { width: 13em !important; max-width: 13em !important; }
.mxw14 { width: 14em !important; max-width: 14em !important; }
.mxw15 { width: 15em !important; max-width: 15em !important; }
.mxw16 { width: 16em !important; max-width: 16em !important; }
.mxw17 { width: 17em !important; max-width: 17em !important; }
.mxw18 { width: 18em !important; max-width: 18em !important; }
.mxw19 { width: 19em !important; max-width: 19em !important; }
.mxw20 { width: 20em !important; max-width: 20em !important; }
.mxw30 { width: 30em !important; max-width: 30em !important; }
.mxw40 { width: 40em !important; max-width: 40em !important; }
.mxw50 { width: 50em !important; max-width: 50em !important; }
.mxw60 { width: 60em !important; max-width: 60em !important; }
.mxw70 { width: 80em !important; max-width: 70em !important; }
.mxw80 { width: 80em !important; max-width: 80em !important; }
.mxw90 { width: 90em !important; max-width: 90em !important; }
.mxw15 { width: 15em !important; max-width: 15em !important; }
.mxw25 { width: 25em !important; max-width: 25em !important; }
.mxw35 { width: 35em !important; max-width: 35em !important; }
.mxw45 { width: 45em !important; max-width: 45em !important; }
.mxw55 { width: 55em !important; max-width: 55em !important; }
.mxw65 { width: 65em !important; max-width: 65em !important; }
.mxw75 { width: 75em !important; max-width: 75em !important; }
.mxw85 { width: 85em !important; max-width: 85em !important; }
.mxw95 { width: 95em !important; max-width: 95em !important; }

#header { margin-bottom: 1.2em; background:url(/resources/img/main/header_bg.png) repeat-x; height:165px;}

/* 공통 */
#topmenu{width:1200px;height:32px; margin:0 auto;}
#topmenu .top li{float:right; height: 20px; margin-top:10px; padding-right: 15px;}
#topmenu .top .mobile{float:left; height: 20px;}

#header>div.headermiddle{width:1200px; margin:0 auto;height:88px;}
#header>div.headermiddle>ul>li{float:left;margin:15px 0;}
#header>div.headermiddle>ul>li.logo{width:240px;padding-left:20px}
#header>div.headermiddle>ul>li.logo>a>img{height:55px;}
#header>div.headermiddle>ul>li.searchgonggo{width:680px;padding-top: 10px;}
#header>div.headermiddle>ul>li.searchgonggo>div>select#bidType{width:70px;height:30px;}
#header>div.headermiddle>ul>li.searchgonggo>div>input#headerKeyword{width:390px;height:33px;border: solid 3px #6595d5;}
#header>div.headermiddle>ul>li.searchgonggo>div>div.btnSearch{display: inline-block; vertical-align: middle; text-align: center; background-color: #063A79;}
#header>div.headermiddle>ul>li.searchgonggo>div>div>a#bidSearchBtn{width:100%;color: #fff;font-size: 1.2em;line-height: 34px;display: inline-block;}
#header>div.headermiddle>ul>li.servicecall{width:240px;padding-top: 10px;}
#header>div.headermiddle>ul>li.servicecall>div>div{padding-left:70px;}
#header>div.headermiddle>ul>li.servicecall>div>div.firstnumber{width:160px;font-size:1.7em;font-weight: bolder;color: #03326a;}
#header>div.headermiddle>ul>li.servicecall>div>div.lastnumber{width:160px;}

#header>#topmenu_btn {width:1200px; margin: 0 auto;padding:1px 1px; background: #fff; position: relative; z-index: 2; height:40px; background: url(/resources/img/main/topmemnu_bg.png) repeat-x;}
	#header>#topmenu_btn table:hover + table { display: block; }

	
#header>#topmenu_btn>table.top_header { padding: 0px 0px; width: 1200px; margin: 0 auto;}
	#header>#topmenu_btn>table.top_header td { height:34px;text-align: center; font-size: 1.42em;}
	#header>#topmenu_btn>table.top_header a { color: #fff; display: inline-block;padding-top: 1px;width: 100%;}
#header>#topmenu_btn>table.top_body:hover { display: block; }
#header>#topmenu_btn>table.top_body { margin: 0 auto; display: none; width: 1200px; height: 200px; position: relative; background: #FFFFFF; z-index: 9; border: solid 1px #ccc;}
	#header>#topmenu_btn>table.top_body a:hover { color: #296ca4; }
	#header>#topmenu_btn>table.top_body td { width: 170px;text-align: center; line-height: 35px; font-size: 1.27em; vertical-align: top; }







.flexbox { display: block; flex-wrap: wrap; }
.flexitem { display: flex; justify-content: center; align-items: flex-start; flex: 1 1 30%; margin: .3em .3em .3em 0; flex-wrap: wrap; flex-direction: row; }
	.flexitem:last-child { margin-right: 0; }
	.flexitem .main_list_title { width: 100%; border-bottom: 1px solid #ccc; margin: 0 0 .5em 0; }
		.flexitem .main_list_title .main_list_title_txt { float: left; padding: .5em; }
		.flexitem .main_list_title .main_list_more { float: right; margin: .7em .5em; font-size: x-small; font-weight: normal; color: #333; }
	.flexitem .main_list_items { display: block; width: 100%; clear: both; list-style: none; margin: 0; padding: 0; }
		.flexitem .main_list_items li { padding: .3em 0; margin: 0 auto; border-bottom: 1px solid #ddd; clear: both; float: left; width: 100%; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
			.flexitem .main_list_items li a { float: left; max-width: 390px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			.flexitem .main_list_items li > span { float: right; padding: 0 .5em 0 0; }
			.flexitem .main_list_items li:hover { background-color: #eee; }
			.flexitem .main_list_items li:before { content: '·'; float: left; vertical-align: middle; padding: 0 .5em 0 .5em; }
			.flexitem .main_list_items li:after { }
			.flexitem .main_list_items li:last-child { border-bottom: 0px; }
	.flexitem .tabs { height: calc(100% - .2em); }
		.flexitem .tabs li .content { overflow: hidden; }
		.flexitem .tabs li .content .item-list, .flexitem .tabs li .content .item-list2 { margin-top: .55em; }
		ul.item-list2>li>a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 520px;display: inline-block;}
		ul.item-list2>li>span{float: right;padding-right: 5px;}

.tabs { position: relative; margin: 0; padding: 0; list-style: none; width: 100%; height: 100%; min-height: 18em; border-collapse: collapse; }
	.tabs li { float: left; margin: 0; padding: 0; border-right: 1px solid #ccc; border-collapse: collapse; }
		.tabs li:first-of-type { border-left: 1px solid #ccc; }
	.tabs.borderd li:first-of-type { border-left: 0; }
	.tabs li label { position: relative; padding: .4em 1em .5em 1em; display: inline-block; min-width: 5em; top: 0; border-top: 2px solid transparent; border-collapse: collapse; font-size: 1.17em; }
	.tabs li .content { position: absolute; top: 2.7em; left: 0; right: 0; bottom: 0; display: none; border-collapse: collapse; border-top: 1px solid #ccc; min-height: 5em; overflow: hidden auto; /*transform: translateY(-200%); transition: all 0.5s cubic-bezier(0, 0, 0, 0.5); */ }
	.tabs li input[type="radio"] { display: none; }
		.tabs li input[type="radio"]:checked ~ label { border-top-color: #2588ce; }
		.tabs li input[type="radio"]:checked + label + .content { display: block; /*transform: translateY(0); z-index: 1;*/ }

	.tabs li .content .item-list, .tabs li .content .item-list2 { border-collapse: collapse; }
		.tabs li .content .item-list li, .tabs li .content .item-list2 li { border-collapse: collapse; display: list-item; list-style: disc inside; width: 100%; margin: 0; padding: .3em 0; text-indent: .3em; border-bottom: 1px solid #fff; }
			.tabs li .content .item-list li:hover, .tabs li .content .item-list2 li:hover { background-color: #eee; }
			.tabs li .content .item-list li:last-child, .tabs li .content .item-list2 li:last-child { border-bottom: 0; }
			.tabs li .content .item-list li em, .tabs li .content .item-list2 li em { float: right; padding: 0 .5em 0 0; }
		.tabs li .content .item-list2 li { list-style: none; }
		.tabs li .content .item-list2 li:before { content: '·'; float: left; vertical-align: middle; padding: 0 .5em; }

	.tabs li .content .item-list-grid { display: grid; grid-template-columns: 180px 180px 180px; gap: 9px; list-style: none; padding: 0; overflow: auto; }
	.tabs li:nth-child(1) .content article { line-height: 0; }
	.tabs li:nth-child(2) .content article { padding: 20px; text-align: center; line-height: 1.6; }
	.tabs li:nth-child(3) .content article { padding: 20px; color: red; }


.loader { width: 100%; height: 100%; display: none; justify-content: center; align-items: center; z-index: 16777271; position: fixed; left: 0; top: 0; background-color: #333; opacity: .7; }
.loader>div { color: #fff; opacity: 0.7; font-size: 150px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 25% auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; }

@-webkit-keyframes load6 {
    0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
    20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
    38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
    100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
}

@keyframes load6 {
    0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
    20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
    38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
    100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
}

@-webkit-keyframes round {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes round {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

#copyright { width: 100%; border-top: 1px solid #dcdcdc; clear: both; margin-top: 1em; background: url(/resources/img/index/footer_bg.png) repeat-x;}
    #copyright .bot_menu { }
        #copyright .bot_menu a { margin: 0 5em 0 0; }

#divBoardView.popup { display: none; }
    #divBoardView.popup.fancybox-content { padding: 0; top: 0 !important; left: 50% !important; }
    #divBoardView.popup .p_title { padding-top: 1em; }
    #divBoardView.popup.fancybox-content .p_top { padding: 2.3em; }
    #divBoardView.popup.fancybox-content .p_title { max-width: calc(100% - 70px) !important; line-height: 120%; word-break: break-all; letter-spacing: 0; font-size: 15px; padding: 0; }
    #divBoardView.popup.fancybox-content .p_text { position: unset; clear: both; }
    #divBoardView.popup.fancybox-content .v_contents { line-height: 120%; min-height: 200px;max-height: 300px; overflow-y: auto; }

.hide { display: none !important; }

.remind, .error { color: red; }
form[novalidate] input.error { border-color:red !important; }
form[novalidate] input.error::placeholder { color: red; }
form[novalidate] .error { display:inline-block; }

.remind { font-weight: bold; }


.mainBody #topBanner01 .left_banner_box { max-width: 270px; height: 54px;max-height: 50px; width:auto; background-size: 100%;background-position-x: center; background-repeat:no-repeat;margin-bottom: 5px;border: 1px solid #dcdcdc; }
.mainBody #topBanner01 .left_banner_box a { min-width: 270px; min-height: 54px; width:100%; height:100%; display: block; cursor:pointer;}
.mainBody #topBanner01 .left_banner_text{width:145px;float:left;margin:10px;}
.mainBody #topBanner01 .left_banner_img{width:40px;float:left;margin:10px;margin-top:14px;}