/* CSS defult style */
/* Tag �⺻���� */

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
.nanumbrushscript * {
	font-family: 'Nanum Brush Script', cursive;
   }
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
font-family: 'Noto Sans KR', sans-serif;
font-size: 12px;
margin:0;
}
a{color:#05498a;outline:0;text-decoration:none;}
a:active{color:inherit;}
a:visited{}
a:hover{}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}
ul, ol { list-style: none;}
/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:140%;
}

h1{
font-size:3.5em;
margin:10px 0 10px 0;
}

h2{
font-size:3em;
margin:10px 0 10px 0;
}

h3{
font-size:2.5em;
margin:10px 0 10px 0;
line-height:130%;
}

h4{
font-size:2em;
margin:10px 0 10px 0;
}

h5{
font-size:1.5em;
margin:10px 0 10px 0;
}

h6{
font-size:1.2em;
margin:10px 0 5px 0;
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p{
margin:10px 0;
}

/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
line-height:1.5em;
font-style: italic;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}

	blockquote span{font-size:0.7em;display:block;}
	blockquote.small{font-size:1.2em;}

/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol{
padding:0;
margin:0 0 20px 25px;
}

li{
padding:5px 0;
margin:0;
}

ul.list-unstyled{
padding:0;
margin:0 0 20px 0;
}

ul.list-unstyled li{
padding:5px 0;
margin:0;
list-style-type:none;

}
	
ul.alt{
padding:0;
margin:0 0 20px 0;
}

ul.alt li{
list-style-type:none;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin:0 0 -1px 0;
background:url(../img/icon-arrow-right.png) no-repeat 5px 0.7em;
padding-left:20px;
}

/*---------------------------------
	PRE & CODE
-----------------------------------*/
code{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}

pre.main{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
margin: 0 0 0 0;
padding:5px 5px 3px 5px;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0;
border:1px solid #ddd;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
}


/*---------------------------------
	TABLES
-----------------------------------*/
table{width:100%;margin:0 0 0 0;text-align:left;border-collapse: collapse;}
	thead, tbody{margin:0;padding:0;}
	/*th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}*/
	thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
	tbody tr.last th,
	tbody tr.last td{border-bottom:0;}

/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}

/* sortable */
table.sortable{border:1px solid #ddd;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
	table.sortable thead th:hover{background:#efefef;}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	zoom:1;
	}

	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}

	ul.tabs li a:hover{
	background:#fff;
	}

	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#222;
	}

	.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}


/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:14px; /* 0.8em default to override font-size:0; on parent*/
	}

	ul.breadcrumbs li a{
	display:inline-block;
	position:relative;
	padding:5px 15px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background:url(../img/icon-arrow-right.png) no-repeat right center;
	}

	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}

	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}

	/* Alternative Style */
	ul.breadcrumbs.alt1{
	border:1px solid transparent;
	font-size:0;
	}

	ul.breadcrumbs.alt1 li a{
	padding:10px 25px 10px 15px;
	background:url(../img/breadcrumbs-bg.gif) no-repeat right center;
	text-decoration:none;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:12px;
	}

	ul.breadcrumbs.alt1 a:hover{
	text-decoration:underline;
	}

	ul.breadcrumbs.alt1 li.first a{
	border-left:1px solid #efefef;
	}

	ul.breadcrumbs.alt1 li.last a{
	background:none;
	border-right:1px solid #efefef;
	}

/*---------------------------------
	IMAGES
-----------------------------------*/
/*
	for img .style1, .style2, .style3
	view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
vertical-align: bottom;
}

	img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}

	div.caption{
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;
	max-width:100%;
	display:inline-block;
	height:auto;
	}

		div.caption img{
		display:block;
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		}

		div.caption span{
		display:block;
		margin-top:3px;
		font-size:0.8em;
		color:#666;
		padding:0px 5px;
		}

	.gallery{}

		.gallery a{
		display:inline-block;
		position:relative;
		border:1px solid #ddd;
		background:#fff;
		padding:3px;
		margin:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}

		.gallery a img{
		display: block;
		position: relative;
		margin:0;
		padding:0;
		}

/*---------------------------------
	SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}

	.slideshow-inner{
	overflow:hidden;
	clear:both;
	position:relative;
	top:0;
	left:0;
	border:1px solid #efefef;
	}

	.slideshow{
	clear:both;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	overflow:hidden;
	}

		.slideshow li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		display:block;
		}

			.slideshow img{vertical-align: bottom;}

	.slideshow-buttons{
	text-align:right;
	margin:3px 0 0 0;
	padding:0;
	}

		.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
		.slideshow-buttons li.current a{background:#ddd;}

		.slideshow-buttons a{
		display:inline;
		position:relative;
		top:0;
		left:0;
		padding:1px 3px;
		margin:0 1px;
		line-height:100%;
		border:1px solid #efefef;
		text-decoration:none;
		font-size:0.8em;
		}



div {margin:0; /*border:1px solid;*/}
hr {display:none;}
img {border:0px;}

/*layout*/
.imgsrc { cursor: pointer; width: 100%;}
.layoutbox {width:100%;}
.layoutbox-padding {padding-top: 140px;}
/* #container {
	overflow: auto !important;
} */
#header {
	position: relative;
	width: 100%;
    margin: 0 auto;
	position: fixed;
    z-index: 99999;
	background: #fff;
	top: 0;
}
#header-top {
	width: 100%;
	margin: 0 auto;
	background: #5B6376;
	position: relative;
	z-index: 99999;
}
#header-top > div {
	width: 1200px;
	margin: 0 auto;
	display: flex;

}
#header-top > div > input {
	display: none;
}
#container.containerOverflow {
	overflow: auto;
}
.htr-label {
	width: calc(100% / 5);
	min-height: 44px;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	cursor: pointer;
	border-right: 0.7px solid #CCCCCC;
}
.htr-label > a {
	 color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 41px;
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1%;
}
#header-top > div > .htr-label:nth-of-type(1) {
	border-left: 0.7px solid #CCCCCC;
}
#header-top > div > input:checked + label,
#header-top > div > input:checked + label > a {
	background: #fff;
	color: #1F64AF !important;
	font-weight: 600;
}

#header-top > div > input:checked + label > a {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-wid {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
    align-items: center;
	justify-content: space-between;
}
#logobx{
	width:30%;
	height: 100%;
	border: 0;
	padding:0;
	margin: 0;
	display: flex;
	align-items: center;
}

#logobx > tr {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
/* 각각 메뉴 */
.each-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 999;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e5e5e5;
}
ul.each-menu::after {
    content: '';
    width: 101%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
	display: none;
}
.each-menu >  li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/bg-1.svg) no-repeat #3574F2;
	background-position: 98% 77%;
    background-size: 28%;
	display: none;
}

.each-menu >  li > ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
.each-menu >  li > ul > li {
	width: 1200px;
	height: 282px;
	padding: 30px 0;
	box-sizing: border-box;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
}
.each-menu >  li > ul > li > div.menu-title {
	width: 18.666%;
	text-align: left;
}
.each-menu >  li > ul > li > div.menu-title > p:nth-child(1) {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
}
.each-menu >  li > ul > li > div.menu-title > p:nth-child(2) {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
.each-menu >  li > ul > li > div:last-child {
	width: calc(100% - 18.666%);
}
.each-menu  li > .each-menu-item {
	width: 60%;
	text-align: left;
}
.each-menu  li > .each-menu-item > div {
	display: flex;
	align-items: center;
}
.each-menu  li > .each-menu-item > div > a {
	display: block;
	width: 100%;
	height: 36px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
}

.each-menu > li:last-child  > ul > li {
	padding: 0;
}

.each-menu > li:last-child li > div.each-menu-item{
	width: calc(1200px / 6);
	height: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
	border-right: 1px solid #5D90F5;
}

/* #topmner {width:100%;height:75px;background:url(../img/bg_topmnbar.jpg) repeat-x;margin: 20px 0;} */

#topmner {
	width: 52.333%;
	box-sizing: border-box;
	display: flex;
    align-items: center;
}

#topmner a:link {color: #666666; text-decoration: none;}
#topmner a:visited{color: #b82525; text-decoration: none;}
#topmner a:hover{color:#ff7200;text-decoration: none;}

/* ��ܼ���޴�����*/
#topmner ul li:hover > ul { display: block;}
#topmner ul ul {
    display: none;
    margin: 0px;
    padding: 5px;
    position: absolute;
    padding-top: 10px;
}
#topmner ul ul li {
    float: none;
    margin: 0px;
    padding: 0px;
    color: #666666;
}

/* #topmn {width:961px;height:75px;background:url(../img/bg_topmn.jpg) no-repeat;margin:0 auto; list-style-type: none;padding-top: 18px;} */
#topmn {
	width: 100%;
	display: flex;
	margin: 0;
}
#topmn li {
	width: calc(100% / 5);
    max-height: 95px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

