@charset "UTF-8";
@import url(/static/commons/css/common.css);
@import url(/static/commons/css/grid.css);
@import url(/static/bos/css/paging.css);
@import url(/static/bos/css/layerpopup.css);
@import url(/static/font/font-awesome-4.7.0/css/font-awesome.min.css);
@import url(/static/font/S-Core_Dream_OTF/S-CoreDream.css);
@import url("/static/jslibrary/bootstrap-datepicker-1.10.0/dist/css/bootstrap-datepicker.standalone.min.css");
@import url(/static/font/material-design-icons-3.0.1/material-design-icons-3.0.1.css);
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 100;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Thin-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Thin-KS_X_1001.woff") format("woff");
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Light-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Light-KS_X_1001.woff") format("woff");
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Regular-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Regular-KS_X_1001.woff") format("woff");
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Medium-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Medium-KS_X_1001.woff") format("woff");
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Bold-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Bold-KS_X_1001.woff") format("woff");
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Noto Sans KR"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Black-KS_X_1001.woff2") format("woff2"), url("/static/font/notosans_KS_X_1001/NotoSansKR-Black-KS_X_1001.woff") format("woff");
}
:root {
--medium-blue: #2b70c6;
--bluish: #2693c5;
--lipstick: #c31c57;
--cobalt: #1f53c0;
--tree-green: #1c9428;
--dark-cobalt: #1a3978;
--warm-grey: #888;
--blue-blue: #1f53c0;
--warm-blue: #1a3978;
--pumpkin: #d87f02;
--black: #222;
--marine-blue: #002269;
--form-bd-color:#949494;
--warm-grey-re: rgba(0,34,105,0.2);
--gray:var(--warm-grey);
}

/*답글*/
/* 댓글 */
.vline {
color: #ccc;
margin: 0 3px;
}

.reComentList {
overflow: hidden;
padding: 0 20px;
}
.reComentList .set {
overflow: hidden;
width: 100%;
padding-top: 20px;
}
.reComentList .set .i {
padding-right: 80px;
position: relative;
}
.reComentList .set .characterLen {
display: block;
width: 100%;
height: 55px;
padding: 10px;
border: 1px solid #c9c9c9;
}
.reComentList .set .b-submit {
overflow: hidden;
width: 80px;
height: 55px;
position: absolute;
right: 0;
top: 0;
}
.reComentList .set .infoAppend {
height: 25px;
font-size: 11px;
line-height: 25px;
color: #666;
text-align: right;
}
.reComentList .set .characterLenDeco {
font-weight: bold;
color: #17439c;
text-align: right;
}
.reComentList > ul {
border-bottom: 1px solid #ddd;
}
.reComentList > ul li {
border-top: 1px solid #ddd;
padding: 5px;
overflow: hidden;
position: relative;
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.reComentList > ul li .cmtBody {
margin: 0 150px 0 0;
}
.reComentList > ul li .infoAppend {
display: block;
height: 20px;
}
.reComentList > ul li .name {
font-weight: bold;
color: #888;
}
.reComentList > ul li .time {
color: #b1b1b1;
}
.reComentList > ul li .txtDesc {
font-size: 12px;
line-height: 18px;
}
.reComentList > ul li .cmtFoot {
overflow: hidden;
position: absolute;
top: 15px;
right: 0;
height: 40px;
font-size: 11px;
}
.totalCount {
margin: 10px 0;
}
.totalCount strong {
color: var(--medium-blue);
}

.dataTables_info {
display: none;
}

.button-sort {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M6 36V33H42V36ZM6 25.5V22.5H42V25.5ZM6 15V12H42V15Z"/></svg>') center center no-repeat;
display: block;
color: transparent;
background-size: 32px;
cursor: move;
}

.fixed {
table-layout: fixed;
}

/* 테이블 뷰 대상 :게시물 상세보기 */
.bdView {
background-color: #fff;
clear: both;
margin-bottom: 20px;
border-top: 1px solid #dddddd;
}
.bdView td .form-group {
margin-bottom: 0;
}
.bdView table.table tbody tr td {
text-align: left;
}
.bdView table {
width: 100%;
border: none;
margin: 0;
}
.bdView table th,
.bdView table td {
border: 1px solid #dddddd;
padding-top: 14px;
padding-bottom: 14px;
}
.bdView table td {
padding-left: 10px;
padding-right: 10px;
}
.bdView table th {
min-width: 120px;
font-weight: bold;
background: #f7f8fa;
color: #333333;
vertical-align: middle;
}
.bdView table th .req {
transform: translate(-3px, -2px);
}
.bdView table th label {
font-weight: bold;
}
.bdView table th.tit {
padding-left: 10px;
text-align: left;
}
.bdView table tbody tr:first-child > * {
border-top: none;
}
.bdView table td.outputEditor p,
.bdView table td.outputEditor div {
min-width: 500px;
max-width: 630px;
}
.bdView table td.outputEditor {
min-width: 640px;
padding: 10px 0 10px 20px;
}
.bdView table textarea, .bdView table textarea#contents {
width: 100%;
}
.bdView label + a {
vertical-align: top;
}

th {
text-align: center;
}

/* TABLES */
.table {
margin-top: 10px;
text-align: center;
width: 100%;
}
.table + .nodata {
margin-top: -21px;
}
.table thead th {
font-size: 15px;
text-align: center;
color: var(--marine-blue);
border: 1px solid var(--cobalt);
border-width: 1px 0;
background-color: #f0f5ff;
}
.table thead th .req {
transform: translate(-3px, -2px);
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
height: 50px;
padding-left: 4px;
padding-right: 4px;
vertical-align: middle;
}
.table > thead > tr > th .ico-reply-ing,
.table > tbody > tr > th .ico-reply-ing,
.table > tfoot > tr > th .ico-reply-ing,
.table > thead > tr > td .ico-reply-ing,
.table > tbody > tr > td .ico-reply-ing,
.table > tfoot > tr > td .ico-reply-ing {
width: auto;
}
.table > tbody > tr > td.img {
padding: 5px;
}
.table > tbody > tr > td.img div {
max-height: 150px;
overflow: hidden;
margin: 0;
}
.table > tbody > tr > td.img div img {
max-width: 150px;
}
.table .tit {
padding: 0 !important;
}
.table .tit a {
display: block;
text-align: left;
position: relative;
padding: 11px 5px 12px 5px;
}
.table a {
text-decoration: underline;
text-underline-offset: 2px;
}
.table a.btn {
text-decoration: none;
}
.table > tbody > tr:nth-child(odd):last-child {
border-bottom: 1px solid #ddd;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
background: #f7f8fa;
}

.table-striped > tbody > tr:nth-child(even):hover > td,
.table-striped > tbody > tr:nth-child(even):hover > th,
.table-hover > tbody > tr:hover {
background-color: #f4f4f4;
}

