/* swiper */
:root {
    --swiper-navigation-size: 4.4rem;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-notification {
    display: none;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

img {
    max-width: 100%;
}

/* Button */
a.btn,
input.btn,
button.btn {
    padding: 0 2rem;
    min-width: 8rem;
    height: 4rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.4rem;
    border-radius: 0.5rem;
    line-height: 2rem;
    font-weight: 700;
}

a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn.contained {
    background-color: var(--gray-50);
    color: #fff;
}

.btn.contained.primary {
    background-color: var(--primary);
}

.btn.contained:focus-visible {
    outline: 3px dotted var(--black);
}

.btn.outlined {
    border: 1px solid var(--gray-50);
    color: var(--gray-50);
    background-color: #fff;
}

.btn.outlined.primary {
    border-color: var(--primary);
    color: var(--primary);
}

.btn.text {
    color: var(--gray-50);
    min-width: 0;
    padding: 0 0.5rem;
}

.btn.text.primary {
    color: var(--primary);
}

.btn.disabled,
.btn[disabled] {
    opacity: 0.5;
}

.btn.outlined.disabled,
.btn.outlined[disabled] {
    border-color: var(--gray-50);
}

.btn.small {
    height: 3rem;
    font-size: 1.4rem;
    padding: 0 1rem;
    min-width: 0;
}

.btn.large {
    height: 4.6rem;
    font-size: 1.7rem;
    padding: 0 2.4rem;
}

.btn.round {
    border-radius: 1rem;
}

.btn.pill {
    border-radius: 2.5rem;
}

.btn.pill.small {
    border-radius: 1.5rem;
}

.btn.pill.large {
    border-radius: 2.5rem;
}

.btn[class*="i-"]:after {
    display: inline-block;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.5rem;
    margin-right: -0.5rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.btn.i-go:after {
    background-image: url(../images/common/ic_go.png);
}

.btn.i-go-w:after {
    background-image: url(../images/common/ic_go_w.png);
}

.btn.outlined.i-download:after {
    background-image: url(../images/common/ic_download.svg);
}

.btn.outlined.primary.i-download:after {
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(../images/common/ic_download_primary.svg) !important;
}

.btn.contained.i-download:after {
    background-image: url(../images/common/ic_download_w.svg);
    background-size: 1.8rem;
}

.btn.contained.primary:hover:after {
    background-image: url(../images/common/ic_download_primary.svg);
}

.btn:hover {
    box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
}

.btn.text:hover {
    box-shadow: none;
}

.btn.contained:hover {
    background-color: #fff;
    color: var(--gray-50);
    border: 0.1rem solid var(--gray-50);
    padding: 0 1.9rem;
}

.btn.contained.primary:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.btn.contained.small:hover {
    padding: 0 0.9rem;
}

.btn.contained.large:hover {
    padding: 0 2.3rem;
}

.btns-wrap {
    text-align: center;
    margin: 4rem 0;
}

.btns-wrap:last-child {
    margin-bottom: 0;
}

.btns-wrap:first-child {
    margin-top: 0;
}

.btns-wrap .btn {
    margin: 0 0.4rem;
    vertical-align: middle;
    min-width: 10.4rem;
}

.btns-wrap.bottom {
    margin-bottom: 4rem;
}

.btns-wrap .a-right {
    text-align: right;
}

.view-btn-wrap {
    text-align: right;
}

.view-btn-wrap a.btn {
    height: 4.6rem;
    font-size: 1.7rem;
    font-weight: 400;
    color: #fff;
    border-radius: 0.5rem;
    background: #425abe;
}

/* text */
.txt-primary {
    color: var(--primary) !important;
}

.txt-red {
    color: var(--red) !important;
}

.txt-xsmall {
    font-size: 1.3rem;
    line-height: 1.5;
}

.txt-small {
    font-size: 0.5rem;
    line-height: 1.5;
}

.txt-large {
    font-size: 1.9rem;
    line-height: 1.5;
}

.txt-xlarge {
    font-size: 2.4rem;
    line-height: 1.5;
}

.txt-bold {
    font-weight: 700;
}

.txt-semiBold {
    font-weight: 600;
}

.txt-medium {
    font-weight: 500;
}

.txt-normal {
    font-weight: 400;
}

.txt-underline {
    text-decoration: underline;
    text-underline-position: under;
}

.txt-nowrap {
    white-space: nowrap;
}

.txt-break {
    word-break: break-all;
}

/* txt list */
.txt-list {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.txt-list .item-label {
    font-weight: 500;
}

.txt-s {
    position: relative;
    top: -0.5rem;
    font-size: 1.7rem;
}

.txt-list .item-header {
    font-weight: 600;
    display: block;
    margin-bottom: 0.8rem;
}

.txt-list > li {
    position: relative;
    margin-bottom: 0.4rem;
}

.txt-list > li:last-child {
    margin-bottom: 0;
}

.txt-list:first-child {
    margin-top: 0;
}

.txt-list:last-child {
    margin-bottom: 0;
}

.txt-list.gap > li {
    margin-bottom: 1.6rem;
}

.txt-list.gap > li:last-child {
    margin-bottom: 0;
}

.txt-list.dot>li {
    position: relative;
    padding-left: 1.2rem;
}

.txt-list.dot>li:before {
    display: block;
    content: "ㆍ";
    position: absolute;
    top: 0;
    left: -0.4rem;
}

.txt-list.dash>li {
    padding-left: 1rem;
}

.txt-list.dash>li:before {
    display: block;
    content: "";
    width: 0.4rem;
    height: 0.1rem;
    position: absolute;
    top: 0.66em;
    left: 0;
    background-color: var(--gray-70);
}

.txt-list.square>li {
    position: relative;
    padding-left: 1.5rem;
}

.txt-list.square>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.58em;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    border: 0.1rem solid var(--gray-70);
    box-sizing: border-box;
}

.txt-list.num-bracket {
    counter-reset: bracket;
}

.txt-list.num-bracket>li {
    padding-left: 1.5em;
    position: relative;
}

.txt-list.num-bracket>li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: bracket 1;
    content: "(" counter(bracket) ")";
    line-height: 1.5;
    font-size: 0.95em;
    display: inline-block;
    text-align: center;
    width: 1.25em;
    height: 1.5em;
}

.txt-list.num-circle {
    counter-reset: circle;
}

.txt-list.num-circle>li {
    padding-left: 1.5em;
    position: relative;
}

.txt-list.num-circle>li:before {
    position: absolute;
    top: 0.33em;
    left: 0;
    counter-increment: circle 1;
    content: counter(circle);
    font-size: 0.75em;
    line-height: 1.25em;
    display: inline-block;
    text-align: center;
    border: 0.1rem solid var(--gray-50);
    border-radius: 50%;
    width: 1.25em;
    height: 1.25em;
}

.txt-list.ganada>li {
    padding-left: 1.33em;
}

.txt-list.ganada>li:before {
    position: absolute;
    left: 0;
    top: 0;
}

.txt-list.ganada>li:nth-child(1):before {content: "가.";}
.txt-list.ganada>li:nth-child(2):before {content: "나.";}
.txt-list.ganada>li:nth-child(3):before {content: "다.";}
.txt-list.ganada>li:nth-child(4):before {content: "라.";}
.txt-list.ganada>li:nth-child(5):before {content: "마.";}
.txt-list.ganada>li:nth-child(6):before {content: "바.";}
.txt-list.ganada>li:nth-child(7):before {content: "사.";}
.txt-list.ganada>li:nth-child(8):before {content: "아.";}
.txt-list.ganada>li:nth-child(9):before {content: "자.";}
.txt-list.ganada>li:nth-child(10):before {content: "차.";}
.txt-list.ganada>li:nth-child(11):before {content: "카.";}
.txt-list.ganada>li:nth-child(12):before {content: "타.";}
.txt-list.ganada>li:nth-child(13):before {content: "파.";}
.txt-list.ganada>li:nth-child(14):before {content: "하.";}

.txt-dot {
    position: relative;
    padding-left: 1rem;
    margin: 0.8rem 0;
}

.txt-dot:before {
    display: block;
    content: "ㆍ";
    position: absolute;
    top: 0;
    left: -0.4rem;
}

.txt-dash {
    position: relative;
    padding-left: 1rem;
    margin: 0.8rem 0;
}

.txt-dash:before {
    display: block;
    content: "";
    width: 0.4rem;
    height: 0.1rem;
    position: absolute;
    top: 0.66em;
    left: 0;
    background-color: var(--gray-70);
}

.txt-refer {
    position: relative;
    padding-left: 1.25em;
    margin: 0.8rem 0;
}

.txt-refer:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
}

.txt-star {
    position: relative;
    padding-left: 1rem;
    margin: 0.8rem 0;
}

.txt-star:before {
    position: absolute;
    left: 0;
    top: 0.25em;
    content: "*";
}

.txt-flex {
    display: flex;
}

.txt-flex .fixed {
    flex-shrink: 0;
}

.txt-flex .fixed+* {
    margin-left: 0.5rem;
}

/* tables */
.con-table {
    position: relative;
    overflow-x: auto;
    margin: 1rem 0;
    border-top: 0.1rem solid var(--primary);
}

.con-table:last-child {
    margin-bottom: 0;
}

.con-table:first-child {
    margin-top: 0;
}

.con-table>table {
    width: 100%;
    table-layout: fixed;
}

.con-table th,
.con-table td {
    padding: 1.6rem 2rem;
    border: 0.1rem solid var(--line);
    overflow-wrap: break-word;
}

.con-table th:last-child,
.con-table td:last-child {
    border-right-width: 0;
}

.con-table th:first-child,
.con-table td:first-child {
    border-left-width: 0;
}

.con-table th {
    font-weight: 600;
}

.con-table.all-center th,
.con-table.all-center td {
    text-align: center;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.con-table.all-right td {
    text-align: right;
}

.con-table.type-row th,
.con-table.type-row td {
    border-width: 0.1rem 0;
    padding: 2rem 2rem;
    height: 7rem;
}

.con-table.thin th,
.con-table.thin td {
    padding: 1.6rem 1.2rem;
    letter-spacing: -0.05em;
}

.con-table .ic-handle {
    display: block;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: url(../images/common/ic_hand.png) center center / cover no-repeat;
    position: absolute;
    right: 1rem;
    top: 5.5rem;
    box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
    display: none;
}

.con-table.table-scrolled .ic-handle {
    display: block;
}

.con-table.table-scrolled {
    overflow-x: scroll;
}

.con-table .sum th,
.con-table .sum td {
    background-color: var(--bg-blue);
}

.con-table .sum2 th,
.con-table .sum2 td {
    background-color: var(--bg-yellow);
    font-weight: 600;
}

.con-table.type2 thead th {
    background-color: #f8f8f8;
}

.con-table.type2 th,
.con-table.type2 td {
    border-left: 0 !important;
    border-right: 0 !important;
}

.bg-gray,
.bg-gray th,
.bg-gray td {
    background-color: var(--bg-gray) !important;
}

.bg-blue,
.bg-blue th,
.bg-blue td {
    background-color: var(--bg-blue) !important;
}

.bg-green,
.bg-green th,
.bg-green td {
    background-color: var(--bg-green) !important;
}

.bg-yellow,
.bg-yellow th,
.bg-yellow td {
    background-color: var(--bg-yellow) !important;
}

.bg-red,
.bg-red th,
.bg-red td {
    background-color: var(--bg-red) !important;
}

.bg-white,
.bg-white th,
.bg-white td {
    background-color: #fff !important;
}

.con-table-header {
    margin: 1.6rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con-table-header:first-child {
    margin-top: 0;
}

.con-table-header h4,
.con-table-header h5,
.con-table-header h6 {
    margin-bottom: 0;
}

/* tab */
.tabWrap .tabContent {
    display: none;
}

.tabWrap .tabContent.active {
    display: block;
}

.con-tab {
    margin: 4rem 0;
}

.con-tab-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 4rem 0;
}

.con-tab-nav:first-child {
    margin-top: 0;
}

.con-tab-nav li {
    flex: 1;
}

.con-tab-nav a {
    display: flex;
    height: 5rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 0 0.8rem;
    font-weight: 500;
    border: 0.1rem solid var(--primary);
    border-width: 0 0 0.1rem 0;
}

.con-tab-nav a:hover {
    color: var(--primary);
}

.con-tab-nav .active {
    border-width: 0.1rem 0.1rem 0 0.1rem;
    border-color: var(--primary);
    border-radius: 0.2rem 0.2rem 0 0;
    color: var(--primary);
    font-weight: 700;
}

/* form elements */
input,
textarea {
    caret-color: var(--primary);
}

input[type="text"],
input[type="password"],
input[type="file"] {
    height: 4rem;
    line-height: 3.8rem;
    border: 0.1rem solid var(--line-input);
    padding: 0 1rem;
    border-radius: 0.6rem;
}

textarea {
    border: 0.1rem solid var(--line-input);
    padding: 1rem;
    border-radius: 0.6rem;
}

select {
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border: 0.1rem solid var(--line-input);
    height: 4rem;
    background: #fff url(../images/common/select_arr.svg) right 0.5rem center / 1.8rem auto no-repeat;
    padding: 0 3.6rem 0 1rem;
    border-radius: 0.6rem;
    cursor: pointer;
}

select:disabled {
    background-color: var(--gray-50);
    opacity: 0.5;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus {
    outline: none;
    border-color: var(--primary);
}

textarea:focus {
    outline: none;
    border-color: var(--primary);
}

select:focus {
    outline: none;
    border-color: var(--primary);
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="file"]:disabled,
textarea:disabled,
select:disabled {
    background-color: var(--gray-50);
    opacity: 0.5;
}

/* checkbox / radio */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    accent-color: var(--primary);
}

.inp-radio {
    box-sizing: border-box;
    min-height: 2rem;
    min-width: 2rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 2rem;
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
    padding-right: 0.8rem;
    margin: 0.8rem 0;
}

.inp-radio input {
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.inp-radio input+span {
    display: block;
    margin-left: 0.8rem;
    line-height: 2rem;
    flex-shrink: 0;
}

.inp-radio input+.blind {
    margin-left: 0;
}

.inp-radio input:disabled {
    background-color: var(--gray-50);
    opacity: 0.5;
}

.inp-radio input:disabled+span {
    opacity: 0.5;
}

.inp-radio input:checked {
    border-color: var(--primary);
}

.inp-checkbox {
    box-sizing: border-box;
    min-height: 2rem;
    min-width: 2rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 2rem;
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
    padding-right: 0.8rem;
    margin: 0.8rem 0;
}

.inp-checkbox input {
    position: relative;
    width: 2rem;
    height: 2rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 0.1rem solid var(--line-input);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.inp-checkbox input+span {
    display: block;
    margin-left: 0.8rem;
    line-height: 2rem;
    flex-shrink: 0;
}

.inp-checkbox input:disabled {
    background-color: var(--gray-50);
    opacity: 0.5;
}

.inp-checkbox input:disabled+span {
    opacity: 0.5;
}

.inp-checkbox input:checked {
    background-color: var(--primary);
    border: none;
}

.inp-checkbox input:checked:after {
    display: block;
    content: "";
    width: 1rem;
    height: 0.7rem;
    background: none;
    border-left: 0.2rem solid #fff;
    border-bottom: 0.2rem solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    box-sizing: border-box;
}

.inp-check-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.inp-check-list.col2 label {
    width: calc(50% - 1.6rem);
}

.inp-check-list.col3 label {
    width: calc(100% / 3 - 1.6rem);
}

.inp-check-list.col4 label {
    width: calc(25% - 1.6rem);
}

.inp-check-list.col5 label {
    width: calc(20% - 1.6rem);
}

.inp-check-list.type-row label {
    width: 100%;
}

/* form patterns */
.form-item {
    display: flex;
}

.form-item>label {
    line-height: 3.6rem;
    margin-right: 1rem;
    font-weight: 500;
    flex-shrink: 0;
}

.inp-group-address .inp-text {
    width: 100%;
}

.inp-group-address .inp-zipcode {
    width: 12rem;
}

.inp-group-row+.inp-group-row {
    margin-top: 0.5rem;
}

.inp-split {
    display: inline-block;
    min-width: 2rem;
    line-height: 3.6rem;
    text-align: center;
}

.inp-group-tel {
    display: flex;
}

.inp-group-tel select,
.inp-group-tel input {
    width: 12rem;
    max-width: 33%;
}

.inp-group-tel .inp-split {
    flex: 0 0;
}

.inp-group-tel.full select,
.inp-group-tel.full input {
    width: 33%;
}

.inp-group-email {
    display: flex;
}

.inp-group-email select,
.inp-group-email input {
    width: 16rem;
    max-width: 33%;
}

.inp-group-email .inp-split {
    flex: 0 0;
}

.inp-group-email .email-domain-opt {
    margin-left: 0.5rem;
}

.inp-group-email.full input,
.inp-group-email.full select {
    width: 33%;
}

.inp-group-txt {
    display: inline-flex;
    align-items: center;
}

.inp-group-txt>label {
    flex-shrink: 0;
    margin-right: 1rem;
}

.inp-group-txt .inp-text {
    max-width: 100%;
}

.inp-group-txt .txt-unit {
    flex-shrink: 0;
}

.inp-group-txt .txt-unit:first-child {
    margin-right: 1rem;
}

.inp-group-txt .txt-unit:last-child {
    margin-left: 1rem;
}

.inp-group-txt.full {
    display: flex;
}

.inp-group-txt.full .inp-text {
    flex: 1;
    width: 100%;
}

.inp-group-txt.box {
    position: relative;
    border: 0.1rem solid var(--line-input);
    border-radius: 0.6rem;
}

.inp-group-txt.box label {
    margin: 0 1rem;
}

.inp-group-txt.box .inp-text {
    flex: 1;
    border: none;
}

.inp-group-txt.box .txt-unit {
    margin: 0 1rem;
}

.inp-group-check {
    display: inline-flex;
    align-items: center;
}

.inp-group-check>label {
    margin-right: 1rem;
}

.inp-group-items {
    display: flex;
    flex-wrap: wrap;
}

.inp-group-items>li {
    margin: 0.5rem 2rem 0.5rem 0;
}

.inp-group-items.col2>li {
    width: 50%;
    margin: 0.5rem 0;
}

.inp-group-items.col3>li {
    width: calc(100% / 3);
    margin: 0.5rem 0;
}

/* datepicker */
.useDatepicker {
    width: 13rem;
    padding-right: 3.2rem;
    position: relative;
    background: url(../images/common/ic_calendar.png) right 0 top 0 no-repeat;
    cursor: pointer;
}

.useDatepicker:focus {
    background-position: right 0 top -4rem;
}

.useDatepicker:disabled {
    background-position: right 0 top -8rem;
}

.useDatepicker[readonly] {
    background-color: #fff !important;
}

.ui-datepicker {
    position: relative;
    padding: 1.5rem;
    background-color: #fff;
    border: 0.1rem solid var(--line-input);
    z-index: 90 !important;
    border-radius: 0.2rem;
    box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
}

.ui-datepicker table {
    width: 100%;
    font-size: 1.5rem;
}

.ui-datepicker th {
    height: 3rem;
    color: var(--gray-90);
    text-align: center;
    padding: 0;
}

.ui-datepicker td {
    width: 14.2857%;
    text-align: center;
    height: 3rem;
}

.ui-datepicker td a {
    display: block;
    height: 100%;
    text-align: center;
    border-radius: 0.3rem;
    line-height: 3rem;
    color: var(--gray-70);
    cursor: pointer;
}

.ui-datepicker td a:not(.ui-state-highlight):not(.ui-state-active):hover {
    background-color: var(--gray-gray);
}

.ui-datepicker .ui-state-active {
    color: #fff;
    background: var(--gray-50);
}

.ui-datepicker .ui-state-highlight {
    color: var(--gray-90);
    background-color: var(--bg-blue);
}

.ui-datepicker .ui-state-active {
    color: #fff !important;
    background-color: var(--primary);
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 1.7rem;
    font-weight: normal;
    text-align: center;
    padding: 0.5rem 0;
}

.ui-datepicker .ui-datepicker-title select {
    width: auto;
    height: 3rem;
    background-position: right 0.5rem center;
    padding-right: 2rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0.5rem;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    text-indent: -9999em;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
    display: block;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.2rem 0 0 -1.2rem;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev:before {
    background: url(../images/common/ic_arr_prev.png) no-repeat 0 0;
}

.ui-datepicker .ui-datepicker-next:before {
    background: url(../images/common/ic_arr_next.png) no-repeat 0 0;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: var(--bg-gray);
}

.ui-datepicker-month {
    margin-left: 0.5rem !important;
}

#ui-datepicker-div {
    display: none;
    width: 24rem;
}

#ui-datepicker-div table tbody td.date-holiday a {
    color: var(--red);
}

#ui-datepicker-div td:first-child * {
    color: var(--red);
}

#ui-datepicker-div td:last-child * {
    color: var(--blue);
}

.useMonthpicker {
    width: 10rem;
    padding-right: 3.2rem;
    position: relative;
    background: url(../images/common/ic_calendar.png) right 0.5rem center no-repeat;
    cursor: pointer;
}

.useMonthpicker[readonly] {
    background-color: #fff !important;
}

#ui-monthpicker-div {
    width: 16rem;
    display: none;
}

