@charset "utf-8"; 
body {display:flex; flex-wrap:wrap;}
.wrap {width:100%; min-height:100vh; display:flex; overflow:hidden; position:relative; flex-direction:column;}
.header {width:100%; padding:0; height:85px; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #ebebeb;}
.header .header-content {max-width:1110px; width:100%; display:flex; justify-content:space-between; align-items:center;}
.header .title {font-size:2rem; line-height:1; font-weight:700; letter-spacing:-1px; display:flex; align-items:center;}
.header .title img {height:40px; vertical-align:middle; margin-right:10px;}
.header .title a {display:flex; align-items:center; text-decoration:none; color:#333;}
.header .title a:hover {text-decoration:none;}
.header .btn {background:#02796f; border:1px solid #02796f; color:#fff; padding:.2rem .5rem;}
.main-ct {margin-bottom:10rem}
.main-ct::before {content:''; display:block; width:100%; height:4px; border-bottom:1px solid #ebebeb; background:#f4f4f4;}
.notice-tit {margin-top:20px; color:#02534c;}
.notice-content {border-radius:5px; max-width:1200px; margin:0 auto 30px; border:1px solid #eee; background:url("../images/box_pattern.gif");}
.inform-box {display:flex; align-items:flex-start; background:#fff; padding:18px 20px; margin:6px;}
.inform-box h4 {margin-bottom:1rem;}
.inform-box ul {list-style-type:none; color:#333; font-size:1rem; padding-left:0; margin-bottom:0;}
.inform-box li {position:relative; margin-bottom:0.5rem; line-height:1.5; padding-left:15px;}
.inform-box li::before {content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#888; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main-content {margin-top:3rem; background-color:white; max-width:1200px; padding:0;}
.form-container {background-color:rgb(255, 255, 255); border-top:2px solid #02796f; border-bottom:2px solid #02796f;}
.form-wp {display:table; width:100%;}
.form-wp .wp-tit {width:21%; min-width:150px; background:#f6fbfa; display:table-cell; vertical-align:middle; padding:12px 15px 12px 30px; border-bottom:1px solid #e3e3e3;}
.form-wp .wp-tit p {font-size:16px; font-weight:400; line-height:1.3; margin-bottom:0;}
.form-wp .form-cont {width:79%; margin-top:0; display:table-cell; vertical-align:middle; padding:10px 15px 10px 20px; border-bottom:1px solid #e3e3e3;}
.form-control {height:45px; padding:9px 20px 10px; border-radius:4px; font-size:16px; border:1px solid #ccc}
.input-group {display:flex; align-items:center;}
.input-group .form-control {flex:1;}
.ml-3 {margin-left:1rem;}
.require-txt {text-align:right; margin-bottom:10px; color:#333;}
.form-wp input, .form-wp textarea {color:#9c9c9c;}
.form-wp input:focus, .form-wp textarea:focus {border-color:#02796f; outline:none; box-shadow:none}
.form-wp input::placeholder, .form-wp textarea::placeholder {color:#9c9c9c;}
.form-wp input:focus::placeholder, .form-wp textarea:focus::placeholder {color:transparent;}
.form-wp input {caret-color:#02796f;}
.btn-group button {margin-right:5px;}
.btn-group .btn.active {background-color:#02796f !important; color:white !important;}
.btn-group-custom {margin:0 auto;}
.form-group.text-center.btn-group-custom {text-align:center;}
.btn-group-custom .btn {margin-top:1rem; margin-right:10px; padding:10px 15px; min-width:150px; border-radius:10px; font-size:1.125rem}
.btn-group-custom .btn:last-child {margin-right:0;}
.btn-cancel {background-color:#6c757d; color:white;}
.btn-cancel:hover {background-color:#5a6268; color:white;}
.btn-request, .btn-search {background-color:#02796f; color:white;}
.btn-request:hover, .btn-search:hover {background-color:#026456; color:white;}
.guide-text {width:100%; margin:0 auto; border-width:1px; border-style:solid; box-sizing:border-box; border-radius:5px; padding:24px 32px; background-color:#FBFBFB; border-color:#E0E0E3;}
.guide-text p {font-style:normal; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.02em; color:#2D2D37;}
ol.ordered-list {list-style:decimal; padding-left:1.6em;}
ol.ordered-list li {font-style:normal; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.02em; color:#2D2D37;}
.checkbox-list {margin-top:24px;}
.input-checkbox-box {display:flex; align-items:center;}
.input-checkbox-box input[type="checkbox"] {display:none;}
.input-checkbox {width:20px; height:20px; border:1px solid #ccc; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; cursor:pointer; background-color:white;}
.input-checkbox-box input[type="checkbox"]:checked + .input-checkbox {background-color:#02796f; border-color:#02796f;}
.input-checkbox::after {content:''; position:absolute; top:50%; left:50%; width:13px; height:10px; border-left:2px solid white; border-bottom:2px solid white; transform:translate(-50%, -70%) rotate(-45deg); display:none;}
.input-checkbox-box input[type="checkbox"]:checked + .input-checkbox::after {display:block;}
.input-desc {display:inline-block; vertical-align:middle;}
.input-desc p {font-style:normal; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.02em; margin-bottom:0; color:#2D2D37;}
.h2-title {font-size:1.3rem; margin-bottom:1rem}
.table-container .table {border-top:2px solid #02796f; box-sizing:revert; table-layout:auto;}
.table-container .table th, .table td {vertical-align:middle; text-align:center; padding:5px 10px;}
.table-container .table th {background-color:#f6fbfa; font-weight:500; padding:10px;}
.table-container .table td.bd_title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-container .table td.bd_content {max-height:5.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; border-bottom:none}
.receiving, .closed, .processing {display:inline-block; border-radius:15px; padding:0 15px; font-size:15px; min-width:100px; border-radius:3px; padding:4px;}
.table-container .table td.bd_status .receiving {color:#069769; border:1px solid #069769; background:#fcfffd;}
.table-container .table td.bd_status .closed {color:#333333; border:1px solid #000000; background-color:#fbfbfb;}
.table-container .table td.bd_status .processing {color:#ff5925; border:1px solid #ff5925; background-color:#fff6f1;}
.table-container .table td:hover {white-space:normal;}
.table-container .table tbody tr {cursor:pointer;}
.table-container .table td.bd_title, .table-container .table td.bd_content {text-align:left;}
table.bd-lst-tbl .col-number {width:8% !important;}
table.bd-lst-tbl .col-date {width:15% !important;}
table.bd-lst-tbl .col-status {width:15% !important;}
table.bd-lst-tbl .col-title {width:25% !important;}
table.bd-lst-tbl .col-content {width:auto !important;}
.table-bordered {border-left:0 !important; border-right:0 !important;}
.table-bordered th, .table-bordered td {border-left:0 !important; border-right:0 !important;}
.footer {background-color:#7e7e7e; color:white; text-align:center; padding:10px; position:fixed; bottom:0; width:100%;}
.modal-list-tit {color:#8c8c8c}
.red {color:red}

@media (max-width: 600px) {
.header .title {font-size:1.5rem;}
.header .header-content {padding:0 20px;}
.main-content {margin-top:1rem; box-shadow:none; border:none;}
.form-container {box-shadow:none; border-radius:0; border:none;}
.form-group {display:flex; justify-content:space-between;}
.form-group label, .form-group input, .form-group textarea, .btn-group button {width:100%; margin-bottom:10px;}
.btn-group-custom .btn-cancel {width:50%;}
.btn-group-custom .btn-request {width:50%;}
.btn-group.ml-3 {margin-left:0 !important;}
.inform-box {display:block !important;}
.inform-box h4 {font-size:1.3rem;}
.notice-content .inform-box {display:block}
.form-wp .wp-tit, .form-wp .form-cont {display:block !important; width:100% !important; padding:0 0 5px 0 !important; border-bottom:none; height:auto; background-color:#fff;}
.form-wp {display:block; margin-bottom:20px;}
.wp-tit, .form-cont {display:block; width:100%; padding:10px 0;}
.wp-tit p {font-size:16px !important; font-weight:400 !important; margin-bottom:5px !important;}
.form-wp .form-cont input, .form-wp .form-cont textarea {width:100% !important; font-size:16px !important;}
.input-group {display:block;}
.btn-group {display:flex; flex-direction:row; margin-top:10px;}
.btn-group .btn {margin-bottom:5px;}
.bd-lst-tbl {display:table; position:relative; table-layout:fixed; min-width:100%; width:100%; margin:10px 0 0; border-bottom:1px solid #ccc; word-break:break-all}
.guide-text {padding:20px;}
.inform-box li {font-size:14px;}
[class*="bd-lst-tbl"]:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:2px; background:#000;}
.bd-lst-tbl td {text-align:left; border-bottom:1px dotted #ccc;}
.table-container .table {width:100%; border-collapse:collapse; border-top:none;}
.table-container {overflow-x:auto; width:100%;}
.table thead {display:none;}
.table tr {display:block; margin-bottom:10px; border-bottom:2px solid #eee;}
.table td::before {content:attr(data-cell-header); font-weight:bold; display:block; width:100%; background-color:#f0f0f0; padding:5px 10px; margin-bottom:5px; color:#333;}
.table tbody tr {border-top:2px solid #727272; margin-bottom:20px;}
.bd-lst-tbl td {text-align:left; border-bottom:1px dotted #ccc;}
.bd-lst-tbl [data-cell-header] {padding:20px 10px; display:flex; flex-direction:column; position:relative;}
.bd-lst-tbl [data-cell-header] {flex-direction:column; padding:40px 8px 10px; overflow:hidden; display:flex;}
[class*="bd-lst-tbl"] > * > tr > * {line-height:24px; color:#676767; font-size:15px; letter-spacing:-0.05em; border-right:1px solid #ccc; background:#fff;}
.bd-lst-tbl [data-cell-header]:before, .bd-lst-tbl [data-cell-header]:after {position:absolute; top:0; left:0; min-width:100%; height:22px; padding:5px 8px;}
.bd-lst-tbl [data-cell-header]:after {border-bottom:1px dotted #ccc;}
.bd-lst-tbl [data-cell-header]:before, .bd-lst-tbl [data-cell-header]:after {position:absolute; top:0; left:0; min-width:100%; height:36px; padding:5px 8px;}
table.bd-lst-tbl .col-number {width:100% !important;}
table.bd-lst-tbl .col-date {width:100% !important ;}
table.bd-lst-tbl .col-status {width:100% !important ;}
table.bd-lst-tbl .col-title {width:100% !important;}
table.bd-lst-tbl .col-content {width:100% !important;}
.require-txt {border-bottom:1px dashed #ccc; padding:5px 0;}
.h2-title {margin-bottom:3rem}
.receiving, .closed, .processing {width:120px; text-align:center;}
}