.bdList .tit a::before,
table.table .tit a::before {
border-top: 4px solid #ddd;
border-left: 4px solid #9f9f9f;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
display: inline-block;
position: absolute;
left: 0;
top: 0;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.table th.no,
.bdList th.no {
width: 50px;
}
.table th.voit,
.bdList th.voit {
width: 50px;
}
.table th.view,
.bdList th.view {
width: 50px;
}
.table th.date,
.bdList th.date {
width: 100px;
}
.table th.date,
.bdList th.date {
width: 100px;
}
.table.ovx,
.bdList.ovx {
overflow-x: auto;
margin-bottom: 20px;
}
.table.ovx th,
.bdList.ovx th {
white-space: nowrap;
}
.table.ovx table,
.bdList.ovx table {
width: auto;
max-width: none;
min-width: 100%;
margin-bottom: 0;
}
.table.ovx th,
.bdList.ovx th {
padding-left: 10px;
padding-right: 10px;
}
.table.ovx th.teamNm,
.bdList.ovx th.teamNm {
min-width: 120px;
}
.table.ovx th.nttCn,
.bdList.ovx th.nttCn {
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ie .table.ovx th.nttCn,
.ie .bdList.ovx th.nttCn {
display: block;
height: 48px;
overflow: hidden;
}
.table.ovx th.updtDt,
.bdList.ovx th.updtDt {
min-width: 140px;
}
.table.ovx th.seqno,
.bdList.ovx th.seqno {
min-width: 80px;
}
.table.ovx th.nttSj,
.bdList.ovx th.nttSj {
min-width: 200px;
}
.table.ovx th.ntcrCpno,
.bdList.ovx th.ntcrCpno {
min-width: 120px;
}
.table.ovx th.ntcrEmad,
.bdList.ovx th.ntcrEmad {
min-width: 200px;
}
.table.ovx th.ntcrAdres,
.bdList.ovx th.ntcrAdres {
min-width: 250px;
}
.table.ovx th.registDt,
.bdList.ovx th.registDt {
min-width: 140px;
}
.table.ovx td.nttCn,
.bdList.ovx td.nttCn {
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ie .table.ovx td.nttCn,
.ie .bdList.ovx td.nttCn {
display: block;
height: 48px;
overflow: hidden;
}

.table tr.disabled td {
background-color: #eee;
cursor: not-allowed;
}

table.sm tr th {
font-weight: normal;
padding: 2px;
}
table.sm tr td {
font-weight: normal;
padding-left: 2px;
padding-right: 2px;
}

table.tac th,
table.tac td {
text-align: center;
}

tr.tac > * {
text-align: center;
}

td .progress {
margin-bottom: 0;
}

/**/
.table-bordered {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 0;
}
.table-bordered > thead > tr > th::after {
display: none;
}

table.table tr td.tit a {
display: block;
text-align: left;
}

table.table tr td.left {
text-align: left;
}

td > div {
margin: 5px 0;
}

.sh {
padding: 5px 20px;
border-radius: 8px;
background-color: #f7f8fa;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 5px;
}
.sh > * > * {
display: inline-flex;
}
.sh .g\:1 {
flex-grow: 1;
}
.sh [name=searchWrd] {
flex-grow: 1;
}
.sh [name=searchKwd] {
flex-grow: 1;
}
.sh label {
display: inline-flex;
align-items: center;
white-space: nowrap;
gap: 20px;
}
.sh label span {
font-family: S-CoreDream-6;
font-size: 15px;
font-weight: bold;
}
.sh .shDate {
white-space: nowrap;
}
.sh.sh-type-multiple > div {
display: inline;
}
.btn-set,
.btnSet {
position: relative;
margin-top: 30px;
float: right;
z-index: 1;
}
.btn-set-both,
.btnSet-both {
float: none;
margin: 20px 0;
padding-top: 20px;
width: 100%;
}
.btn-set-both::before,
.btnSet-both::before {
content: "";
display: table;
width: 100%;
}
.btn-set.c,
.btnSet.c {
text-align: center;
float: none;
}

.btnSet + .paginationSet > ul {
margin: 0;
}

.filelist li + li {
margin-top: 8px;
}

.ui-datepicker-trigger {
width: 40px;
height: 48px;
object-fit: none;
}

.row {
display: block;
}
.row:before, .row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.datepicker-next,
.datepicker-prev {
font-style: normal;
font-size: 20px;
}
.datepicker-next::before,
.datepicker-prev::before {
content: "«";
}

.datepicker-next::before {
content: "»";
}

.btn-default {
height: 44px;
}

[class^=b-] {
display: inline-flex;
gap: 8px;
align-items: center;
justify-content: center;
height: 44px;
color: #fff;
padding: 0 10px;
border-radius: 8px;
background-color: var(--blue-blue);
vertical-align: top;
white-space: nowrap;
}
.btn-set [class^=b-], [class^=b-].btn-xs {
height: auto;
padding: 0 5px;
gap: 4px;
}
.table [class^=b-], [class^=b-].btn-sm {
height: 32px;
gap: 7px;
padding: 0 10px;
}
.btnSet [class^=b-], .btn-set [class^=b-], [class^=b-].btn-lg, [class^=b-].lg {
height: 48px;
padding: 0 20px;
}
[class^=b-]::before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
background-repeat: no-repeat;
min-width: 16px;
min-height: 16px;
}

.btn-xs {
height: 28px;
line-height: 24px;
}

/* prettier-ignore */
.b-cancel {
background-color: var(--warm-grey);
border: var(--warm-grey);
}
.b-cancel::before {
content: "\e5c9";
}

.b-edit {
background-color: var(--tree-green);
border: var(--tree-green);
}
.b-edit::before {
content: "";
background-image: url("/static/bos/img/ico/ico-edit-2.png");
}

.b-list {
background-color: var(--blue-blue);
border: 1px solid var(--medium-blue);
}
.b-list::before {
content: "\e241";
}

.b-move {
background-color: var(--pumpkin);
border: var(--pumpkin);
}
.b-move::before {
content: "\f71e";
}

.b-reply {
background-color: var(--dark-cobalt);
border: var(--dark-cobalt);
}
.b-reply::before {
content: "\e15e";
}

.b-sh {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-sh::before {
content: "\e8b6";
}

.b-ok {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-ok::before {
content: "\e86c";
}

.b-down {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-down::before {
content: "\f090";
}

.b-reset {
background-color: #fff;
border: 1px solid var(--medium-blue);
color: var(--cobalt);
}
.b-reset::before {
content: "\e5d5";
background-image: url("");
}

.b-add {
background-color: var(--tree-green);
border: var(--tree-green);
}
.b-add::before {
content: "\e145";
}

.b-view {
background-color: var(--black);
border: var(--black);
}
.b-view::before {
content: "\e8f4";
}

.b-back {
background-color: var(--warm-grey);
border: 1px solid var(--warm-grey);
}
.b-back::before {
content: "\e5c4";
}

.b-save {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-save::before {
content: "\e161";
}

.b-save-cloud {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-save-cloud::before {
content: "\e2c3";
}

.b-save-temp {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-save-temp::before {
content: "\eb60";
}

.b-end {
background-color: var(--lipstick);
border: var(--lipstick);
}
.b-end::before {
content: "\e8ac";
}

.b-set {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-set::before {
content: "\e8b8";
}

.b-open {
background-color: var(--pumpkin);
border: var(--pumpkin);
}
.b-open::before {
content: "\e89e";
}

.b-select {
background-color: var(--bluish);
border: var(--bluish);
}
.b-select::before {
content: "\e834";
}

.b-login {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-login::before {
content: "\f011";
}

.b-pop {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-pop::before {
content: "\e89e";
}

.b-disabled {
background-color: var(--warm-grey);
border: var(--warm-grey);
}
.b-disabled::before {
content: "\e8f5";
}

.b-uncheck {
background-color: var(--bluish);
border: var(--bluish);
}
.b-uncheck::before {
content: "\e835";
}

.b-unlock {
background-color: var(--bluish);
border: var(--bluish);
}
.b-unlock::before {
content: "\e898";
}

.b-hide {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-hide::before {
content: "\f070";
}

.b-close {
background-color: var(--warm-grey);
border: var(--warm-grey);
}
.b-close::before {
content: "\e5cd";
}

.b-person-add {
background-color: var(--bluish);
border: var(--bluish);
}
.b-person-add::before {
content: "\e7fe";
}

.b-content-copy {
background-color: var(--tree-green);
border: var(--tree-green);
}
.b-content-copy::before {
content: "\e14d";
}

.b-use {
background-color: var(--marine-blue);
border: var(--marine-blue);
}
.b-use::before {
content: "\e30c";
}

.b-notuse {
background-color: var(--warm-grey);
border: var(--warm-grey);
}
.b-notuse::before {
content: "\e99d";
}

.b-reg {
background-color: var(--blue-blue);
border: var(--blue-blue);
}
.b-reg::before {
content: "";
background-image: url("/static/bos/img/ico/ico-edit.png");
}

.b-del {
background-color: var(--lipstick);
border: var(--lipstick);
}
.b-del::before {
content: "\e872";
}

.b-join {
background-color: var(--cobalt);
border: var(--cobalt);
}
.b-join::before {
content: "\e7fe";
}

.b-reg::before {
transform: translateY(1px);
}

.b-xls {
background: #fff;
border: 1px solid var(--tree-green);
color: var(--tree-green);
}
.b-xls::before {
background: url(/static/commons/img/xls.png) 0 0 no-repeat;
content: "";
width: 23px;
height: 16px;
display: inline-block;
vertical-align: middle;
}

.ico-new {
display: inline-block;
width: 15px;
height: 13px;
background: url(/static/commons/img/ico_new.png) 0 0 no-repeat;
}

.ico-re {
display: inline-block;
width: 15px;
height: 13px;
background: url(/static/commons/img/ico_re.png) right 0 no-repeat;
}

.listUpBtn,
.listDownBtn,
.detailUpBtn,
.detailDownBtn {
width: 44px;
}

.b-print,
.b-help {
border-color: #393b3f;
color: #393b3f;
}
.b-print::before,
.b-help::before {
display: inline-block;
width: 25px;
height: 19px;
content: "";
vertical-align: middle;
background: url(/static/bos/img/ico-help.png) 0 center no-repeat;
}

.b-print::before {
background: url(/static/bos/img/ico-print.png) 0 center no-repeat;
}

.pop-close {
position: absolute;
right: 5px;
top: 5px;
height: 40px;
width: 40px;
background: none;
border: none;
}
.pop-close::before, .pop-close::after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -1px;
height: 3px;
background-color: #fff;
}
.pop-close::before {
transform: rotate(45deg);
}
.pop-close::after {
transform: rotate(-45deg);
}

.b-join {
background: var(--blue-blue);
color: #fff;
}

.btn-group {
display: inline-flex;
gap: 0;
}
.btn-group [class^=b-] {
border-radius: 0;
}
.btn-group [class^=b-] + [class^=b-] {
border-left: 1px solid #fff;
}

/*설문조사*/
.surveyList {
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.surveyList dl {
padding: 10px 0;
}
.surveyList dl dd div {
padding: 5px 0;
}
.surveyList dl + dl {
border-top: 1px solid #eee;
}

.surveyList dl:first-child {
border: none;
}

.toggleDl dl + dl {
border-top: 1px solid #ccc;
}

.toggleDl dl dt {
padding: 10px 0;
position: relative;
}

.toggleDl dl dt button {
position: absolute;
right: 0;
top: 4px;
}

.toggleDl .table {
margin-bottom: 0;
}

/* 설문조사뷰 */
.ico-tel {
color: red;
}

.ico-tel:before {
content: "\f095";
font-size: 18px;
display: inline-block;
width: 19px;
font-family: FontAwesome;
}

.view > dl.deco {
background-color: #f5f4f2;
}

.view > dl.deco > dt {
position: relative;
}

.view > dl.deco > dt:after {
content: "";
height: 17px;
position: absolute;
right: 0;
top: 50%;
margin-top: -9px;
border-right: 1px solid #dadada;
}

.view > dl.deco > .d {
width: 110px;
}

/* 설문조사 질의목록 */
.surbeyQ dt {
font-size: 16px;
padding: 16px 0 20px 27px;
background-color: #f5f4f2;
border: 1px solid #dadada;
border-top: 2px solid #47413e;
}

.surbeyQ dt:before {
content: "\f164";
color: #1f9ed9;
font-size: 24px;
display: inline-block;
width: 30px;
font-family: FontAwesome;
}

.surbeyQ dd {
border: 1px solid #dadada;
border-width: 0 1px 0 1px;
margin-bottom: 40px;
overflow: hidden;
}

.surbeyQ dt,
.surbeyQ dd {
display: block;
}

.surbeyQ dd .row > div {
border: 1px solid #dadada;
border-width: 0 1px 1px 0;
}

.surbeyQ dd label {
display: block;
padding: 20px;
}

.surbeyQ dd.textarea {
padding: 20px;
border-bottom: 1px solid #dadada;
}

.surbeyQ dd.textarea textarea {
width: 100%;
height: 96px;
}

.surbeyQ dd.etctype {
margin-top: -40px;
}

/* 설문조사 결과 */
.surveyResultListItem {
margin-bottom: 20px;
}

.table.table-survey {
border-top: none;
overflow: visible;
margin: 0;
}

.table-survey caption {
display: table-caption;
visibility: visible;
width: auto;
height: auto;
clip: inherit;
margin: 0;
position: static;
opacity: 1;
line-height: 1;
font-size: 16px;
padding: 16px 0 20px 27px;
background-color: #f5f4f2;
border: 1px solid #dadada;
border-top: 2px solid #47413e;
color: red;
}

.table-survey caption::before {
content: "\f0a6";
font-size: 24px;
width: 30px;
display: inline-block;
font-family: FontAwesome;
}

.table-survey caption details {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.table-survey tr > * {
border: 1px solid #dadada;
}

.table-survey td.graph {
padding: 0;
}

.table-survey td.graph span {
display: block;
height: 38px;
background-color: #6dc0e6;
}

.graph1 {
background-image: url(/static/commons/img/pattern/survey_pt1.png);
}

.graph2 {
background-image: url(/static/commons/img/pattern/survey_pt2.png);
}

.graph3 {
background-image: url(/static/commons/img/pattern/survey_pt3.png);
}

.graph4 {
background-image: url(/static/commons/img/pattern/survey_pt4.png);
}

.bdList + .surveyRsult {
border-top: none;
}

.surveyRsult {
clear: both;
border-top: 2px solid #47413e;
}
.surveyRsult .sh {
margin: 0;
border-radius: 0;
border-bottom: none;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
padding: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.surveyRsult .nodata {
border-top: none;
color: #757575;
}

.surveyRsult p {
font-size: 16px;
padding: 16px 0 20px 27px;
background-color: #f5f4f2;
border: 1px solid #dadada;
color: red;
margin: 0 !important;
}

.surveyRsult p::before {
content: "\f0a6";
font-size: 24px;
width: 30px;
display: inline-block;
font-family: FontAwesome;
}

.surveyRsult ol li {
padding: 18px 28px;
font-size: 14px;
border: 1px solid #dadada;
border-top: none;
}

/*view*/
.reg .subject,
.view .subject {
font-size: 19px;
color: #000000;
padding: 8px 18px;
margin: 0;
border-top: 2px solid #494b50;
border-bottom: 1px solid #494b50;
}
.reg--bg-white,
.view--bg-white {
background-color: #fff;
}
.reg dl,
.view dl {
display: table;
width: 100%;
border-top: 1px solid #dddddd;
border-collapse: collapse;
table-layout: fixed;
}
.reg dl:last-of-type,
.view dl:last-of-type {
border-bottom: 1px solid #dddddd;
}
.reg dl dt,
.view dl dt {
display: table-cell;
height: 56px;
padding: 20px 10px;
vertical-align: middle;
border-left: 1px solid #dddddd;
width: 120px;
background: #f7f8fa;
color: var(--marine-blue);
}
.reg dl dt label,
.reg dl dt span,
.view dl dt label,
.view dl dt span {
color: var(--marine-blue);
font-size: 15px;
}
.reg dl dt .req,
.view dl dt .req {
transform: translate(-3px, -2px);
}
.reg dl dd,
.view dl dd {
display: table-cell;
height: 56px;
width: calc(100% - 120px);
padding: 5px 10px;
vertical-align: middle;
border-left: 1px solid #dddddd;
text-align: left;
}
.reg dl > dd:last-of-type,
.view dl > dd:last-of-type {
border-right: 1px solid #dddddd;
}
.reg dl.type2,
.view dl.type2 {
position: relative;
}
.reg dl.type2 + dl,
.view dl.type2 + dl {
width: 50%;
}
.reg dl.type2 .dprmt,
.view dl.type2 .dprmt {
position: absolute;
min-height: 124px;
border-right: 1px solid #dddddd;
}
.reg dl.type2 .dprmt + dd,
.view dl.type2 .dprmt + dd {
position: absolute;
min-height: 128px;
left: calc(50% + 120px);
width: calc(50% - 120px);
border-left: 0;
}
.reg dl.type2 .dprmt + dd .flex,
.view dl.type2 .dprmt + dd .flex {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0 10px;
margin-top: 6px;
}
.reg dl.type2 .dprmt + dd input:read-only,
.view dl.type2 .dprmt + dd input:read-only {
background: #fff;
border: 1px solid #949494;
}
.reg dl.type2 .dprmt + dd button,
.view dl.type2 .dprmt + dd button {
border-radius: 8px;
height: 44px;
padding: 0 18px;
}
.reg dl.type2 .dprmt + dd button.b-choice,
.view dl.type2 .dprmt + dd button.b-choice {
background: #2693c5;
color: #fff;
}
.reg dl.type2 .dprmt + dd button.b-choice::before,
.view dl.type2 .dprmt + dd button.b-choice::before {
display: none;
}
.reg dl.type2 .dprmt + dd button.b-reset,
.view dl.type2 .dprmt + dd button.b-reset {
background: #fff;
color: var(--blue-blue);
border: 1px solid var(--blue-blue);
}
.reg.long dl dt,
.view.long dl dt {
width: 200px;
}

.view.joinForm input[type=text],
.view.joinForm input[type=password] {
width: 100%;
}

.pw #pw {
width: 188px;
}
.pw .pw-change {
display: inline-block;
margin-left: 6px;
}

.id input {
max-width: 320px;
}
.id .b-check {
margin-left: 6px;
background: #222222;
vertical-align: bottom;
}
.id .b-check::before {
display: none;
}

.phone {
display: flex;
align-items: center;
gap: 0 10px;
}
.phone input {
max-width: 110px;
}

.email {
display: flex;
align-items: center;
gap: 0 10px;
}

.info {
display: flex;
align-items: center;
text-align: left;
font-size: 16px;
margin-top: 8px;
}
.info i {
color: var(--lipstick);
margin-right: 6px;
}

.dbData {
padding: 20px;
}
.dbData img {
max-width: 100%;
}

.bdViewNav {
margin-top: 20px;
overflow: hidden;
border: 1px solid #dddddd;
display: table;
width: 100%;
}
.bdViewNav dl {
display: table-row;
}
.bdViewNav dl > * {
display: table-cell;
vertical-align: middle;
}
.bdViewNav dl dt {
width: 15%;
text-align: center;
font-weight: bold;
background-color: #f7f8fa;
padding: 18px 0;
border-right: 1px solid #dddddd;
color: #333333;
}
.bdViewNav dl dt:after {
content: " ▼";
display: inline;
color: #535e65;
}
.bdViewNav dl dd > span {
display: block;
padding: 18px 20px;
}
.bdViewNav dl:first-child > * {
border-bottom: 1px dotted #e1e1e1;
}
.bdViewNav dl:first-child dt:after {
content: " ▲";
display: inline;
color: #535e65;
}
.bdViewNav a {
overflow: hidden;
display: block;
padding: 18px 0 18px 20px;
}
.bdViewNav a span {
float: right;
width: 17%;
position: relative;
text-align: center;
}
.bdViewNav a span:after {
content: "|";
position: absolute;
left: 0;
top: -1px;
color: #dddddd;
font-size: 9px;
}
.bdViewNav a span:first-child {
float: left;
width: 83%;
text-align: left;
}
.bdViewNav a span:first-child:after {
display: none;
}

.req {
position: relative;
display: inline-block;
vertical-align: top;
}
.req::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #d91f61;
}

.dlcols {
display: grid;
--dt-width: 80px;
}
.dlcols > dl {
display: grid;
gap: 5px;
border-bottom: 1px solid var(--bdcolor);
}
.dlcols > dl.col-1 {
grid-template-columns: var(--dt1-width) calc(100% - var(--dt1-width));
}
.dlcols > dl.col-2 {
grid-template-columns: repeat(2, var(--dt1-width) calc(50% - var(--dt1-width)));
}
.dlcols > dl.col-2 {
grid-template-columns: var(--dt1-width) calc(50% - var(--dt1-width)) var(--dt2-width) calc(50% - var(--dt2-width));
}
.dlcols > dl.col-3 {
grid-template-columns: var(--dt1-width) calc(33.333% - var(--dt1-width)) var(--dt2-width) calc(33.333% - var(--dt2-width)) var(--dt3-width) calc(33.333% - var(--dt3-width));
}
.dlcols > dl.col-4 {
grid-template-columns: repeat(4, var(--dt-width) calc(25% - var(--dt-width)));
}
.dlcols > dl.col-4 {
grid-template-columns: repeat(4, var(--dt-width) auto);
}
.dlcols > dl.w {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 20px;
}

/* list */
.galleryList {
overflow: hidden;
color: #737373;
margin: 0 -15px;
}
.galleryList ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.galleryList li {
height: 285px;
}
.galleryList div {
height: 100%;
}
.galleryList a img {
height: 210px;
object-fit: scale-down;
}
.galleryList a {
display: block;
height: 100%;
border: 1px solid #dddddd;
text-align: center;
padding: 5px;
}
.galleryList li p,
.galleryList li .tit {
padding: 10px 0 5px 0;
font-size: 14px;
font-weight: bold;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.galleryList li span {
font-size: 12px;
}

.galleryList li .cate {
padding-top: 10px;
}

.galleryList li .subject {
font-size: 14px;
font-weight: 600;
width: 210px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.galleryList li span.small {
display: inline;
}

.galleryList li span.white {
color: #fff !important;
}

.galleryList li .btn_area {
margin: 10px 0;
}

.galleryView {
width: 100%;
border-bottom: 1px solid #e6e6e6;
border-top: 2px solid #494949;
margin-top: 30px;
}

#content .galleryView > h2 {
background: #fafafa;
background-image: none;
font-size: 16px;
text-align: center;
font-weight: 600;
border-bottom: 1px solid #e6e6e6;
margin: 0;
padding: 13px 0;
}

.galleryView > div {
border-bottom: 1px solid #e6e6e6;
padding: 10px;
}

.galleryView dl {
overflow: hidden;
padding: 4px 0;
}

.galleryView dt {
float: left;
font-weight: bold;
}

.galleryView dd {
float: left;
padding-left: 5px;
}

.galleryView dd.wid {
width: 200px;
}

.galleryView .point {
text-indent: 0;
}

.galleryView .point, .galleryView .point a {
color: #EF6D17;
}

.galleryView .dbdata {
padding: 45px 30px;
line-height: 179%;
}

.galleryView .dbdata img {
max-width: 710px;
}

.galleryView .sliderMc img {
object-fit: scale-down;
max-height: 100%;
}

.sliderMc {
position: relative;
z-index: 10;
width: 800px;
margin: 20px auto;
height: 560px;
overflow: hidden;
padding: 20px;
}

.sliderMc .thumbs {
position: relative;
z-index: 10;
width: 590px;
height: 540px;
float: left;
overflow: hidden;
}

.sliderMc .thumbs > div {
position: relative;
z-index: 10;
width: 596px;
overflow: hidden;
float: left;
height: 540px;
}

.sliderMc .thumbs > div a {
display: block;
padding: 5px;
border: 2px solid #cacaca;
text-align: center;
}

.sliderMc .thumbs > div a img {
width: auto;
max-height: 518px;
max-width: 100%;
object-fit: none;
}

.sliderMc .descSet {
position: absolute;
left: 0;
top: 0;
width: 210px;
height: 304px;
padding: 38px 20px;
background: url(../images/mains/opacity60.png);
}

.sliderMc .descSet a, .sliderMc .descSet h2, .sliderMc .descSet p, .sliderMc .descSet span {
color: #fff;
font-size: 12px;
line-height: 18px;
}

.sliderMc .descSet .stitle {
font-size: 15px;
line-height: 20px;
margin-top: 8px;
margin-bottom: 20px;
}

.sliderMc .descSet h2 {
display: inline-block;
line-height: 20px;
background: #ed1c24;
padding: 0 5px;
}

.thumbsList {
width: 110px;
height: 470px;
overflow: hidden;
margin-top: 33px;
float: right;
}
.thumbsList li {
display: inline-block;
float: left;
margin-bottom: 9px;
overflow: hidden;
width: 100%;
height: 80px;
margin-bottom: 10px;
}
.thumbsList li img {
vertical-align: top;
height: 70px;
}
.thumbsList button,
.thumbsList a {
width: 100%;
padding: 0;
border: 2px solid #141414;
display: block;
overflow: hidden;
text-align: center;
}
.thumbsList a:hover,
.thumbsList a:focus,
.thumbsList a:active,
.thumbsList li.on a {
border-color: #febe10;
}

.sliderMcCtrl .prevVs {
position: absolute;
z-index: 50;
top: 0;
right: 20px;
background: url(/static/ucms/img/photoCtrlUp.png) no-repeat;
width: 111px;
height: 23px;
}

.sliderMcCtrl .nextVs {
position: absolute;
z-index: 50;
bottom: 0;
right: 20px;
background: url(/static/ucms/img/photoCtrlDown.png) no-repeat;
width: 111px;
height: 23px;
}

.img-download-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.img-download-list__item {
position: relative;
}
.img-download-list__item input[type=checkbox] {
position: absolute;
left: 5px;
top: 5px;
}
.img-download-list__item img {
vertical-align: top;
width: 100px;
height: 100px;
object-fit: scale-down;
background-color: gray;
}

[role=tabpanel] {
display: block;
}
[role=tabpanel]:before, [role=tabpanel]:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html {
scroll-behavior: smooth;
}

.ovy {
overflow-y: scroll;
}

.souceUrl {
position: relative;
border: 1px solid #eee;
border-radius: 5px;
padding: 5px;
float: left;
width: 45%;
opacity: 1;
height: auto;
}

.check {
float: left;
width: 5%;
}

.souceUrl:after {
content: " 복사하려면 클릭!";
display: inline;
}

/*bootstrap 초기화*/
.navbar {
min-height: 32px;
}

.navbar-nav > li > a {
padding-top: 5px;
padding-bottom: 5px;
}

.row {
margin-top: 5px;
margin-bottom: 5px;
}

body,
button,
input,
textarea,
select {
font-size: 14px;
}

body {
-ms-word-break: break-all;
word-break: break-all;
}

a {
color: #333;
}

.fs16 {
font-size: 16px;
letter-spacing: -1px;
line-height: 1.25;
}

.fs17 {
font-size: 17px;
letter-spacing: -1px;
line-height: 1.2352941176;
}

.fs18 {
font-size: 18px;
letter-spacing: -2px;
line-height: 1.2222222222;
}

.fs19 {
font-size: 19px;
letter-spacing: -2px;
line-height: 1.2105263158;
}

.fs20 {
font-size: 20px;
letter-spacing: -2px;
line-height: 1.2;
}

.fs21 {
font-size: 21px;
letter-spacing: -2px;
line-height: 1.1904761905;
}

.fs22 {
font-size: 22px;
letter-spacing: -2px;
line-height: 1.1818181818;
}

.fs23 {
font-size: 23px;
letter-spacing: -2px;
line-height: 1.1739130435;
}

.fs24 {
font-size: 24px;
letter-spacing: -2px;
line-height: 1.1666666667;
}

.fs25 {
font-size: 25px;
letter-spacing: -2px;
line-height: 1.16;
}

/* ul.Text Styles */
.list li {
text-indent: -16px;
padding-left: 16px;
position: relative;
}

.list li:before {
width: 4px;
height: 4px;
background-color: #000;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}

.emailId,
input.email_id,
input.email_addr,
input.emailAddr {
width: 124px;
}

input.tel1 {
width: 60px;
}

input.tel {
width: 80px;
}

input.tel_word {
width: 120px;
} /* 전화번호 한줄 */
input.user_id {
width: 120px;
}

input.hasDatepicker {
width: 80px;
}

input.tel1 {
width: 40px;
}

input.emailid,
input.emaildomain,
input.tel {
width: 80px;
}

input.post_s,
input.post_e,
input.post {
width: 100px;
}

input.month,
input.date,
input.sdate,
input.edate,
input.dateS,
input.dateE {
width: 135px !important;
}

.postSet span {
display: block;
}

.postSet span + span {
margin-top: 5px;
}

/*검색어 하이라이트*/
.highlight {
color: red;
}

.addFormSet {
padding: 10px 0;
border-top: 1px dotted #ccc;
margin: 0;
}

.addFormSet:first-child {
border: none;
}

.addFormSet > div {
margin: 5px 0;
}

.addFormSet:nth-child(2n) {
background-color: #eee;
border-radius: 3px;
}

.fileAddSet .file_set:first-child {
padding-top: 0;
}
.fileAddSet .file_set .decoTitle {
line-height: 34px;
}
.fileAddSet .file_set:nth-child(2n) {
background-color: #eee;
border-radius: 3px;
}

/* popup */
.popupWrap {
padding: 0 25px;
color: #000;
}
.popupWrap h2 {
font-size: 1.5em;
line-height: 40px;
margin: 10px 0 5px 0;
}
.popupWrap h1 {
background: #333;
color: #fff;
height: 50px;
line-height: 50px;
font-size: 20px;
padding-left: 20px;
margin: 0 -25px 25px;
}

.btn_print {
position: absolute;
right: 0;
top: 15px;
}

.outputEditor {
min-height: 300px;
}

/* 필수입력 */
.req {
display: inline-block;
width: 0;
position: relative;
height: 15px;
margin-right: 3px;
}
.req:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 5px;
border-radius: 5px;
background-color: #d91f61;
}
.req > * {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.inputDeco {
color: #d04700;
}

.help {
padding: 4px 0;
text-align: left;
}
.help::before {
content: "\e88e";
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 20px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
color: var(--lipstick);
vertical-align: text-bottom;
}
.help em {
color: var(--lipstick);
}

/* datePicker */
.ui-datepicker .ui-datepicker-title select {
padding: 0;
font-weight: normal;
height: 25px;
vertical-align: top;
}

/*탭*/
.tab-2depth li {
float: left;
width: 50%;
}
.tab-2depth li a {
display: block;
text-align: center;
border: 1px solid #ddd;
border-top-style: dotted;
padding: 4px 0;
border-left-width: 0;
border-top-color: transparent;
}
.tab-2depth li:first-child a {
border-bottom-left-radius: 3px;
border-left-width: 1px;
border-right-style: dotted;
}
.tab-2depth li:last-child a {
border-bottom-right-radius: 3px;
}

.nav-tabs {
display: flex;
border: solid 1px var(--dark-cobalt);
margin-bottom: 20px;
}
.nav-tabs li {
flex: 1 1 0; /* 균등 분할을 위한 설정 */
}
.nav-tabs li + li a {
border-left: 1px solid var(--dark-cobalt);
}
.nav-tabs > li > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 4px 0;
text-align: center;
color: var(--dark-cobalt);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus-visible {
font-family: S-CoreDream-5Medium;
color: #fff;
background-color: var(--cobalt);
}

/*아이콘*/
span.ico {
display: inline-block;
border-radius: 25px;
background-color: #76d7c4;
color: #117a65;
font-size: 11px;
font-weight: normal;
padding: 8px 5px;
vertical-align: middle;
text-align: center;
}

.box {
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
margin-bottom: 5px;
}

.nodata {
text-align: center;
border: 1px solid #eee;
padding: 10px;
color: #f00;
}

/*FAQ*/
#faqList {
position: relative;
margin: 30px 0 0;
border-top: 3px solid #0552a9;
border-bottom: 1px solid #707580;
}
#faqList dt,
#faqList dd {
position: relative;
padding: 10px 10px 12px 35px;
border-bottom: 1px solid #d6d6d6;
}
#faqList dt {
line-height: 37px;
padding-top: 0;
padding-bottom: 0;
}
#faqList dt button {
display: block;
line-height: 18px;
background-color: transparent;
border: 0;
padding: 10px 0;
width: 100%;
text-align: left;
}
#faqList dd {
background: #f8f8f8;
}
#faqList .qna_img {
position: absolute;
left: 0px;
top: 7px;
background: url(/static/commons/img/ico_q.png) 0 0 no-repeat;
width: 24px;
height: 24px;
background-size: auto 100%;
}
#faqList dd .qna_img {
background-image: url(/static/commons/img/ico_a.png);
}
#faqList #no-data {
width: 100%;
text-align: center;
padding-left: 0;
background-image: none;
font-weight: bold;
}

.fieldList .row {
line-height: 34px;
}

.fieldList .row + .row {
margin-top: 10px;
}

.topDesc {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px;
}
.topDesc li + li {
margin-top: 5px;
}

.beforeDiv {
margin: 0;
border: 5px solid #f4f4f4;
padding: 20px;
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
background-color: #fff;
}

.treectrl {
text-align: left;
padding: 5px 5px 0 5px;
background-color: #f4f4f4;
}
.treectrl .jstree {
background-color: #fff;
}
.treectrl .f > button::before {
content: "";
background: url(/static/commons/img/ico_folderopen.png) 0 0 no-repeat;
width: 18px;
height: 13px;
display: inline-block;
}
.treectrl .f > button {
border: 1px solid #393b3f;
font-size: 12px;
background-color: #fff;
color: #000;
}
.treectrl .f > .treeclose::before {
background-image: url(/static/commons/img/ico_folderclose.png);
}
.treectrl .f + .btn-group {
float: right;
}

.contentadminfo {
overflow: hidden;
}
.contentadminfo li {
float: left;
width: 50%;
position: relative;
padding-left: 80px;
padding-right: 10px;
padding-bottom: 5px;
}
.contentadminfo li label {
display: block;
}
.contentadminfo li span.title {
position: absolute;
left: 0;
top: 0;
line-height: 34px;
}
.contentadminfo li input {
width: 100%;
}

.errimg {
background: url(/static/bos/img/126X118.gif) center center no-repeat;
width: 100px;
height: 50px;
display: inline-block;
border: 1px solid #dddddd;
vertical-align: middle;
}

#authomenu label > input {
position: absolute;
z-index: -1;
left: -999px;
display: none;
}

.listImgSize {
max-width: 150px;
max-height: 100px;
vertical-align: middle;
}

.usS {
color: #449d44;
}

.loading {
position: fixed;
left: 0;
width: 100%;
margin-top: -120px;
top: 50%;
text-align: center;
font-size: 18px;
font-weight: bold;
z-index: 999;
}
.loading::after {
content: "";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.8);
z-index: -1;
}
.loading .spinner {
width: 70px;
text-align: center;
margin: 40px auto;
}
.loading .spinner > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loading .spinner .bounce1 {
animation-delay: -0.32s;
}
.loading .spinner .bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.filecopyitem {
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.filecopyitem--name {
width: 20%;
line-height: 34px;
overflow: visible;
text-overflow: ellipsis;
text-align: left;
}
.filecopyitem .copyLink {
height: 34px;
width: calc(80% - 75px - 15px);
overflow: visible;
text-overflow: ellipsis;
}
.filecopyitem button {
width: 75px;
}

table.dataTable thead th,
table.dataTable thead td {
background: #f8bb1b;
}

table.dataTable.no-footer {
border-bottom-width: 0 !important;
}

.c-field {
display: grid;
gap: 8px;
margin-bottom: -8px;
grid-template-columns: 140px 140px 190px 190px 160px auto;
grid-template-areas: "field fieldtype title attr style chkbox ";
}
.c-field .field-type-select {
width: 100%;
}
.c-field input[type=text] {
width: 100%;
}
.c-field [style="grid-area:chkbox"] label {
display: inline-flex;
gap: 4px;
align-items: center;
margin: 0;
}
.c-field > * {
margin: 0 !important;
}

.label-group {
display: flex;
flex-direction: column;
gap: 3px;
}
.label-group__name {
font-size: 0.9em;
}

.post span {
display: block;
}
.post__zipcode {
width: 100px;
}
.post__default {
width: 100%;
}
.post__detail {
width: 100%;
}

.password-confirm {
margin: 0 auto;
width: 420px;
text-align: center;
}
.password-confirm__deco {
margin: 0 auto;
width: 120px;
height: 120px;
border-radius: 120px;
background-color: #f3f3f3;
font-size: 60px;
text-align: center;
line-height: 114px;
}
.password-confirm__title {
margin: 30px 0 !important;
color: #000 !important;
font-size: 18px !important;
font-weight: 700 !important;
text-align: center !important;
padding: 0 !important;
background: none !important;
}
.password-confirm__field-set {
border-top: 1px solid #dadada;
padding-top: 20px;
}
.password-confirm label {
display: inline-block;
margin: 0 18px 0 0;
line-height: 34px;
color: #000;
font-size: 16px;
font-weight: 500;
text-align: left;
vertical-align: top;
}
.password-confirm input[type=password] {
width: 257px;
}

.ico-comment {
display: inline-block;
padding-left: 5px;
}

.ico-comment:before {
padding-right: 3px;
content: "\f27b";
font-family: FontAwesome;
}

.ico-re {
display: inline-block;
width: 15px;
height: 13px;
background: url(/static/commons/img/ico_re.png) right 0 no-repeat;
}

.div-both {
display: flex;
justify-content: space-between;
}

.vat {
vertical-align: top !important;
}

#content.userInfoPrtc-set-type {
position: relative;
}

.userInfoPrtc-set {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: hidden;
display: flex;
align-items: stretch;
justify-content: space-around;
flex-direction: column;
pointer-events: none;
}
.userInfoPrtc-set .userPrtc {
display: block;
font-size: 20px;
color: black;
opacity: 0.1;
text-align: center;
transform: rotate(-45deg);
}

input {
border-radius: 8px;
background: #fff;
}
input:-ms-input-placeholder {
color: #959595;
}
input::placeholder {
color: #959595;
}
input:disabled {
background: #ddd;
}

[type=file] {
border-radius: 0;
}

select {
min-width: 80px;
height: 44px;
border-radius: 8px;
border: 1px solid #949494;
}

input[type=search],
input[type=text],
input[type=password] {
height: 44px;
padding: 12px 10px;
border: 1px solid #949494;
}

label {
font-family: "S-CoreDream-4Regular";
}

textarea {
border-radius: 8px;
background: #fff;
padding: 16px 10px;
font-family: "S-CoreDream-4Regular";
width: 100%;
min-height: 100px;
resize: none;
}

input[type=checkbox],
input[type=radio] {
display: inline-block;
vertical-align: middle;
position: relative;
width: 24px;
height: 24px;
-webkit-appearance: none;
appearance: none;
}

input[type=checkbox] {
border-radius: 4px;
background-color: transparent;
outline: none;
}
input[type=checkbox]:focus-visible::before {
outline: 1px dashed #000;
outline-offset: 2px;
border-radius: 4px;
}
input[type=checkbox]::before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
width: 100%;
height: 100%;
background: #fff;
border-radius: 4px;
border: solid 1px var(--form-bd-color);
}
input[type=checkbox]:checked::after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 48%;
width: 18px;
height: 12px;
transform: translate(-50%, -50%);
background: url(/static/bos/img/ico-check.png) center center no-repeat;
}

input[type=radio] {
border-radius: 100px;
outline: none;
}
input[type=radio]:focus-visible::before {
outline: 1px dashed #000;
outline-offset: 2px;
}
input[type=radio]::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: 100px;
border: solid 1px var(--form-bd-color);
}
input[type=radio]:checked::after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
transform: translate(-50%, -50%);
background-color: #3073ff;
border-radius: 100%;
}