#ui-monthpicker-div .ui-datepicker-header {
    margin-bottom: 0.8rem;
}

#ui-monthpicker-div .ui-datepicker-title .ui-datepicker-year {
    min-width: 7.5rem;
    padding: 0 0 0 1rem;
}

/* title */
.con-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.16;
    color: var(--gray-90);
    padding-left: 2.4rem;
    margin: 4rem 0 2rem;
}

.con-title:before {
    display: block;
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0.5rem;
    background: url(../images/common/ic_con_title.svg) center no-repeat;
}

.con-title:first-child {
    margin-top: 0;
}

.con-title .sub-txt {
    font-size: 2rem;
    color: var(--gray-50);
    font-weight: 400;
}

.md-title {
    display: flex;
    justify-content: space-between;
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--gray-80);
    position: relative;
    padding-left: 1.2rem;
    margin: 3.2rem 0 1.6rem;
}

.md-title:before {
    display: block;
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background-color: var(--gray-80);
    position: absolute;
    left: 0;
    top: 0.63em;
}

.md-title:first-child {
    margin-top: 0;
}

.md-title .sub-txt {
    font-size: 1.7rem;
    color: var(--gray-50);
    font-weight: 400;
}

.md-title2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    margin: 3.2rem 0 1.6rem;
}