#topmn li > div {
	font-size: 18px;
	width: 100%;
	height: 95px;
    line-height: 95px;
    text-align: left;
	cursor: pointer;
	box-sizing: border-box;
}
/* 풀다운 메뉴 */
.full-menu ol,
.full-menu ul,
.full-menu li {
	padding: 0;
	margin: 0;
}
.full-menu {
	position: absolute;
	top: 100%;
	left: 0;
    z-index: 200;
	width: 100%;
	height: 381px;
	flex-direction: column;
	margin: 0;
	display: none;
	transition: all 0.3s;
}
.active {
	display: flex;
}
.full-menu > li {
	width: 100%;
	background: #1F64AF;
	border-bottom: 1px solid #4C83BF;
}
.full-menu > li:last-child {
	position: relative;
}

.full-menu > li:last-child::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: block;
    width: 18.5%;
    height: 100%;
    background: url(../img/menu-pic2.svg) no-repeat;
    background-size: 84%;
    background-position: 0% 90%;

}
.full-menu > li > ol {
    width: 1200px;
    display: flex;
    margin: 0 auto;
}

.full-menu > li > ol > li {
	width: calc(100% / 6);
	position: relative;
    z-index: 500;
}
.full-menu > li:first-child li {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	padding: 38px 0 31px;
}

.menu-item {
	border-left: 1px solid #4C83BF;
	border-right: 1px solid #4C83BF;
	padding-bottom: 105px !important;
}
.full-menu > li > ol {
	position: relative;
}
.menu-item li {
	cursor: pointer;
}
.full-menu > li:last-child > ol::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/menu-pic.svg) no-repeat;
	background-size: 34%;
    background-position: 139% 93%;
}

.full-menu  > li:last-child li a {
	width: 100%;
    min-height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    text-align: left;
    display: inline-block;
    padding-left: 20px;

}

#container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(6)[title="수리/수선"] + #container #contents .table-2 .board-paym #mainGrid tr[role=row] > td:nth-child(7) {
	left: 22.5%;
    width: 75% !important;
	border: 1px;
}
.ham {
    width: 105px;
    height: 95px;
	border: none;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
	cursor: pointer;
	background: url(../img/icon-ham.svg) no-repeat;
	background-position: center;
}
.ham2 {
	display: none;
}

/* #topmn li {width:calc(100% / 5);height:25px;display: inline;padding: 0 15px;} */

#container {
	width:100%;
}
.container-bid.ordrwrap {
    overflow-x: auto;
}
/* 메인 비주얼 스타일 */
#container > .main-visual {
	position: relative;
	width: 100%;
	height: 655px;
	background: url(../img/background-pc.png) no-repeat;
	background-position: center;


}
.main-visual::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
	background: radial-gradient(circle, rgba(255,255,255), rgba(0,0,0,0.25));
    mix-blend-mode: multiply;
}
#container > div:nth-of-type(1) > div {
	position: absolute;
	top: 31%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1200px;
	text-align: center;
	z-index: 100;
}
#container > div:nth-of-type(1) > div > p {
	color: #fff;
}
#container > div:nth-of-type(1) > div > p:nth-child(1) {
	font-family: 'Nanum Brush Script', cursive;
	font-size: 4rem;
	text-shadow: 3px 3px 2px rgb(0, 0, 0, 0.42);
}
#container > div:nth-of-type(1) > div > p:nth-child(2) {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 3.75rem;
	text-shadow: 3px 3px 2px rgb(0, 0, 0, 0.42);
}
#container > div:nth-of-type(1) >  img {
	width: 100%;
}
#container .qr-cord {
	position: absolute;
	top: 50px;
    right: -50px;
	width: 18.583%;
	/* height: 158.67%; */
	background: rgba(255,255,255,0.5);
}
#container .qr-cord::after {
	content: '';
	display: block;
	padding-bottom: 37.225%;
} 
.qr-cord > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.qr-cord > div > span {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #1F64AF;
}
.qr-cord > div > span:nth-of-type(1) {
	margin: 18px 0 8px 10px;
} 
.qr-cord > div:nth-child(1) > div {
	width:23px; 
	height: 1px; 
	background: #1F64AF;
	margin-left: 10px;
}
.qr-cord > div > span:nth-of-type(2)  {
	font-size: 13px;
	font-weight: normal;
	color: #1F64AF;
	margin: 16px 0 0 10px;
}
.qr-cord > div:nth-child(2) {
	position: absolute;
	bottom: 7px;
    right: 6px;
    width: 44.399%;
	/* height: 43.3125%; */
	padding: 6px;
	box-sizing: border-box;
    background: #fff;
	/* cursor: pointer; */
}
.qr-cord > div:nth-child(2) > img {
	width: 100%;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) {
	position: absolute;
    top: 99%;
    width: 780.4px;
    /* height: 180px; */
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 64px 0 0 0;
    display: flex;
    box-shadow: 11px 10px 17px 1px rgb(0 0 0 / 9%);
}

#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
	width: calc(52% - 15px);
    height: 141px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    background-size: 100%;
    background-position: center;

}
.p-wid {
	position: relative;
    width: 140%;
}
.p-wid4 {
	font-size: 14px;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover {
	background: url(../img/mouse-over-bg2.png);
	background-size: 105%;
	background-position: center;
	transition: all 0.3s;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div .icon-text {
	transition: all 0.3s;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:hover .icon-text {
	transform: scale(1.12);
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover .icon-text > div > div,
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover  .p-wid {
    color: #1F64AF !important;
	
}


#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(2) {
	background: url(../img/mouse-over-bg.png);
	background-size: 105%;
	background-position: center;
}

#container > div:nth-of-type(1) > div:nth-of-type(2) > div:hover {
	background: #1F64AF;
	transition: all 0.3s;
}



#container > div:nth-of-type(1 ) > div:nth-of-type(2) > div:hover div {
	color: #fff !important;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1) .icon-text > div {
	color: #fff;
}
#container > div:nth-of-type(1 ) > div:nth-of-type(2) > div:hover > div > div img {
	outline: 2px solid #1f64af;
	border-radius: 50%;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1) {
	margin-right: 15px;
    border-radius: 53px 0 0 0;
	background: #1F64AF;
}