button {
border: 0;
background: transparent;
}
button:focus {
outline: 2px dashed;
outline-offset: -2px;
}

input[type=file] {
height: auto;
margin-bottom: 5px;
}

textarea {
height: auto;
}

input[readonly]#sdate, input[readonly]#edate, input[readonly].sdate, input[readonly].edate, input[readonly].date, input[readonly].month {
text-align: center;
background-color: #eee;
}

#sdate,
#edate,
.sdate,
.edate,
.date,
.month {
text-align: center;
background-color: #eee;
}

input[type=file] {
-moz-border: inherit;
}

label + label {
margin-right: 5px;
}

input[type=button] {
margin: 0 1px;
}

.form-inline input[type=file] {
display: inline;
}

.companyCode1 {
width: 80px;
}

.companyCode2 {
width: 60px;
}

.companyCode3 {
width: 100px;
}

.label-list {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.label-list > * {
display: inline-flex;
gap: 8px;
align-items: center;
}
.label-list--min {
gap: 8px;
}
.label-list--h100per {
height: 100%;
align-items: center;
}
.label-list.c {
justify-content: center;
}

.shDate,
.shMonth {
display: block;
display: inline-block;
gap: 4px;
align-items: center;
}

h1, h2, h3, h4, h5, h6 {
font-family: "S-CoreDream-6", "맑은고딕", "malgun gothic";
}

/* 콘텐츠 제목  */
#content .hgroup {
position: relative;
clear: both;
margin-bottom: 10px;
}