.sm-title {
    font-size: 1.7rem;
    font-weight: 600;
    margin: 2.4rem 0 1.2rem;
}

.sm-title:first-child {
    margin-top: 0;
}

.con-title-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 4rem 0 2rem;
}

.con-title-wrap:first-child {
    margin-top: 0;
}

.con-title-wrap>.left {
    display: flex;
    align-items: center;
}

.con-title-wrap>.right {
    margin-left: auto;
}

.con-title-wrap .big-title,
.con-title-wrap .con-title,
.con-title-wrap .md-title,
.con-title-wrap .sm-title {
    margin-bottom: 0;
}

.md-title-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 2.4rem 0 1.6rem;
}

.md-title-wrap:first-child {
    margin-top: 0;
}

.md-title-wrap .md-title {
    margin: 0;
}

.data-unit {
    font-size: 1.3rem;
}

/* wrap */
.con-wrap+.con-wrap {
    margin-top: 8rem;
}

.con-sub {
    margin: 2.4rem 0;
}

.con-sub:first-child {
    margin-top: 0;
}

.con-sub:last-child {
    margin-bottom: 0;
}

.img-box {
    text-align: center;
    margin: 2.4rem 0;
    background-color: #f9fafc;
    padding: 4rem;
    border-radius: 2rem;
}

