@charset "utf-8";

#content h5 { position:relative; font-size:23rem; padding-left:25rem; color:var(--blue);}
#content h5:before {content:''; position:absolute; top:10rem; left:3rem; width:5rem; height:12rem; border-right:3px solid var(--blue); border-bottom:3px solid var(--blue); transform:rotate(45deg);  }

.unit {float:right;}

.wrap_input {width:100%; overflow:hidden; border-top:2px solid #333; margin-bottom:50rem; }
.wrap_input dl {width:50%; float:left; border-bottom:1px solid #ddd;}
.wrap_input dl dt{width:30%; float:left; padding:15rem 0; background-color:#f4f4f4; text-align:center; font-weight:bold;}
.wrap_input dl dd{width:70%; float:left; padding-top:13rem; padding-left:15rem;}
.wrap_input dl dd input {width:90%; padding:3rem; border: 1px solid #ccc; }
.wrap_input dl dd select {width:100rem; padding:3rem; border: 1px solid #ccc;}

.buttons {margin-bottom:40rem; text-align:center;}
.btn_default {background-color:#575757; color:#fff; text-align:center; padding:12rem 30rem; cursor:pointer; font-weight:bold; display:inline-block;}
.btn_sch { background:var(--blue); color:#fff; text-align:center; padding:12rem 30rem; cursor:pointer; font-weight:bold; display:inline-block;}


/* 테이블 */
.scroll_txt {display:none;}
.overH .tbl_explain {float:left; margin-top:17rem; margin-bottom:0;}
.overH .tbl_explain li {display:inline-block; margin-right:20rem;}
.overH .tbl_explain li span {display:inline-block; margin:0 3rem; letter-spacing:0.1px;}
.overH .btn_wrap {float:right;}
.tbl_area {overflow-x:auto; margin:20rem 0; clear:both;}
.tbl_area::-webkit-scrollbar-thumb { background:#555;}
.tbl_area::-webkit-scrollbar-track { background:#ddd; }
.tbl_type1 {border-collapse: separate; border-top:1px solid #555; margin-left:-1px; width:100%; }
.tbl_type1 thead th {background:#f4f4f4; padding:15rem 10rem; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type1 tbody th {background:#fafafa;}
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; word-break: break-all; font-size:15rem; }
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10rem; }
.tbl_type1.tbl_ecios tbody tr:nth-of-type(even) td {background:#f9f9f9;}
.tbl_type1.tbl_ecios tbody tr:hover td a {font-weight:500; text-decoration:underline;}
.tbl_type1.left td {text-align:left;}
.tbl_type1 td a.btn_style, .tbl_type1 td a.sbtn_style { display:inline-flex; font-size:14rem; word-break:keep-all; }
.tbl_type1 td a.btn_style[target="_blank"]::after, .tbl_type1 td a.sbtn_style[target="_blank"]::after { content:''; display:block; background:var(--sprite) -423px -242px; width:11px; height:11px; margin:4rem 0 0 7rem;}
.tbl_type1 tbody td > em {display: none;}

@media all and (max-width:768px) {
	.tbl_type1 tbody td, .tbl_type1 tfoot td { word-break: keep-all; }
	.scroll_txt {display:block; margin-top:25rem; text-align:right; font-size:13rem;}
	.scroll_txt span { position:relative; display:inline-block; padding:11rem 0 0 45rem; }
	.scroll_txt span::before {content:''; position:absolute; left:0; top:0; width:35px; height:37px; background:var(--sprite) -457px -240px; }
	.overH .tbl_explain {margin-bottom:10rem;}
	.overH .tbl_explain li {margin-right:10rem;}
	.tbl_type1 {min-width:768px;}
	.overH .tbl_explain {float:none; width:100%; margin-top:0;}
	.overH .btn_wrap {float:none; width:100%;}
}
@media all and (max-width:580px) {
	.scroll_txt {display: none;}
	.tbl_type1.fininfo, .tbl_type1.tbl_ecios, .tbl_type1.currList {min-width: unset; width: 100%;}
	.tbl_type1.fininfo colgroup, .tbl_type1.fininfo thead,
	.tbl_type1.tbl_ecios colgroup, .tbl_type1.tbl_ecios thead,
	 .tbl_type1.currList colgroup, .tbl_type1.currList thead {display: none;}
	.tbl_type1.fininfo tbody tr, .tbl_type1.tbl_ecios tbody tr, .tbl_type1.currList tbody tr {display: flex; flex-wrap: wrap;}
	.tbl_type1.fininfo tbody td, .tbl_type1.tbl_ecios tbody td, .tbl_type1.currList tbody td {border-right: 1px solid #d4d4d4; border-bottom: none; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; text-align: left; padding: 3rem 10rem; margin-left: 1px; text-align: left !important;}
	.tbl_type1.currList tbody > tr:nth-child(even) td {background: #f9f9f9;}
	.tbl_type1.fininfo tbody tr > td:first-child,
	.tbl_type1.tbl_ecios tbody tr > td:first-child,
	.tbl_type1.tbl_ecios tbody tr:nth-child(even) > td:nth-child(2),
	.tbl_type1.currList tbody tr > td:first-child {padding-top: 10rem;}
	.tbl_type1.fininfo tbody tr > td:last-child,
	.tbl_type1.tbl_ecios tbody tr:nth-child(even) > td:nth-child(3), .tbl_type1.tbl_ecios tbody tr > td:last-child,
	.tbl_type1.currList tbody tr > td:last-child {border-bottom: 1px solid #d4d4d4; padding-bottom: 10rem;}
	.tbl_type1.tbl_ecios tbody > tr:nth-child(odd) > td:last-child, .tbl_type1.currList tbody > tr:nth-child(odd) > td:last-child, .tbl_type1.bidding tbody tr:nth-child(even) > td:nth-child(3) {border-bottom: none;}
	.tbl_type1.bidding tbody > tr > td:nth-child(2) {padding-top: 3rem;}
	.tbl_type1.bidding tbody > tr > td:nth-child(3) {padding-bottom: 3rem;}
	.tbl_type1.bidding tbody > tr > td:last-child {border-bottom: 1px solid #d4d4d4 !important;}
	.tbl_type1.bidding tbody > tr > td a.btn_style {margin: 5rem auto;}
	.tbl_type1 tbody td.half {border-right: none; width: calc(50% - 1px);}
	.tbl_type1 tbody td.half2 {margin-left: 0; width: 50%; border-left: none;}
	.tbl_type1 tbody td.date, .tbl_type1 tbody td.dept  {padding-top: 10rem;}
	.tbl_type1 tbody td > em {display: block; font-weight: 600; width: 107rem; padding-left: 10rem; padding-right: 5rem; position: relative; margin-right: 10rem;}
	.tbl_type1 tbody td > em::before {content: ''; display: block; position: absolute; width: 2px; height: 2px; left: 0; top: 10rem; background: #333;}
	.tbl_type1 tbody td > em::after {content: ''; display: block; position: absolute; width: 1px; height: 13px; right: 0; top: 6rem;  background: #d4d4d4;}
	.tbl_type1 tbody td > span {width: calc(100% - 117rem);}
	.tbl_type1.deptExpense tbody td > em {width: 160rem;}
	.tbl_type1.deptExpense tbody td > span {width: calc(100% - 170rem);}
	.tbl_type1.orderplan3 tbody td > em, .tbl_type1.currList tbody td > em, .tbl_type1.bidding tbody td > em {width: 125rem;}
	.tbl_type1.orderplan3 tbody td > span, .tbl_type1.currList tbody td > span, .tbl_type1.bidding tbody td > span {width: calc(100% - 135rem);}
	.tbl_type1 tbody tr td.detail {width: 33.33%; border-right: none; border-left: none; margin-left: 0;}
	.tbl_type1 tbody tr td.detail1 {border-left: 1px solid #d4d4d4; width: calc(33.33% - 1px); margin-left: 1px;}
	.tbl_type1 tbody tr td.detail3 {border-right: 1px solid #d4d4d4;}
	.tbl_type1 tbody td.detail > em, .tbl_type1 tbody td.detail span {width: 100% !important;}
	.tbl_type1 tbody td.detail > em {margin-right: 0;}
	.tbl_type1 tbody td.detail > em::after {display: none;}
	.tbl_type1 tbody td.detail > span {margin-bottom: 5rem; padding-left: 12rem;}
}
@media all and (max-width:480px) {
	.tbl_type1 tbody td.half > em, .tbl_type1 tbody td.half2 > em,
	.tbl_type1 tbody td.half > span, .tbl_type1 tbody td.half2 > span {width: 100%;}
	.tbl_type1 tbody td.half em, .tbl_type1 tbody td.half2 > em {margin-right: 0;}
	.tbl_type1 tbody td.half em::after, .tbl_type1 tbody td.half2 > em::after {display: none;}
	.tbl_type1 tbody td.half > span, .tbl_type1 tbody td.half2 > span {margin-bottom: 5rem; padding-left: 12rem;}
}
@media all and (max-width:416px) {
	.tbl_type1 tbody td > em, .tbl_type1 tbody td > span {width: 100% !important;}
	.tbl_type1 tbody td > em {margin-right: 0;}
	.tbl_type1 tbody td > em::after {display: none;}
	.tbl_type1 tbody td > span {margin-bottom: 5rem; padding-left: 12rem;}
	.tbl_type1.deptExpense tbody td > em {width: 160rem;}
	.tbl_type1.deptExpense tbody td > em::after {content: ''; display: block; position: absolute; width: 1px; height: 13px; right: 0; top: 6rem; background: #d4d4d4;}
	.tbl_type1.deptExpense tbody td > span {width: calc(100% - 170rem); margin-bottom: 0;}
}

/* btn */
/* a tag */
a.btn_style, a.sbtn_style { display:inline-block; padding:7rem 15rem; color:#fff; border:0; border-radius:0; background:var(--blue); box-shadow:3rem 3rem 0 rgba(13,53,105,0.2); transition:all 0.3s; word-break:keep-all; word-break: break-all;}
/*a.btn_style.down span {background:url('/design/ecios/img/sub/icon_file.png') no-repeat right center;}
a.btn_style.view span {background:url('/design/ecios/img/sub/icon_view.png') no-repeat right center;}*/
a.btn_style.down.gs {background:var(--blue);}
a.btn_style.down.yy {background:#2d5c98;}
a.btn_style.down.mp {background:#5083c4;}
a.btn_style:hover, a.sbtn_style:hover {border:0; background:var(--green);}
/*a.btn_style.down:hover span, a.sbtn_style.down:hover span {background:url('/design/ecios/img/sub/icon_file.png') no-repeat right center;}
a.btn_style.view:hover span, a.sbtn_style.view:hover span {background:url('/design/ecios/img/sub/icon_view.png') no-repeat right center;}*/
/* button tag */
button.btn_style, button.sbtn_style {display:inline-block; background:var(--blue); height:40rem; color:#fff; border:0; padding:7rem 18rem; border-radius:0; margin:0 2rem; box-shadow:3rem 3rem 0 rgba(13,53,105,0.2); transition:all 0.3s;}
button.btn_style:hover, button.sbtn_style:hover {border:0; background:#37a178;}
a.link {color:var(--blue); text-decoration:underline; }


/* form basic */
.form_basic input[type="text"],
.form_basic input[type="password"],
.form_basic input[type="email"],
.form_basic input[type="phone"],
.form_basic select {height:40rem; padding:0 15rem; border:1px solid #e0e0e0; background-color:#fff; border-radius:0; box-shadow:none;}
.form_basic dl {overflow:hidden; margin-bottom:15rem;}
.form_basic dl dt {display:table; float:left; width:120rem; height:40rem; font-weight:600; text-align:center; /*padding-right:20rem;*/}
.form_basic dl dt span {display:table-cell; vertical-align:middle; word-break:break-word}
.form_basic .align {position:relative;}
.form_basic .align:after {content:''; clear:both; display:block;}
.form_basic .align dl {float:left;}
.form_basic .align.num1 dl {float:none; width:100%;}
.form_basic .align.num3 dl {width:33.333%;}
.form_basic .align dd {float:right; width:calc(100% - 120rem);}
.form_basic .align dd input[type="text"],
.form_basic .align dd select {width:100%;}
.form_basic .date {overflow:hidden; position:relative;}
.form_basic .date:before {content:'~'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.form_basic .cal {position:relative; width:47% !important;}
/*
.form_basic .cal::before { content:''; position:absolute; right:0; top:50%; width:18px; height:19px; background:var(--sprite) -390px -239px; transform:var(--hcenter); }
*/
.form_basic .cal:last-of-type {float:right;}
.form_basic .button > div {float:left; width:calc(100% - 77rem);}
.form_basic .button button {position:absolute; right:0; bottom:15rem;}
@media all and (max-width:1023px) {
	.form_basic dl dt {display:block; float:none; width:100%; height:auto; margin-bottom:7rem;}
	.form_basic .align dd {float:none; width:100%;}
	.form_basic .align.num3 dl {width:32%; margin-left:2%;}
	.form_basic .align.num3 dl:first-of-type {margin-left:0;}
}
@media all and (max-width:599px) {
	.form_basic dl {margin-bottom:7rem;}
	.form_basic dl dt {display:table; float:left; height:40rem; margin-bottom:0; width:100rem; text-align:left;}
	.form_basic .align dl {float:none !important; width:100% !important; margin-left:0 !important;}
	.form_basic .align dd {float:right; width:calc(100% - 100rem);}
	.form_basic .button {text-align:center;}
	.form_basic .button > div {float:none; width:100%;}
	.form_basic .button button {position:static; margin-top:10rem;}
}

/* search */
.search_ecios {margin-bottom:40rem;}

/* view */
.ecios_view .key span {display:inline-block; margin:0 5px 5px 0; padding:5px 12px; border-radius:6px; background:#279bd1; color:#fff;}
.ecios_view .key span:nth-of-type(2) {background:#333; }
.ecios_view h4 { font-size:28rem; margin:12px 0 5px !important;}
.ecios_view .sum {overflow:hidden; margin-bottom:70rem;}
.ecios_view .sum li {position:relative; float:left; margin:3px 15px 3px 0; }
.ecios_view .sum li span {display:inline-block; margin-right:5px; font-weight:600; color:#0d3569;}
.ecios_view h5 {margin-top:30px !important;}
.ecios_view .tbl_type1 td strong {font-weight:500;}
@media all and (max-width:599px) {
	.ecios_view .sum li {float:none; width:100%; margin:5px 15px 5px 0;}
}

/*sitemap (사이트 전체 공통으로 사용, 수정 시 주의 바랍니다)*/
#sitemap_content {line-height:1.4;}
#sitemap_content .depth1 > li > a { display:inline-block; font-size:25rem; color:var(--blue); font-weight:800; margin:40rem 0 20rem;}
#sitemap_content .depth1 > li:first-of-type > a { margin-top:0; }
#sitemap_content .depth2 {overflow:hidden;}
#sitemap_content .depth2 > li {float:left; width:22.75%; margin:0 0 20rem 3%; }
#sitemap_content .depth2 > li:nth-of-type(4n+1) { clear:both; margin-left:0; }
#sitemap_content .depth2 > li > a { position:relative; display:flex; align-items:center; border:1px solid #a6afbd; height:50rem; padding:0 45rem 0 20rem; border-radius:5rem; font-weight:600; }
#sitemap_content .depth2 > li > a::before {content:''; position:absolute; right:20rem; top:16rem; width:8rem; height:8rem; border-right:2px solid #a6afbd; border-bottom:2px solid #a6afbd; transform:rotate(45deg); }
#sitemap_content .depth3 {padding:10rem 20rem;}
#sitemap_content .depth3 > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
#sitemap_content .depth3 > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd; }
#sitemap_content a[target="_blank"] span { position:relative; display:inline-block; padding-right:20rem; }
#sitemap_content a[target="_blank"] span::before { content:''; position:absolute; right:0; top:4rem; width:14px; height: 14px; background:url('/design/common/img/blank.png') no-repeat 0 0}

#sitemap_content .depth1 > li > a[target="_blank"] span::before{background-position-x: -42px; top: 10px;}
#sitemap_content .depth3 > li > a[target="_blank"] span::before{background-position-x: -14px;}

@media all and (max-width:1200px){
  #sitemap_content .depth2 > li { width:31.33%; }
  #sitemap_content .depth2 > li:nth-of-type(4n+1) { clear:none; margin-left:3%; }
  #sitemap_content .depth2 > li:nth-of-type(3n+1) { clear:both; margin-left:0; }
}
@media all and (max-width:600px){
  #sitemap_content .depth2 > li { width:48.5%; }
  #sitemap_content .depth2 > li:nth-of-type(3n+1) { clear:none; margin-left:3%; }
  #sitemap_content .depth2 > li:nth-of-type(2n+1) { clear:both; margin-left:0; }
}