.bu2,
*.bu_t1,
#content h5.bu_t1,
#content h6.bu_t1,
#content h3.tit_03 {
font-size: 1.167em;
color: #3e4247;
padding: 0 0 0 18px;
font-weight: bold;
margin-bottom: 10px;
margin: 0 0 15px 0;
font-family: S-CoreDream-6;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--marine-blue);
background: url(/static/bos/img/ico/bullet.png) no-repeat 0 center;
}

.popupWrap h2,
.popupWrap h3,
.popupWrap > h4,
#content h2,
#content h3,
#content > h4 {
font-size: 1.167em;
color: #3e4247;
padding: 0 0 0 18px;
font-weight: bold;
margin-bottom: 10px;
margin: 0 0 15px 0;
font-family: S-CoreDream-6;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--marine-blue);
background: url(/static/bos/img/ico/bullet.png) no-repeat 0 center;
}
.popupWrap > h5,
#content > h5 {
font-size: 1.167em;
color: #3e4247;
padding: 0;
margin: 10px 0;
clear: both;
}

h2 {
font-size: 26px;
color: #3e4247;
padding-left: 25px;
margin-bottom: 10px;
background: url(/static/bos/img/bu1.png) no-repeat 0 center;
}
.view + h2 {
margin-top: 20px !important;
}
.btnSet + h2 {
clear: both;
}

#content .bu3,
.popupWrap .bu3,
.bu3,
h3 {
margin-left: 11px;
font-size: 21px;
color: #3e4247;
padding-left: 25px;
margin-bottom: 10px;
background: url(/static/bos/img/bu3.png) no-repeat 0 center;
}

.popupWrap .bu3 {
font-size: 1.167em;
margin-top: 20px;
margin-left: 0;
padding-left: 16px;
}

body {
min-width: 1600px;
background-color: #edf0f5;
}

.bodyindex {
min-width: inherit;
}

.bodyindex::before {
display: none;
}

.container {
max-width: 1600px;
width: 100%;
margin: 0 auto;
}

.sidebar {
position: absolute;
top: 20px;
right: -150px;
width: 110px;
padding: 30px 12px;
border-radius: 12px;
border: 1px solid #3073ff;
background: #ffffff;
text-align: center;
}
.sidebar::before {
content: "";
position: absolute;
display: block;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
background: url(/static/bos/img/ico-profile.png) center center no-repeat;
}
.sidebar-head .profile {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background: linear-gradient(to top, #ffa500, #6c9cff);
border-radius: 50%;
margin: 0 auto;
border-radius: 50%;
}
.sidebar-head .profile span {
display: block;
width: 64px;
height: 64px;
border: 4px solid #fff;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
}
.sidebar-head p {
margin: 11px 0 16px;
font-size: 16px;
font-family: "S-CoreDream-6Bold";
color: #002269;
line-height: 24px;
}
.sidebar-body {
position: relative;
padding-top: 20px;
}
.sidebar-body::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 1px;
background: #002269;
opacity: 0.1;
}
.sidebar-body p {
font-size: 16px;
color: #002269;
line-height: 1;
}
.sidebar-body #ViewTimer {
display: block;
margin: 16px auto 20px;
font-size: 15px;
color: #d91f61;
line-height: 1;
}
.sidebar-body #ViewTimer strong {
font-family: "S-CoreDream-6Bold";
}
.sidebar-body button {
display: flex;
align-items: center;
justify-content: center;
width: 85px;
height: 32px;
border-radius: 16px;
background-color: #ffa500;
color: #fff;
text-shadow: 0 0 2px #e06400;
}
.sidebar-body button:focus {
outline-offset: -4px;
}

#header {
width: calc(100% - 20px);
margin-top: 10px;
margin-left: 10px;
background-color: #002269;
border-radius: 12px;
z-index: 1;
}
#header .header {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 10px;
}
#header .header h1 a {
display: block;
color: #fff;
}
#header .header h1 a img {
width: 250px;
height: 60px;
object-fit: scale-down;
vertical-align: top;
}
#header .user {
display: flex;
align-items: center;
color: #fff;
margin: 3px 0 0;
gap: 0 50px;
height: 52px;
}
#header .user span {
font-size: 16px;
}
#header .user__item {
display: inline-flex;
gap: 10px;
align-items: center;
}
#header .user #ViewTimer {
color: #ffa500;
padding-left: 8px;
}
#header .user .vTimeResets {
width: 99px;
height: 32px;
font-family: "S-CoreDream-6Bold";
margin-left: 20px;
border-radius: 16px;
background: #ffa500;
color: #fff;
text-shadow: 0 0 2px #e06400;
}
#header .user a {
color: #fff;
font-size: 16px;
}
#header .user a i {
margin-right: 10px;
}