.img-box:first-child {
    margin-top: 0;
}

.img-box:last-child {
    margin-bottom: 0;
}

.img-box img {
    max-width: 100%;
}

.img-wrap {
    text-align: center;
    margin: 2.4rem 0;
    padding: 4rem 0;
}

.con-box {
    padding: 1.6rem 2rem;
    border-radius: 1rem;
    margin: 2.4rem 0;
    background-color: var(--bg-blue);
}

.con-box {
    background-color: #f9fafc;
}

.con-box:first-child {
    margin-top: 0;
}

.con-box:last-child {
    margin-bottom: 0;
}

.con-box .box-title {
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 1.6rem 0;
    display: block;
}

.con-box .box-title:first-child {
    margin-top: 0;
}

.g-txt {
    margin: 0.8rem 0;
}

.g-txt:first-child {
    margin-top: 0;
}

.g-txt:last-child {
    margin-bottom: 0;
}

.txt-link {
    font-weight: 600;
    color: var(--primary);
}

.con-bottom {
    margin-top: 2rem;
}

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

.con-bottom.flex>.start {
    margin-right: 3rem;
}

.con-bottom.flex>.end {
    margin-left: auto;
}

.guide-wrap {
    margin: 0.8rem 0;
}

.guide-wrap:first-child {
    margin-top: 0;
}

.guide-wrap:last-child {
    margin-bottom: 0;
}

/* board */
.data-list-top {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
}

.list-acount {
    color: var(--gray-90);
}

.list-acount .total {
    margin-right: 3rem;
}

.list-acount .total em {
    color: var(--primary);
    font-weight: 700;
}

.list-acount .list-title {
    display: inline;
    margin-right: 2rem;
}

.list-search {
    display: flex;
    flex-wrap: wrap;
}

.list-search>*+* {
    margin-left: 0.5rem;
}

.list-search .inp-item input,
.list-search .inp-item select {
    max-width: 100%;
    width: 100%;
    padding-left: 1.2rem;
}

.list-search .inp-keyword {
    display: inline-flex;
    max-width: 100%;
    width: 28rem;
    flex: 1;
}

.list-search .keyword {
    width: 100%;
    margin-right: 0.5rem;
    flex: 1;
}

.list-search .btn-search {
    height: 4rem;
    width: 7.4rem;
    background-color: var(--gray-90);
    color: #fff;
    flex-shrink: 0;
}

.data-list-top .list-search {
    margin-left: auto;
}

.label-notice {
    font-weight: 600;
    color: var(--primary);
}

.label-new {
    width: 1.6rem;
    font-size: 1rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--primary);
    color: #fff;
    line-height: 1;
}

.data-list {
    border-top: 0.1rem solid var(--line-dark);
}

.data-list table {
    width: 100%;
}

.data-list th {
    height: 6.2rem;
    text-align: center;
    padding: 1.6rem 0.5rem;
    background-color: var(--bg-gray);
    border-bottom: 0.1rem solid var(--line-gray);
    font-weight: 500;
}

.data-list td {
    height: 6.2rem;
    text-align: center;
    padding: 1.2rem 0.5rem;
    border-bottom: 0.1rem solid var(--line-gray);
}

.data-list .title {
    text-align: left;
}

.data-list .title a {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-right: 2.6rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.data-list .title .label-new {
    position: absolute;
    right: 0;
    top: 0.3rem;
}

.data-list td img {
    vertical-align: middle;
}

.data-list tr.notice td {
    font-weight: 500;
}

.data-list .data-none {
    text-align: center;
    height: 20rem;
}

.m-data-list.in-labels .td-label {
    display: none;
}

/* .paging{margin: 2.4rem 0;  display: flex;  justify-content: center;}
.paging:last-child{margin-bottom: 0;}
.paging a{margin: 0 0.4rem; position: relative;}
.paging a{display: inline-flex;align-items: center;justify-content: center;min-width: 2.8rem;height: 2.8rem;text-align: Center;font-size: 1.5rem;}
.paging a:first-child {margin-left: 0 !important;}
.paging a:last-child {margin-right: 0 !important;}
.paging .page {border-radius: 0.5rem;border-radius: 1.4rem;overflow: hidden;text-align: left;text-indent: -9999rem;background-position: center;background-size: cover;background-repeat: no-repeat;background-color: var(--bg-gray);
flex-shrink: 0;}
.paging .page.first{background-image: url("../images/common/page_first.svg");}
.paging .page.prev{background-image: url("../images/common/page_prev.svg");}
.paging .page.next{background-image: url("../images/common/page_next.svg");}
.paging .page.last{background-image: url("../images/common/page_last.svg");}
.paging .current {color: var(--primary);font-weight: 600;} */

/* paging new */
.paging {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.4rem 0;
}

.paging a,
.paging span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    height: 4rem;
    box-sizing: border-box;
    margin: 0 0.4rem;
    font-size: 1.7rem;
    border-radius: 0.6rem;
}

.paging .disabled {
	display: none;
	color: #e4e4e4; 
	pointer-events: none;
}

.paging .page-prev.disabled:before { 
	background:url(/images/common/page_prev_disabled.svg) center no-repeat;
}

.paging .page-next.disabled:after {
	background:url(/images/common/page_next_disabled.svg) center no-repeat;
}

.paging .page-prev {
    padding: 0 0.8rem 0 0.4rem;
}

.paging .page-prev:before {
    display: block;
    content: '';
    width: 2rem;
    height: 2rem;
    background: url(/images/common/page_prev.svg) center no-repeat;
}

.paging .page-next {
    padding: 0 0.8rem 0 0.4rem;
}

.paging .page-next:after {
    display: block;
    content: '';
    width: 2rem;
    height: 2rem;
    background: url(/images/common/page_next.svg) center no-repeat;
}