.flex {
	display: flex;
}
.icon-text {
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 81%;
}
.icon-text > .img {
	width: 27.569%;
	margin-right: 16px;
}
.right,
.left {
	position: relative;
}
.icon-text {
	position: absolute;
}
.right .icon-text > .img,
.left .icon-text > .img {
	box-shadow: none;
	max-width: 65px;
}
.left .icon-text > .img {
	background: url(../img/icon-order2.svg) no-repeat;
	background-size: 110%;
}
.right .icon-text > .img {
	height: 82px;
	background: url(../img/icon-order1-1.svg) no-repeat;
	background-size: 102%;
	background-position: left 50% top 40%;
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover .img {
	background: url(../img/icon-order2-1.svg) no-repeat;
	
}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(2):hover .img {
	background: url(../img/icon-order1.svg) no-repeat;
	/* background-size: 90%; */
	/* background-position: left 50% top 40%; */
	
}
.icon-text > div {
	font-size: 16px;
	color: #1f64af;
	text-align: left;
}


.icon-text > div > div {
	font-size: 28px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.left:hover .icon-text > div:nth-child(2) > div,
.right:hover .icon-text > div:nth-child(2) > div,
.left:hover .icon-text > div > p, 
.right:hover .icon-text > div > p, 
.icon-text:hover > div:nth-child(2) > div,
.icon-text:hover > div > p {
	color: #fff !important;
} 
.right .icon-text > div > div > img {
	outline: 2px solid #1F64AF;
	border-radius: 50%;
}
.icon-text > div > div > img {
	width: 26px;
	height: 26px;
	margin-left: 10px;
}
.total {
	font-size: 16px;
	color: #444;
	width: 100%;
	display: inline-block;
    text-align: left;
	margin-top: 44px;
}
.total > span {
	color: #1F64AF;
	font-size: 16px;
}
/* ���ʸ޴� */
.line_dot {background-image:  url(../img/line_dot.gif); background-position:0% 100%; background-repeat:repeat-x; padding: 0;}
.line_dot2 {background-image:  url(../img/line_dot.gif); background-position:0% 0%; background-repeat:repeat-x; padding: 0;}

/*���ְ�ȹ*/
.lmenu_ordr {width:155px; float:left; color: #666666; display: none;}
.lmenu_ordr ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_ordr li {padding: 10px;cursor:pointer; font-weight:bolder;}
.lmenu_ordr li:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_ordr li img {vertical-align: top;}
.lmenu_ordr li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;} 

/*��������*/
.lmenu_bid {width : 155px; float: left; color: #666666;}
.lmenu_bid ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_bid li {padding: 10px 0 5px 10px;cursor:pointer; font-weight:bolder;}
.lmenu_bid li.submn{font-weight: normal;padding: 5px;padding-left: 20px;}
.lmenu_bid li.l_ov:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_bid li img {vertical-align: top;}
.lmenu_bid li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;} 

/*�����Ȳ*/
.lmenu_situ {width : 155px; float: left; color: #666666; display: none;}
.lmenu_situ ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_situ li {padding: 10px 0 5px 10px;cursor:pointer; font-weight:bolder;}
.lmenu_situ li.submn{font-weight: normal;padding: 5px;padding-left: 20px;}
.lmenu_situ li.l_ov:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_situ li img {vertical-align: top;}
.lmenu_situ li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;}

/*�������*/
.lmenu_paym {width : 155px; float: left; color: #666666; display: none;}
.lmenu_paym ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_paym li {padding: 10px 0 5px 10px;cursor:pointer; font-weight:bolder;}
.lmenu_paym li.submn{font-weight: normal;padding: 5px;padding-left: 20px;}
.lmenu_paym li.l_ov:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_paym li img {vertical-align: top;}
.lmenu_paym li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;} 

/*��������*/
.lmenu_noti {width : 155px; float: left; color: #666666;}
.lmenu_noti ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_noti li {padding: 10px;cursor:pointer; font-weight:bolder;}
.lmenu_noti li:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_noti li img {vertical-align: top;}
.lmenu_noti li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;} 

/*��������*/
.lmenu_info {width : 155px; float: left; color: #666666;}
.lmenu_info ul {list-style-type: none;padding: 0 5px;margin: 0;}
.lmenu_info li {padding: 10px;cursor:pointer; font-weight:bolder;}
.lmenu_info li:hover {color:#0860B5; text-decoration:none; font-weight:bold; background-color:#F0F0F0;}
.lmenu_info li img {vertical-align: top;}
.lmenu_info li:first-child{padding: 0 0 20px 0;cursor: default;background-color:#FFFFFF;} 
#contents { width: 1200px; text-align: center; margin: 0 auto;}
#contents.noticebord-wid { width: 768px;}
#footer {width:100%;height:84px;background:url(../img/bg_foot.jpg) repeat-x;clear: both;margin-top: 10px;padding-top:10px;}
.foot_img {text-align: center;}
.foot_img img{margin-top: 5px;}
.foot_cp {color: #999999;font-size:12px;padding-top: 10px;line-height:12pt;}

/*��ȭ�� ���������*/
.title_u {width: 100%;height:30px;border-bottom: #e5e5e5 1px solid; display: none;}
.title_u span{padding-top: 10px;}
.title_u img{margin: 0;}

.tbl_main { width: 59.166%;}
/* .bbs01 { margin: 20px 30px 0px 20px; } */
.bbs01 li { padding: 0px; display: inline; }
.tbl_main_bbs { width: 100%; }
.tbl_main_bbs tbody td { height: 25px; vertical-align: bottom; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dotted; }

/*�˻��׵θ�*/
.box1_1{height:10px; width:10px; background-image: url(../img/box1_1.gif); background-position:0% 0%; background-repeat:no-repeat}
.box1_2{height:10px; width:10px; background-image: url(../img/box1_2.gif); background-position:100% 0%; background-repeat:no-repeat}
.box1_3{height:10px; width:10px; background-image: url(../img/box1_3.gif); background-position:100% 100%; background-repeat:no-repeat}
.box1_4{height:10px; width:10px; background-image: url(../img/box1_4.gif); background-position:0% 100%; background-repeat:no-repeat}
.box1_b1{background-image: url(../img/box1_b1.gif); background-position:0% 0%; background-repeat:repeat-x}
.box1_b4{background-image: url(../img/box1_b4.gif); background-position:0% 0%; background-repeat:repeat-y}
.box1_b2{background-image: url(../img/box1_b2.gif); background-position:100% 0%; background-repeat:repeat-y}
.box1_b3{background-image: url(../img/box1_b3.gif); background-position:0% 100%; background-repeat:repeat-x}

/* .tbl_sch {width: 780px;text-align: center;padding: 0;margin-top: 20px;} */
.tbl_sch table {width:100%;}
.tbl_sch .inptxt {width:110px;}
.tbl_th {text-decoration:none;}

.tbl_adminCheck {width: 300px;text-align: center;padding: 0;margin: 20px;}
.tbl_adminCheck table {width:250px ;text-align: center;margin: 10px;}
.tbl_adminCheckth {background: url(../img/t_title_bg2.gif) no-repeat; background-position:0% 50%;
        		  width:40px;height:20px;color:#ffffff; font-size:11px;font-family :����,Tahoma;text-decoration:none;}
 
/* TABLE SYTLE*/
table.tbl_list{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;border-top: 1px #dadada solid;}
    table.tbl_list thead, tbody{margin:0;padding:0;}
    table.tbl_list thead th{height:33px;text-align:center;color:#666666;letter-spacing: -1px;
                            background: url(../img/bg_th.gif) repeat-x; background-color: #5791DB;
                            font-size:1em;padding:3px 8px;border-bottom:1px solid #ddd;}
    table.tbl_list tbody tr{cursor: pointer;}
    table.tbl_list tbody td{color: #666666;text-align: center; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}
    table.tbl_list tbody tr.last th,
    table.tbl_list tbody tr.last td{border-bottom:0;}

table.tbl_detail{width:790px;color: #2e2e2e;border-top: 3px #1F64AF solid;}
    table.tbl_detail tbody th{color: #2e2e2e; padding:5px; background-color: #F3F3F3; text-align: center; font-weight: 500;
                                border-left: 1px #dadada solid; border-right: 1px #dadada solid;border-bottom: 1px #dadada solid;}
    table.tbl_detail tbody td{color: #2e2e2e;text-align: left;border-right: 1px #dadada solid; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}

table.subtbl{margin: 0;}
    table.subtbl tbody th{border-left: 0;}
    table.subtbl tbody td{border-right: 0;}
    table.subtbl tbody tr:last-child th,
    table.subtbl tbody tr:last-child td{border-bottom: 0;}

table.subtbl2 {margin: 0;}
    table.subtbl2 tbody th,table.subtbl2 tbody td {margin: 0; font-size: 12px;text-align: center;}
    table.subtbl2 thead th:first-child {border-left: 0;}
    table.subtbl2 th:last-child,
    table.subtbl2 tr td:last-child{border-right: 0;}
    table.subtbl2 tbody tr:last-child td{border-bottom: 0;}

table.tbl_nego{width:790px;color: #767676;border-top: 2px #5791DB solid;}
    table.tbl_nego tbody th{color: #767676; padding:5px; background-color: #F3F3F3;
                            border-left: 1px #dadada solid; border-right: 1px #dadada solid;border-bottom: 1px #dadada solid;}
    table.tbl_nego tbody td{color: #666666;text-align: center;border-right: 1px #dadada solid; 
                            border-right: 0; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}
    table.tbl_nego tbody tr td:last-child{border-right: 1px #e8e8e8 solid;}


.p_paym {margin-top: 20px;height: 20px;}
    .p_paym img{margin: 0;}

table.tbl_paym {width:790px;color: #767676;border-top: 2px #5791DB solid;margin-top: 10px;}
    table.tbl_paym tbody th{color: #767676; padding:5px; background-color: #F3F3F3;
                            border-left: 1px #dadada solid; border-right: 1px #dadada solid;border-bottom: 1px #dadada solid;}
    table.tbl_paym tbody td{color: #666666;text-align: center;border-left: 1px #dadada solid; border-right: 1px #dadada solid; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}

table.tbl_paym1{width:790px;color: #767676;border-top: 2px #5791DB solid;}
    table.tbl_paym1 tbody th{color: #767676; padding:5px; background-color: #F3F3F3;
                            border-left: 1px #dadada solid; border-right: 1px #dadada solid;border-bottom: 1px #dadada solid;}
    table.tbl_paym1 tbody td{color: #666666;text-align: left;border-right: 1px #dadada solid; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}
    table.tbl_paym1 tbody td:last-child{border-left: 1px #dadada solid;}
    table.tbl_paym1 textarea{width: 100%;height: 90px;}

table.tbl_site{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;border-top: 1px #dadada solid;}
    table.tbl_site thead, tbody{margin:0;padding:0;}
    table.tbl_site thead th{height:33px;text-align:center;color:#666666;letter-spacing: -1px;
                            background: url(../img/bg_th.gif) repeat-x; background-color: #5791DB;
                            font-size:1em;padding:3px 10px;border-bottom:1px solid #ddd;}
    table.tbl_site tbody tr{cursor: pointer;}
    table.tbl_site tbody tr:hover {background-color:#F9F9F9;}
    table.tbl_site tbody td{color: #666666;text-align: center; border-bottom: 1px #e8e8e8 solid;padding: 6px 5px;}
    table.tbl_site tbody tr.last th,
    table.tbl_site tbody tr.last td{border-bottom:0;}

br {clear: both;}


/* 테이블 수정 */
#logobx > tbody  > tr {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
}
.logo-wid {
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
}
/* .logo-wid > a {
	display: inline-block;
} */
.logo-wid > a:nth-child(1) {
	width: 50%;
}
.logo-wid > a:nth-child(2) {

	width: 50%;
	margin-left: 10px;
}
.st-logo-base {
	width: 100%; 
}

.st-logo {
	width: 78%;
	margin-right: -15px;
	cursor: pointer;
}

.main-cont {
	width: 1200px;
	margin: 0 auto;
	margin-top: calc(6% + 114px);
	display: flex;
	justify-content: space-between;
}

.tbl_main { 
	width: 59.166%;
}
.bbs01 {
	margin: 0;
}
.bbs01 > li:first-child {
	width: 100%;
	display: flex;
	align-items: stretch;
	margin-bottom: 30px;
}
.bbs01 > li:first-child > div {
	width: 33.38%;
	min-height: 57px;
	margin-bottom: 1px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
}
.bbs01 > li:first-child > div:last-child {
	display: flex;
	justify-content: right;
	font-size: 18px;
	color: #777777;
}
.bbs01 > li:first-child > div:last-child > img {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-left: 5.8px;
}
.tbl_main_bbs tbody td {
	height: 36px;
	line-height: 36px;
	border-bottom: none;
	font-size: 18px;
	color: #222;
}
/* 탭이 선택됐을 때 안됐을 때 */
.bbs01 > li:first-child {
	border-bottom: 2px solid #1F64AF;

}
#situTable .bbs01 > li:first-child > div:nth-child(1) {
	background: #1F64AF;
	outline: 1px solid #1F64AF;
	font-size: 18px;
	font-weight: bold;
	color: #fff;

}

#situTable .bbs01 > li:first-child  >  div:nth-child(2),
#situTable .bbs01 > li:first-child  >  div:nth-child(3),
#situTable .bbs01 > li:first-child  >  div:nth-child(3) > p  {
	background: #fff;
	outline: 1px solid #ccc;
	border-bottom: none;
	font-size: 18px;
	color: #777;
}

#paymTable .bbs01 > li:first-child > div:nth-child(1),
#paymTable .bbs01 > li:first-child  >  div:nth-child(3),
#paymTable .bbs01 > li:first-child  >  div:nth-child(3) > p  {
	background: #fff;
	outline: 1px solid #ccc;
	border-bottom: none;
	font-size: 18px;
	color: #777;
}
#paymTable .bbs01 > li:first-child  >  div:nth-child(2) {
	background: #1F64AF;
	outline: 1px solid #1F64AF;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
#notiTable .bbs01 > li:first-child > div:nth-child(3),
#notiTable .bbs01 > li:first-child > div:nth-child(3) > p {
	background: #1F64AF;
	outline: 1px solid #1F64AF;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
#notiTable .bbs01 > li:first-child > div:nth-child(1),
#notiTable .bbs01 > li:first-child > div:nth-child(2) {
	background: #fff;
	outline: 1px solid #ccc;
	border-bottom: none;
	font-size: 18px;
	color: #777;
}
#situTable .bbs01 > li:first-child  >  div:nth-child(3) > p, 
#paymTable .bbs01 > li:first-child  >  div:nth-child(3) > p,
#notiTable .bbs01 > li:first-child > div:nth-child(3) > p {
	outline: none;
}
/* 오른쪽  배너 시작 */
.main-cont > .banner-wrap {
	width:  37.25%;
}
.main-cont > .banner-wrap > div {
	width: 100%;
    min-height: 123px;
    padding-left: 20%;
    box-sizing: border-box;
    background: #1F64AF;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.main-cont > .banner-wrap > div:first-child {
	border-radius: 64px 0 0 0;
	margin-bottom: 15px;
}
.main-cont > .banner-wrap > div:last-child {
	border-radius: 0 0  64px 0;
	background: #A9D8F6;
}
.main-cont > .banner-wrap > div:hover {
	cursor: pointer;
}
.main-cont > .banner-wrap > div:first-child:hover {
	background: #A9D8F6;
	
}
.main-cont > .banner-wrap > div:first-child:hover + div {
	background: #1F64AF;

}
.main-cont > .banner-wrap > div > div {
	transition: all 0.3s;
}
.main-cont > .banner-wrap > div:hover > div {
	transform: scale(1.12);
}
.banner-wrap > div.sky {
	background: #A9D8F6 !important;
	
}
.banner-wrap > div.blue {
	background: #1F64AF !important;

}
.main-cont > .banner-wrap > div > div {
	display: flex;
	align-items: center;
}
.main-cont .icon-round {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner-wrap > div:nth-child(1) .icon-round > img {
	width: 35px;
	height: 35px;
}
.banner-wrap > div:nth-child(2) .icon-round > img {
	width: 44px;
	height: 44px;
	margin-left: 3px;
}
.main-cont .icon-round + div {
	margin-left: 20px;
}
.main-cont .icon-round + div > p {
	margin: 0;
	color: #fff;
}
.main-cont .icon-round + div > p:nth-child(1) {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 13px;
}
.main-cont .icon-round + div > p:nth-child(2) {
	font-size: 14px;
}
/* 풋터 */
#footer > div {
	width: 1200px;
    padding: 82px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: left;
}
#footer > div > img {
	width: 12%;
/*	height: 66px; */
	margin-right: 60px;
}
#footer > div > div {
	font-size: 16px;
	color: #4A4A4A;
	line-height: 184.5%;
	text-align: left;
}
/* 발주계획 */
#container.container-bid.ordrwrap  .bid-tab > label.tab-title2:nth-of-type(1) {
	border-radius: 60px 0 0 0px;
}
#container.container-bid.ordrwrap  .bid-tab > label.tab-title2:nth-of-type(2) {
	border-radius: 0;
} 
#container.container-bid.ordrwrap  .bid-tab > label.tab-title2:last-of-type {
	border-radius: 0 60px 0px 0;
}
/* 서브페이지 시작 */

 
.sub-img-wrap {
	width: 100%;
	position: relative;
	padding-top: 140px;
}
.sub-img-wrap::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.sub-main-visual {
	width: 100%;
}
.sub-img-wrap > span {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	font-weight: 500;
	color: #fff;
	 z-index: 10;
	 font-weight: bold;
    text-shadow: 3px 3px 2px rgb(0 0 0 / 42%);
	width: 100%;
    text-align: center;
}
.test {
	width: 100%;
	height: 100px;
	background: pink;
	display: flex;
	align-items: flex-end;
}
.test > div {
	width: auto;
	padding: 10px 15px;
	height: 50px;
}
.sub-main-visual::after {
}
.sub-title {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: left;
	margin: 30px 0 15px;
}

.tbl_sch {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-top: 20px;
	display: flex;
	align-items: center;
	position: relative;
}
.sub-tbody {
	width: 100%;
}
.sub-tbody tr {
	width: 100%;
}
.tr-cont1 > td {
	width: 100%;
	display: flex;
}
/* 탭스타일 */
.tr-cont1 > td > input[type="radio"] {
	display: none;
}
tbody tr .tab-title {
	width: 230px;
    min-height: 48px !important;
    border: 1px solid #f1f1f1;
    border-bottom: none;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
	cursor: pointer;
}

/* 선택된탭 커스텀하기*/
.tr-cont1 > td > input:checked + label {
	position: relative;
	background: #F9F9F9;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid #F9F9F9;
}
.tr-cont1 > td > input:checked + label::after {
    content: '';
    display: block;
    position: absolute;
	left: 0;
    top: 99%;
    width: 100%;
    height: 25px;
    background: #F9F9F9;
}

/* 선택된탭 커스텀하기 끝*/
table.tbl_main_bbs tr {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* table tr, table td {
    display: inline-block;
	width: 100%;
} */
.tbl_sch .tbl_td {
	padding-left: 0!important;
}

tbody tr .tab-title > a {
	width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #000;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

.sub-tbody2 {
	border: 1px solid #ddd;
	display: inline-block;
	width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
	border-radius: 0 4px 4px 4px;
	background: #f9f9f9;
}
.sub-tbody2 input {
	outline: none;
}
.sub-tbody2 > tr {
	display: inline-block;
	padding: 0 30px;
	margin-bottom: 12px;
}
.sub-tbody2 > tr:nth-child(3) {
	margin-bottom: 50px;
}
.sub-tbody2 > tr:first-child {
	padding-top: 74px;
}
.sub-tbody2 > tr:last-child {
	padding-bottom: 59px;
	margin-bottom: 0;
}
.tr-cont2 {
	display: flex;
	align-items: center;
	margin-right: 24px;
}
.tbl_th2 {
	width: 8.333%;
	font-size: 18px; color: #222;
}
.tbl-td2 {
	width: 39.035%;
}

.td-style1 > input {
    width: 48%;
	padding: 10px;
    box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 16px;
}
/* .tbl-td2 > input {
    width: 48%;
}	 */
.tbl_td2 > input[type="radio"] {
	cursor: pointer;
}
.label-csu {
	padding-left: 5px;
	padding-right: 20px;
	font-size: 16px;
	cursor: pointer;
}
.tbl_td2 > input[type="radio"]:checked + label {
	
}
.in-flex {
	display: inline-flex!important;
	align-items: baseline;
}
.in-flex  span {
	padding: 0 0.5%;
}
.td-margin {
	margin-right: 5.263%;
    box-sizing: border-box;
}
.tr2 input[type="text"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
}
.tr2 input[type="text"]::placeholder {
	font-size: 13px;
	color: #999999;
}
.tbl-td3 {
	display: flex;
	justify-content: space-between;
}
.tbl-td3 > select {
	width: calc(100% / 3 - 1.228%);
	color: #000;
	padding: 10px;
	margin-right: 0.614%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 13px;
	-webkit-appearance:none; /* for chrome */
	-moz-appearance:none; /*for firefox*/
	appearance:none;
	background: url(../img/select-tri.svg) no-repeat 90% 50%/14px auto #fff;
	outline: none;
	cursor: pointer;
}
.tbl-td3 > select::-ms-expand{
	display:none;/*for IE10,11*/
 }

.tbl-td3 > select:last-child {
	margin-right: 0;
}

.span-margin {
	margin: 0 1%;
}
.heigh {
	max-height: 48px;
	min-height: 48px;
}
.tbl_main_bbs tbody td:first-child {
	width: 90.8%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
/*
.tbl_main_bbs tbody td:last-child {
	width: 7%;
}
*/
/* 분기별 발주계획 탭메뉴 커스텀 */
#notiTable .tbl_main_bbs tbody td:first-child {
	width: 100%;
}
/* 캘린더 커스텀 */
.ui-datepicker-trigger {
	display: none;
}
.tbl_td3 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tbl_td3 input[type="button"] {
	width: 13.421%;
	height: 43px;
	border-radius: 4px;
	background: #1F64AF;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	border: none;
	cursor: pointer;
}
.tbl_td3 input[type="button"]:nth-child(2) {
	outline: 1px solid #ddd;
	background: #fff;
	color: #222;
	margin-left: 20px;
}
.margin-bottom-cus {
	margin-bottom: 100px;
}
/* 햄버거 메뉴 시작*/
#hamIcon {
	width: 40px;
    height: 32px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    right: -15px;
	top: 44%;
	transform: translate(-50%, 0);
	cursor: pointer;
	display: none;
}

.ham-menu {
	width: 50%;
	height: calc(100vh - 76px);
	position: absolute;
	top: 95px;
	right: 100%;
	z-index: 9999;
	background: #3574F2;
}
/* 갈매기 */

.ham-menu3::after {
	content: '';
    display: block;
    position: fixed;
    width: 37%;
    height: 27%;
    right: 0;
    bottom: 20px;
    background: url(../img/menu-pic2.svg) no-repeat;
	background-position: bottom right 27px;
    background-size: contain;
    opacity: 0.7;

}
.ham-menu2 {
	right: 0;
	padding-top: 30px;
}
.ham-menu ol,
.ham-menu  li {
	padding: 0;
	margin: 0;
}

.ham-menu > li
.ham-menu > li > ol,
.ham-menu > li > ol > li,
.ham-menu > li > ol > li > ol,
.ham-menu > li > ol > li > ol > li,
.ham-menu > li > ol > li > ol > li > a {
	width: 100%;
	text-align: left;
}
.ham-menu ol .hammenu-item:last-child {
	margin-bottom: 30px;
}
.hammenu-item {
	width: 100%;
	background: transparent;
	position: relative;
	z-index: 999;
	
}
.hammenu-item > p {
	display: flex;
	align-items: center;
	width: 100%;
	height: 45px;
	padding-left: 33px;
	box-sizing: border-box;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin: 0;
	padding-left: 33px;
}

.hammenu-item > p:hover {
	cursor: pointer
}
.ham-menu > li > ol > li > ol > li > a {
	display: flex;
	align-items: center;
	height: 45px;
	padding: 0 33px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
.hammenu-item > ol {
	/* max-height: 0; */
	transition: all 0.4s;
	overflow: hidden;
	display: block;
}
/* .ham-menu > li > ol > li > ol > li > a:active,
.ham-menu > li > ol > li > ol > li > a:hover {
	background: #A9D8F6;
} */
.sub-toggle {
	display: block !important;
}
/* 햄버거 메뉴 끝*/
/* 계약정보 클릭했을 떄 상세 페이지 시작 */
.detail-title-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.detail-title-box > p {
	font-size: 16px;
}
.detail-title-box > button {
	background: transparent;
	border: none;
	margin-bottom: 15px;
	cursor: pointer;
}
.tbl_detail-cus {
	width: 100% !important;
	display: inline-table;
}
.tbl_detail-cus .th-cus {
	width: 14.6% !important;
    color: #000 !important;
    font-weight: bold !important;
    box-sizing: border-box;
}
table.tbl_detail-cus tbody th {
	background: #F8F8F8 !important;
	font-size: 16px;
	font-weight: 600 !important;
	color: #2E2E2E;
}
table.tbl_detail-cus th {
    width: 18.35% !important;
    padding: 0 !important;
}
table.tbl_detail-cus td {
	width: 24%;
}
table.tbl_detail-cus tbody td {
	color: #2E2E2E;
	font-size: 16px;
}
table.tbl_detail-cus tr {
	width: 100%;
	height: 62px;
}
.tbl_detail-cus td {
   padding-left: 16px !important;

}

.title-row-cus > th {
	border: none !important;
	background: transparent;
}
table.tbl_paym.tbl_paym2 tbody td{
	border: none;
	border-bottom: 1px #e8e8e8 solid;
}
/* .tbl_detail-cus td:not(td[colspan="3"]):nth-of-type(1) {
	width: 13.475%;
} */
/* .tbl_detail-cus td:not(td[colspan="3"]):nth-of-type(2) {
	width: 33%;
} */

.tbl_detail-cus-button {
	margin-top: 50px;
}
.tbl_detail-cus-button > input {
	width: 69px;
	height: 49px;
	font-size: 15px;
	cursor: pointer;
	border: none;
	border-radius: 4px;
}
.tbl_detail-cus-button > input:nth-child(1) {
	background: #1F64AF;
	color: #fff;
}
.tbl_detail-cus-button > input:nth-child(2) {
	background: #fff;
	color: #333;
	border: 1px solid #DFDFDF;
	margin-left: 22px;
}
.mtcus {
	margin-top: 200px;
}
.table-display-none {
	display: none;
}
/* 모바일버전 게시판 스타일 */
.tbl_detail-cus {
	display: inline-table;
}
.tbl_detail-cus.display {
	display: none;
}
.tbl_detail-cus.display .th-cus {
	width: 100%;
	background: red;
	display: none;
}
table.tbl_detail-cus.display tr {
	height: 64px;
}
table.tbl_detail-cus.display tbody th.bold {
	font-weight: bold !important;
}
.tbl_detail.tbl_detail2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* 계약정보 클릭했을 떄 상세 페이지 끝 */

/* 계약법규 상세페이지 시작 */

.tbl_detail.tbl_detail_3  {
    width: 100%;
    border-top: 3px #1F64AF solid;
}
.tbl_detail.tbl_detail_3 tr  {
	height: 65px;
}
.tbl_detail.tbl_detail_3 tr > th {
	width: 23.666%;
}
.tbl_detail.tbl_detail_3 tr > td {
	width: 76.334%;
	font-weight: 500;
	padding: 20px 15px
}
.tbl_detail.tbl_detail_3 tr > th,
.tbl_detail.tbl_detail_3 tr > td, 
.tbl_detail.tbl_detail_3 tr > td > pre,
.tbl_detail.tbl_detail_3 tr > td > a {
	font-size: 16px;
}

.tbl_detail.tbl_detail_3 tr > td > a {
	color: #2e2e2e;
}
.tbl_detail.tbl_detail_3 tr > td > input {
	width: 20px;
	height: 20px;
}
.tbl_detail_3 + .tbl_detail-cus-button > input {
	width: 70px;
	height: 34px;
	font-size: 16px;
}
.tbl_detail-cus-button > input:nth-child(2) {
	margin-left: 16px;
}
.height {
	height: 300px;
}

.tbl_detail_3.tbl_detail_4 {
	display: none;
}

/* 계약법규 상세페이지 끝 */
/* 관련 사이트 시작  */
.sub-tbody.sub-tbody-site {
	margin-bottom: 88px;
}
.tbl_site.tbl_site2 {
	border-top: 3px solid #1f64af;
}
.sub-tbody.sub-tbody-site .tr-cont1 label:nth-of-type(1),
.sub-tbody.sub-tbody-site .tr-cont1 label:nth-of-type(2) {
	
    border-bottom: 1px solid #f1f1f1;
}
.sub-tbody.sub-tbody-site .tr-cont1 label:nth-of-type(3) {
	border-bottom: 1px solid #DDDDDD;
}
.sub-tbody-site .tr-cont1 > td > input:checked + label::after {
	content: '';
	display: none;
}
.tbl_site2 tr {
	display: flex;
}


.tbl_site2 td {
	width: calc(100%/4);
	padding: 5.334% 0 !important;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.tbl_site2 td:nth-child(n+1):nth-child(-n+3) {
	border-right: none;
}
.tbl_site2 td > div {
	width: 70%;
	padding: 11.71% 0;
	background-size: contain !important;
	background-position: center !important;
}

.tbl_site2 tr:nth-child(1) td:nth-child(1) > div {
	background: url(../img/silogo_1.png) no-repeat;

}
.tbl_site2 tr:nth-child(1) td:nth-child(2) > div {
	background: url(../img/silogo_2.png) no-repeat;
	

}
.tbl_site2 tr:nth-child(1) td:nth-child(3) > div {
	background: url(../img/silogo_3.png) no-repeat;


}
.tbl_site2 tr:nth-child(1) td:nth-child(4) > div {
	background: url(../img/silogo_5.png) no-repeat;

}
.tbl_site2 tr:nth-child(2) td:nth-child(1) > div {
	background: url(../img/silogo_6.png) no-repeat;

}
.tbl_site2 tr:nth-child(2) td:nth-child(2) > div {
	background: url(../img/silogo_7.gif) no-repeat;


}
.tbl_site2 tr:nth-child(2) td:nth-child(3) > div {
	background: url(../img/silogo_8.png) no-repeat;

}
.tbl_site2 tr:nth-child(2) td:nth-child(4) > div {
	background: url(../img/silogo_9.png) no-repeat;

}
.tbl_site2 tr:nth-child(3) td:nth-child(1) > div {
	background: url(../img/silogo_10.gif) no-repeat;

}
.tbl_site2 tr:nth-child(3) td:nth-child(2) > div {
	background: url(../img/silogo_11.jpg) no-repeat;

}
.tbl_site2 tr:nth-child(3) td:nth-child(3) > div {
	background: url(../img/silogo_12.jpg) no-repeat;

}
.tbl_site2 tr:nth-child(3) td:nth-child(4) > div {
	background: url(../img/silogo_13.gif) no-repeat;

}
.tbl_site2 td p {
	margin: 0;
}
.tbl_site2 td p:nth-child(1) {
	font-size: 14px;
	color: #999;
	margin-top: 16px;
}
.tbl_site2 td p:nth-child(2) {
	font-size: 18px;
	margin-top: 56px;
	color: #000;
}
.total-txt {
	font-size: 16px;
	color: #5B5B5B;
	text-align: left;
}
.total-txt > span {
	font-size: 16px;
	color: #1f64af;
}
table.tbl_site.tbl_site2 tbody tr:hover {
	background-color: transparent;
}
.tbl_sch.tbl_sch-site {
	padding: 0;
}
table.tbl_site.tbl_site2 {
	margin-bottom: 240px;
}
.height2 {
	height: 50px !important;
    display: flex;
    align-items: end;
	justify-content: flex-end;
}
.tableWrap.tableWrap10 .ui-jqgrid-bdiv {
	height: auto !important;
}
.ui-paging-info {
	display: none;
}
.tbl_sch.tbl_sch-bid .tr-cont1 > td > input:checked + label::after {
	display: none;
}
.tbl_sch.tbl_sch-bid .tr-cont1 > td {
	justify-content: center;
}
/* 입찰정보 인트로 시작 */
/* 탭메뉴 */
#container.container-bid .bid-sub-img-wrap {
	position: relative;
}
#container.container-bid .bid-sub-img-wrap::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
}
#container.container-bid .bid-tab {
	position: absolute;
	top: 94.5%;
    display: flex;
    width: 800px;
    margin: 0 auto;
}
#container.container-bid  .bid-tab > input {
	display: none;
}
#container.container-bid  .bid-tab > label.tab-title2 {
    width: 50%;
	height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #1f64af;
	opacity: 90%;
	font-size: 18px;
	color: #acbfd3;
	font-weight: 500;
	cursor: pointer;
}
#container.container-bid  .bid-tab > label.tab-title2:nth-of-type(1) {
	border-radius: 60px 0 0 0px;
}
#container.container-bid  .bid-tab > label.tab-title2:nth-of-type(2) {
	border-radius: 0 60px 0px 0;
}
#container.container-bid  .bid-tab > input:checked + label {
	background: #fff;
	color: #0b2b50;
	opacity: 100%;
}
/* 아래 내용 */
.bid-intro {
	width: 1200px;
	margin: 0 auto;

}
.bid-intro p {
	margin: 0;
}
.bid-intro > .bid-cont1,
.bid-intro > .bid-cont2 {
	width: 100%;
	margin-top: 95px;
	margin-bottom: 80px;
}
.bid-intro > .bid-cont1 > div {
	width: 100%;
}
.wid-100 {
	width: 100%;
}
.wid-100 > div {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.wid-100 > div > .point-mark {
	width: 2%;
}
.wid-100 > div > .point-mark > img {
	width: 40%;
}
.wid-100 > div p:nth-of-type(1) {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: -3px;
}
.wid-100 > div p:nth-of-type(2) {
	font-size: 30px;
	font-weight: 600;
}
.wid-100 > p {
	font-size: 16px;
}
.flex {
	display: flex;
}
div.flex {
	padding: 5% 0;
	margin-top: 30px;
	background: #eee;
	border-radius: 20px;
}
.icon-box {
	width: calc(100% / 3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.icon-box p {
	font-size: 18px;
	color: #666;
	text-align: center;
}
.icon-box p:nth-of-type(1) {
	font-weight: 600;
	color: #666;
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	margin-left: -14px;
}
.icon-box p:nth-of-type(1) > img {
	margin-right: 5px;
}
.icon-box p:nth-of-type(2) {
	font-weight: 400;
	font-size: 14px;
}
.icon-box > div {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	/* border: 1.5px solid #d3d3d3; */
    background: #ffffff;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.icon-box > div > img {
	width: 60%;
}
.mtcus2 {
	height: 300px;
}
/* 입찰정보 인트로 끝 */
.detail-title {
	font-size: 16px;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-bottom: 15px !important;
}
.detail-title2 {
	font-size: 16px;
	text-align: left;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 0!important;
}
/* 준공계약 디테일 */

table.tbl_detail.tbl_detail2.tbl-de3 {
	width: 100%;
}
table.tbl_detail.tbl_detail2.tbl-de3  tr {
	width: 100%;
    height: 62px;
}
table.tbl_detail.tbl_detail2.tbl-de3  th {
	background: #F8F8F8 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2E2E2E;
}


table.tbl_detail.tbl_detail2.tbl-de3 tr.border-none th,
table.tbl_detail.tbl_detail2.tbl-de3 tr.border-none td {
	border-right: none !important;
	border-left: none !important;
}
.border-none > th {
	border-right: none;
}
/* 분기별 발주계획 탭메뉴 */
.notiboard-cus {
	border: 1px solid #dddddd;
    border-radius: 3px;
    background-color: #F9F9F9;
}
.notiboard-cus tr {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.notiboard-cus td {
}
.notiboard-cus td input {
	height: 100%;
	padding: 2% 4%;
	box-sizing: border-box;
}
.lmenu_noti {
	display: none;
}
@media screen and (max-width:1342px) {
	#container .qr-cord {
		position: absolute;
		top: 100%;
		right: 50%;
		transform: translate(50%, 0);
		width: 385.45px;
		display: flex;
		align-items: center;
		padding: 10px;
		padding-bottom: 2%;
	}
	.qr-cord > div:nth-child(2) {
		width: 41.399%;
		margin-top: 6%;
		position: static;
	}
	#container .qr-cord::after {
		padding-bottom: 6%;
	}
	#container .qr-cord::after {
		padding-bottom: 0;
	}
}
input {
	/*background: #fff!important; */
}
@media screen and (max-width:1200px) {
	
	.layoutbox-padding {
		padding-top: 123px;
	}

	#header-top > div {
		width: 100%;
	}
	.layoutbox-padding {
		/* padding-top: 121px; */
	}
	#topmner {
		display: none;
	}
	.ham {
		display: none;
		background-position: right;
	}
	.ham2 {
		display: block;
		height: 76px;
		border: none;
		top: 100%;
		padding-top: 30px;
	}
	#hamIcon {
		display: flex;
	}
	.ham-menu {
		top: 100%;
	}
	.hammenu-item > p {
		height: 22px;
		font-size: 18px;
		font-weight: 400;
		padding-left: 33px;
		margin-bottom: 10px;
		margin-top: 18px;
	}
	.ham-menu > li > ol > li > ol > li > a {
		height: 26px;
		font-size: 16px;
		font-weight: 200;
		color: #fff;
		margin-bottom: 3px;
	}
	.header-wid {
		width: 100%;
		height: 76px;
		box-sizing: border-box;
		padding: 0 16px;
	}

	#container > div:nth-of-type(1) {
		height: 652px;
	}
	#container > div:nth-of-type(1) > div {
		width: 100%;
	}

	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		width: 81.152%;
	}
	/* .icon-text {
		width: 57%;
	} */
	.icon-text > div > div {
		font-size: 27px;
	}
	.full-menu > li > ol {
		width: 100%;
	}
	.tbl_sch table {
		width:100%;
	}
	.main-cont {
		width: 100%;
		padding:  0 16px;
	}
	#footer > div {
		width: 100%;
	}
	/* 발주계획 */
	.bid-tab {
	width: 100% !important;
	}
	#container.container-bid.ordrwrap  .bid-tab > label.tab-title2:nth-of-type(1) {
		border-radius: 0;
	}

	#container.container-bid.ordrwrap  .bid-tab > label.tab-title2:last-of-type {
		border-radius: 0;
	}
	/* 계약법규 시작 */
	#container.container-inof-de > div:nth-of-type(1) {
		height: auto;
	}
	#container > div.lmenu_info.lmenu_info2{
		height: auto;
	}
	#contents.contents3 {
		width: 100% !important;
	}
    .tbl_detail_3.tbl_detail_4 {
		display: none;
	}
	/* 계약법규 끝 */
	/* 관련사이트 시작 */
	#contents.contents-site {
		margin-bottom: 240px;
	}
	.tbl_site2 td > div {
		background-size: contain !important;
	}
	/* 입찰정보 인트로 페이지 시작 */
	.bid-intro {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}
wid
	#container.co.p-widntainer-bid .bid-tab {
		width: 100% !important;
		top: 116% !important;
	}
	#container.container-bid .bid-tab > input:checked + label {
		border: 1px solid rgb(221, 219, 219);
		color: #0b2b50 !important;
		opacity: 100%;
		font-weight: bold !important;
		background: #fff;
	}
	#container.container-bid .bid-tab > label.tab-title2:nth-of-type(1),
	#container.container-bid .bid-tab > label.tab-title2:nth-of-type(2) {
		border-radius: 0;
	}
	#container.container-bid .bid-tab > label.tab-title2{
		color: #acbfd3;
	}
	#footer > div {
		padding: 82px 16px;
	}


}

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

	#header-top > div {
		flex-wrap: wrap;
	}
	.htr-label {
		width: calc(100% / 3);
		padding: 1%;
	}
	.htr-label > a {
		font-size: 12px;
	}
	#logobx {
		width: 300px;
	}
	#header-top > div > .htr-label:nth-of-type(1),
	#header-top > div > .htr-label:nth-of-type(2), 
	#header-top > div > .htr-label:nth-of-type(3)  {
		border-bottom: 0.7px solid #CCC;
	}
	#container > div:nth-of-type(1) {
		height: 0;
		padding:  0 16px;
		padding-bottom: 79%;
		margin-top: 200px !important;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) {
		width: calc(100% - 32px);
		height: 180px;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div { 
		height: 100%;
	}
	.icon-text {
		width: 65%;
	}
	.icon-text > div {
		font-size: 1.2rem;
	}
	.icon-text > div > div {
		font-size: 2.3rem;
	}
	.left .icon-text > .img {
		width: 36%;
	}
	/* .right .icon-text > .img {
		width: 30.569%;
		background-size: contain;
	} */
	#container > div:nth-of-type(1) > div:nth-of-type(2) {
		/* height: 29.76%; 여기여기 */
	}
	#container div.main-visual {
		margin-top: 46px !important;
	}
	.main-cont {
		flex-wrap: wrap;
		padding: 0 16px;
	}
	.tbl_main {
		width: 100%;
	}
	.banner-wrap {
		width: 100%;
	}
	.main-cont > .banner-wrap {
		width: 100%;
	}
	.main-cont > .banner-wrap > div {
		justify-content: center;
		padding-left: 0;
	}
	/* 관련정보 상세페이지 시작  */
	#container.container-inof-de > div:nth-of-type(1) {
		padding: 0;
	}
	.wid-100 > div > .point-mark {
		width: 3%;
	}
}
@media screen and (max-width: 870px) {
	div.flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.icon-box {
		width: 100%;
	}
	.icon-box:first-child {
		padding-top: 30px;
	}
	.icon-box:last-child {
		padding-bottom: 30px;
	}
	.icon-box:not(.icon-box:last-child) {
		margin-bottom: 50px;
	}
	.icon-box p:nth-of-type(2) {
		width: 100%;

	}
}