.gnb-depth1 {
display: flex;
padding-bottom: 10px;
align-items: center;
justify-content: flex-end;
}
.gnb-depth1 .nav {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0 60px;
}
.gnb-depth1 .nav a {
gap: 0 10px;
display: inline-flex;
align-items: center;
color: #fff;
font-size: 20px;
white-space: nowrap;
letter-spacing: 0px;
}
.gnb-depth1 .nav a i {
font-size: 1em;
}
.gnb-depth1 .nav a.on {
position: relative;
font-family: "S-CoreDream-6Bold";
color: #ffa500;
}
.gnb-depth1 .nav a.on::before {
content: "";
display: inline-block;
position: absolute;
left: 50%;
bottom: -24px;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 0px 10px;
border-color: #ffa500 transparent transparent transparent;
z-index: 20;
}
.gnb-depth1 .nav a.on i {
color: #ffa500;
}
.gnb-depth1 .nav a.i-menu {
padding: 10px;
margin-right: -10px;
margin-left: -20px;
}
.gnb-depth1 .nav i {
font-weight: 300;
}

/* 전체 메뉴 */
.total-menu {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: var(--marine-blue);
z-index: 100;
display: none;
}
.total-menu.on {
display: block;
}
.total-menu .container {
height: 100%;
}
.total-menu a {
display: inline-block;
width: 100%;
color: #fff;
}
.total-menu a:focus, .total-menu a:hover {
font-family: "S-CoreDream-6Bold";
color: #ffa500;
}
.total-menu > ul > li {
position: relative;
}
.total-menu .i-close {
position: absolute;
top: 40px;
right: 0;
width: 49px;
height: 49px;
color: #fff;
background: url(/static/bos/img/ico-close-btn.png) center center no-repeat;
}
.total-menu__head {
position: fixed;
top: 0;
width: 100%;
max-width: 1600px;
height: 120px;
padding: 40px 0 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: var(--marine-blue);
z-index: 1;
}
.total-menu__body {
position: relative;
height: calc(100% - 120px - 90px - 45px);
display: flex;
margin-top: 165px;
margin-bottom: 90px;
gap: 0 40px;
overflow-y: auto;
scroll-behavior: smooth;
}
.total-menu__body::-webkit-scrollbar {
width: 13px;
}
.total-menu__body::-webkit-scrollbar-corner, .total-menu__body::-webkit-scrollbar-track {
background-color: #1a3978;
border-radius: 8px;
}
.total-menu__body::-webkit-scrollbar-thumb {
background-color: #2693c5;
background-clip: padding-box;
border: 3px solid transparent;
border-radius: 8px;
}
.total-menu__body::-webkit-scrollbar-button {
display: none;
}

/* 전체 메뉴 .depth1 ~ .depth5 스타일 */
.total-menu a:focus {
outline-offset: -2px;
}
.total-menu .depth2 {
font-size: 18px;
padding: 14px 0;
}
.total-menu .depth2:hover, .total-menu .depth2:focus {
text-decoration: underline;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
}
.total-menu .depth3 {
font-size: 15px;
padding: 7px 0;
}
.total-menu .depth3::before {
content: "- ";
}
.total-menu .depth3 + ul {
margin-top: 5px;
margin-bottom: 20px;
padding: 15px 20px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.1);
}
.total-menu .depth4 {
position: relative;
display: block;
padding: 5px 0 5px 16px;
}
.total-menu .depth4::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: #fff;
}
.total-menu .depth4:focus::before, .total-menu .depth4:hover::before {
background: #ffa500;
}
.total-menu .depth4 + ul {
margin: 10px 0 15px;
padding: 15px 20px;
border-radius: 12px;
background: var(--marine-blue);
}
.total-menu .depth5 {
padding: 5px 0 10px;
}
.total-menu .depth5::before {
content: "- ";
}
.total-menu .depth5:hover span, .total-menu .depth5:focus span {
text-decoration: underline;
text-underline-offset: 8px;
}

.fix-menu {
position: sticky;
top: 0;
width: 385px;
}
.fix-menu .depth1 {
font-size: 24px;
font-family: "S-CoreDream-6Bold";
color: #ffa500;
padding: 14px 0;
}
.fix-menu .depth1:focus {
outline-offset: -2px;
}
.fix-menu .depth1.on span {
position: relative;
}
.fix-menu .depth1.on span::after {
content: "";
display: inline-block;
position: absolute;
right: -4px;
top: -4px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #ffa500;
}

.scroll-menu {
position: relative;
width: calc(100% - 385px);
}
.scroll-menu::after {
content: "";
display: block;
position: fixed;
width: 1195px;
height: calc(100vh - 90px - 120px - 45px);
pointer-events: none;
top: 165px;
left: calc(50% - 375px - 30px);
background-color: transparent;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, transparent 1px);
background-size: calc(33.33% + 5px) 100%;
z-index: 0;
}
.scroll-menu__wrap > ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.scroll-menu__wrap + .scroll-menu__wrap {
margin-top: 60px;
}

/*gnb*/
#gnb {
position: relative;
}
#gnb::before {
position: absolute;
width: auto;
height: auto;
z-index: 10;
content: "";
display: block;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
background-image: linear-gradient(#334f87 1px, transparent 1px);
background-size: 100% 57px;
}
#gnb ul {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 1600px;
margin: 0 auto 0;
border-top: 1px solid rgba(247, 248, 250, 0.5);
}
#gnb li {
position: relative;
width: 12.5%;
}
#gnb li.sysMenu a::before {
content: "\f355";
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
}
#gnb li:not(:nth-child(8n), :last-child)::before {
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 18px;
background: rgba(255, 255, 255, 0.3);
transform: translateY(-50%);
}
#gnb li > a {
position: relative;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 1rem;
line-height: 1;
color: #fff;
text-align: center;
width: 100%;
}
#gnb li > a span {
position: relative;
display: flex;
align-items: center;
width: fit-content;
height: 57px;
}
#gnb li > a span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: #ffa500;
display: none;
z-index: 20;
}
#gnb li > a:hover, #gnb li > a:focus {
color: #ffa500;
}
#gnb li.on > a {
font-family: "S-CoreDream-6Bold";
color: #ffa500;
}
#gnb li.on > a span::before {
display: block;
}

#container {
position: relative;
display: flex;
gap: 0 50px;
width: 1600px;
margin: 30px auto 0;
padding-bottom: 40px;
}

#content {
width: 1250px;
padding: 24px 30px;
border-radius: 12px;
background-color: #fff;
}

.hgroup {
position: relative;
}
.hgroup h1 {
margin-bottom: 11px;
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
font-size: 22px;
}
.hgroup .location ul {
display: flex;
align-items: center;
padding-bottom: 24px;
border-bottom: 1px solid rgba(0, 34, 105, 0.1);
}
.hgroup .location ul li {
position: relative;
font-size: 15px;
color: var(--warm-grey);
}
.hgroup .location ul li:not(:first-of-type)::before {
content: ">";
font-size: 15px;
color: var(--warm-grey);
margin: 0 8px;
}
.hgroup .location ul li:last-of-type {
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
}
.hgroup .location ul li.home i {
width: 16px;
height: 16px;
background: url("/static/bos/img/ico/ico-home.png") center center no-repeat;
}
.hgroup .fr {
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
gap: 0 10px;
}
.hgroup .fr a {
display: inline-block;
width: 50px;
height: 50px;
background-color: #f7f8fa;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
}
.hgroup .fr a span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.hgroup .fr a.page-help {
background-image: url(/static/bos/img/ico/ico-page-help.png);
}
.hgroup .fr a.page-print {
background-image: url(/static/bos/img/ico/ico-print.png);
}

#lnb {
width: 300px;
}
#lnb h2 {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
margin-bottom: 0;
font-family: "S-CoreDream-6Bold";
color: #fff;
line-height: 1;
border-radius: 12px;
background: var(--dark-cobalt);
}
#lnb a {
display: block;
position: relative;
font-size: 16px;
}
#lnb .lnbNav {
margin-top: 10px;
}
#lnb .lnbNav > li {
border-top: 1px solid var(--cobalt);
}
#lnb .lnbNav > li:first-of-type {
border-top: 0;
}
#lnb .lnbNav > li:last-of-type {
border-bottom: 1px solid var(--cobalt);
}
#lnb .lnbNav > li.on {
background: #fff;
border-radius: 12px;
border: 1px solid #1f53c0;
overflow: hidden;
}
#lnb .lnbNav > li.on + li {
border-top: 0;
}
#lnb .lnbNav li.on > ul {
display: block;
}
#lnb .lnbNav li > ul {
display: none;
}
#lnb li.on > .depth1 {
background: #1f53c0;
color: #fff;
border-radius: 8px;
overflow: hidden;
}
#lnb li.on > .depth1::before {
background: url(/static/bos/img/ico/ico-1depth-up.png) center center no-repeat;
}
#lnb li.on > .depth2 {
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
}
#lnb li.on > .depth2::after {
background-image: url(/static/bos/img/ico/ico-2depth-up.png);
}
#lnb li.on > .depth3 {
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
}
#lnb li.on > .depth3 span {
color: var(--marine-blue);
}
#lnb li.on > .depth3 span::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: #3073ff;
}
#lnb .depth1 {
height: 67px;
font-family: "S-CoreDream-6Bold";
padding: 24px 20px;
color: var(--marine-blue);
font-size: 20px;
line-height: 1;
}
#lnb .depth1 + ul {
padding: 0 20px;
}
#lnb .depth1.extend::before {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 17px;
height: 10px;
background: url(/static/bos/img/ico/ico-1depth-down.png) center center no-repeat;
transform: translateY(-50%);
}
#lnb .depth2 {
position: relative;
padding: 22px 32px 22px 10px;
color: #000;
font-size: 16px;
line-height: 1;
border-bottom: 1px solid rgba(0, 34, 105, 0.2);
}
#lnb .depth2::before {
content: "- ";
display: inline-block;
padding-right: 4px;
}
#lnb .depth2.extend::after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
content: "";
display: block;
width: 32px;
height: 32px;
background-color: #f7f8fa;
background-image: url(/static/bos/img/ico/ico-2depth-down.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 8px;
}
#lnb .depth2 + ul {
position: relative;
background: #f7f8fa;
border-radius: 8px;
margin-top: 10px;
margin-bottom: 10px;
padding: 12px 0;
}
#lnb .depth2 + ul:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 0.5px;
background: rgba(0, 34, 105, 0.2);
left: 0;
bottom: -10px;
}
#lnb .depth3 {
padding: 12px 30px;
color: #000;
font-size: 15px;
line-height: 1;
}
#lnb .depth3::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
left: 15px;
top: 50%;
transform: translateY(-50%);
background: var(--cobalt);
border-radius: 50%;
}
#lnb .depth3 span {
position: relative;
}

.fnav {
width: 1600px;
margin: 20px auto 20px;
}
.fnav a {
display: inline-block;
margin-right: 20px;
padding: 0;
color: #141414;
}

.footer {
background: #4a515f;
padding: 30px 50px;
}
.footer .container {
display: flex;
justify-content: space-between;
}
.footer-info {
display: flex;
align-items: flex-start;
gap: 0 60px;
}
.footer-info p {
font-family: "S-CoreDream-4Regular";
color: #fff;
font-size: 15px;
line-height: 1.87;
transform: translateY(-6px);
}
.footer-info p span {
display: block;
text-transform: uppercase;
}
.soucepath {
background-color: #fff;
}

#content .ogg {
background-color: #ffffff;
}
#content .ogg .item {
padding: 0;
background: none;
position: relative;
margin: 0 0 30px;
}
#content .ogg .item::before {
content: "";
height: 30px;
left: 50%;
bottom: -30px;
position: absolute;
border-left: 1px solid #ddd;
}
#content .ogg .item dl {
border-radius: 4px;
overflow: hidden;
text-align: center;
font-size: 15px;
width: 200px;
margin: 0 auto;
}
#content .ogg .item dl > * {
padding: 10px;
}
#content .ogg .item dt {
background-color: #2a7dff;
color: #ffffff;
}
#content .ogg .item dd {
background-color: #e3e9eb;
}
#content .ogg .team-title {
position: relative;
border-radius: 4px;
text-align: center;
font-size: 15px;
width: 200px;
margin: 0 auto;
background-color: #2680fc;
color: #ffffff;
padding: 10px 0;
margin-bottom: 60px;
}
#content .ogg .team-title::before {
content: "";
height: 30px;
left: 50%;
bottom: -30px;
position: absolute;
border-left: 1px solid #ddd;
}
#content .ogg .team-list {
text-align: center;
position: relative;
display: flex;
gap: 4px;
margin: 0 auto;
justify-content: center;
}
#content .ogg .team-list .item2 {
display: inline-block;
position: relative;
margin-bottom: 30px;
}
#content .ogg .team-list .item2::before {
content: "";
height: 30px;
left: 50%;
top: -30px;
position: absolute;
border-left: 1px solid #ddd;
}
#content .ogg .team-list .item2::after {
content: "";
position: absolute;
top: -30px;
left: 0;
border-top: 1px solid #ddd;
width: calc(100% + 8px);
}
#content .ogg .team-list .item2:first-child::after {
content: "";
position: absolute;
left: 50%;
top: -30px;
border-top: 1px solid #ddd;
width: calc(50% + 4px);
}
#content .ogg .team-list .item2:last-child::after {
content: "";
position: absolute;
top: -30px;
left: -4px;
border-top: 1px solid #ddd;
width: calc(50% + 4px);
}
#content .ogg .team-list .item2.one::after {
display: none;
}
#content .ogg .team-list .item2 dl {
border-radius: 4px;
overflow: hidden;
text-align: center;
font-size: 15px;
width: 230px;
margin: 0 auto;
}
#content .ogg .team-list .item2 dl > * {
padding: 10px;
}
#content .ogg .team-list .item2 dt {
background-color: #467ddc;
color: #ffffff;
}
#content .ogg .team-list .item2 dd {
background-color: #e3e9eb;
font-size: 13px;
}