.paging .page-num {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paging .page-num .current {
    background-color: var(--primary);
    color: #fff;
    font-weight: 600;
}

.paging .page-num .page-dot {
    background: url(/images/common/page_dot.svg) center no-repeat;
}

.paging a:hover {
    background-color: var(--bg-blue);
}

.w-mobile .paging {
    flex-wrap: wrap;
}

.w-mobile .paging .page-num {
    width: 100%;
    margin-top: 2rem;
}

/* board view */
/*
.data-view .view-info {
clear: both;
width: 100%;
border-top: 1px solid var(--line-dark);
}
.data-view .view-info th,
.data-view .view-info td {
border-bottom: 1px solid var(--line-gray);
padding: 16px;
overflow-wrap: break-word;
}
.data-view .view-info th:first-child {
border-left: none;
}
.data-view .view-info td:last-child {
border-right: none;
}
.data-view .view-info th {
text-align: center;
font-weight: 500;
background-color: var(--bg-gray);
color: var(--gray-90);
}
.data-view .view-info td {
text-align: left;
}
.data-view .view-title {
color: var(--gray-90);
font-size: 19px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 24px;
}
.data-view .view-contents {
min-height: 250px;
padding: 40px;
border-bottom: 1px solid var(--line-gray);
box-sizing: border-box;
}
.data-view .view-contents img {
max-width: 100%;
}
.data-view .view-contents + .prev-next-list {
border-top: none;
}*/

.data-view-header {
    border-top: 0.1rem solid var(--line-dark);
    border-bottom: 0.1rem solid var(--line-gray);
    padding: 2rem 2.6rem;
    background-color: var(--bg-gray);
    display: flex;
    align-items: center;
}

.data-view-header.wrap {
	flex-wrap: wrap;
	row-gap: 1rem;
}

.data-view-header .view-title {
    display: block;
    padding: 4px;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--gray-90);
    line-height: 1.5;
}

.base-info {
    display: flex;
}

.view-info {
    width: 100%;
}

.view-info.border-bot {
    border-bottom: 0.1rem solid #ddd;
}

.view-info th {
    font-size: 1.7rem;
    font-weight: 600;
    color: #1d1d1d;
}

.view-info td {
    position: relative;
    padding: 2rem 0;
}

.view-info td.line-none:after {
    display: none;
}

.view-info td:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 0.1rem;
    height: 1.6rem;
    background: #c6c6c6;
}

.view-contents {
    padding: 3rem 2rem;
    border-top: 0.1rem solid #ddd;
    border-bottom: 0.1rem solid #ddd;
}

.data-view-header .data-view-share {
    margin-left: auto;
}

.data-view-header .data-view-share ul {
    display: flex;
}

.data-view-header .data-view-share li {
    margin: 0 0.4rem;
}

.data-view-header .data-view-share a {
    display: block;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    text-align: left;
    text-indent: -9999rem;
    position: relative;
}

.data-view-header .data-view-share a:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.data-view-header .data-view-share a.insta:after {background-image: url(../images/contents/sns_insta.svg);}
.data-view-header .data-view-share a.kakao:after {background-image: url(../images/contents/sns_kakao.svg);}
.data-view-header .data-view-share a.fb:after {background-image: url(../images/contents/sns_fb.svg);}
.data-view-header .data-view-share a.tw:after {background-image: url(../images/contents/sns_tw.svg);}
.data-view-header .data-view-share a.print:after {background-image: url(../images/contents/ic_print.svg);}

.view-info-items {
    border-bottom: 0.1rem solid var(--line-gray);
    padding: 1.6rem 2.6rem;
    display: flex;
    flex-wrap: wrap;
}

.view-info-items ul {
    display: flex;
    flex-wrap: wrap;
}

.view-info-items li {
    padding: 0.4rem;
    position: relative;
    margin-right: 3.2rem;
}

.view-info-items li:after {
    display: block;
    content: '';
    position: absolute;
    right: -1.6rem;
    top: 50%;
    margin-top: -0.6rem;
    width: 0.1rem;
    height: 1.2rem;
    background-color: var(--line-gray);
}

.view-info-items li:last-child {
    margin-right: 0;
}

.view-info-items li:last-child:after {
    display: none;
}

.view-info-items .label {
    font-weight: 500;
    color: var(--gray-90);
    margin-right: 1.6rem;
}

.view-info-items .info-add+.info-base {
    margin-left: auto;
}

.view-info-table table {
    width: 100%;
}

.view-info-table th,
.view-info-table td {
    padding: 1.6rem 3rem;
    overflow-wrap: break-word;
    border-bottom: 0.1rem solid var(--line-gray);
}

.view-info-table th:first-child {
    border-left: none;
}

.view-info-table td:last-child {
    border-right: none;
}

.view-info-table th {
    text-align: left;
    font-weight: 500;
    background-color: var(--bg-gray);
    color: var(--gray-90);
}

.view-info-table td {
    text-align: left;
}

.view-info-items+.view-info-table {
    border-top-width: 0;
}

.data-view-contents {
    padding: 4rem 3rem;
    border-bottom: 0.1rem solid var(--line-gray);
    box-sizing: border-box;
    min-height: 20rem;
}

.data-view-contents img {
    max-width: 100%;
    height: auto;
}

.data-view-link {
    border-bottom: 0.1rem solid var(--line-gray);
    display: flex;
    padding: 1.6rem 2.6rem;
}

.data-view-link .label {
    font-weight: 500;
    color: var(--gray-90);
    padding: 0.4rem;
    margin-right: 2rem;
}

.data-view-link .data {
    padding: 0.4rem;
    flex: 1;
}

.data-view-attachfile {
    border-bottom: 0.1rem solid var(--line-gray);
    display: flex;
    align-items: center;
    background: var(--bg-gray); 
}

.data-view-attachfile .label {
    font-weight: 500;
    color: var(--gray-90);
    margin-right: 2rem;
    padding:0 2rem;

}

.data-view-attachfile .data {
    padding: 1rem .4rem;
    flex: 1;
    background: #fff;
}

.data-view-sibling-list {
    border-top: 0.1rem solid var(--line-gray);
    margin-top: 6rem;
}

.data-view-sibling-list li {
    display: flex;
    border-bottom: 0.1rem solid var(--line-gray);
    padding: 1.6rem 2.6rem;
}

.data-view-sibling-list .label {
    width: 8rem;
    padding: 0.4rem;
    box-sizing: border-box;
}

.data-view-sibling-list .title {
    padding: 0.4rem;
    color: var(--gray-50);
}

.data-view-sibling-list .title a {
    color: var(--gray-90);
}

.data-view-table {
    border-top: 0.1rem solid var(--line-dark);
}

.data-view-table table {
    width: 100%;
}

.data-view-table th,
.data-view-table td {
    border-bottom: 0.1rem solid var(--line-gray);
    padding: 1.6rem;
    line-height: 1.5em;
    overflow-wrap: break-word;
}

.data-view-table th:first-child {
    border-left: none;
}

.data-view-table td:last-child {
    border-right: none;
}

.data-view-table th {
    text-align: center;
    font-weight: 500;
    background-color: var(--bg-gray);
    color: var(--gray-90);
}

.data-view-table td {
    text-align: left;
}

.register-tel .label {
    position: absolute;
    left: -9999rem;
}

.prev-next-list {
    border-top: 0.1rem solid var(--line-gray);
    display: flex;
    flex-wrap: wrap;
}

.prev-next-list dt {
    width: 15%;
    padding: 1.6rem 2.4rem;
    box-sizing: border-box;
    flex-shrink: 0;
    border-bottom: 0.1rem solid var(--line-gray);
    text-align: center;
    font-weight: 500;
    color: var(--gray-90);
}

.prev-next-list dd {
    width: 85%;
    padding: 1.6rem 2.4rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid var(--line-gray);
}

.prev-next-list dd a {
    color: var(--gray-90);
}

.view-attachfile-list .item-file {
    padding: 0 0 0 2.8rem;
    background: url(../images/common/ic_file.svg) 0 0 no-repeat;
    display: block;
    color:#222;
}

.view-attachfile-list .item-file:last-child {
    margin-bottom: 0;
}


