/*
max-width
100% / 1400px / 1080px / 768px
*/
/*공통*/
body{color: #2e2d2d; position: relative;}
.container,.gov-area {clear: both; max-width: 1600px; margin: 0 auto; padding: 0;}
.font01 {font-family: 'Gmarket Sans', Arial, sans-serif;}
.color-red {color: #ff0000;}
.color-blue {color: #1e63a9;}
.b-left{border-left: 1px solid #c3c2c2;}
.f-9-pt{font-size: 9pt;}
.col_black1{color:#000;}
#print_contents{cursor: pointer;}
a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus {outline: 2px dotted #41a3ff;}
select {width: 95%; background: url('../image/icon_arrow_bottom.png') 95% no-repeat; background-size: 13px; padding-left: 5px; height: 35px; background-color: #fff; border: 1px solid #e1e1e1; font-size: 16px;}
input[type="button"] {font-size: 18px; font-weight: 700; border: 0; width: 95%; height: 35px; padding-left: 5px;}
input[type="text"],
input[type="password"] {border: 1px solid #e1e1e1; width: 100%; height: 35px; padding-left: 5px; font-size: 16px;}
textarea {font-size: 16px; width: 100%; height: 95%; display: block; border: 1px solid #e1e1e1; min-height: 300px; overflow: auto;}
input[type="file"],
input[type="text"]::placeholder,
input[type="password"]::placeholder  {font-size: 16px;}

@media screen and (max-width: 1599px){
    .container {width: 95%;}
    input[type="text"]::placeholder,
    input[type="password"]::placeholder  {font-size: 15px;}
}
@media screen and (max-width: 768px){
    input[type="button"],
    input[type="text"],
    input[type="password"],
    textarea,
    input[type="file"],
    input[type="text"]::placeholder,
    input[type="password"]::placeholder  {font-size: 14px;}
}
/*헤더*/

header .top-wrap{height: 45px; width: 100%; display: table; overflow: auto;}
header .gov-area{padding: 10px 0; font-size: 14px;}
header .gov-area div.gov-top{display: flex; align-items: center;font-family: 'Gmarket Sans', Arial, sans-serif;}
header .gov-area div::before{content: '';display: inline-block;width: 24px;height: 20px;margin-right: 5px;margin-top:-6px;background: url(../image/topicon_nuri.png) no-repeat;}
header .top-wrap span.ver {float: left; width: 5%;}
header .top-wrap .top-link {height: 100%; float: right; line-height: 45px;}
header .top-wrap .top-link li {float: left; padding-right: 5px;}
header .top-wrap .top-link li:last-child {padding-right: 0;}
header .top-wrap .top-link li a {font-weight: 300; font-size: 15px; padding: 3px 10px 1px 10px; font-family: 'Gmarket Sans', Arial, sans-serif;}
header .top-wrap .top-link li a.homepage {font-weight: 500;}
header .top-wrap .top-link li a.homepage img, header .top-wrap .top-link li a.jl img{vertical-align: text-bottom; margin-left: 5px;}
header .top-wrap .top-link li select {color: #2e2d2d; width: 150px; height: 23px;}

@media screen and (max-width: 768px){
    header .top-wrap span.ver {width: 0;}
}
@media screen and (max-width: 574px){
    header .top-wrap .top-link {line-height: 26px;}
}

header .bottom-wrap {height: 100px;}
header .bottom-wrap .container {display: flex; justify-content: space-between; align-items: center;}
header .bottom-wrap .logo-wrap {display: flex; height: 100px; align-items: center;}

header .bottom-wrap .logo-wrap a {display: flex; height: 55px; justify-content: left; align-items: center;}
/*header .bottom-wrap .logo-wrap a img {max-height: 55px;}*/
header .bottom-wrap .logo-wrap a img {max-height: 65px;}
header .bottom-wrap .logo-wrap a div.bar {width: 3px; height: 28px; background-color: #dbdbdb; margin: 0 20px;}
header .bottom-wrap .logo-wrap a div.title {font-weight: 500; font-size: 28px; color: #242a4c;}



header .bottom-wrap .nav-wrap {width: 58%; height: 100px;}
header .bottom-wrap .nav-wrap ul.nav {display: flex; width: 100%; justify-content: center; height: 100%; align-items: center;}
header .bottom-wrap .nav-wrap ul.nav > li {display: flex; height: 100%; align-items: center; position: relative;}
header .bottom-wrap .nav-wrap ul.nav li a {font-family: 'Gmarket Sans', Arial, sans-serif; font-weight: 500; font-size: 21px; transition: all .2s;}
header .bottom-wrap .nav-wrap ul.nav li a img.sub_g2b {vertical-align: top;}

header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu {display: none; position: absolute; top: 100%; left: 50%; padding: 10px 30px; transform: translateX(-50%); background: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px #ddd; width: 200px; transition: all .2s; z-index: 3;}
header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu img.sub_g2b {vertical-align:middle; }
header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu li {height: 40px; display: flex; width: 100%; align-items: center;}
header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu li a {font-family: 'Gmarket Sans', Arial, sans-serif; font-weight: 500; font-size: 18px; transition: all .2s; position: relative; width: 100%;}
header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu li a::before {content: ''; position: absolute; top:50%; left:0; height: 10px; width: 0; border-bottom: 3px solid #ddd; transition: all .3s; opacity:1;}
header .bottom-wrap .nav-wrap ul.nav li ul.sub-menu li a:hover::before {width: 100%;}
header .bottom-wrap .nav-wrap ul.nav li:hover .sub-menu {display: block;}

header .bottom-wrap .all-menu {width: 70px;}
header .bottom-wrap .all-menu a.off {display: block; text-indent: -9999px; font-size:0; width: 100%; height: 100px; background: url(../image/menu.png) no-repeat 50% 50%; }
header .bottom-wrap .all-menu a.on {display: block; text-indent: -9999px; font-size:0; width: 100%; height: 100px; background: url(../image/close.png) no-repeat 50% 50%; }
header .all-menu-content-wrap {height: 350px; position: absolute; width: 100%; z-index:1; display:none; transition: all .2s;}
header .all-menu-content-wrap.on {display: block;}
header .all-menu-content-wrap::before {content: ''; position: absolute; background: url('../image/app.png') no-repeat -8% 50%; background-size: 280px; width: 25%; height: 100%; transform: rotate(-10deg); opacity: 0.2; }
header .all-menu-content-wrap ul.nav {display: flex; justify-content: center; position: relative; z-index:2; width: 100%;}
header .all-menu-content-wrap ul.nav > li {margin: 40px 20px 20px 20px; width: 135px;}
header .all-menu-content-wrap ul.nav > li > a {height: 30px;}

header .all-menu-content-wrap ul.nav > li > span.btn-span {    position: absolute;right: 0px;top: 0px;width: 50px;height: 50px; cursor: pointer}

header .all-menu-content-wrap ul.nav li a {font-family: 'Gmarket Sans', Arial, sans-serif; font-weight: 300; font-size: 18px; transition: all .2s; width: 100%; display: block;}
header .all-menu-content-wrap ul.nav li a img.sub_g2b{vertical-align: bottom;}
header .all-menu-content-wrap ul.nav li ul {margin-top: 20px; margin-left: 15px;}
header .all-menu-content-wrap ul.nav li ul li {margin-bottom: 15px;}
header .all-menu-content-wrap ul.nav > li > ul > li {margin-top: 15px;}


@media screen and (max-width: 1599px){
    header .bottom-wrap .logo-wrap a div.title {font-weight: 500; font-size: 25px; color: #242a4c;}
    header .bottom-wrap .nav-wrap ul.nav li a {font-size: 18px;}
}
/* 향후 미디어쿼리 수정필요 --이코드로
@media screen and (max-width: 1400px){
     header .bottom-wrap .logo-wrap a div.title {font-weight: 500; font-size: 22px; color: #242a4c;}
    header .bottom-wrap .nav-wrap ul.nav li a {font-size: 14px;}
    header .bottom-wrap .nav-wrap{width:50%;}
}    
*/
@media screen and (max-width: 1400px){
/*@media screen and (max-width: 1025px){ --이코드로*/
    header .bottom-wrap .nav-wrap {display: none;}
}
@media screen and (max-width: 1080px){
    header .all-menu-content-wrap {height: auto;}
    header .all-menu-content-wrap::before {background-size: 0;}
    header .all-menu-content-wrap ul.nav {flex-direction: column;}
/*    header .all-menu-content-wrap ul.nav > li {margin: 0; width: 100%; height: 100%; border-bottom: 1px solid #1e63a9;}*/
    header .all-menu-content-wrap ul.nav > li {position:relative; margin: 0; width: 100%; height: 100%; border-bottom: 1px solid #1e63a9;}
    header .all-menu-content-wrap ul.nav > li:last-of-type {border-bottom: 0;}
    header .all-menu-content-wrap ul.nav > li > a {padding-left: 20px; margin: 15px 0; height: 100%;}
/*    header .all-menu-content-wrap ul.nav > li > a::after {position:absolute; content: ''; background: url('../image/icon_arrow_bottom.png') no-repeat; right: 20px; width: 20px; height: 20px; background-size: 20px; }*/
    header .all-menu-content-wrap ul.nav > li > span::after {position:absolute; content: ''; background: url('../image/icon_arrow_bottom.png') no-repeat; right: 20px; width: 20px; height: 20px; background-size: 20px; top:15px;}
    header .all-menu-content-wrap ul.nav > li > a.open::after {transform: rotate(180deg); transition: all .2s;}
    header .all-menu-content-wrap ul.nav li ul {margin-top: 20px; margin-left: 15px; display: none;}
    header .all-menu-content-wrap ul.nav li ul.on {display: block;}
    header .all-menu-content-wrap ul.nav li ul li {margin-bottom: 0; margin: 15px;}
    header .all-menu-content-wrap ul.nav > li > ul > li {margin-top: 0;}
}
@media screen and (max-width: 768px){
    header .bottom-wrap {position: relative;}
    header .bottom-wrap .logo-wrap {width: calc(100% - 70px); display: inline-block;}
    header .bottom-wrap .logo-wrap a {width: 100%; text-align: center; display: inline-block; position: absolute; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    header .bottom-wrap .logo-wrap a div.bar {display: none;}
    header .bottom-wrap .logo-wrap a div.title {font-size: 20px;}
    header .bottom-wrap .all-menu {width: 70px; right: 0; top: 0;position: absolute;}
       
}
@media screen and (max-width: 420px){
    header .bottom-wrap .logo-wrap a img{width: 55%;}
       
}

/*메인- 상단 퀵메뉴*/

.body-wrap .quick-menu-wrap {display: flex;}
.body-wrap .quick-menu-wrap .quick-menu {width: calc(100% / 4); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.body-wrap .quick-menu-wrap .quick-menu a {width: 100%;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top {width: 100%; height: 230px; transition: all .4s; }
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top > div {height: 130px; opacity: .2;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top .menu1 {background: url("../image/quick_m01.png") no-repeat 50% 100%; opacity:.2; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top .menu2 {background: url("../image/quick_m02.png") no-repeat 50% 100%; opacity:.2; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top .menu3 {background: url("../image/quick_m03.png") no-repeat 50% 100%; opacity:.2; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top .menu4 {background: url("../image/quick_m04.png") no-repeat 50% 100%; opacity:.2; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu h2 {width: 100%; text-align: center; height: 100px; font-size: 25px; font-weight: 700; padding-top: 20px; }
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom {display:flex; width: 100%; justify-content: center; height: 55px; align-items: center; }
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom img.sub_g2b{margin-left: 2px; margin-top: 2px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div {width: 100%; height: 100%;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div a {display: flex; height: 100%; justify-content: center; font-size: 21px; font-weight: 500; align-items: center; transition: all .2s;}

@media screen and (max-width: 1080px){
    .body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div a {font-size: 18px;}
}

@media screen and (max-width: 768px){
    .body-wrap .quick-menu-wrap {flex-flow: row wrap;}
    .body-wrap .quick-menu-wrap .quick-menu {width: calc(50% - 2px); height: auto; margin: 0 2px 2px 0;}
    .body-wrap .quick-menu-wrap .quick-menu h2 {font-size: 20px;}
    .body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div a {font-size: 16px;}
    
}
@media screen and (max-width: 600px){
    .body-wrap .quick-menu-wrap .quick-menu .quick-menu-top {height: 180px;}
    .body-wrap .quick-menu-wrap .quick-menu .quick-menu-top > div {height: 100px;}
    .body-wrap .quick-menu-wrap .quick-menu h2 {height: 80px;}
    .body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom {display: none;}

}

/*메인 - 최신글 영역*/
.body-wrap .latest-wrap {margin-top: 50px; display: flex; }
.body-wrap .latest-wrap .latest {height: 290px; margin-right: 20px; width:calc((100% - 20px) / 2);}
.body-wrap .latest-wrap .latest:last-of-type {margin-right: 0;}
.body-wrap .latest-wrap .latest .latest-title {height: 30px; display: flex; justify-content: space-between; align-items: center;}
.body-wrap .latest-wrap .latest .latest-title a:nth-of-type(1) {font-size: 20px; font-weight: 700; position: relative; padding-left: 28px;}
.body-wrap .latest-wrap .latest .latest-title a:nth-of-type(1):before {position: absolute; content: ''; background: url('../image/deployed_code.png') no-repeat 50% 50%; top: 50%; transform: translateY(-50%); left: 0; background-size: 25px; width: 25px; height: 25px;}
.body-wrap .latest-wrap .latest .latest-title .more {background: url("../image/more.gif") no-repeat; width: 20px; height: 20px; text-indent: -9999px;}

.body-wrap .latest-wrap .latest .latest-content {border: 1px solid #bbb; height: 260px; padding: 30px; background:#f9f9f9;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul {width: 100%;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li {width: 100%; height: 40px; position: relative; padding-left: 18px;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li::before {content: ''; width: 8px; position: absolute; height: 8px; background: #727272; top: 50%; left: 0; transform:translateY(-50%); border-radius: 50%;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a {width: 100%; height: 100%; display: flex; align-items: center; font-size: 16.7px; font-weight: 300;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(1) {width: 10%; }
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(2) {width: 68%;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(3) {width: 22%; text-align: right;}
.body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a > div {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.body-wrap .latest-wrap .latest .latest-content iframe {width: 100%; height: 100%;}

@media screen and (max-width: 1280px){
    .body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a {font-size: 15px;}
}

@media screen and (max-width: 1080px){
    .body-wrap .latest-wrap {flex-direction: column;}
    .body-wrap .latest-wrap .latest {margin-right: 0; width: 100%;}
    .body-wrap .latest-wrap .latest:last-of-type {margin-top: 20px;}
}

@media screen and (max-width: 768px){
    .body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a {font-size: 14px;}
}
@media screen and (max-width: 539px){
     .body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(1) {display: none;}
     .body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(2) {width: calc(100% - 90px);}
     .body-wrap .latest-wrap .latest .latest-content .latest-content-ul li a :nth-child(3) {width: 90px;}
 }

/*서브페이지 - 페이지 타이틀*/
.sub-body-wrap {background:#fafafa; padding-bottom: 50px;}
.sub-body-wrap .page-title-wrap {height: 140px; background: url("../image/subtitle_background.png") no-repeat; background-size: cover; width: 100%; position: relative;}
.sub-body-wrap .page-title-wrap .page-title-bg {position: absolute; height: 100%; width: 100%; opacity: 0.6;}
.sub-body-wrap .page-title-wrap .container {position: relative; height: 100%;}
.sub-body-wrap .page-title-wrap .page-title {color:#fff; position: absolute; top: 50%; transform: translateY(-50%);}
.sub-body-wrap .page-title-wrap .page-title span {display: inline-block; width: 100%;}
.sub-body-wrap .page-title-wrap .page-title .title {font-size: 28px; margin-bottom: 5px;}
.sub-body-wrap .page-title-wrap .page-title .route a {font-size: 18px; font-weight: 300; font-family: 'Gmarket Sans', Arial, sans-serif; margin: 0 10px;}
.sub-body-wrap .page-title-wrap .page-title .route a:first-child {margin-left: 0;}

@media screen and (max-width: 1080px){
    .sub-body-wrap .page-title-wrap {height: 100px;}
    .sub-body-wrap .page-title-wrap .page-title .title {font-size: 24px;}
    .sub-body-wrap .page-title-wrap .page-title .route a {font-size: 16px;}
}
@media screen and (max-width: 768px){
    .sub-body-wrap .page-title-wrap {height: 40px;}
    .sub-body-wrap .page-title-wrap .page-title {left: 50%; transform: translate(-50%, -50%); white-space: nowrap;}
    .sub-body-wrap .page-title-wrap .page-title .title {display: none;}
    .sub-body-wrap .page-title-wrap .page-title .route a {font-size: 16px;}
    .sub-body-wrap .page-title-wrap .container {max-width: 1600px !important;margin: 0 auto !important;}
}
/*서브페이지 - 사이드바*/
.sub-body-wrap .content-wrap {margin-top: 50px;}
.sub-body-wrap .content-wrap .container {display: flex;}
.sub-body-wrap .content-wrap .sidebar {margin-right: 50px; width: 250px;}
.sub-body-wrap .content-wrap .sidebar .sidebar-title {height: 95px; /*border-bottom: 3px solid #6a6a6a;*/ border-radius: 20px 20px 0 0; }
.sub-body-wrap .content-wrap .sidebar .sidebar-title strong {font-size: 28px; line-height: 95px; width: 100%; text-align: center; display: inline-block; color: #f7f5f5;}
.sub-body-wrap .content-wrap .sidebar ul.nav {width: 100%; background: #fff;}
.sub-body-wrap .content-wrap .sidebar ul.nav li a {font-size: 16px; font-weight: 700;}
.sub-body-wrap .content-wrap .sidebar ul.nav li {width: 100%; height: 50px; display: flex; align-items: center; position: relative; border: 1px solid #c3c2c2; border-bottom: 0; transition: all .2s;}
.sub-body-wrap .content-wrap .sidebar ul.nav li:last-child {border-bottom: 1px solid #c3c2c2;}
.sub-body-wrap .content-wrap .sidebar ul.nav li::after {position: absolute; content: ''; background: url("../image/arrow_forward.png") no-repeat 50% 50%; width: 20px; height: 10px; top:50%; right: 5%; transform:translateY(-50%); opacity: 0.5;}
.sub-body-wrap .content-wrap .sidebar ul.nav li:hover::after {opacity: 1;}
.sub-body-wrap .content-wrap .sidebar ul.nav li a {width: 100%; padding-left: 20px;}
.sub-body-wrap .content-wrap .sidebar ul.nav li a img.sub_g2b {vertical-align: top;}


/*서브페이지 - 리스트 검색폼*/
.sub-body-wrap .content-wrap div.content {width: calc(100% - 300px); padding: 20px; border: 1px solid #c3c2c2; background: #fff;} 
.sub-body-wrap .content-wrap div.content .search-form { margin-bottom: 20px;}
.sub-body-wrap .content-wrap div.content .search-form table { width: 100%; border-top: 3px solid #555;}
.sub-body-wrap .content-wrap div.content .search-form table tr {height: 50px; border-bottom: 1px solid #f3f2f2;}
.sub-body-wrap .content-wrap div.content .search-form table tr:last-of-type { border-bottom: 1px solid #c3c2c2;}
.sub-body-wrap .content-wrap div.content .search-form table tr.h80 { height: 80px;}
.sub-body-wrap .content-wrap div.content .search-form table th {background: #f8f8f8; width: 10%; text-align:center;font-size: 16px;}
.sub-body-wrap .content-wrap div.content .search-form table td {width: 40%;font-size: 16px; padding-left: 20px;}
.sub-body-wrap .content-wrap div.content .search-form table td select {width: 150px; vertical-align: middle;}
.sub-body-wrap .content-wrap div.content .search-form table td input[type="text"] {width: 250px; vertical-align: middle;}
.sub-body-wrap .content-wrap div.content .search-form table td label {margin-right: 10px;}
.sub-body-wrap .content-wrap div.content .search-form table td.period div {margin: 4px 0px 10px -5px;}
/*.sub-body-wrap .content-wrap div.content .search-form table td.period div a {vertical-align: middle; font-size: 15px; border: 1px solid #929292; padding: 2px 5px; border-radius: 3px; margin-left: 4px;}*/
.sub-body-wrap .content-wrap div.content .search-form table td.period div button {vertical-align: middle; font-size: 15px; border: 1px solid #929292; padding: 2px 5px; border-radius: 3px; margin-left: 4px; background: #ffffff;}
.sub-body-wrap .content-wrap div.content .search-form .btn-area {margin-top: 10px; display: inline-block; width: 100%;}
.sub-body-wrap .content-wrap div.content .search-form .btn-area .search-btn {background: url("../image/sc_bg.png") no-repeat 10% 50%; background-color: #929292; color: #fff; float: right; width: 100px;}


@media screen and (max-width: 1480px){
    /*입찰정보 iframe 넓이 때문에 설정*/
    .sub-body-wrap .content-wrap div.container {margin:0 auto !important;}

    .sub-body-wrap .content-wrap .sidebar {margin-right: 20px; width: 220px;}
    .sub-body-wrap .content-wrap div.content {width: calc(100% - 240px);} 
    .sub-body-wrap .content-wrap .sidebar .sidebar-title {height: 87px;}
    .sub-body-wrap .content-wrap div.content .search-form table th {font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .search-form table td {font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .search-form table td select {width: 20%;}
    .sub-body-wrap .content-wrap div.content .search-form table td input[type="text"] {width: 30%;}

}

@media screen and (max-width: 1080px){
    .sub-body-wrap .content-wrap .sidebar {display: none;}
    .sub-body-wrap .content-wrap div.content {width: 100%;} 
    .sub-body-wrap .content-wrap div.content .search-form table th {display: none;}
    .sub-body-wrap .content-wrap div.content .search-form table td {padding-left: 0;}
}
@media screen and (max-width: 768px){
    .sub-body-wrap .content-wrap div.content .search-form table tr { border-bottom: 0;}
    .sub-body-wrap .content-wrap div.content .search-form table tr:last-of-type { height: auto; border-bottom: 1px solid #c3c2c2;}
    .sub-body-wrap .content-wrap div.content .search-form table td {text-align: center;}
    .sub-body-wrap .content-wrap div.content .search-form table td select {width: 100%;}
    .sub-body-wrap .content-wrap div.content .search-form table td select + input[type="text"] {margin-top: 7px;}
    .sub-body-wrap .content-wrap div.content .search-form table td input[type="text"] {width: 100%;}
    .sub-body-wrap .content-wrap div.content .search-form table td label {display: inline-block; height: 35px; line-height: 35px;}
    .sub-body-wrap .content-wrap div.content .search-form .btn-area .search-btn {width: 100%; background-image:none;}    
}

/*서브페이지 - 리스트*/
.sub-body-wrap .content-wrap div.content .list-wrap .tot {font-size: 16px; display: inline-block; width: 100%;}
.sub-body-wrap .content-wrap div.content .list-wrap .tot span.prev-link {float: right;}
/*.sub-body-wrap .content-wrap div.content .list-wrap .tot span a {color: #175fa8; text-decoration: underline; }*/
.sub-body-wrap .content-wrap div.content .list-wrap .tot span a {font-size: 14px;}
.sub-body-wrap .content-wrap div.content .list-wrap .tot span a img{vertical-align: text-bottom;margin-left: 2px;}
.sub-body-wrap .content-wrap div.content .list-wrap .tot input.excel,.sub-body-wrap .content-wrap div.content .list-wrap .tot input.subcont_excel{width:10%; float:right; font-size: 16px; height: 25px; margin-left: 8px;}
.sub-body-wrap .content-wrap div.content .list-wrap .list {margin-top: 20px;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul {width: 100%; height: 50px; display: inline-flex; align-items: center; font-size: 16px; border-bottom: 1px solid #c3c2c2;}
/*20250401 추가*/
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body:hover, .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body:hover > li span.color-red {color:#005dd5;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body:hover > li a{text-decoration: underline;}
/*20250401 추가*/
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-head { border-top: 3px solid #555; background: #f8f8f8; font-weight: 700;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-head li.amount {text-align: center !important;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul li {text-align: center;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.title,
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.title2, 
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.title3 {text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.empty_li {width:100%;}
.sub-body-wrap .content-wrap div.content .list-wrap .off-menu {text-align: center; margin-bottom: 10px;}
.sub-body-wrap .content-wrap div.content .list-wrap .off-menu a {width: 100px;display: inline-block;border: solid 1px #555;text-align: center;font-size: 12pt;padding: 2px 0px 2px 0px;margin-top: 2px;margin-right: 2px;border-radius: 3px; }

.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.num {width: 5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.category,
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.category2,
.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.category {width: 7%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.dept {width: 12%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.office {width: 20%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.title {width: 40%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.title2 {width: 35%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.title3 {width: 52%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.amount {width: 10%; text-align: right; padding-right: 5px;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.date {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.cust-nm {width: 16%;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.cust-nm {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.file, 
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.eval_mn,
.sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul li.eval_cp {width:10%;}

.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.num {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.title {width: 60%;}
.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.writer {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.date {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul li.file {width: 10%;}

.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.num {width: 5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.year {width: 5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.dept {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.period {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.category {width: 5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.title {width: 40%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.file {width: 5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.amount {width: 10%;}
.sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul li.bp {width: 10%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul li.num {width:5%;}
.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul li.dept {width:18%;}
.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul li.category {width:18%;}
.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul li.cust-nm {width:16%;}
.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul li.title {width: 40%; text-align: center;}

.sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.title {width: 40%; text-align: center;}

.sub-body-wrap .content-wrap div.content .list-wrap .list-end-wrap{display: flex;}
.sub-body-wrap .content-wrap div.content .list-wrap .list-end-wrap .btns{margin-top:50px;}
.sub-body-wrap .content-wrap div.content .list-wrap .list-end-wrap .btns a{background-color: #929292;color: #fff;float: right;width: 100px;font-size: 18px;font-weight: 700;border: 0;height: 30px;padding: 5px; text-align: center}
.sub-body-wrap .content-wrap div.content .list-wrap .list-end-wrap .pagination{width:100%;}

.sub-body-wrap .content-wrap div.content .list-wrap .pagination {display: flex; justify-content: center; margin-top: 50px; font-size: 16px; position: relative;}
.sub-body-wrap .content-wrap div.content .list-wrap .pagination span,
.sub-body-wrap .content-wrap div.content .list-wrap .pagination a {border: 1px solid #ddd; width: 50px; height: 30px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.sub-body-wrap .content-wrap div.content .list-wrap .pagination span.selectedPage {color: #fff; background: #585858; font-weight: 700;}

@media screen and (max-width: 1480px){
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul {font-size: 15px;}
}

@media screen and (max-width: 1080px){
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul {font-size: 14px;}
}

@media screen and (max-width: 768px){

    .sub-body-wrap .content-wrap div.content .list-wrap .tot{display: flex;flex-direction: row;flex-wrap: wrap;}
    .sub-body-wrap .content-wrap div.content .list-wrap .tot span:nth-child(1){width:100%; order:1;}
    .sub-body-wrap .content-wrap div.content .list-wrap .tot span.guid_are{width:67%; order:2;}
     .sub-body-wrap .content-wrap div.content .list-wrap .tot span.prev-link {order:2; width: 100%; margin-top: 4px; }
    .sub-body-wrap .content-wrap div.content .list-wrap .tot input.excel,
    .sub-body-wrap .content-wrap div.content .list-wrap .tot input.subcont_excel
    {width:100%; order:3; margin-left:0px; margin-top:5px; font-weight: 600;}



    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-head {display: none;}
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body {height: auto; flex-wrap: wrap; border-bottom: 1px solid #c3c2c2; padding: 10px 0; }
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul:nth-of-type(2) {border-top: 3px solid #555;}
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li {text-align: left; padding: 5px 0;}
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline, 
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineX,
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineY
    {position: relative; margin-right: 20px; color: #646467;}
    
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline::before {content: attr(data-label); }
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline::after {content: ''; position: absolute; width: 1px; background: #555; height: 12px; top: 25%; margin-left: 10px;}

    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineX::before {content: attr(data-label); }
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineX::after {content: ''; position: absolute; width: 1px; background: #555; height: 12px; top: 35%; margin-left: 95px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineY::before {content: attr(data-label); }
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outlineY::after {content: ''; position: absolute; width: 1px; background: #555; height: 12px; top: 35%; margin-left: 60px;}




    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline2 {position: relative; margin-right: 20px; color: #646467;}
    
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline2::before {content: attr(data-label); }
    .sub-body-wrap .content-wrap div.content .list-wrap .list ul.ul-body li.outline2::after {content: ''; position: absolute; width: 1px; background: #555; height: 12px; top: 25%; margin-left: 85px;}

    
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.num {display: none;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.category {width: 100%; order: 1; font-weight: 700; color: #0057ba; font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.office {width: 100%; order: 1; font-weight: 700; color: #0057ba; font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.title {width: 100%; order: 2; font-size: 16px; font-weight: 700;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.title2 {width: 100%; order: 2; font-size: 16px; font-weight: 700;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.title3 {width: 100%; order: 2; font-size: 16px; font-weight: 700;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.category2 {width: auto; order: 3;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.dept {width: auto; order: 4; }
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.amount {width: auto; order: 5;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.date {width: auto; order: 6;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.cust-nm {width: auto;max-width: 50%;order: 7; overflow: visible;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.eval_mn {width: auto; order: 7;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.eval_cp {width: auto; order: 8;}
    .sub-body-wrap .content-wrap div.content .list-wrap .cont-list ul.ul-body li.file {width: auto; order: 9;}

    .sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.num {display: none;}
    .sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.dept {width:100%; order:1; font-weight: 700; color:#0057ba; font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.cust-nm {width:100%; order:1; font-weight: 700; font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.category {width:auto; order:2; }
    .sub-body-wrap .content-wrap div.content .list-wrap .res-list ul.ul-body li.title {width:auto; order:3; overflow: visible;}

    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.num {display: none;}
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.title {width: 100%; order: 2; font-size: 16px; font-weight: 700;}
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.writer {width: auto; order: 3; }
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.date {width: auto; order: 4;}
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.file {width: auto; order: 5; display: flex; align-items: center; max-width: 30%;}
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.link {margin-left: 10px; width: auto; order: 6; display: flex; align-items: center;}
    .sub-body-wrap .content-wrap div.content .list-wrap .notice-list ul.ul-body li.file img{margin-left:2px;}

    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li {width: calc(100% / 8);}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.num {display: none;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.year {width: auto; order: 1; font-weight: 700;color: #0057ba; font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.category {width: auto; order: 2;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.title {width: 100%; order: 3; font-size: 16px; font-weight: 700;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.dept {width: auto; order: 4; }
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.period {width: auto; order: 5;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.amount {width: auto; order: 6;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.bp {width: auto; order: 7; position: relative;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.file {width: auto; order: 8; display: flex; align-items: center;}
    .sub-body-wrap .content-wrap div.content .list-wrap .orderplan-list ul.ul-body li.file img {margin-left: 5px;}


}


/*계약현황 뷰*/
.sub-body-wrap .content-wrap div.content .cont-post-wrap .print-btn {display: flex; margin-bottom: 10px; justify-content: flex-end;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title {border-top: 3px solid #555; border-bottom: 1px solid #c3c2c2; font-size: 20px; font-weight: 700;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl {width: 100%; display: flex;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dt {width: 20%; text-align: center; background: #f6f6f6; height: 55px; line-height: 55px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dd {padding-left: 20px; width: 80%; height: 55px; line-height: 55px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content {margin-top: 45px;}


.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .subtitle {font-size: 20px; font-weight: 700; margin-bottom: 15px; position: relative; padding-left: 35px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .subtitle::before {position:absolute; content: ''; background: url('../image/check_circle.png') no-repeat 50% 50%; width: 23px; height: 23px; left: 0;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table {border-top: 3px solid #555; width: 100%; margin-bottom: 30px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr {border-bottom: 1px solid #c3c2c2; height: 50px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr.tr-empty {border-bottom: 1px solid #c3c2c2; height: 0px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table thead th {background: #f6f6f6; text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr td {font-size: 16px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tbody th {background: none; text-align: center; font-weight: 500;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr th {background: #f6f6f6; text-align: center; width: 20%; font-size: 16px; height: 50px; line-height: 50px; font-weight: 700;}
/*.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr td {width: 30%; font-size: 16px; height: 50px; line-height: 50px; padding-left: 20px;}*/
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr td {width: 30%; font-size: 16px; height: 50px; padding-left: 20px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr td.period-set span {display: inline-block; width: 90px; font-weight: 700;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pay-info tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pay-info tr td {width: calc((100% - 150px)/ 3);}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pay-info tr th:first-child {width: 150px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pay-info tr th:last-child {width: 65%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pay-info tr td {text-align: center;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info tr td {padding-left: 0px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info .num {width:10%; text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info .category {width:20%;text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info .date {width:20%;text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info .amount {width:20%;text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.payment-info .col {width:20%;text-align: center;}



.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr td {text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr td {width: calc((100% - 130px) / 5);}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr th:first-child {width: 130px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr th:nth-of-type(5) {width: 30%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.change-info tr td:nth-of-type(5) {word-break:break-all;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.joint-info tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.joint-info tr td {width: calc((100% - 130px) / 8);}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.joint-info tr th:first-child {width: 130px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.joint-info tr th:last-child {width: 10%;} 
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.joint-info tr td {text-align: center;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.subcont-info tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.subcont-info tr td {width: calc((100% - 130px) / 6);}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.subcont-info tr th:first-child {width: 130px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.subcont-info tr td {text-align: center;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tr th,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tr td {width: calc((100% - 130px) / 4);}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tr th:first-child {width: 130px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tr td {text-align: center;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pic-info tr th {width: 50%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pic-info tr td img {max-width: 100%; max-height: 400px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.pic-info tr td a.btn {background: #339E67; color: #fff; padding: 3px 10px;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.map-info tr td {text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.map-info tr td#no-map {line-height: 35px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.map-info tr td#map {height: 500px; width: 100%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.map-info tr td img {max-height: 400px; max-width: 100%; }
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.map-info tr td div.mapIwContent {width:150px; text-align: center;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .btns {width: 100%; display: flex; justify-content: flex-end;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"] {width: 90px; height: 40px; margin-right: 10px; margin-top: 5px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"]:last-of-type {margin-right: 0;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"].remove {margin-left: 10px;}

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view{display: none;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.negoA-view th {text-align: center; width:0%; padding: 5px; font-size: 11pt;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.negoA-view tr.entp_company td,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.negoA-view tr.entp_company_member td  {width:3.7%; padding: 2px; border:1px solid #c3c2c2; }
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.negoA-view tr.entp_company_member th.member01 {width:5%; font-size:10pt;padding:0px; border-left:1px solid #c3c2c2;}
/*공지사항 뷰*/

.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr.content,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr.content {min-height: 300px; height: 300px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr td,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view  tr td {width: 80%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr td.w30 {width:30% !important;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr td.tdst, 
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td.tdst{vertical-align: top;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr.content td,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr.content td {padding-top: 10px; padding-bottom: 10px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr td a.attach,
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td a.attach,{color: #3333aa; font-weight: 700;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td input.ipt-wid01{width:50% !important;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td input.ipt-wid01{margin:5px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td input.ipt-wid02{width:54.5% !important;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.order-view tr td input.ipt-wid02{margin-right:5px;}

/*발주계획 뷰*/
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.orderplan-view tr.content {min-height: 300px; height: 300px;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.orderplan-view tr td {white-space:pre-wrap;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.orderplan-view tr td img{vertical-align: middle; padding: 2px;}


/*발주계획 comment*/
.sub-body-wrap .content-wrap div.div-hana-wrap div.commen-wrap{width: 98%; margin: 0 auto; font-size: 16px; border-top: 3px solid #555; border-bottom: 1px solid #c3c2c2; padding: 21px; margin-top: 17px;}
.sub-body-wrap .content-wrap div.div-hana-wrap div.commen-wrap a{text-decoration: underline;}
.sub-body-wrap .content-wrap div.div-hana-wrap div.commen-wrap a:hover{color:#005dd5;}
.sub-body-wrap .content-wrap div.div-hana-wrap div.commen-wrap img.sub_g2b{vertical-align: bottom;}

/*입찰정보*/
.sub-body-wrap .content-wrap div.div-hana-wrap{padding: 0px;}
/*.sub-body-wrap .content-wrap div.content .list-wrap iframe{width:100%; height: 750px;}*/
/*.sub-body-wrap .content-wrap div.content .list-wrap iframe{width:100%; height: 1300px;}*/
.sub-body-wrap .content-wrap div.content .list-wrap iframe{width:100%; height: 1200px;}


/*발주계획 iframe*/
.sub-body-wrap .content-wrap div.content iframe#g2biFrame{width:100%; height: 120vh;}


@media screen and (max-width: 1024px){
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title {font-size: 18px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dt,
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dd {height: 45px; line-height: 45px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .subtitle {font-size: 18px; padding-left: 30px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .subtitle::before {background: url('../image/check_circle.png') no-repeat 28% 28%; width: 22px; height: 22px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr {height: 45px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr th,
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr td {font-size: 15px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tr td.empty_td {text-align: center;}

}

@media screen and (max-width: 768px){
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl {flex-direction: column; font-size: 14px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dt {width: 100%; height: 35px; line-height: 35px; text-align: center;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-title dl dd {width: 100%; height: auto; min-height: 35px; line-height: 35px; text-align: center; padding-left: 0;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .subtitle {font-size: 16px;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr {height: 35px; width: 100%; }
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr th,
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table tr td {font-size: 14px; text-align: center;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr {border: 0;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr th {display: block; width: 100% !important; font-size: 14px; border-bottom: 1px solid #c3c2c2;border-top: 1px solid #c3c2c2;  min-height: 35px; height: 35px; line-height: 35px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .tot-info tr td {display: block; width: 100% !important; font-size: 14px; text-align: center;  min-height: 35px; height: auto; line-height: 35px; padding-left: 0;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info {border-top: 3px solid #555; width: 100%; margin-bottom: 30px;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info thead {display: none;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tbody tr th {display: block; background: #f6f6f6; width: 100% !important; text-align: center; height: auto; min-height: 35px; line-height: 35px; border-top: 1px solid #c3c2c2;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tbody tr:first-of-type th {border-top: 0;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tbody tr td {display: block; width: 100% !important; text-align: right; height: auto; min-height: 35px; line-height: 35px; padding-left: 0; border-top: 1px solid #c3c2c2; }
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.sub-info tbody tr td::before {content: attr(data-label); float: left; font-weight: bold;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.notice-view tr td {width: 100%;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .btns {display: flex; flex-direction: column;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"] {width: 100%;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"]:last-of-type {margin-right: 0;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .btns input[type="button"].remove {margin-left:0;}

    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view{display:block;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr {width:100%; !important;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr th{height: 24px;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr.m_th_st1{border-top:3px solid #555;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr.m_th_st1 td{background: #eee;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr.m_th_st3 th.bold{text-align: left; border-right:1px solid #c3c2c2;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr th.m_th_st4{text-align: left; font-weight: bold;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr .b-left{border-left:1px solid #c3c2c2; text-align: center !important;}    
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr:nth-child(4) th {width: calc(100% / 5);}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr:nth-child(4) th:nth-child(even),
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr:nth-child(5) td:nth-child(even),
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr:nth-child(6) th:nth-child(even),
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table tr.view-m table.m_table tbody tr:nth-child(7) td:nth-child(even){border-left:1px solid #c3c2c2; border-right:1px solid #c3c2c2;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content #m-view table th.m_th_st2 {width: 80px !important; background-color: lightGrey !important;}
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content table.negoA-view{display: none;}

    .sub-body-wrap .content-wrap div.content .list-wrap iframe{width:100%; height: 750px; padding:20px;}
}

/*시공전후 사진대지*/
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .regipic-form {width: 100%;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .regipic-form tr th {width: 20%; background: #f6f6f6;}
.sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .regipic-form tr td {padding-left: 20px;}


@media screen and (max-width: 768px){
    .sub-body-wrap .content-wrap div.content .cont-post-wrap .cont-content .regipic-form input[type="file"] {width: 100%;}
}

/*푸터*/
footer {margin: 50px 0 20px 0px;}
footer .footer-top {height: 45px;}
footer .container {height: 100%; display: flex; justify-content: space-between; align-items: center;}
footer .footer-top .link a {margin-right: 20px;}
footer .footer-top .log a {margin-left: 10px;}
footer .footer-bottom {margin-top: 10px;}
footer .footer-bottom .copyright {display: flex; align-items: center; width: 55%;}
footer .footer-bottom .copyright img{height: 43px;}
footer .footer-bottom .copyright div {margin-left: 20px; display: flex; flex-direction: column;}
footer .footer-bottom .copyright div span:first-of-type {font-size:13px; margin-bottom: 5px;}
footer .footer-bottom .copyright div span:last-of-type {font-size: 12px; color: #777;}

footer .footer-bottom .info-wrap {width: 45%; position:relative;}
footer .footer-bottom .info-wrap .info {width: 100%;}
footer .footer-bottom .info-wrap .info .title {display: flex; height: 40px; align-items: center;}
footer .footer-bottom .info-wrap .info .title > span {font-size: 18px; margin-left: 10px;}
footer .footer-bottom .info-wrap .info .title > a {margin-left: 10px; text-decoration: underline; font-size: 12px; color: #888;} 
footer .footer-bottom .info-wrap .info .content {height: 80px; overflow: hidden;}
footer .footer-bottom .info-wrap .info .content dl {width: 100%; margin: 10px 0 0 45px;}
footer .footer-bottom .info-wrap .info .content dl dt {color: #c83b3b; font-size: 12px; font-family: 'Gmarket Sans', Arial, sans-serif; float: left; padding: 0 5px 5px 0;}
footer .footer-bottom .info-wrap .info .content dl dd {color: #6a6a6a; font-size: 12px; font-family: 'Gmarket Sans', Arial, sans-serif; padding: 0 0 5px 70px; }

footer .footer-bottom .info-wrap .info-popup-wrap {position: absolute; bottom: 100%; width: 500px; background: #fff; height: auto; border:1px solid #c4c0c0; padding: 20px; display: none;} 
footer .footer-bottom .info-wrap .info-popup-wrap.on {display: inline-block;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .content {padding-bottom: 10px;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .content dl {width: 100%;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .content dl dt {color: #c83b3b; font-size: 12px; font-family: 'Gmarket Sans', Arial, sans-serif; float: left; padding: 0 5px 5px 0;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .content dl dd {color: #6a6a6a; font-size: 12px; font-family: 'Gmarket Sans', Arial, sans-serif; padding: 0 0 5px 70px; }
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .btn-area {border-top: 1px solid #ccc; padding-top: 10px; display: flex; justify-content: right;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .btn-area a {background: #3f5a9d; padding: 5px 15px; color: #fff; height: 31px; line-height: 27px; display: inline-block; transition: all .2s;}
footer .footer-bottom .info-wrap .info-popup-wrap .info-popup .btn-area a:hover {background: #3a3939;}

@media screen and (max-width: 1080px){
    footer .footer-bottom .info-wrap .info-popup-wrap {width: 90%;} 
}


@media screen and (max-width: 768px){
    footer .footer-bottom .container {flex-direction: column;}
    footer .footer-top .container,footer .footer-bottom .container {clear: both;max-width: 1600px !important;margin: 0 auto !important;padding: 0 !important;}
    footer .footer-bottom .copyright {width: 100%; justify-content: center;}
    footer .footer-bottom .copyright div span {text-align: center;}
    footer .footer-bottom .copyright img{display: none;}
    footer .footer-bottom .info-wrap {width: 100%; margin-top: 20px;}
    footer .footer-bottom .info-wrap .info {position: relative;}
    footer .footer-bottom .info-wrap .info .title {justify-content: center;}
    footer .footer-bottom .info-wrap .info .content {padding-left: 20%;}
    footer .footer-bottom .info-wrap .info-popup-wrap {width: 90%;} 

}
@media screen and (max-width: 390px){
    footer .footer-top {font-size: 12px;}
    footer .footer-bottom .info-wrap .info .content {padding-left: 0;}

}
.btn-to-top a.to-top {display: none; background: url('../image/top.png') no-repeat 50% 50%; border: 0; background-color: #fff; box-shadow: 0 0 10px #919090; border-radius: 50%; text-indent: -9999px; position: fixed; bottom: 3%; right: 1%; width: 50px; height: 50px;}