/* push 로그인 화면 테스트 때문에 임시로 추가하였음. 코딩완료 후 삭제해도됨 */
.snsLogin {
background: #fff url(/static/ucms/img/patten.png);
border: 4px solid #d0d8d9;
margin: 20px 0;
padding: 60px 0;
text-align: center;
}
.snsLogin h3 {
font-size: 22px;
font-family: "Nanum Square";
font-weight: bold;
position: relative;
margin-bottom: 34px;
}
.snsLogin ul {
margin: 0 auto;
display: table;
table-layout: fixed;
}
.snsLogin li {
display: table-cell;
vertical-align: middle;
padding: 0 50px;
}
.snsLogin a {
display: block;
width: 70px;
font-size: 18px;
line-height: 1;
font-weight: bold;
font-family: "Nanum Square";
}
.snsLogin a#google {
width: 70px;
height: 70px;
background-image: url(/static/ucms/img/ico-google.png);
}
.snsLogin a#naver {
width: 70px;
height: 70px;
background-image: url(/static/ucms/img/ico-naver.png);
}
.snsLogin a#kakao {
width: 70px;
height: 70px;
background-image: url(/static/ucms/img/ico-kakao.png);
}

@media print {
.print {
display: block;
}
}
.tooltipped {
position: relative;
}

.tooltipped::after {
position: absolute;
z-index: 1000000;
display: none;
padding: 5px 8px;
font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-webkit-font-smoothing: subpixel-antialiased;
color: #fff;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-wrap: break-word;
white-space: pre;
pointer-events: none;
content: attr(aria-label);
background: rgba(27, 31, 35, 0.8);
border-radius: 3px;
opacity: 0;
}

.tooltipped::before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: rgba(27, 31, 35, 0.8);
pointer-events: none;
content: "";
border: 5px solid transparent;
opacity: 0;
}