@media screen and (max-width:768px) {
	
	.layoutbox-padding {
		padding-top: 0;
	}
	#logobx {
		width: 80% !important;
	}
	.ham.ham2 {
		width: 60px;
		height: auto;
	}
	#hamIcon {
		margin-top: -7px;
	}
	.ham-menu3::after {
		width: 90%;
	}
	.header-wid {
		min-height: 70px;
	}
	.height2 {
		height: 75px !important;
	}
	table.tbl_site.tbl_site2 {
		margin-bottom: 178px;
	}
	tbody tr .tab-title {
		font-size: 13px !important;
	}
	.tab-title2 {
		font-size: 14px !important;
	}
	.tbl_sch .tbl_th {
		font-size: 14px !important;
		font-weight: 400;
	}

	#header-top > div {
		display: none;
	}
	.bbs01 > li:first-child > div,
	.bbs01 > li:first-child > div > p {
		font-size: 14px !important;
	}
	#container > div:nth-of-type(1) {
		padding: 0 16px;
		padding-bottom: 92.19%;
		background-size: cover;
		margin-top: 10% !important;
	}
	#container div.main-visual {
		/* 메인비주얼 */
		margin-top: 9% !important;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) {
		top: 110%;
		border-radius: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 15px;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div.right {
		background: #A9D8F6;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1),
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(2) {
		background-size: cover;
		background-position: center;
	}

	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover,
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover .icon-text {
		background: #1F64AF;
		color:#A9D8F6;
	}
	
	#container > div:nth-of-type(1 ) > div:nth-of-type(2) > div:hover div {
		color: #fff;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(2):hover,
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(2):hover .icon-text {
		background: #A9D8F6;
		color: #1F64AF;
	}
	#container > div:nth-of-type(1 ) > div:nth-of-type(2) > div:hover > div > div img {
		outline: none;
		border-radius: 50%;
	}
	.icon-text > div {
		width: 100%;
		font-size: 13px;
	}
    .icon-text > .img {
		display: none;
	}
	
	#container > div:nth-of-type(1) > div > p:nth-child(1) {
		font-size: 43px;
	}
	#container > div:nth-of-type(1) > div > p:nth-child(2) {
		font-size: 35px;
	}
	#container .qr-cord {
		display: none;
	}
	#container .main-visual > div:first-child {
		width: 100%;
		top: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 71px 0;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1) {
		border-radius: 0;
		margin-right: 0;
	}
	.icon-text {
		width: auto;
	    align-items: center;
		justify-content: center;
	}
	.p-wid {
		position: static;
		width: 100%;
	}
	.p-wid4 {
		font-size: 12px;
	}
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover .icon-text > div > div, 
#container > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-child(1):hover .p-wid {
		color: #fff !important;
	}
	.icon-text > .img {
		margin-right: 0.7rem;
		width: 27%;
	}
	.icon-text > div {
		font-size: 14px;
	}
	.icon-text > div > div {
		font-size: 30px;
		margin-top: 6%;
	}
	.left .icon-text > .img {
		width: 40%;
	}
	.icon-text > div > div > img {
		width: 20px;
		height: 20px;
	}
	.qr-cord > div:nth-child(2) {
		width: 39.4%;
	}
	.bbs01 > li:first-child {
		margin-bottom: 12px;
	}
	.tbl_main {
	    margin-top: 64px;
	}
	.tbl_main_bbs tbody td {
		font-size: 14px;
	}
	table.tbl_main > tbody > tr,
	table.tbl_main > tbody > tr > td {
		width: 100%;
	}
	.banner-wrap {
		margin-top: 40px;
	}
	.banner-wrap > div > div {
		min-width: 290px;
	}
	#footer > div > img {
		display: none;
	}
	.main-cont {
		margin-top: 21%;
	}
	.main-cont .icon-round {
		width: 60px;
		height: 60px;
	}
	.ham-menu {
		width: 100%;
		background-size: 43%;
		overflow: scroll;
	}
	/* 계약정보 상세페이지 */
	#contents {
		width: 100%;
		box-sizing: border-box;
	}
	table.tbl_detail-cus tbody td,
	table.tbl_detail-cus tbody th {
		font-size: 13px;
		padding: 5px;
	}
	table.tbl_detail-cus th {
		width: 7.777% !important;
	}
	table.tbl_detail-cus.display td {
		width: calc(100% - 7.777%);
	} 
	.tbl_detail-cus-button {
		margin-top: 50px;
	}
	.tbl_detail-cus-button > input {
		width: 70px;
		height: 44px;
		font-size: 18px;
		border-radius: 4px;
	}
	.tbl_detail-cus-button {
		margin-top: 36px;
	}
	.tbl_detail-cus-button > input:nth-child(2) {
		margin-left: 17px;
	}
	.mtcus {
		margin-top: px;
	}
	table.tbl_detail.tbl_detail2.tbl-de3  th {
		font-size: 13px !important;
	}
	/* 관련정보 상세페이지 */
	.tbl_detail_3 {
		display: none;
	}
	.tbl_detail_3.tbl_detail_4 {
		display: inline-table;
	}
	#contents.contents3 {
		padding: 0 16px;
	}
	.tbl_detail.tbl_detail_3.tbl_detail_4 tr > td {
		box-sizing: border-box;
		padding: 10px 15px;
	}
	/* 관련 사이트 시작 */
	.tbl_site2 tr {
		flex-wrap: wrap;
	}
	.tbl_site2 td {
		width: 50%;
	}
	.tbl_site2 td > div {
		width: 76%;
	}
	.tbl_site2 td p:nth-child(2) {
		margin-top: 15%;
	}
	.tbl_site2 td:nth-child(2) {
		border-right: 1px solid #ddd !important;
	}
	.tbl_site2 td:first-child {
		border-right: none;
	}
	/* 관련사이트 */
	.tbl_site2 td p {
		width: 90% !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}
	/* 입찰정보 시작 */
	.wid-100 > div > .point-mark {
		width: 4%;
	}
	#container.container-bid .bid-tab > label {
		font-size: 16px;
	}
	.wid-100 > div p:nth-of-type(1) {
		font-size: 13px;
	}
	.wid-100 > div p:nth-of-type(2) {
		font-size: 25px;
	}
	.wid-100 > p {
		font-size: 13px;
	}

	.icon-box > div {
		margin-bottom: 15px;
	}
	.icon-box p:nth-of-type(1) {
		font-size: 18px;
	}
	.icon-box p:nth-of-type(2) {
		font-size: 13px;
	}
	
	.icon-box > div > img {
		width: 47%;
	}
	.icon-box:nth-child(3) > div > img {
		width: 50%;
	}
	/* 분기별 발주계획 */
	#contents.noticebord-wid,
	#contents.noti-detail-board { 
		width: 100% !important;
	}
	
}
@media screen and (max-width:590px) {
	
	/* .logo-wid {
		width: 60%;
		margin-top: 5px;
	} */
	#hamIcon {
		right: -12px;
	}

	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 58px 0;
	}
	#container > div:nth-of-type(1) > div > p:nth-child(1) {
		font-size: 24px;
	}
	#container > div:nth-of-type(1) > div > p:nth-child(2) {
		font-size: 22px;
		width: 82%;
		margin: 0 auto;
	}

	#container div.main-visual {
		/* 메인비주얼 */
		margin-top: 13% !important;
	}
	.tbl_main_bbs{
		table-layout: fixed;
		width: 100%;
		white-space: nowrap;
		}
	.tbl_main_bbs tbody td:first-child {
		display: table-cell;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}