.view-attachfile-list .item-file.ai {background-image: url(../images/common/i_file_ai.svg);}
.view-attachfile-list .item-file.csv {background-image: url(../images/common/i_file_csv.svg);}
.view-attachfile-list .item-file.docx {background-image: url(../images/common/i_file_docx.svg);}
.view-attachfile-list .item-file.hwp {background-image: url(../images/common/i_file_hwp.svg);}
.view-attachfile-list .item-file.jpg {background-image: url(../images/common/i_file_jpg.svg);}
.view-attachfile-list .item-file.pdf {background-image: url(../images/common/i_file_pdf.svg);}
.view-attachfile-list .item-file.ppt {background-image: url(../images/common/i_file_ppt.svg);}
.view-attachfile-list .item-file.txt {background-image: url(../images/common/i_file_txt.svg);}
.view-attachfile-list .item-file.xlsx {background-image: url(../images/common/i_file_xlsx.svg);}
.view-attachfile-list .item-file.zip {background-image: url(../images/common/i_file_zip.svg);}
.view-attachfile-list .item-file.etc {background-image: url(../images/common/i_file_etc.svg);}

.view-attachfile-list{}
.view-attachfile-list .file-item{display:flex;align-items: center;}
.view-attachfile-list .file-item + .file-item {margin-top:1rem}
.view-attachfile-list .file-item .file-action{margin-left:auto; display:flex;}
.view-attachfile-list .file-item .file-action a{display:inline-flex; justify-content:center; align-items: center ;height:3.6rem; box-sizing:border-box; border:0.1rem solid var(--primary); color:var(--primary); padding:0 0.8rem; border-radius:0.5rem; font-size:1.5rem; font-weight:500;}
.view-attachfile-list .file-item .file-action a + a{margin-left:0.4rem;}
.view-attachfile-list .file-item .file-action .btn-file-down:after{display:inline-block;content:'';width:1.4rem;height:1.4rem; margin-left:0.4rem; background:url(../images/common/ic_down_attachfile.svg) center no-repeat;}
.view-attachfile-list .file-item .file-action .btn-file-preview:after{display:inline-block;content:'';width:1.4rem;height:1.4rem; margin-left:0.4rem; background:url(../images/common/ic_preview_attachfile.svg) center no-repeat;}
.view-attachfile-list .file-item > label{flex-shrink: 0; margin-right:1rem; align-items: flex-start;}

/* board regist */
.data-regist table {
    width: 100%;
    border-top: 0.1rem solid var(--line-dark);
}

.data-regist th,
.data-regist td {
    position: relative;
    padding: 1.2rem 2.4rem;
    border-bottom: 0.1rem solid var(--line-gray);
    text-align: left;
    height: 6.2rem;
}

.data-regist th {
    text-align: left;
    font-weight: 500;
    background-color: var(--bg-blue);
    color: var(--gray-90);
}

.data-regist th .required-mark {
    margin-left: 0.4rem;
}

.data-regist td input {
    max-width: 100%;
}

.data-regist .regist-contents textarea {
    vertical-align: top;
    width: 100%;
    height: 40rem;
}

.required-mark {
    color: var(--point-60);
    font-weight: 700;
}

.required-guide {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
}

.inp-guide {
    font-size: 1.5rem;
    line-height: 1.5;
}

.inp-guide.before {
    margin-bottom: 0.8rem;
}

.inp-guide.after {
    margin-top: 0.8rem;
}

.saved-file {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.saved-file .file-name {
    margin-right: 1rem;
    background: url(../images/common/ic_file.svg) left top no-repeat;
    padding-left: 2rem;
    line-height: 2rem;
}

.saved-file .btn-delete {
    width: 2rem;
    height: 2rem;
    background: var(--bg-gray) url(../images/common/ic_delete.svg) center no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999rem;
    border-radius: 50%;
}

/* modal */
.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 100;
}

.modal.dim {
    background-color: rgba(0, 0, 0, 0.3);
}

.modalWrap {
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.1);
    min-width: 32rem;
    border-radius: 1rem;
}

.modalWrap .modal-header {
    height: 5rem;
    padding: 0 3rem;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 0.1rem solid var(--bg-gray);
}

.modalWrap .modal-title h3 {
    font-size: 1.9rem;
    color: var(--gray-90);
}

.modalWrap .modal-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 5rem;
    height: 5rem;
    background: url(../images/common/ic_modal_close.svg) center center no-repeat;
    text-align: left;
    text-indent: -9999rem;
    overflow: hidden;
}

.modalWrap .modal-body {
    padding: 2.4rem;
    min-height: 6rem;
    overflow-y: auto;
}

.modalWrap .modal-body.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalWrap .modal-action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.4rem 2rem 2.4rem;
}

.modalWrap .modal-action .btn+.btn {
    margin-left: 0.4rem;
}

.modal.active {
    display: flex;
}

.alert-msg {
    text-align: center;
}

/* accordion */
.accWrap .accDetail {
    display: none;
}

.accWrap .accItem.active .accDetail {
    display: block;
}

/* 서비스중단 */
.not-service-notice {
    text-align: center;
}

.not-service-notice .inner:before {
    display: block;
    content: '';
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    background-color: var(--bg-gray);
    margin: 0 auto 2.4rem auto;
    background: url(/images/common/not_img.png) center / cover no-repeat;
}

.not-service-notice .notice-title {
    font-size: 2.8rem;
    color: var(--primary);
    display: block;
    margin-bottom: 2.4rem;
}

.not-service-notice .notice-txt {
    font-size: 1.6rem;
}

.not-service-notice .notice-txt .time {
    font-size: 1.8rem;
    font-weight: 700;
}

/* 공지팝업 */
.main-noticePop {
    position: fixed;
    left: 4rem;
    top: 4rem;
    z-index: 9999;
    display: none;
    max-width: calc(100vw - 8rem);
    min-width: 30rem;
}

.noticePop-wrap {
    background-color: #fff;
    max-height: calc(100vh - 8rem);
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.2);
    border-radius: 1.2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.noticePop-wrap .pop-header {
    background-color: var(--gray-10);
    height: 4.8rem;
    padding: 0 2.4rem;
    flex-shrink: 0;
}