@keyframes tooltip-appear {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after {
display: inline-block;
text-decoration: none;
animation-name: tooltip-appear;
animation-duration: 3s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
}

.tooltipped-no-delay:hover::before, .tooltipped-no-delay:hover::after, .tooltipped-no-delay:active::before, .tooltipped-no-delay:active::after, .tooltipped-no-delay:focus::before, .tooltipped-no-delay:focus::after {
opacity: 1;
animation: none;
}

.tooltipped-multiline:hover::after, .tooltipped-multiline:active::after, .tooltipped-multiline:focus::after {
display: table-cell;
}

.tooltipped-s::after, .tooltipped-se::after, .tooltipped-sw::after {
top: 100%;
right: 50%;
margin-top: 5px;
}

.tooltipped-s::before, .tooltipped-se::before, .tooltipped-sw::before {
top: auto;
right: 50%;
bottom: -5px;
margin-right: -5px;
border-bottom-color: rgba(27, 31, 35, 0.8);
}

.tooltipped-se::after {
right: auto;
left: 50%;
margin-left: -15px;
}

.tooltipped-sw::after {
margin-right: -15px;
}

.tooltipped-n::after, .tooltipped-ne::after, .tooltipped-nw::after {
right: 50%;
bottom: 100%;
margin-bottom: 5px;
}

.tooltipped-n::before, .tooltipped-ne::before, .tooltipped-nw::before {
top: -5px;
right: 50%;
bottom: auto;
margin-right: -5px;
border-top-color: rgba(27, 31, 35, 0.8);
}

.tooltipped-ne::after {
right: auto;
left: 50%;
margin-left: -15px;
}

.tooltipped-nw::after {
margin-right: -15px;
}

.tooltipped-s::after, .tooltipped-n::after {
transform: translateX(50%);
}

.tooltipped-w::after {
right: 100%;
bottom: 50%;
margin-right: 5px;
transform: translateY(50%);
}

.tooltipped-w::before {
top: 50%;
bottom: 50%;
left: -5px;
margin-top: -5px;
border-left-color: rgba(27, 31, 35, 0.8);
}

.tooltipped-e::after {
bottom: 50%;
left: 100%;
margin-left: 5px;
transform: translateY(50%);
}

.tooltipped-e::before {
top: 50%;
right: -5px;
bottom: 50%;
margin-top: -5px;
border-right-color: rgba(27, 31, 35, 0.8);
}

.tooltipped-multiline::after {
width: max-content;
max-width: 250px;
word-wrap: break-word;
white-space: pre-line;
border-collapse: separate;
}

.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after {
right: auto;
left: 50%;
transform: translateX(-50%);
}

.tooltipped-multiline.tooltipped-w::after, .tooltipped-multiline.tooltipped-e::after {
right: 100%;
}

.tooltipped-sticky::before, .tooltipped-sticky::after {
display: inline-block;
}

.tooltipped-sticky.tooltipped-multiline::after {
display: table-cell;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.tooltipped-w::after {
margin-right: 4.5px;
}
}
.chart__wrap {
font-size: 1rem;
padding: 0 20px;
}

.data__list {
position: relative;
}
.data__list:after {
content: "";
position: absolute;
bottom: 0;
left: 30%;
width: 70%;
height: 1px;
background-color: #000;
}
.data__list > li {
position: relative;
display: flex;
align-items: center;
margin-right: -23px;
padding-bottom: 5px;
padding-top: 5px;
border: 1px dashed #ddd;
}
.data__list > li:after {
content: "";
position: absolute;
top: 0;
left: 30%;
width: 1px;
height: 100%;
background: #000;
}
.data__list > li > .tit {
width: 30%;
padding-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.graph__wrap {
position: relative;
display: block;
width: 70%;
padding: 5px 0;
}
.graph__wrap .graph {
position: relative;
display: block;
padding-right: 23px;
}
.graph__wrap .graph > .graph-col {
display: inline-block;
width: 100%;
height: 10px;
background-color: #1f77b4;
}
.graph__wrap .graph > .graph-cnt {
position: relative;
margin-left: -23px;
display: inline-block;
line-height: 10px;
color: #1f77b4;
vertical-align: middle;
}
.graph__wrap .graph > .graph-cnt > div {
position: absolute;
top: -8px;
right: -67px;
line-height: 10px;
display: inline-block;
width: 40px;
}
.graph__wrap .graph .graph-summary {
display: none;
position: absolute;
top: 100%;
z-index: 9;
opacity: 0.9;
border: 1px solid #ddd;
}
.graph__wrap .graph .graph-summary .tit {
background: #aaa;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
padding: 3px 5px;
}
.graph__wrap .graph .graph-summary > div {
display: flex;
background-color: #fff;
font-size: 1.25rem;
}
.graph__wrap .graph .graph-summary > div > p {
padding: 3px 5px;
}
.graph__wrap .graph .graph-summary .graph-cnt {
border-left: 1px solid #ddd;
}
.graph__wrap .graph.active:after {
content: "";
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
margin-top: -1px;
}
.graph__wrap .graph.active .graph-col {
background-color: rgba(31, 119, 180, 0.7);
}
.graph__wrap .graph.active .graph-summary {
display: block;
}

.cnt__list {
margin-left: 5%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
border-top: 1px solid #000;
}
.cnt__list > li {
position: relative;
}
.cnt__list > li:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 4px;
margin-left: -0.5px;
background-color: #000;
}

.exam__wrap {
margin-top: 5px;
text-align: center;
}

.exam, .exam-tit {
font-size: 1.25rem;
}
.exam > span, .exam-tit > span {
display: inline-block;
width: 8px;
height: 8px;
background-color: #1f77b4;
margin-right: 5px;
}
.exam + .exam, .exam + .exam-tit, .exam-tit + .exam, .exam-tit + .exam-tit {
margin-left: 10px;
}

body.login-timeout-visible {
overflow: hidden;
}

.login-timeout {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999;
}
.login-timeout__set {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 420px;
border: 4px solid #14429a;
padding: 20px;
background-color: #fff;
}
.login-timeout::before {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
}
.login-timeout p {
margin: 5px 0;
font-size: 14px;
font-family: "Noto Sans KR", sans-serif;
}
.login-timeout em {
font-style: normal;
}
.login-timeout__btns {
margin-top: 20px;
text-align: center;
}
.login-timeout__btns button {
margin-left: 4px;
height: 40px;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #ddd;
background-color: #14429a !important;
color: #fff;
}
.login-timeout__btns button:focus-visible {
outline-color: #000;
}
.file-add__list {
margin: 8px 0;
display: grid;
grid-template-columns: auto 60px;
gap: 10px;
}
.file-add__list button,
.file-add__list input {
transition: all 0.5s;
}
.file-add__list input[type=file] {
width: 100%;
margin: 0;
padding: 8px;
background-color: #fff;
}
.file-add__list:hover input,
.file-add__list:hover textarea,
.file-add__list:hover button, .file-add__list:focus input,
.file-add__list:focus textarea,
.file-add__list:focus button {
box-shadow: 0px 0px 5px 5px rgba(15, 15, 15, 0.219);
}
.file-add__text {
margin-top: 8px;
width: 100%;
}
.file-add .b-del {
height: 100%;
}

.filelist {
margin: 0;
padding: 0;
list-style-type: none;
}

.file-list--set .item a {
display: inline;
vertical-align: top;
}
.file-list--set .item a i {
vertical-align: top !important;
margin-top: 4px !important;
}
.bd-view .file-list--set .item a .file-name, .view .file-list--set .item a .file-name {
width: auto;
max-width: none;
}
@media (min-width: 758px) {
.file-list--set .item a.file-download {
display: inline;
}
.file-list--set .item a.file-download .file-name {
display: inline;
}
}

.file-name {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 26/16;
vertical-align: middle;
max-width: calc(100% - 63px);
}
@media (min-width: 758px) {
.file-name {
white-space: normal;
}
}
.file-name i {
vertical-align: middle;
}

.filedown {
padding: 0 22px;
border-radius: 0.313rem;
background-color: #757575;
color: #fff;
font-weight: 500;
height: 35px;
display: inline-block;
vertical-align: middle;
line-height: 35px;
}

.file-download {
vertical-align: middle;
}
.file-download i {
vertical-align: top;
}

.viewer-link {
border-radius: 0.313rem;
background-color: #fff;
padding: 0px 5px;
display: inline-block;
vertical-align: middle;
}
.viewer-link i {
vertical-align: top;
}
.cell-file2 .viewer-link {
border: 0.063rem solid #949494;
height: 35px;
}
.cell-file2 .viewer-link i {
margin-top: 6px;
}

.btn-filedel {
height: 22px;
width: 22px;
color: #ffffff;
border: 1px solid #141414;
border-radius: 5px;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.btn-filedel::before {
content: "\f2ed";
font-family: "Line Awesome Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 20px;
}

.file-single {
position: relative;
display: inline-block;
line-height: 25px;
}
.file-single i {
vertical-align: top;
}
.file-single .name {
position: absolute;
top: 0px;
left: 0;
padding: 4px;
width: auto;
max-width: 150px;
transition: all 0.3s;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-color: #141414;
color: #fff;
line-height: 1;
border-radius: 3px;
opacity: 0;
z-index: -1;
}
.file-single:hover .name {
z-index: 1;
opacity: 1;
top: -20px;
}

.file-group {
position: relative;
display: block;
}
.file-group__ctrl {
width: 28px;
height: 27px;
background: url(/static/bos/img/fileIcon/ico-folder.png) center center no-repeat;
}
.file-group__set {
display: none;
}
.file-group__set__title {
padding: 5px;
background-color: #febe10;
color: #141414;
border-radius: 3px 3px 0 0;
}
.file-group__set__body {
padding: 5px 0;
}
.file-group__set.active {
display: block;
position: absolute;
background-color: #fff;
border: 2px solid #febe10;
min-width: 200px;
max-width: 300px;
left: 0;
top: 25px;
z-index: 9999;
border-radius: 5px;
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}
.file-group__set.active a {
padding: 3px 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
text-align: left;
width: 100%;
}
.file-group__set.active a i {
margin-right: 5px;
}
.file-group__set.active.right {
left: unset;
right: 0;
}
.file-group__set__item {
display: inline-block;
line-height: 25px;
}
.file-group__set__item i {
vertical-align: top;
}
.file-group__set__item .name {
display: inline;
}
.file-group .close {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g><g><g><path fill="%23000000" d="M.686 21.9L21.9.685 23.314 2.1 2.1 23.313z"/></g><g><path fill="%23000" d="M2.1.686L23.314 21.9l-1.415 1.414L.686 2.1z"/></g></g></g></svg>') center center no-repeat;
width: 27px;
aspect-ratio: 1;
position: absolute;
background-color: #febe10;
background-size: 12px;
right: 0;
top: 0;
}

[class^=ico-] {
width: 25px;
height: 25px;
display: inline-block;
background-repeat: no-repeat;
background-position: 50% 50%;
}
[class^=ico-].ico_re {
background-image: url(/static/commons/img/ico_re.png);
vertical-align: middle;
}
[class^=ico-].ico-xls {
background-image: url(/static/commons/img/ico-xls.png);
vertical-align: middle;
}
[class^=ico-].ico-hwp {
background-image: url(/static/commons/img/ico-hwp.png);
vertical-align: middle;
}
[class^=ico-].ico-pdf {
background-image: url(/static/commons/img/ico-pdf.png);
vertical-align: middle;
}
[class^=ico-].ico-ppt {
background-image: url(/static/commons/img/ico-ppt.png);
vertical-align: middle;
}
[class^=ico-].ico-word {
background-image: url(/static/commons/img/ico-word.png);
vertical-align: middle;
}
[class^=ico-].ico-img {
background-image: url(/static/commons/img/ico-img.png);
vertical-align: middle;
}
[class^=ico-].ico-zip {
background-image: url(/static/commons/img/ico-zip.png);
vertical-align: middle;
}
[class^=ico-].ico-etc {
background-image: url(/static/commons/img/ico-etc.png);
vertical-align: middle;
}
[class^=ico-].ico-mov {
background-image: url(/static/commons/img/ico-mov.png);
vertical-align: middle;
}

.ico-file {
background-image: url(/static/commons/img/ico-file.png);
}

.ico-xls {
background-image: url(/static/commons/img/ico-xls.png);
}

.ico-xlsx {
background-image: url(/static/commons/img/ico-xlsx.png);
}

.ico-ppt {
background-image: url(/static/commons/img/ico-ppt.png);
}

.ico-pptx {
background-image: url(/static/commons/img/ico-pptx.png);
}

.ico-pdf {
background-image: url(/static/commons/img/ico-pdf.png);
}

.ico-word {
background-image: url(/static/commons/img/ico-word.png);
}

.ico-zip {
background-image: url(/static/commons/img/ico-zip.png);
}

.ico-etc {
background-image: url(/static/commons/img/ico-etc.png);
}

.ico-video {
background-image: url(/static/commons/img/ico-video.png);
}

.ico-txt {
background-image: url(/static/commons/img/ico-txt.png);
}

.ico-docx {
background-image: url(/static/commons/img/ico-docx.png);
}

.ico-hwp {
background-image: url(/static/commons/img/ico-hwp.png);
}

.ico-hwpx {
background-image: url(/static/commons/img/ico-hwp.png);
}

.ico-img {
background-image: url(/static/commons/img/ico-img.png);
}

.ico-png {
background-image: url(/static/commons/img/ico-png.png);
}

.ico-jpg {
background-image: url(/static/commons/img/ico-jpg.png);
}

.ico-gif {
background-image: url(/static/commons/img/ico-gif.png);
}

.filegroup {
position: relative;
}
.filegroup > ul > li {
display: flex;
align-items: center;
justify-content: center;
gap: 0 3px;
}

.filegroup-box {
display: none;
}
.filegroup-box.on {
display: block;
position: absolute;
top: 28px;
right: 0;
width: 280px;
border: solid 1px var(--cobalt);
border-radius: 8px;
background-color: #fff;
text-align: left;
z-index: 99;
}
td .filegroup-box {
position: relative;
}
.filegroup-box__head {
padding: 6px 12px;
font-family: "S-CoreDream-4Regular";
color: #fff;
background-color: var(--cobalt);
}
.filegroup-box__body {
padding: 12px;
}
.filegroup-box__body a {
color: #000;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ie .filegroup-box__body a {
display: block;
height: 1.4;
overflow: hidden;
}
.filegroup-box__body li + li {
margin-top: 8px;
}
.filegroup-box__body .ico > i {
margin-right: 10px;
}
.filegroup-box__close {
position: absolute;
top: 4px;
right: 4px;
border: none;
color: #fff;
background-color: transparent;
}

.FileDrop__list-head {
display: none;
}
.FileDrop__group {
background-size: cover;
position: relative;
border-radius: 8px;
overflow: hidden;
padding: 20px 30px;
}
.FileDrop__group.hover {
background-color: skyblue;
}
.FileDrop__group .border-svg {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 0px);
height: calc(100% - 0px);
pointer-events: none;
shape-rendering: optimizespeed;
}
.FileDrop__group .border-shape {
fill: none;
stroke: var(--form-bd-color);
stroke-width: 2;
stroke-dasharray: 5, 3;
}
.FileDrop__btnsgroup {
margin-top: 10px;
display: flex;
width: max-content;
gap: 10px;
align-items: center;
}
.FileDrop__btnsgroup .file-size strong {
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
padding: 0 2px;
}
.FileDrop__list-item {
display: grid;
grid-template-columns: 40px auto;
align-items: center;
grid-template-areas: "check titles" "textarea textarea";
gap: 5px;
}
.FileDrop__list-item > * {
padding-top: 2px;
}
.FileDrop__list-item > div:first-of-type {
grid-area: check;
width: 40px;
}
.FileDrop__list-item .titles {
grid-area: titles;
line-height: 28px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
}
.FileDrop__list-item .filename {
font-size: 16px;
color: #000;
}
.FileDrop__list-item .filesize {
color: var(--warm-grey);
}
.FileDrop__list-item .atchfile-download {
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 28px;
padding: 0 4px;
border-radius: 4px;
border: solid 1px var(--form-bd-color);
gap: 6px;
}
.FileDrop__list-item .atchfile-download::before {
content: "";
width: 20px;
height: 28px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23000000"><path d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>') center center no-repeat;
background-size: 20px;
}
.FileDrop__list-item button {
width: 28px;
height: 28px;
border-radius: 4px;
border: solid 1px var(--form-bd-color);
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.FileDrop__list-item button.atchfile-urlcopy {
background-image: url(/static/bos/img/ico/file_copy_16dp_1F1F1F_FILL0_wght400_GRAD0_opsz20.svg);
}
.FileDrop__list-item button.atchfile-delete, .FileDrop__list-item button.atchfile-oline-delete {
background-image: url(/static/bos/img/ico/atchfile-oline-delete.png);
}
.FileDrop__list-item .textarea {
grid-area: textarea;
width: 100%;
padding-top: 0;
}
.FileDrop__list-item textarea {
height: 44px;
}
.FileDrop__footer {
display: flex;
justify-content: space-between;
}
.FileDrop__files-info {
font-family: S-CoreDream-4;
font-size: 16px;
color: #000;
}
.FileDrop__files-info .atchFileLength,
.FileDrop__files-info .totalByte {
font-family: S-CoreDream-6;
color: var(--marine-blue);
font-weight: bold;
}
.FileDrop textarea {
width: 100%;
padding: 12px;
padding: 2px 10px;
border-radius: 8px;
border: solid 1px var(--form-bd-color);
font-size: 15px;
background-color: #fff;
vertical-align: top;
-webkit-appearance: none;
appearance: none;
resize: none; /* 리사이즈 핸들 숨기기 */
overflow: hidden; /* 스크롤바 숨기기 */
box-sizing: border-box; /* 패딩과 테두리를 포함한 크기 계산 */
min-height: 0;
}
.FileDrop textarea:focus {
resize: both;
-webkit-appearance: unset;
appearance: unset;
overflow: visible;
min-height: 100px;
}
.FileDrop .file-input-read,
.FileDrop .file-input-save {
display: none;
}

.atchfiles-list {
display: grid;
gap: 5px;
}
.atchfiles-list:has(.FileDrop__list-item) {
margin-bottom: 20px;
}
.FileDrop--mode-R .atchfiles-list:has(.FileDrop__list-item) {
margin-bottom: 0;
}

/* 이미지업로드 스타일 추가*/
.FileDrop__thum-item-group {
display: grid;
grid-template-columns: 300px 1fr;
gap: 0 30px;
}
.FileDrop__thum-item-group + * {
position: relative;
padding-top: 8px;
margin-top: 8px;
}
.FileDrop__thum-item-group + *::before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='5%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
opacity: 0.4;
}
.FileDrop__thum-item {
position: relative;
width: 300px;
height: 150px;
background-color: #f7f8fa;
border-radius: 8px;
text-align: center;
}
.FileDrop__thum-item > img {
height: 100%;
width: 100%;
object-fit: scale-down;
}
.FileDrop__thum-item .thum-check {
position: absolute;
top: 10px;
left: 10px;
}
.FileDrop .thum-radio {
display: inline-flex;
align-items: center;
gap: 0 10px;
vertical-align: top;
margin-right: 5px;
}
.FileDrop__list-item-thum {
display: block;
}
.FileDrop__list-item-thum .titles {
margin-bottom: 5px;
}
.FileDrop__list-item-thum .filename {
font-family: "S-CoreDream-6Bold";
font-size: 18px;
color: #000;
margin-bottom: 15px;
}
.FileDrop__list-item-thum button {
width: auto;
border-radius: 8px;
border: 0;
background-color: #fff;
}
.FileDrop__list-item-thum button.atchfile-urlcopy {
background-image: url(/static/bos/img/ico/file_copy_16dp_1F1F1F_FILL0_wght400_GRAD0_opsz20.svg);
}
.FileDrop__list-item-thum button.atchfile-delete, .FileDrop__list-item-thum button.atchfile-oline-delete {
background-image: url(/static/bos/img/ico/atchfile-oline-delete.png);
}
.FileDrop__list-item-thum textarea {
height: 80px;
min-height: unset;
vertical-align: top;
}

.FileDrop-ctrl {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 8px;
}
.FileDrop-ctrl > div {
display: flex;
align-items: center;
justify-content: center;
gap: 0 5px;
}
.FileDrop-ctrl__img button {
height: 32px;
border: 1px solid var(--marine-blue);
color: var(--marine-blue);
border-radius: 8px;
}
.FileDrop-ctrl__img button::before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
color: var(--marine-blue);
vertical-align: text-bottom;
font-size: 20px;
margin-right: 6px;
}
.FileDrop-ctrl__img button.atchfile-rotate-right {
width: 90px;
}
.FileDrop-ctrl__img button.atchfile-rotate-right::before {
content: "\e418";
transform: scaleX(-1);
}
.FileDrop-ctrl__img button.atchfile-rotate-left {
width: 90px;
}
.FileDrop-ctrl__img button.atchfile-rotate-left::before {
content: "\e418";
}
.FileDrop-ctrl__img button.atchfile-move-up {
width: 72px;
}
.FileDrop-ctrl__img button.atchfile-move-up::before {
content: "\e5d8";
margin-right: 2px;
}
.FileDrop-ctrl__img button.atchfile-move-down {
width: 86px;
}
.FileDrop-ctrl__img button.atchfile-move-down::before {
content: "\e5db";
margin-right: 2px;
}
.FileDrop-ctrl__file a,
.FileDrop-ctrl__file button {
display: inline-flex;
place-items: center;
height: 32px;
padding: 0 6px;
border: 0;
color: #fff;
border-radius: 8px;
white-space: nowrap;
}
.FileDrop-ctrl__file a::before,
.FileDrop-ctrl__file button::before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
color: var(--marine-blue);
vertical-align: text-bottom;
font-size: 20px;
color: #fff;
vertical-align: text-bottom;
margin-right: 2px;
}
.FileDrop-ctrl__file a.atchfile-download,
.FileDrop-ctrl__file button.atchfile-download {
background: var(--cobalt);
}
.FileDrop-ctrl__file a.atchfile-download::before,
.FileDrop-ctrl__file button.atchfile-download::before {
content: "\f090";
}
.FileDrop-ctrl__file a.atchfile-urlcopy,
.FileDrop-ctrl__file button.atchfile-urlcopy {
background: var(--tree-green);
}
.FileDrop-ctrl__file a.atchfile-urlcopy::before,
.FileDrop-ctrl__file button.atchfile-urlcopy::before {
content: "\e14d";
}
.FileDrop-ctrl__file a.atchfile-delete, .FileDrop-ctrl__file a.atchfile-oline-delete,
.FileDrop-ctrl__file button.atchfile-delete,
.FileDrop-ctrl__file button.atchfile-oline-delete {
background: var(--lipstick);
}
.FileDrop-ctrl__file a.atchfile-delete::before, .FileDrop-ctrl__file a.atchfile-oline-delete::before,
.FileDrop-ctrl__file button.atchfile-delete::before,
.FileDrop-ctrl__file button.atchfile-oline-delete::before {
content: "\e872";
}

.atchfile-footer strong {
font-family: S-CoreDream-6;
color: var(--marine-blue);
}
.atchfile-footer .help {
margin: 0;
font-family: S-CoreDream-4;
font-size: 16px;
line-height: 35px;
}

.allcheck-btn, .file-select, .atch-delete-group {
display: inline-flex;
gap: 10px;
align-items: center;
justify-content: center;
min-width: 122px;
height: 35px;
padding: 0 16px;
border-radius: 8px;
font-size: 16px;
line-height: 1;
color: #fff;
text-align: center;
}

.atch-delete-group {
background-color: var(--lipstick);
}
.atch-delete-group::before {
content: "";
width: 15px;
height: 16px;
background: url(/static/bos/img/ico/ico-delete.png);
}

.file-select {
background-color: var(--blue-blue);
}
.file-select.disabled {
background-color: var(--gray);
}
.file-select::before {
content: "";
width: 13px;
height: 16px;
background: url(/static/bos/img/ico/ico-upload-file.png);
}