@media screen and (max-width:442px) {
	#logobx > tbody > tr {
		height: 45px;
	}

	#hamIcon  {
		width: 30px;
		height: 22px;
		margin-top: unset;
	}
	.bbs01 > li:first-child > div:nth-child(3) > p {
		/* padding: 0 13px; */
		width: 82%;
	}
	
	#container div.main-visual {
		/* 메인비주얼 */
		margin-top: 17% !important;
	}

	#container .main-visual > div:first-child {
		width: 100%;
		top: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 52px 0;
	}
	.p-wid {
		width: 57%;
		margin: 0;
	}
	.tbl_main_bbs tbody td:last-child {
		width: 10%;
	}
	.tbl_main_bbs tbody td:first-child {
		width: 84%;
	}
	.icon-text > div {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.icon-text > div > div {
		font-size: 20px;
	}
	/* 계약정보 상세페이지 모바일버전 */
	table.tbl_detail-cus tbody th {
		font-size: 14px;
	}
	table.tbl_detail-cus tbody td {
		font-size: 14px;
	}
	/* 관련정보 상세페이지 */
	.tbl_detail.tbl_detail_3.tbl_detail_4 th,
	.tbl_detail.tbl_detail_3.tbl_detail_4 tr > td {
		font-size: 14px;
	} 
	.wid-100 > div > .point-mark {
		width: 5%;
	}
}	
@media screen and (max-width:360px) {
	#logobx {
		width: 83%;
		margin-left: -11px;
	}
	.ham.ham2 {
		width: 30px;
		height: auto;
	}
	table.tbl_detail-cus th {
		width: 9.777% !important;
	}
	/* .logo-wid {
		height: 127%;
	} */
	
	.bid-intro > .bid-cont1,
	.bid-intro > .bid-cont2 {
		margin-top: 100px;
	}
	#hamIcon > span {
		height: 3px;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 55px 0;
	}
	#container > div:nth-of-type(1) {
		padding-bottom: 81.95%;
		background: url(../img/main-mobile.png) no-repeat;
		background-size: cover;
		margin-top: 21%!important;
	}
	#container div.main-visual {
		/* 메인비주얼 */
		margin-top: 21% !important;
	}
	.main-cont {
		margin-top: 130px;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) {
		top: 117%;
	}
	.banner-wrap {
		margin-top: 14px;
	}
	.main-cont .icon-round + div > p:nth-child(1) {
		font-size: 17px;
		margin-bottom: 11px;
	}
	.main-cont .icon-round + div > p:nth-child(2) {
		font-size: 13px;
	}
	.main-cont > .banner-wrap > div > div {
		justify-content: center;
	}
	.icon-text > div {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.tbl_main {
		margin-top: 0;
	}
	.main-cont {
		margin-top: calc(6% + 85px + 39px);
	}
	#situTable .bbs01 > li:first-child > div:nth-child(1),
	#situTable .bbs01 > li:first-child > div:nth-child(2) {
		font-size: 14px;
	}
	.bbs01 > li:first-child > div:last-child {
		font-size: 13px;
	}
	.bbs01 > li:first-child > div:nth-child(3) > p {
		padding: 0 5px;
		width: 80%;
	}
	#footer > div > div {
		font-size: 11px;
		letter-spacing: 184.5%;
	}
	.icon-text > div > div {
		margin-top: 0;
	}
	.table-paging > div > p,
	.table-paging > div > span {
		font-size: 13px;
	}
	.p-wid {
		width: 65%;
		margin: 0;
	}
	.p-wid2 {
		width: 100%;
		margin: 0;
	}
	/* .p-wid3 {
		width: 90%;
	} */
    .right .icon-text > div {
		margin-bottom: 8%;
	}
	
	.tbl_detail-cus td {
		padding-left: 10px !important;
	 }
	 /* 관련 사이트 */
	 .tbl_site2 td p:nth-child(2) {
		 font-size: 16px;
	 }
	 /* 입찰정보 서비스 */
	
	.wid-100 > div > .point-mark {
		width: 6%;
	}
	.icon-box > div > img {
		width: 40%;
	}
	#container.container-bid.ordrwrap .situpage .bid-tab > label.tab-title2:nth-of-type(3) {
		padding: 0 11px;
	}
}
@media screen and (max-width: 414px) {
	#container.container-bid.ordrwrap .paympage .bid-tab > label.tab-title2 {
		padding: 0 21px;
	}
} 
@media screen and (max-width: 412px) {
	.bbs01 > li:first-child > div:nth-child(3) > p {
		width: 56%;
	}
} 
@media screen and (max-width: 390px) {
	.bbs01 > li:first-child > div:nth-child(3) > p {
		width: 61%;
	}
}