.noticePop-wrap .pop-header .pop-title {
    color: var(--gray-90);
    font-size: 1.7rem;
    line-height: 4.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noticePop-wrap .pop-container {
    padding: 2.4rem;
    overflow-y: auto;
    flex-grow: 1
}

.noticePop-wrap .pop-container img {
    max-width: 100%;
}

.noticePop-wrap .pop-footer {
    height: 3.6rem;
    border-top: 0.1rem solid var(--line);
    padding: 0 2.4rem;
    font-size: 1.5rem;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.noticePop-wrap .pop-footer .checkbox {
    padding-left: 0;
    margin-right: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noticePop-wrap .btn-noticePop-close {
    height: 3.6rem;
    text-align: left;
    background: url(../images/common/i_pop_close.svg) left center / 1.2rem auto no-repeat;
    padding-left: 1.8rem;
    font-size: 1.5rem;
    margin-left: auto;
}

.main-noticePop:nth-of-type(2) {
    max-width: calc(100vw - 12rem);
}

.main-noticePop:nth-of-type(3) {
    max-width: calc(100vw - 16rem);
}

.main-noticePop:nth-of-type(4) {
    max-width: calc(100vw - 20rem);
}

.main-noticePop:nth-of-type(5) {
    max-width: calc(100vw - 24rem);
}

@media all and (max-width:600px) {
	.data-view-header {padding:1rem 1.6rem;}
	.data-view-header.wrap .view-title {font-size:2rem}
	.data-view-header .view-title {font-size:2rem}
	.view-info-items {padding:1rem 1.6rem;}
	.data-view-link {padding:1rem 0;}
	.data-view-link .data {font-size:1.4rem;word-break: break-all;}
	.view-info-table th, .view-info-table td {padding:1rem;font-size:1.4rem}
    .main-noticePop {
        left: 1.6rem !important;
        top: 1.6rem !important;
        max-width: calc(100vw - 3.2rem) !important;
        min-width: 0;
    }

    .noticePop-wrap .pop-header {
        padding: 0 1.6rem;
    }

    .noticePop-wrap .pop-container {
        padding: 1.6rem;
    }

    .noticePop-wrap .pop-footer {
        padding: 0 1.6rem;
        font-size: 1.4rem;
    }
    .data-view-attachfile {
    	padding:1.6rem 0rem;
    	background:#fff;
    }
    .view-attachfile-list .file-item {
    	flex-wrap:wrap;
    	margin-bottom:1rem;
    }
    .data-view-attachfile .label {display:none}
    .view-attachfile-list .file-item .file-action {margin-top:1rem}
}

/*그래프 폰트*/
.chart-box svg {
    width: 100%;
}

.chart-box.two-circle svg.sbchart-chart-svg {
    width: 55rem;
    height: 55rem;
}

.chart-box text {
    font-size: 1.4rem;
    font-family: var(--font-base);
}

.data-unit-wrap {
    display: flex;
}

/* 카드뉴스 검색폼 */
/* 검색폼 */
.data-search-wrap{border-radius:2rem; background-color:#f9f9f9; border:0.1rem solid #e4e4e4; padding:2rem; margin-bottom:2rem;}
.data-search-wrap.top-mg{margin-top:4rem;}

.data-search-form{display:flex; align-items:center; justify-content:center; margin:0 auto; width:100%; max-width:74rem;}
.data-search-form .data-search-input{border:0.1rem solid var(--line-gray); display:flex; align-items:center; height:4.6rem; border-radius:2.3rem; box-sizing:border-box; position:relative; width:100%;}
.data-search-form .data-search-input .keyword-opt{display:block; width:12rem; height:100%; flex-shrink:0; box-sizing:border-box; padding-right:0.1rem; position:relative; }
.data-search-form .data-search-input .keyword-opt:after{display:block; content:''; width:0.1rem; height:2rem; background-color:var(--line); position:absolute; right:0; top:50%; margin-top:-1rem;}
.data-search-form .data-search-input .keyword-opt select{height:100%; border:none; width:100%; padding-left: 2rem;}
.data-search-form .data-search-input .keyword-opt:first-child select{border-radius: 2.3rem 0 0 2.3rem;}
.data-search-form .data-search-input .keyword{height:100%; width:100%; border:none; padding:0 0 0 2rem;}
.data-search-form .data-search-input .keyword:first-child{border-radius: 2.3rem 0 0 2.3rem;}
.data-search-form .data-search-input .keyword-opt.full{flex:1; padding:0;}
.data-search-form .data-search-input .keyword-opt.full:after{display:none;}
.data-search-form .data-search-input .select-opt{height:100%; width:100%; border:none; padding-left:2rem; border-radius:2.3rem 0 0 2.3rem;}

.data-search-form .data-search-opt{display:flex; align-items:center; flex-shrink:0;}
.data-search-form .data-search-opt .opt{padding-right:1rem;}
.data-search-form .data-search-opt .opt select{border-radius:2.3rem; min-width:15.4rem; padding-left:2rem;}
.data-search-form .data-search-opt .input-period{max-width:100%;}
.data-search-form .data-search-opt .useDatepicker{border-radius:2.3rem;}

.data-search-wrap .data-search-option{display:flex; align-items:center; justify-content: center; margin:0 auto 2rem auto; width:100%; max-width:74rem;}
.data-search-wrap .data-search-option .opt-item{display:flex; align-items:center; margin-right:2rem;}
.data-search-wrap .data-search-option .opt-item-label{padding:0 1.2rem; font-weight:600; flex-shrink:0;}

.data-search-form .btn-search{width:12rem; height:100%; border-radius:2.3rem; background:var(--gray-70) url(../images/common/i_search_w.svg) 2.8rem center no-repeat; color:#fff; font-size:1.7rem; font-weight:600; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; box-sizing:border-box; padding-left:4.6rem;}
.data-search-form .btn-search:hover{background:#4a4a4a url(../images/common/i_search_w.svg) 2.8rem center no-repeat;}

.data-search-wrap .keyword-guide{font-size:1.4rem;}
.data-search-wrap .data-search-guide{margin:0 auto; width:100%; max-width:74rem; padding-top:0.8rem;}
.data-search-wrap .data-search-guide .keyword-guide{padding-left:2rem;}

.data-list-top{display:flex; flex-wrap:wrap; align-items:flex-end;}
.data-list-top .a-left{margin-bottom:1rem; margin-right:1rem;}
.data-list-top .a-right{margin-left:auto;}
.data-list-top .list-acount{margin-bottom:1rem;}
.data-list-top .data-search,
.data-list-top .data-filter,
.data-list-top .data-sort{margin-left:auto;}
.data-list-top .data-link-group {margin-left:.8rem}
.data-list-top .data-link-group .txt-link {text-decoration:none;margin-left:.6rem;color: var(--gray-90);}
.data-list-top .data-link-group .txt-link.active {text-decoration:underline}
.data-list-top .data-sel-group {display: flex;gap: 2rem;margin-right: 2rem;}
.data-sort{display:inline-flex; align-items:center; margin-bottom:1.2rem;}
.data-sort > *{margin-right:0.4rem;}
.data-sort > *:last-child{margin-right:0;}


.gallery-list{border-top:0.1rem solid var(--line-dark); border-bottom:0.1rem solid var(--line-gray); padding:2rem 0;}
.gallery-list ul{display:flex; flex-wrap:wrap; margin:-2rem -1rem;}
.gallery-list li{width:calc(25% - 2rem); margin:2rem 1rem;}
.gallery-list a{display:block; height:100%; display:flex; flex-direction:column;}
.gallery-list .thumb{aspect-ratio: 256/190; overflow:hidden; text-align:center;}
.gallery-list .thumb.no-img{background:var(--bg-gray) url(../images/common/ic_noThumb_photo.svg) center no-repeat; border-radius:1.5rem; text-align:left; text-indent:-9999rem;}
.gallery-list .thumb img{border-radius:1.5rem; width:100%; height:100%; object-fit: cover;}
.gallery-list .info{padding:1rem 0; text-align:left; display:flex; flex-direction:column; flex:1;}
.gallery-list .info .title{font-size:1.7rem; color:var(--gray-90); font-weight:500; width:100%; margin-bottom:1rem;}
.gallery-list .info .date{font-size:1.5rem; color:var(--gray-50); margin-top:auto;}
.gallery-list .info .hit{font-size:1.5rem; color:var(--gray-50); margin-top:1rem; margin-left:auto; position:relative; padding-left:2.8rem; min-height:2rem;}
.gallery-list .info .hit:before{display:inline-block; content:''; width:2rem; height:2rem; background:url(../images/common/ic_hits.svg) center no-repeat; position:absolute;left:0;top:50%; margin-top:-1rem;}
.gallery-list .info .label{position:absolute; margin:-0.1rem; width:0.1rem; height:0.1rem; overflow:hidden;}
.gallery-list .no-data{width:100% !important; margin:2rem 0; text-align:center;}

.gallery-list.publication .thumb{aspect-ratio: 256/304;}
.gallery-list.cardNews .thumb{aspect-ratio: 1/1;}

.gallery-list.newsletter li{width:calc(100% / 3 - 2rem);}
.gallery-list.newsletter .thumb{aspect-ratio: 220/260;}

/* 반응형------------------------------------------------------------------------ */

@media all and (max-width: 1320px) {
	.data-view-header.wrap .view-title {width: 100%;}
	
    .chart-box.two-circle svg.sbchart-chart-svg {
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width: 1024px) {
    .tab-base .tabNav {
        margin: -0.4rem;
        margin-bottom: 3.4rem;
        border: none;
    }

    .tab-base .tabNav li {
        margin: 0.4rem 0;
        width: calc(100% / 3);
        box-sizing: border-box;
        flex: 0 0 auto;
        border-bottom: 0.1rem solid var(--line-gray);
    }

    .tab-base .tabNav a {
        padding: 1.2rem;
    }

    .data-view .view-info th,
    .data-view .view-info td {
        padding: 1.6rem;
        line-height: 1.5;
        font-size: 1.4rem;
        overflow-wrap: break-word;
    }

    .data-view .view-contents {
        padding: 2.4rem 1.6rem;
    }

    .inp-group-controls {
        display: flex;
    }

    .inp-group-clear {
        display: flex;
    }

    .inp-group-search {
        display: flex;
    }

    [class*="charLength"] {
        width: 100%;
    }

    .con-wrap+.con-wrap {
        margin-top: 6rem;
    }

    .con-box {
        padding: 2.4rem 1.6rem;
    }

    .con-box .box-title {
        font-size: 1.7rem;
    }

    .con-table th,
    .con-table td {
        padding: 1.6rem 1.2rem;
        font-size: 1.5rem;
    }

    .con-table.type-row th,
    .con-table.type-row td {
        padding: 2.4rem 1.2rem;
    }

    .con-bottom.flex .end {
        margin: 1.2rem 0 0 0;
    }

    .con-title {
        font-size: 2rem;
        margin: 2.4rem 0 1.6rem;
    }

    /* board */
    .data-list-top {
        flex-wrap: wrap;
    }

    .data-list-top .list-search {
        width: 100%;
        margin: 1.2rem 0 0 0;
    }

    .data-list.m-data-list table {
        display: block;
    }

    .data-list.m-data-list colgroup {
        display: none;
    }

    .data-list.m-data-list thead {
        display: none;
    }

    .data-list.m-data-list tbody,
    .data-list.m-data-list tr,
    .data-list.m-data-list th,
    .data-list.m-data-list td {
        display: block;
        height: auto;
        padding: 0;
        border: none;
    }

    .data-list.m-data-list tr {
        display: flex;
        flex-wrap: wrap;
        padding: 2.4rem 0;
        border-bottom: 0.1rem solid var(--line-gray);
    }

    .data-list.m-data-list .no {
        display: none;
    }

    .data-list.m-data-list .title {
        width: 100%;
        font-weight: 700;
        margin-bottom: 1.2rem;
        font-size: 1.7rem;
    }

    .data-list.m-data-list .title a {
        white-space: normal;
    }

    .data-list.m-data-list .title~td {
        position: relative;
        margin-right: 1.6rem;
    }

    .data-list.m-data-list .hit:before {
        display: inline-block;
        content: "";
        content: "조회수";
        margin-right: 0.4rem;
    }

    .data-list.m-data-list .data-none {
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10rem;
        padding: 1.6rem;
    }

    .data-list.m-data-list td[data-label]:before {
        content: attr(data-label);
        margin-right: 0.4rem;
        color: var(--gray-50);
        font-size: 1.4rem;
    }

    .m-data-list.in-labels tbody td {
        position: relative;
    }

    .m-data-list.in-labels tbody td {
        width: 100%;
        padding-left: 10rem;
        margin: 0.4rem 0;
        min-height: 2.5rem;
        box-sizing: border-box;
        text-align: left;
    }

    .m-data-list.in-labels .td-label {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.4rem;
        font-weight: normal;
    }

    .m-data-list.in-labels .title {
        margin: 0.4rem 0;
    }

    .m-data-list.in-labels .title .td-label {
        padding: 0.2rem 0 0 0;
    }

    .m-data-list.in-labels .hit:before {
        display: none;
    }

    .data-view .view-info {
        display: block;
    }

    .data-view .view-info colgroup {
        display: none;
    }

    .data-view .view-info thead {
        display: none;
    }

    .data-view .view-info tbody,
    .data-view .view-info tr,
    .data-view .view-info th,
    .data-view .view-info td {
        display: block;
        height: auto;
        padding: 0;
    }

    .data-view .view-info tr {
        display: flex;
        flex-wrap: wrap;
    }

    .data-view .view-info th {
        padding: 0.8rem 1.2rem 0.8rem 1.6rem;
        text-align: left;
        width: 8rem;
        font-size: 1.4rem;
    }

    .data-view .view-info td {
        padding: 0.8rem 1.6rem;
        width: calc(100% - 8rem);
    }

    .data-view .view-contents {
        padding: 3rem 1.6rem;
    }

    .prev-next-list {
        border-top: 0.1rem solid var(--line-gray);
        display: flex;
        flex-wrap: wrap;
    }

    .prev-next-list dt {
        width: 8rem;
        padding: 1.6rem;
        text-align: left;
        font-size: 1.4rem;
    }

    .prev-next-list dd {
        width: calc(100% - 8rem);
        padding: 1.6rem 1.6rem 1.6rem 0;
    }
}

@media all and (max-width: 600px) {
    .btn.large {
        padding: 0 1.6rem;
        height: 4rem;
        font-size: 1.5rem;
    }

    .inp-group-email {
        flex-wrap: wrap;
    }

    .inp-group-email input {
        width: calc(50% - 1rem);
        max-width: 100%;
    }

    .inp-group-email .email-domain-opt {
        width: 100%;
        max-width: 100%;
        margin: 0.5rem 0 0 0;
    }

    .data-list-top .list-search .inp-item {
        width: 100%;
    }

    .data-list-top .list-search .inp-item select {
        width: 100%;
    }

    .list-search>*+* {
        margin: 0.5rem 0 0 0;
        width: 100%;
    }

    .data-regist table {
        display: block;
        padding: 2rem 1rem;
        border-bottom: 0.1rem solid var(--line-gray);
    }

    .data-regist colgroup {
        display: none;
    }

    .data-regist thead {
        display: none;
    }

    .data-regist tbody,
    .data-regist tr,
    .data-regist th,
    .data-regist td {
        display: block;
        height: auto;
        padding: 0;
        border: none;
    }

    .data-regist th {
        margin: 1.6rem 0 0.8rem;
        background: none;
    }

    .data-regist tr:first-child th:first-child {
        margin-top: 0;
    }

    .data-regist .regist-contents textarea {
        height: 20rem;
    }
    
    .data-view-attachfile {
    	flex-direction: column;
    }

    .tab-base .tabNav a {
        overflow-wrap: break-word;
        padding-top: 0.5rem;
        font-size: 1.6rem;
        line-height: 1.16;
    }

    .data-list td {
        font-size: 1.5rem;
    }

    .data-list.m-data-list .title {
        font-size: 1.7rem;
    }

    .con-tab.large a {height:7.6rem}
    .con-tab-nav a {font-size:1.4rem;text-align:center;}
}

@media all and (max-width:600px) {
	.con-title {
		flex-direction: column;
		align-items: flex-start;
		gap: .3rem;
	}
	
    .paging a {
        margin: 0 0.1rem;
        font-size: 1.5rem;
    }

    .paging a.num {
        min-width: 3rem;
        height: 3rem;
        margin: 0 0.1rem;
    }
}