.allcheck-btn {
background-color: var(--bluish);
gap: 10px;
}
.allcheck-btn:has(:focus):focus-visible {
outline: 1px dashed #fff;
outline-offset: -2px;
}
.allcheck-btn input[type=checkbox] {
width: 16px;
height: 16px;
border: none;
}
.allcheck-btn input[type=checkbox]::after {
display: none;
}
.allcheck-btn input[type=checkbox]::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 3px;
border: solid 2px #fff;
background-color: transparent;
}
.allcheck-btn input[type=checkbox]:checked::before {
background: var(--bluish) url(/static/bos/img/ico/ico-check-box.png) center center no-repeat;
border: none;
}

.file-drop-area {
text-align: center;
line-height: 1.75;
color: #000;
font-size: 16px;
}
.FileDrop__list:has(.FileDrop-item) + .file-drop-area {
position: relative;
padding-top: 8px;
margin-top: 8px;
}
.FileDrop__list:has(.FileDrop-item) + .file-drop-area::before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='5%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
opacity: 0.4;
}
.file-drop-area strong {
font-family: S-CoreDream-6;
font-weight: bold;
color: var(--blue-blue);
}
.file-drop-area.hover {
background-color: skyblue;
}
.file-drop-area input {
opacity: 0;
position: absolute;
}
.file-drop-area + .table {
margin-top: 20px;
}

#popupWrap {
display: none;
position: fixed;
align-items: center;
justify-content: center;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.3);
}
#popupWrap > .popupWrap {
padding: 0;
}
#popupWrap .popupwrap__head {
position: relative;
height: 62px;
background: #002269;
border-radius: 12px 12px 0 0;
}
#popupWrap .popupwrap__head button {
position: absolute;
top: 0;
right: 20px;
width: 62px;
height: 62px;
color: #fff;
}
#popupWrap .popupwrap__body {
padding: 40px 40px;
background: #fff;
text-align: center;
border-radius: 0 0 12px 12px;
box-sizing: border-box;
}
#popupWrap .popupwrap .desc {
line-height: 1.75;
margin: 20px auto 30px;
}
#popupWrap .btn-wrap {
display: flex;
justify-content: center;
gap: 0 10px;
}
#popupWrap .btn-wrap button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 20px;
height: 48px;
color: #fff;
border-radius: 8px;
}
#popupWrap .btn-wrap button.b-ok {
background: #1f53c0;
}
#popupWrap .btn-wrap button.b-cancel {
background: #888;
}

.bodyindex#popupWrap {
position: relative;
display: block;
width: auto;
height: auto;
background: #fff;
}
.bodyindex#popupWrap .popupwrap__head {
border-radius: 0;
padding: 0 40px;
}
.bodyindex#popupWrap .popupwrap__head h1 {
font-family: "S-CoreDream-6Bold";
font-size: 22px;
line-height: 62px;
color: #fff;
}
.otp-desc {
text-align: left;
}
.otp-desc li {
font-size: 18px;
font-family: "S-CoreDream-6Bold";
color: var(--marine-blue);
margin-bottom: 40px;
}
.otp-desc li p {
margin-top: 16px;
line-height: 1.75;
font-size: 16px;
font-family: "S-CoreDream-4Regular";
color: #000;
}
.otp-desc li img {
margin-top: 16px;
}

.cont-box {
padding: 20px;
background: #f7f8fa;
border-radius: 8px;
gap: 0 30px;
}
.cont-box dl {
display: table;
width: 100%;
padding: 4px 0;
border-collapse: collapse;
table-layout: fixed;
}
.cont-box dt {
position: relative;
color: #002269;
display: table-cell;
padding-left: 14px;
}
.cont-box dd {
display: table-cell;
}
.cont-box.qr-box {
display: flex;
align-items: center;
justify-content: center;
}
.cont-box.qr-box .qr {
width: 220px;
padding: 10px;
border-radius: 4px;
background: #fff;
border: 1px solid #1f53c0;
}
.cont-box.qr-box dl:first-of-type {
margin-top: 12px;
}
.cont-box.qr-box dl + dl {
margin-top: -12px;
}
.cont-box.qr-box dt {
width: 72px;
font-family: "S-CoreDream-6Bold";
text-align: justify;
}
.cont-box.qr-box dt::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 10px;
width: 4px;
height: 4px;
background: #002269;
border-radius: 50%;
}
.cont-box.qr-box dt::after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.cont-box.qr-box dt + dd {
padding-left: 8px;
text-align: left;
}
.cont-box.search-box {
padding: 40px 20px;
text-align: center;
}
.cont-box.search-box p {
font-family: "S-CoreDream-6Bold";
font-size: 18px;
line-height: 1;
color: var(--marine-blue);
}
.cont-box.search-box dl {
width: 488px;
margin: 0 auto;
}
.cont-box.search-box dl + dl {
margin-top: 20px;
}
.cont-box.search-box dt {
width: 76px;
vertical-align: middle;
text-align: right;
padding-left: 0;
}
.cont-box.search-box dd {
width: 412px;
padding-left: 20px;
text-align: left;
}
.cont-box.search-box dd .email input {
width: 180px;
}

.tablist {
display: flex;
align-items: center;
border: 1px solid var(--dark-cobalt);
}
.tablist button {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
flex: 1;
color: var(--dark-cobalt);
}
.tablist button.on {
font-family: "S-CoreDream-6Bold";
color: #fff;
background: var(--cobalt);
}

.tabcont .tabpanel {
display: none;
}
.tabcont .tabpanel.on {
display: block;
}

.ico-1depth-down {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -34px -147px;
width: 17px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-1depth-down {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-1depth-up {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -71px -147px;
width: 17px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-1depth-up {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-2depth-down {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: 0px -183px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-2depth-down {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-2depth-up {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -125px -84px;
width: 12px;
height: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-2depth-up {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-board {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: 0px -65px;
width: 27px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-board {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-chart {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -47px -65px;
width: 27px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-chart {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-close {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -125px -42px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-close {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-date {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: 0px -147px;
width: 14px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-date {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-home {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -40px -107px;
width: 18px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-home {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-info-red {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: 0px 0px;
width: 45px;
height: 45px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-info-red {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-list {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -125px 0px;
width: 27px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-list {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-login2 {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -65px 0px;
width: 40px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-login2 {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-logout {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -172px -38px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-logout {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-menu {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -78px -107px;
width: 20px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-menu {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-more {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -172px -74px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-more {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-mypage {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -118px -107px;
width: 19px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-mypage {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-next-gy {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -94px -65px;
width: 10px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-next-gy {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-next {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -208px 0px;
width: 10px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-next {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-prev-gy {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -208px -36px;
width: 10px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-prev-gy {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-prev {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -208px -72px;
width: 10px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-prev {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-privacy {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -172px 0px;
width: 16px;
height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-privacy {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-set {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: 0px -107px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-set {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

.ico-user {
background-image: url(/static/bos/img/sprite.png?dev);
background-position: -172px -110px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ico-user {
background-image: url(/static/bos/img/sprite@2x.png?dev);
background-size: 218px 195px;
}
}

[class^=ico-] {
display: inline-flex;
align-items: center;
justify-content: center;
}

*::before, *::after, * {
box-sizing: border-box;
}

body {
font-family: "S-CoreDream-4Regular";
letter-spacing: -0.3px;
}

[class^=i-] {
display: inline-flex;
align-items: center;
justify-content: center;
}

button:focus,
a:focus {
outline: 1px dashed !important;
outline-offset: -2px;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
text-decoration: underline;
}

.space-between {
display: flex;
justify-content: space-between;
}

.request-list > * + * {
margin-top: 5px;
}

.color-black {
color: black;
}

.color-blue {
color: var(--medium-blue);
}

.color-red {
color: var(--lipstick);
}

.color-use {
color: var(--pumpkin);
}

.color-yellow {
color: var(--pumpkin);
}

.color-green {
color: var(--tree-green);
}

.color-grave {
color: var(--lipstick);
}

.color-risk {
color: var(--lipstick);
}

.color-warn {
color: var(--pumpkin);
}

.color-warn {
color: var(--pumpkin);
}

.certificate {
background: #fff;
padding: 40px 50px;
}
.certificate__top {
margin-bottom: 30px;
}
.certificate__top select {
width: 70px;
text-align: center;
border-color: #eee;
}
.certificate__top input {
width: 60px;
text-align: right;
border-color: #eee;
}
.certificate__top .txt {
display: inline-block;
margin-right: 10px;
}
.certificate__top .bar {
display: inline-block;
margin: 0 5px;
}
.certificate h2 {
text-align: center;
letter-spacing: 2px;
background: none;
font-size: 42px;
margin-bottom: 40px;
}
.certificate .view dt {
text-align: center;
}
.certificate__text {
font-size: 16px;
text-align: right;
margin: 40px 0 20px;
}
.certificate__date {
margin-top: 50px;
text-align: right;
}
.certificate__date span {
display: inline-block;
margin-right: 20px;
}
.certificate__bttom {
text-align: center;
margin-top: 100px;
}
.certificate input[readonly].date {
background-color: #fafafa;
border-color: #eee;
}

.btnSet-both__oh {
padding-top: 0;
margin: 0;
overflow: hidden;
}

@media print {
@page {
size: A4;
margin: 20mm;
}
.header, .lnb, #footer, .btn-set,
.nav {
display: none !important;
}
.btnSet {
display: none !important;
}
.popupwrap__head {
display: none !important;
}
.popupWrap {
padding: 0 !important;
}
.certificate {
width: 210mm;
box-sizing: border-box;
padding: 0;
}
.certificate input[readonly].date {
background-color: transform;
}
.certificate__top select {
-webkit-appearance: none;
}
.notice-view {
page-break-before: always;
}
}
table .bill-item:first-child {
border-top: 1px solid #ddd;
}

.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
}

.notice-view {
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
}
.notice-view#width_print td {
padding: 12px 5px;
}
.notice-view h2 {
background: none;
padding: 0;
}
.notice-view .title {
font-weight: 600;
letter-spacing: -1.8px;
font-size: 36px;
text-align: center;
padding: 0 0 50px;
}
.notice-view .etc {
padding: 50px 0;
text-align: center;
}
.notice-view .vt em {
font-size: 20px;
font-weight: 600;
}
.notice-view .p-sign {
margin-top: 40px;
text-align: center;
font-weight: 600;
font-size: 30px;
}
.notice-view table {
width: 100%;
}
.notice-view .table th, .notice-view .table td {
padding: 12px 20px;
border: 1px solid #ddd;
}
.notice-view .table tbody th {
color: var(--marine-blue);
background-color: #F0F5FF;
}
.notice-view .table .total {
background-color: #f2f2f2;
}
.notice-view + .notice-view {
margin-top: 20px;
}
.notice-view .con {
width: 100%;
margin: 80px 0;
font-size: 20px;
text-align: center;
font-weight: 600;
}
.notice-view .foot {
width: 100%;
font-size: 26px;
margin-bottom: 30px;
border: 6px solid red;
}
.notice-view .foot td {
padding: 7px 10px;
}
.notice-view__div {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.notice-view__div h2 {
background-image: none !important;
padding-left: 0 !important;
}
.notice-view__div > div {
width: 50%;
padding: 0 20px;
}
.notice-view__div > div + div {
border-left: 1px dashed #ccc;
}
.notice-view__div > div h2 {
text-align: center;
font-size: 20px;
letter-spacing: -1px;
margin-bottom: 30px;
}
.notice-view__div > div table {
font-size: 14px;
}
.notice-view__div > div table th {
font-size: 14px;
}
.notice-view__div > div table td {
font-size: 14px;
padding: 5px 0;
}
.notice-view__div > div table .etc2 {
font-size: 14px;
text-align: center;
}
.notice-view__div > div table .etc3 {
display: block;
margin-top: 60px;
}
.notice-view__div > div .check_txt {
display: flex;
gap: 20px;
align-items: center;
}
.notice-view__div > div .days-info {
color: var(--lipstick);
}
.notice-view__div > div .point-box {
border: 2px solid var(--lipstick);
}
.notice-view__div > div .point-box .tar {
padding: 5px 10px 5px 0;
}
.notice-view .notice-con {
margin-top: 50px;
border: 2px solid #eee;
}
.notice-view .notice-con dt {
padding: 10px;
text-align: center;
background-color: #eee;
}
.notice-view .notice-con dd {
padding: 15px;
}
.notice-view .notice-con dd ul {
line-height: 1.6;
}
.notice-view .notice-con dd ul li {
position: relative;
padding-left: 12px;
}
.notice-view .notice-con dd ul li::before {
content: "";
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #888;
margin: 0;
position: absolute;
top: 7px;
left: 0;
}
.notice-view .notice-con dd ul li + li {
margin-top: 8px;
}
.notice-view .txt-tac {
text-align: center;
margin: 20px 0;
line-height: 2;
}
.notice-view .days-txt {
margin-top: 10px;
text-align: right;
}
.notice-view .foot-sign {
margin-top: 30px;
font-size: 20px;
text-align: center;
font-weight: 600;
}

@media print {
#width_print {
transform: rotate(90deg);
width: 1000px;
page-break-before: always;
}
}
.b-email {
background-color: var(--lipstick);
}
.b-email::before {
content: "\e158";
}

.b-print2 {
background-color: var(--warm-grey);
}
/*# sourceMappingURL=bossub.css.map */