@charset "utf-8";

/**list**/
.project-notice .list .col-num{width:80px;}
.project-notice .list .col-subject{width:auto;}
.project-notice .list .col-date1{width:15%;}
.project-notice .list .col-date2{width:10%;}
.project-notice .list .col-status{width:10%;}

.project-notice .list .col-type{width:12%;}
.project-notice .list .col-name{width:12%;}
.project-notice .list .col-st-num{width:12%;}
.project-notice .list .col-file{width:110px;}

.project-notice .list thead th{background: #fff;font-size: 18px;font-family: 'Pretendard Medium';font-weight: 500;padding: 11px 0;border-bottom: 1px solid #878787;border-top: 2px solid #000000;}
.project-notice .list tr.notice {background: #F6F8FA;}
.project-notice .list tr.notice .td-num {text-indent: -99999px;}
.project-notice .list tbody .notice .td-subject a {padding-left: 30px; background: url("../images/ic_notice.png") no-repeat left center;}
.project-notice .list tr:hover {background: #F6F8FA;}
.project-notice .list td {overflow: hidden;text-align: center;font-size: 15px;font-family: 'Pretendard Light';padding: 10px 0;color: #666666;border-bottom: 1px solid #e2e2e2;line-height: 24px;}
.project-notice .list td.td-subject {font-size: 16px; color: #666666; text-align: left; font-weight: normal;}
.project-notice .list td.td-subject a {position: relative; display: inline-block;}
.project-notice .list td.td-subject a strong {vertical-align: middle; color: #666666; word-break: break-all;}
.project-notice .list td.td-subject .new {position: relative; z-index: 2; display: inline-block; width: 20px; height: 20px; font-family: "Pretendard Bold"; color: #fff; background: #0279F3; border-radius: 50%; text-align: center; line-height: 20px; vertical-align: middle; font-size: 12px; letter-spacing: -0.5px; text-indent: -2px;}
.project-notice .list tr:nth-last-child(1) td{border-bottom:1px solid #878787;}
.project-notice .list td.td-file a{width:22px;height:27px;background:url('../images/attch-icon.png') no-repeat center;display:inline-block;text-indent:-9999px;}
.project-notice .list .ic-status {display: block; width: 73px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 16px; letter-spacing: -0.5px; border-radius: 20px; margin: 0 auto;}
.project-notice .list .ic-status.complete {background: #1E5BA8;}
.project-notice .list .ic-status.wait {background: #828282;}
.project-notice .list .ic-status.ing {background: #17BE99;}

/**view**/
.project-notice .board-view-info {font-size: 0;}
.project-notice .view-info {border-top: 2px solid #000000;}
.project-notice .view-info .view-num {display: none;}
.project-notice .view-info .view-title {font-size: 22px; font-family: 'Pretendard Medium'; border-bottom: 1px solid #e2e2e2; padding: 30px 30px; text-align: center; color: #000; line-height: 1.5; letter-spacing: -0.5px;}
.project-notice .view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 10px; text-align: right;}
.project-notice .view-detail .view-util {display: inline-block; margin-right: 10px; font-size: 15px; color: #9b9b9b; font-family: 'Pretendard Light';}
.project-notice .view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.project-notice .view-detail .view-util dl:after {content: '';position: absolute;left: 0;top: 4px;width: 1px;height: 15px;background: #dcdcdc;}
.project-notice .view-detail .view-util dl:first-child:after {display: none;}
.project-notice .view-detail .view-util dl.cate {display: none;}
.project-notice .view-detail .view-util dt,
.project-notice .view-detail .view-util dd {display: inline-block;}
.project-notice .view-detail .view-util dt {padding-right: 1px; color: #666; font-family: "Pretendard Medium";}
.project-notice .view-detail .view-util dd {color: #888;}
.project-notice .view-con {padding: 50px 40px 50px 40px;font-size: 16px;font-family: 'Noto Light';color: #000;border-bottom: 1px solid #ddd;overflow-x: auto;word-break: break-all;}
.project-notice .view-con p, .view-con span {font-family: 'Noto Regular' !important;}
.project-notice .view-con img {max-width: 100%; height: auto !important;}
.project-notice .view-con ul{padding: 20px;}
.project-notice .view-con li{list-style: disc;}
.project-notice .view-img {margin-bottom: 30px; text-align: center;}
.project-notice .view-link{padding:30px 0 40px;text-align:center;border-bottom:1px solid #1d1d1d;}
.project-notice .link-type1{min-width:300px;display:inline-block;font-size:18px;background:#0085ff url('../images/down_arr.png') no-repeat 90% center;color:#fff;padding: 25px 35px;line-height:1;letter-spacing:-0.05em;text-align: left;position:relative;}
.project-notice .link-type2{min-width:300px;display:inline-block;font-size:18px;background:#222 url('../images/down_arr2.png') no-repeat 90% center;color:#fff;padding: 25px 35px;line-height:1;letter-spacing:-0.025em;text-align: left;position:relative;}
.project-notice .link-type3{min-width:240px;display:inline-block;font-size:18px;background:#222 url('../images/down_arr2.png') no-repeat 90% center;color:#fff;padding: 25px 35px;line-height:1;letter-spacing:-0.025em;text-align: left;position:relative;}


/**submit**/
.project-notice .submit table{border-top:2px solid #000;}
.project-notice .submit .col-tit{width:13%;}
.project-notice .submit tbody th{font-size: 18px;font-family: 'Pretendard Medium';color:#000;background-color: #eff3f9;padding:17px 15px;line-height: 1.25;border-bottom: 1px solid #c5c5c5;border-right:1px solid #c5c5c5;text-align:left;}
.project-notice .submit tbody td{font-size: 18px;font-family: 'Pretendard Medium';color:#000;background:#fff;padding:10px 15px;text-align:left;border-bottom: 1px solid #c5c5c5;}
.project-notice .submit tbody td > span{display:inline-block;padding:0 5px;}
.project-notice .submit tbody tr:nth-last-child(1) th,
.project-notice .submit tbody tr:nth-last-child(1) td{border-bottom:1px solid #8a8a8a;}
.project-notice .submit input[type="text"],
.project-notice .submit input[type="password"]{height:40px;border:1px solid #bcbcbc;line-height:40px;color:#717171;padding:0 12.5px;font-size:18px;font-family:'Pretendard Regular';width:390px;border-radius:4px;}
.project-notice .submit input[type="text"].short{width:80px;}
.project-notice .submit input[readonly]{width:80%;background:#f3f3f3;}
.project-notice .submit input[type="button"]{font-size:18px;color:#fff;background:#0085ff;padding:8px 12px;border-radius:5px;font-family:'Pretendard Regular';cursor: pointer;}
.project-notice .submit-button{padding:40px 0; text-align: center;}
.project-notice .submit .pw-txt{color:#0085ff;display:inline-block;margin-left:10px;font-family:'Pretendard Medium';font-size:18px;}

/* Button */
.project-notice .board-button {text-align: center; display: inline-block; width: 100%;}
.project-notice .board-button .btn-control {float: right;}
.project-notice .board-button .btn-deco {display: inline-block; min-width: 80px; cursor: pointer; font-size: 14px; height: 40px; line-height: 37px; text-align: center; margin: 0 1px; border-radius: 100px; font-family: 'Pretendard Medium';}
.project-notice .board-button a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.project-notice .board-button .btn-deco.color1 {background: #8e99ab; border: 1px solid #8e99ab;}
.project-notice .board-button .btn-deco.color2 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.project-notice .board-button .btn-deco.color3 {background: #06988D; border: 1px solid #06988D;}
.project-notice .board-button .btn-deco.color4 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.project-notice .board-button .btn-deco.color5 {background: #004ea2; border: 1px solid #004ea2;}
.project-notice input[type="submit"],
.project-notice input[type="button"]{cursor: pointer;}

@media all and (max-width:860px) {
    .project-notice .list .th-date2{width:25%;}
    .project-notice .list .col-num,
    .project-notice .list .col-date1{display: none;}
    .project-notice .list .th-num,
    .project-notice .list .td-num,
    .project-notice .list .th-date1,
    .project-notice .list .td-date1 {display: none;}

    .project-notice .list .col-type,
    .project-notice .list .col-name,
    .project-notice .list .col-st-num,
    .project-notice .list .th-type,
    .project-notice .list .th-name,
    .project-notice .list .th-st-num,
    .project-notice .list .td-type,
    .project-notice .list .td-name,
    .project-notice .list .td-st-num{display: none;}
    .project-notice .submit .col-tit{width:120px;}
    .project-notice .submit tbody th{font-size:16px;padding:10px 5px;}
    .project-notice .submit input[type="text"], .project-notice .submit input[type="password"]{width:100%;}
    .project-notice .submit input[type="button"]{margin-top:5px;font-size:14px;}
    .project-notice .submit .pw-txt{margin-left:0;margin-top:5px;}
}

@media all and (max-width: 768px){
  .project-notice .view-info .view-title{padding: 30px 0px;}
  .project-notice .view-link > a{display:block;max-width:80%;margin:0 auto 5px;}
}

@media all and (max-width:700px) {
    .project-notice .view-detail .view-util dl {display: none;}
    .project-notice .view-detail .view-util dl.writer,
    .project-notice .view-detail .view-util dl.write {display: inline-block;}
}