@media screen and (max-width: 375px) {
	.bbs01 > li:first-child > div:nth-child(3) > p {
		width: 76%;
	}
	#container.container-bid.ordrwrap .paympage .bid-tab > label.tab-title2 {
		padding: 0 16px;
	}
}

@media screen and (max-width: 350px) {
	.bbs01 > li:first-child > div:nth-child(3) > p {
		width: 83%;
	}
}
@media screen and (max-width:324px) {
	#hamIcon {
		margin-top: 4px;
		width: 25px;
		height: 17px;
	}

	.icon-text > div > div {
		font-size: 16px;
	}
	.main-cont .icon-round + div {
		margin-left: 10px;
	}
	.main-cont .icon-round {
		width: 40px;
		height: 40px;
	}
	.p-wid2 {
		width: 80%;
	}
	.main-cont .icon-round + div {
		margin-left: 10px;
		width: 39%;
	}
	#container > div:nth-of-type(1) > div > p:nth-child(1) {
		font-size: 18px;
		margin: 0;
	}
	#container > div:nth-of-type(1) > div > p:nth-child(2) {
		font-size: 22px;
	}
	
	.banner-wrap > div:nth-child(1) .icon-round > img {
		width: 25px;
		height: 25px;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) > div {
		padding: 45px 0;
	}
	.banner-wrap > div:nth-child(2) .icon-round > img {
		width: 30px;
		height: 30px;
	}
	.font-wid {
		width: 74%;
		text-align: center;
		margin: 0 auto;
	}
	.wid-100 > div > .point-mark {
		width: 7%;
	}
	.tbl_td4 {
		justify-content: flex-start;
	}
	.tbl_td4 > input[type="date"] {
		width: 40% !important;
	}
	.paym-table .tbl_td4 > input[type="date"] {
		width: 46% !important;
	}
}
@media screen and (max-width:280px) {
	/* 관련정보 상세페이지 */
	.tbl_detail.tbl_detail_3.tbl_detail_4 tr:nth-child(2) > th {
		width: 29%;
	} 

	#hamIcon {
		margin-top: 4px;
	}
	#container > div:nth-of-type(1) {
		padding-bottom: 81.95%;
	}
	#container > div:nth-of-type(1) > div:nth-of-type(2) {
		top: 119%;
	}
	#container div.main-visual {
		/* 메인비주얼 */
		margin-top: 27% !important;
	}
	.bbs01 > li:first-child > div:nth-child(3) > p {
		width: 90%;
		padding: 0;
	}
	#container.container-bid.ordrwrap .orderpage .bid-tab > label.tab-title2 {
		padding: 0 10px;
	}
	#container.container-bid.ordrwrap .situpage .bid-tab > label.tab-title2:nth-of-type(2) {
		padding: 0 10px;
	}
	#container.container-bid.ordrwrap .situpage .bid-tab > label.tab-title2:nth-of-type(3) {
		padding: 0 2px;
	}
	#container.container-bid.ordrwrap .paympage .bid-tab > label.tab-title2 {
		padding: 0 3px;
	}
	
}

/* 익스플로러에만 적용 되는 css 시작 */
 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	.icon-text {
		top: 22%;
		left: 11%;
	}
	.main-cont > .banner-wrap > div > div {
		margin-top: 20px;
	}
   }
   /* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
	.icon-text {
		top: 22%;
		left: 11%;
	}
	.main-cont > .banner-wrap > div > div {
		margin-top: 20px;
	}
  }

  #ham-menu-full.hide-after::after {
    display: none;
}