@charset "utf-8";

/* COMMON */
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}

.font-size-17 {font-size: 1.7rem;}
.font-size-16 {font-size: 1.6rem;}
.font-size-15 {font-size: 1.5rem;}

a.link {display: inline-flex;align-items: center;gap: 0.4rem;}
a.link:hover, a.link:focus {color: var(--krds-light-color-link-hover);text-decoration: underline;}
a.link.hyper {display: inline;color: var(--krds-light-color-link-default);}
a.link.hyper .svg-icon {width: 18px;height: 18px;background-color: var(--krds-light-color-icon-primary);vertical-align: middle;}
a.link.underline {text-decoration: underline;}

/* 버튼 tertiary 배경색 추가 */
.krds-btn.tertiary {background-color: #ffffff;}

.ellipsis {display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.is-gnb-web.hasScrollY #krds-masthead,
.is-gnb-web.hasScrollY #krds-header .header-container,
.is-gnb-web.hasScrollY #krds-header .krds-main-menu,
.is-gnb-web.hasScrollY #krds-header .gnb-toggle-wrap,
.is-gnb-web.hasScrollY .wrap,
.is-gnb-web.hasScrollY #krds-footer {padding-right: 0.8rem;}

/* 스크롤바 수정 */
* {-webkit-overflow-scrolling: touch;overscroll-behavior: contain;}
*::-webkit-scrollbar {width: 8px;height: 8px;background-color: #EEF2F7;}
*::-webkit-scrollbar-thumb {background-color: #D6E0EB;border-radius: var(--krds-radius-xsmall2);}




/* LAYOUT
------------------------------------------------------ */
#wrap {display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;height: 100%;min-height: 100%;}
.wrap {padding-bottom: 6.4rem;}
.wrap .in-between {display: flex;align-items: normal;justify-content: flex-start;flex-direction: row;gap: var(--krds-gap-11);}
.wrap .in-between .krds-side-navigation {flex-shrink: 0;width: 212px;}
.wrap .in-between #contents {width: calc(100% - 276px);padding-bottom: var(--krds-gap-12);}
#collaboMap #wrap {display: block;height: 100%;}
#collaboMap #wrap[class*=scroll] #krds-header:not(.sample),
#collaboMap #wrap[class*=scroll] #krds-header:not(.sample) .header-in,
#collaboMap #wrap.scroll-up #krds-header:not(.sample) .header-in {position: unset;border-bottom: 0;}
#collaboMap #krds-header {position: relative;}
#collaboMap #krds-header .header-in {transform: none;}
#collaboMap .wrap {position: relative;/*height: 100%;*/padding-bottom: 0;}
#collaboMap .krds-breadcrumb-wrap {margin-bottom: 1.6rem;}
@media (max-width: 1023px) {
    #AIsearch .wrap {height: calc(100% - 104px);}
}
@media (max-width: 1023px) {
    .wrap .in-between {display: block;}
    .wrap .in-between .krds-side-navigation {display: none;}
    .wrap .in-between #contents {width: 100%;}
}
@media (max-width: 767px) {
    .wrap {padding-bottom: 4rem;}
}


/* LOADER */
@keyframes loader{
    100%{transform: rotate(1turn)}
}
.loader {display: flex;justify-content: center;align-items: center;width: 50px;aspect-ratio: 1;border-radius: 50%;background:radial-gradient(farthest-side,#256EF4 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#256EF4);-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation: loader 1s infinite linear;}
.loader.small {display: inline-flex;width: 20px;background:radial-gradient(farthest-side,#256EF4 94%,#0000) top/5px 5px no-repeat,conic-gradient(#0000 30%,#256EF4);-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);}
.krds-spinner.left {justify-content: flex-start;}
.krds-spinner.right {justify-content: flex-end;}
.krds-spinner.medium::before {width: 3rem;height: 3rem;border-width: 0.3rem;}
.krds-spinner.large::before {width: 5rem;height: 5rem;border-width: 0.6rem;}


/* MASTHEAD */
@media (max-width: 767px) {
    #krds-masthead .toggle-head .inner {padding-right: 0;}
}


/* HEADER */
#krds-header .header-in {z-index: 1;}
#krds-header .header-container .inner {padding-top: 1.2rem;padding-bottom: 1.2rem;}
#krds-header .header-container .header-branding {justify-content: space-between;}
#krds-header .header-container .header-branding .header-right {position: relative;}
#krds-header .header-container .logo {width: 22.4rem;}
#krds-header .header-container .logo a {background-image: url("../../img/logo.svg");}
#krds-header .header-container .btn-navi {font-size: 1.6rem;font-weight: 600;}
#krds-header .header-container .btn-navi.logout::before {-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_logout.svg");mask-image: url("../../img/component/icon/ico_logout.svg");}
.all-menu-btn {position: absolute;bottom: -59px;right: 0;width: 36px;height: 36px;padding: 0;background: url("../../img/ico_list.svg") no-repeat center;z-index: 1;}
#wrap[class*=scroll] #krds-header:not(.sample) .header-in {border-bottom: 0;}

#krds-header .header-container .header-utility {flex-direction: column;align-items: flex-end;margin-bottom: 0.8rem;}

#mobile-nav .gnb-utils ul li .btn-navi {display: flex;align-items: center;gap: 0.4rem;}
#mobile-nav .gnb-utils ul li .btn-navi::before {content: "";display: inline-flex;width: 2rem;height: 2rem;background-color: var(--krds-light-color-icon-gray);forced-color-adjust: none;}
#mobile-nav .gnb-utils ul li .btn-navi.join::before {-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_join.svg");mask-image: url("../../img/component/icon/ico_join.svg");}
#mobile-nav .gnb-utils ul li .btn-navi.home::before {-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_bread_home.svg");mask-image: url("../../img/component/icon/ico_bread_home.svg");}
#mobile-nav .gnb-utils ul li .btn-navi.global::before {-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_global.svg");mask-image: url("../../img/component/icon/ico_global.svg");}
#mobile-nav .gnb-utils ul li .btn-navi.myPage::before {-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_join.svg");mask-image: url("../../img/component/icon/ico_join.svg");}
.krds-main-menu-mobile .gnb-wrap .gnb-header {padding: var(--krds-padding-6)}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {width: 14rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger {min-height: 6.4rem;height: auto;padding: 1rem 2.4rem;}

@media (max-width: 1279px) {
    #krds-header .header-container .logo {width: 16.7rem;}
}
@media (max-width: 1023px) {
    #krds-header .header-container .logo {width: 14rem;}
    #krds-header .inner {height: 7.2rem;}
    #krds-header .header-container .inner {justify-content: center;padding-bottom: var(--krds-gap-3);}
    #krds-header .header-container .header-actions {display: inline-flex;}
    .all-menu-btn {display: none;}
}
@media (max-width: 360px) {
    #krds-header .header-container .btn-navi {font-size: 1.3rem;padding: 0.4rem 0.8rem 0;}
}


/* HEADER UTIL */


/* GNB */
.krds-main-menu .gnb-menu {gap: var(--krds-gap-7);}
.krds-main-menu .gnb-menu .gnb-main-trigger {height: 56px;}
.krds-main-menu .gnb-menu .gnb-main-trigger.selected {color: var(--krds-color-light-primary-60);;}
.krds-main-menu .gnb-menu .gnb-main-trigger.selected::before {width: 100%;left: 0;bottom: 0;background-color: var(--krds-color-light-primary-50);}
@media (max-width: 1279px) {
    .krds-main-menu .gnb-menu {gap: var(--krds-gap-3);}
    .krds-main-menu .gnb-menu .gnb-main-trigger {
        --krds-main-menu--main-trigger-padding-x: var(--krds-padding-5);
    }
}

.krds-main-menu .gnb-toggle-wrap {background: url("../../img/sub_bg.png") no-repeat center;background-size: cover;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list {max-width: 1440px;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content {flex-direction: row;padding-top: var(--krds-padding-9);padding-bottom: var(--krds-padding-9);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title {width: 26rem;font-size: 3.6rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul {grid-row-gap: var(--krds-gap-7);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button {justify-content: space-between;align-items: center;width: 24rem;padding: 1.5rem var(--krds-padding-7);font-size: var(--krds-pc-font-size-label-medium);background-color: #ffffff;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {display: none;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::after {content: "";display: flex;width: 20px;height: 20px;background-color: #33363D;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;-webkit-mask-image: url("../../img/component/icon/ico_angle.svg");mask-image: url("../../img/component/icon/ico_angle.svg");transform: rotate(-90deg);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:hover,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {background-color: #063A74;color: #ffffff;font-weight: 700;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active {background-color: #256EF4;color: #ffffff;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:hover::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.active::after,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button.active::after {background-color: #ffffff;}
.krds-main-menu .gnb-menu .gnb-main-trigger.active {color: var(--krds-light-color-text-secondary);}

.gnb-backdrop.active {opacity: 0;visibility: hidden;}


/* BREADCRUMB */



/* FOOTER */
#krds-footer .foot-quick .inner > div {flex: 1;position: relative;}
#krds-footer .foot-quick .inner > div:last-child .link {border-right: 1px solid var(--krds-light-color-border-gray-light);}
#krds-footer .foot-quick .inner .link {width: 100%;}
#krds-footer .foot-quick .inner .link:first-child {border-right: 0;}
#krds-footer .foot-quick .site-link-list {position: absolute;left: 0;bottom: 55px;width: 100%;max-height: 0;background-color: #ffffff;border: 0;overflow-y: auto;}
#krds-footer .foot-quick .site-link-list.active {max-height: 30rem;border: 1px solid #ddd;}
#krds-footer .foot-quick .site-link-list li {margin: 0.4rem 0;}
#krds-footer .foot-quick .site-link-list li:first-child {margin-top: 0.8rem;}
#krds-footer .foot-quick .site-link-list li:last-child {margin-bottom: 0.8rem;}
#krds-footer .foot-quick .site-link-list li a {display: block;padding: 0.4rem 0.8rem;}
#krds-footer .foot-quick .site-link-list li a:hover {background-color: var(--krds-light-color-action-secondary-selected);text-decoration: underline;}

#krds-footer .f-logo {width: 22.4rem;background-image: url("../../img/logo.svg");}
#krds-footer .f-cnt {font-size: 1.6rem;}
#krds-footer .f-cnt .f-link {width: 33%;}
#krds-footer .f-cnt .f-link .link-go .krds-btn.text {font-weight: 500;font-size: 1.6rem;}
#krds-footer .f-btm .f-btm-text {padding: 0 2.4rem;}
#krds-footer .f-btm .f-btm-text .f-menu a {font-size: 1.5rem;}
#krds-footer .f-btm .f-btm-text .f-menu a.point {color: var(--krds-color-light-secondary-80);font-weight: 700;}

.krds-identifier .logo {width: 8.8rem;background-image: url("../../img/ico_identifier_logo.svg");}
@media (max-width: 1023px) {
    #krds-footer > .inner {gap: var(--krds-gap-7);padding: var(--krds-padding-8) var(--krds-padding-6);}
    #krds-footer .f-logo {width: 13.4rem;}
    #krds-footer .f-btm {gap: 2.4rem;}
    #krds-footer .f-btm .f-btm-text {flex-direction: column;align-items: flex-start;width: 100%;padding: 0;gap: var(--krds-gap-6);}
}
@media (max-width: 767px) {
    #krds-footer .foot-quick .inner .link:first-child {border-bottom: 1px solid var(--krds-light-color-border-gray-light);}
    #krds-footer .foot-quick .inner > div:last-child .link {border-bottom: 0; border-right: 0;}
    #krds-footer .f-cnt .f-link {width: 100%;}
}



/* 상단으로 이동 버튼 */
.page-top-button {position: fixed;right: 4rem;bottom: 6.4rem;display: flex;align-items: center;justify-content: center;width: 6rem;height: 6rem;background-color: var(--krds-light-color-action-white);border-radius: 0.8rem;z-index: 1;visibility: hidden;opacity: 0;}
.page-top-button:hover,
.page-top-button:focus {background-color: var(--krds-color-light-secondary-80);}
.page-top-button.active {z-index: 60;visibility: visible;opacity: 1;}
.page-top-button .svg-icon {width: 4rem;height: 4rem;}
.page-top-button:hover .svg-icon,
.page-top-button:focus .svg-icon {background-color: #ffffff;}



/* In Page Navigation */
.krds-in-page-navigation-type .krds-in-page-navigation-area {right: calc((100% - 1024px) / 2 - (var(--krds-in-page-navigation--width) - var(--krds-contents-padding-x) + var(--krds-pc-gap-layout-contents-right)));}
@media (max-width: 1440px) {
    .krds-in-page-navigation-type .krds-in-page-navigation-area {right: var(--krds-contents-padding-x);}
}


/* 파일데이터 상세 */
.contents.data {width: 1180px;}
@media (max-width: 1440px) {
    .contents.data {width: calc(100% - 20rem);}
}
@media (max-width: 767px) {
    .contents.data {width: 100%;}
}


/* 에러페이지 */
.wrap.err .inner {display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: 100vh;padding-top: 0;padding-bottom: 0;}
.error-box {text-align: center;}
.error-box .heading-error {display: flex;flex-direction: column;align-items: center;gap: 4.8rem;font-size: var(--krds-pc-font-size-heading-xlarge);padding-bottom: 2rem;text-wrap-style: balance;}
.error-box .heading-error::before {content: "";display: flex;width: 332px;height: 160px;background: url("../../img/img_error.png") no-repeat center;background-size: contain;}
.error-box p {font-size: var(--krds-pc-font-size-body-large);text-wrap-style: balance;}
.error-box .btn-group {margin-top: 6.4rem;}
@media (max-width: 767px) {
    .error-box .heading-error {gap: 3.2rem;font-size: var(--krds-mobile-font-size-heading-xlarge);}
    .error-box .heading-error::before {width: 240px;height: 115px;}
    .error-box p {font-size: var(--krds-mobile-font-size-body-large);}
    .error-box .btn-group {margin-top: 4rem;}
    .error-box .btn-group.m-column {flex-direction: column-reverse;}
}


/* 설문페이지 - survey */
.survey-container {display: flex;flex-direction: column;align-items: center;max-width: 900px;margin: 6.4rem auto 0;padding: 2.4rem;border: 1px solid var(--krds-color-light-gray-20);border-radius: 1.2rem;}
.survey-header {width: 100%;padding-bottom: 2rem;border-bottom: 1px solid #ddd;}
.survey-header h1 {font-size: var(--krds-pc-font-size-heading-medium);}
.survey-progress {display: flex;align-items: center;width: 100%;padding: 1rem 0;}
.survey-progress #surveyStep {flex: 1;height: 8px;appearance: none;}
.survey-progress #surveyStep::-webkit-progress-bar {background-color: #e6e8ea;border-radius: 5px;overflow: hidden;}
.survey-progress #surveyStep::-webkit-progress-value {background: linear-gradient(to right, #3f81fa, #1a57ca);border-radius: 5px;}
.survey-progress .progress-percent {flex-shrink: 0;width: 50px;text-align: right;font-size: 1.5rem;font-weight: 600;}
.survey-step {width: 100%;}
.survey-question-wrap {display: flex;flex-direction: column;gap: 5rem;padding: 2.4rem;}
.survey-extra strong {display: block;font-weight: 600;}
.survey-question {display: flex;flex-direction: column;gap: 1.6rem;}
.survey-question .question-title {display: flex;flex-direction: column;gap: 1rem;width: 100%;}
.survey-question .question-title .tit {font-weight: 600;}
.survey-question.required .question-title {position: relative;}
.survey-question.required .question-title::before {content: "*";position: absolute;top: 0;left: 0; color: #eb003b;}
.survey-question.required .question-title .tit {padding-left: 1.4rem;}
.survey-question .survey-answer-list {display: flex;flex-direction: column;gap: 0.6rem;}
.survey-question .survey-answer-list .survey-answer-item {padding: 0.8rem;border-radius: 0.4rem;}
.survey-question .survey-answer-list .survey-answer-item.selected-item {background-color: #ecf2fe;color: #1b58cb;font-weight: 500;}
.survey-question .survey-answer-list .survey-answer-item:hover,
.survey-question .survey-answer-list .survey-answer-item:focus {background-color: #ecf2fe;}
.survey-question .survey-answer-list .survey-answer-item .answer-input {display: none;padding-left: 2.4rem;padding-top: 0.6rem;}
.survey-btn-wrap {display: flex;justify-content: flex-end;gap: 0.6rem;width: 100%;padding-top: 2.4rem;}
.survey-btn-wrap button:first-child {margin-right: auto;}
.survey-btn-wrap.fixed {position: fixed;bottom: 0;max-width: 900px;padding: 2.4rem;z-index: 100;border-right: 1px solid var(--krds-color-light-gray-20);border-left: 1px solid var(--krds-color-light-gray-20);background-color: #ffffff;}
@media (max-width: 767px) {
    .survey-container {margin: 3rem auto 0;padding: 1.4rem;}
    .survey-header h1 {font-size: var(--krds-mobile-font-size-heading-medium);}
    .survey-question-wrap {padding: 2.4rem 0.6rem;}
}



/* 글쓰기 */
.contents.wrt {width: 976px;margin: 0 auto;padding-bottom: 2.4rem;}
.contents.wrt .fieldset {gap: 4rem;}
.contents.vis {width: 1200px;}
.contents.vis .fieldset .form-group {flex-direction: row;}
.contents.vis .fieldset .form-group .form-tit {width: 18rem;flex-shrink: 0;}
.wrt-section.wrt {width: 976px;margin: 0 auto;padding-bottom: 2.4rem;}
.wrt-container {padding: var(--krds-pc-padding-card-large);margin-top: 2rem;margin-bottom: 4rem;border: 1px solid var(--krds-color-light-gray-20);border-radius: var(--krds-radius-xlarge2);}
.wrt-container .division {display: flex;gap: 8rem;}
.wrt-container .division .left {width: 240px;}
.wrt-container .division .left .title {font-size: var(--krds-pc-font-size-heading-medium);}
.wrt-container .division .right {flex: 1;}
.wrt-container .fieldset {gap: 4rem;}
.wrt-container .fieldset.w70 {width: 70%;}
@media (max-width: 1200px) {
    .contents.vis {width: 100%;}
}
@media (max-width: 1023px) {
    .contents.wrt,
    .wrt-section.wrt {width: 100%;}
    .wrt-container .fieldset.w70 {width: 100%;}
    .wrt-container {padding: var(--krds-mobile-padding-card-large);}
}
@media (max-width: 767px) {
    .contents.wrt .wrt-container {padding: 2rem 0 4rem;border: 0;border-top: 2px solid var(--krds-light-color-border-gray-dark);border-radius: 0;}
    .contents.vis .fieldset .form-group {flex-direction: column;}
    .wrt-section .wrt-container:only-child,
    .wrt-section .wrt-container:last-child {border-bottom: 1px solid var(--krds-color-light-gray-20);}
    .wrt-container .division {flex-direction: column;gap: 2.4rem;}
    .wrt-container .division .left {width: 100%;}
    .wrt-container .division .left .title {font-size: var(--krds-mobile-font-size-heading-medium);}
}

.captcha-wrap {display: flex;flex-direction: column;gap: 2rem;}
.captcha-box {display: flex;gap: 1.4rem;}
.captcha-box .captcha-img {width: 200px;height: 50px;background-color: #ffffff;/*border: 1px solid #222;*/}
.captcha-input-group {display: flex;justify-content: space-between;gap:1.2rem;}
.captcha-input-group .krds-input {width: 255px;}
@media (max-width: 1023px) {
    .captcha-input-group {justify-content: flex-start;}
}
@media (max-width: 767px) {
    .captcha-wrap {gap: var(--krds-padding-6);}
    .captcha-box {align-items: center;}
    .captcha-box .btn-group {flex-direction: column;gap: 0.4rem;}
    .captcha-input-group {flex-direction: column;}
    .captcha-input-group .krds-input {width: 100%;}
    .modal-captcha .captcha-box .captcha-img {width: 264px;height: 66px;}
    .modal-captcha .captcha-box .btn-group {flex-direction: row;gap: 2rem;}
    .modal-captcha .form-conts label,
    .modal-captcha .form-conts .krds-input {width: 264px;}
}


/* 게시글 상세화면 */
.viw-header {display: flex;justify-content: space-between;gap:6.4rem;padding-bottom: 4rem;}
.viw-header .left {display: flex;flex-direction: column;align-items: flex-start;gap: 1.2rem;}
.viw-header .right:has(.krds-btn) {display: flex;align-items: flex-end;}
.viw-header .viw-title {display: flex;align-items: center;gap: 2.4rem;font-size: var(--krds-pc-font-size-heading-large);font-weight: 700;}
.viw-header .viw-title .logo-img {width: 120px;flex-shrink: 0;}
.viw-header ul.viw-etc {display: flex;flex-wrap: wrap;column-gap: var(--krds-padding-6);row-gap: 0.4rem;}
.viw-header ul.viw-etc li {position: relative;font-size: 1.6rem;color: var(--krds-color-light-gray-70);min-width: 0;}
.viw-header ul.viw-etc li::after {content: "";display: inline-block;position: absolute;bottom: 4px;width: 1px;height: 16px;margin-left: 0.8rem;background-color: var(--krds-color-light-gray-20);}
.viw-header ul.viw-etc li:last-child::after {display: none;}
.viw-header ul.viw-etc li:has(.krds-badge)::after {display: none;}
@media (max-width: 1023px) {
    .viw-header .viw-title {font-size: 2.4rem;flex-direction: column;gap: 0.8rem;}
}
@media (max-width: 767px) {
    .viw-header {flex-direction: column;gap: var(--krds-padding-6);}
}

.viw-body {display: flex;flex-direction: column;gap: 4rem;}
.viw-body .viw-box {padding: 4rem 0;font-size: var(--krds-pc-font-size-body-medium);border-top: 1px solid var(--krds-color-high-contrast-gray-30);border-bottom: 1px solid var(--krds-color-high-contrast-gray-30);}
.krds-file-upload.wrt {gap: 1.2rem;padding: 3.2rem;background-color: var(--krds-color-light-gray-5);border-radius: 1.2rem;}
.krds-file-upload .tit {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.krds-file-upload .file-list .upload-list > li {background-color: #ffffff;}
@media (max-width: 767px) {
    .krds-file-upload.wrt {padding: 1.6rem;}
    .krds-file-upload .file-list .upload-list .file-info.m-column {align-items: flex-start;}
}

.comment-wrap {padding-top: 4rem;}
.comment-wrt .comment-cnt {padding-bottom: 1.6rem;}
.comment-box {display: flex;gap: 4rem;padding: 3.2rem;background-color: var(--krds-color-light-gray-5);border-radius: 1.2rem;}
.comment-box .textarea-wrap {width: 472px;}
.comment-box .captcha-wrap {width: 100%;}
.comment-box .captcha-wrap .captcha-box {padding-top: 1.6rem;}
.comment-box.edit {padding: 0;background-color: transparent;}
.comment-box.edit .textarea-wrap {flex-direction: row; flex: 1; width: 100%;}
.comment-box.edit .textarea-wrap > div {width: 100%;}
.comment-box.edit .textarea-wrap textarea.krds-input {height: 65px;}
.comment-list ul li {display: flex;flex-direction: column;gap: 2.4rem;padding: 3.2rem 0;border-bottom: 1px solid var(--krds-color-light-gray-20);}
.comment-list ul li > div {display: flex;align-items: center;gap: 2rem;}
.comment-list ul li > div strong {font-size: var(--krds-pc-font-size-body-large);}
.comment-list ul li > div span {font-size: var(--krds-pc-font-size-body-small);}
.comment-list ul li p {font-size: var(--krds-pc-font-size-body-medium);}
@media (max-width: 1023px) {
    .comment-box {flex-direction: column;gap: 0.8rem;}
    .comment-box .textarea-wrap {width: 100%;}
}
@media (max-width: 767px) {
    .comment-box {padding: 1.6rem}
    .comment-box .captcha-wrap .captcha-box {flex-direction: column;align-items: flex-start;}
    .comment-box .captcha-wrap .captcha-box .btn-group {flex-direction: row;gap: 2.4rem;}
    .comment-box.edit .textarea-wrap {flex-direction: column;}
}

.answer-wrap {margin: 6.4rem 0 4rem;border-bottom: 1px solid var(--krds-light-color-border-gray)}
.answer-wrap .answer-header {display: flex;flex-direction: column;gap: 1.2rem;padding: 2.4rem;background-color: var(--krds-light-color-surface-secondary-subtler);border-radius: 1.2rem;}
.answer-wrap .answer-header .title {font-size: var(--krds-pc-font-size-heading-large);font-weight: 700;color: var(--krds-light-color-text-secondary);}
.answer-wrap .answer-header span {font-size: 1.6rem;}
.answer-wrap .answer-header ul {display: flex;align-items: center;gap: 2.4rem;}
.answer-wrap .answer-header ul li {font-size: 1.6rem;}
.answer-wrap .answer-body {padding: 4rem 0;}
.answer-wrap .answer-footer {padding-bottom: 4rem;}
@media (max-width: 767px) {
    .answer-wrap .answer-header {padding: 1.6rem;}
    .answer-wrap .answer-header .title {font-size: var(--krds-mobile-font-size-heading-large);}
}


/* 전체메뉴 */
.total-menu-layer {display: none;justify-content: center;overflow-y: auto;overscroll-behavior: contain;position: fixed;left: 0;top: 0;right: 0;bottom: 0;padding: 4rem 6.2rem;z-index: 1000;background-color: #ffffff ;}
.total-menu-layer.active {display: flex;}
.total-menu-layer-wrap {position: relative;display: flex;flex-direction: column;justify-content: center;gap: 6.4rem;width: 127rem;height: 100%;}
.total-menu-layer-wrap .total-menu-close-btn {position: absolute;top: 4rem;right: 4rem;}
.total-menu-layer-wrap .total-menu-head {display: flex;align-items: center;justify-content: space-between;}
.total-menu-head .logo {display: block;width: 22.4rem;height: 4.8rem;background-image: url("../../img/logo.svg");background-position: center;background-size: contain;background-repeat: no-repeat;}
.total-menu-layer-wrap .total-menu-wrap {display: flex;flex-direction: column;gap: 5.2rem;}
.total-menu-wrap .total-menu {display: flex;align-items: flex-start;justify-content: space-between;}
.total-menu-wrap .total-menu .item {display: flex;flex-direction: column;gap: 2rem;min-width: 15.6rem;}
.total-menu-wrap .total-menu .item h3 {font-size: var(--krds-pc-font-size-heading-medium);}
.total-menu-wrap .total-menu .item ul li a {height: 4rem;margin-bottom: 0.8rem;}
.total-menu-wrap .total-menu .item ul li a.link:hover,
.total-menu-wrap .total-menu .item ul li a.link:focus {color: var(--krds-light-color-text-primary);text-decoration: none;}
.total-menu-wrap .total-menu .item ul li a .svg-icon {width: 20px;height: 20px;background-color: #ffffff;transition: var(--krds-transition-base);}
.total-menu-wrap .total-menu .item ul li a:hover .svg-icon,
.total-menu-wrap .total-menu .item ul li a:focus .svg-icon {background-color: var(--krds-light-color-icon-primary);}
.total-menu-wrap .menu-etc {display: flex;flex-direction: column;gap: 2.4rem;width: 100%;padding: 3.2rem;background-color: var(--krds-light-color-surface-gray-subtler);border-radius: 1.2rem;}
.total-menu-wrap .menu-etc dl {display: flex;align-items: center;flex-wrap: wrap;gap: 1.6rem;}
.total-menu-wrap .menu-etc dl dt {font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;padding-right: 2.4rem;}
.total-menu-wrap .menu-etc dl dd {font-size: 1.6rem;}
.total-menu-wrap .menu-etc dl a:hover,
.total-menu-wrap .menu-etc dl a:focus {color: var(--krds-light-color-text-primary);text-decoration: none;}
.total-menu-wrap .menu-etc dl a .svg-icon {width: 20px;height: 20px;transition: var(--krds-transition-base);}
.total-menu-wrap .menu-etc dl a:hover .svg-icon,
.total-menu-wrap .menu-etc dl a:focus .svg-icon {background-color: var(--krds-light-color-icon-primary);}
.total-menu-wrap .menu-etc dl a.menu-link .svg-icon {background-color: #F4F5F6;}
.total-menu-wrap .menu-etc dl a.menu-link:hover .svg-icon,
.total-menu-wrap .menu-etc dl a.menu-link:focus .svg-icon {background-color: var(--krds-light-color-icon-primary);}
@media (max-width: 1279px) {
    .total-menu-head .logo {width: 18.4rem;height: 2.8rem;}
    .total-menu-layer-wrap .total-menu-close-btn {top: 2rem;right: 2rem;}
    .total-menu-wrap .total-menu .item h3 {font-size: var(--krds-pc-font-size-heading-small);}
    .total-menu-wrap .menu-etc dl dt {width: 100%;}
}
@media (max-width: 1023px) {
    .total-menu-layer-wrap {justify-content: flex-start;gap: 4rem;}
    .total-menu-layer-wrap .total-menu-close-btn {top: 0;right: 0;}
    .total-menu-head .logo {width: 14rem;height: 2.3rem;}
    .total-menu-wrap .total-menu {flex-direction: column;gap: 2.8rem;}
    .total-menu-wrap .total-menu .item ul {display: flex;flex-wrap: wrap;gap: 0.4rem 2.4rem;}
    .total-menu-wrap .total-menu .item ul li {min-width: 18rem;}
}
@media (max-width: 767px) {
    .total-menu-layer {padding: 2.4rem 1.6rem;}
    .total-menu-wrap .total-menu .item h3 {font-size: var(--krds-mobile-font-size-heading-small);}
    .total-menu-wrap .menu-etc dl dt {font-size: var(--krds-mobile-font-size-heading-xsmall);}
}




/* MODAL
------------------------------------------------------ */
.krds-modal .modal-dialog.modal-xlg {width: 94rem;}
.krds-modal .modal-dialog.modal-xlg2 {width: 112rem;}
.krds-modal .modal-dialog .modal-header {display: flex;flex-direction: column;gap: var(--krds-gap-3);padding-bottom: 2rem;}
.krds-modal .modal-dialog .modal-header .add-tit {font-size: var(--krds-pc-font-size-heading-xxsmall);font-weight: 700}
.krds-modal .modal-dialog .modal-content {overflow: hidden;}
.krds-modal .modal-dialog .modal-conts {padding-top: 0;}
.krds-modal .modal-dialog .modal-conts .wrt-container {margin-bottom: 0;}
.krds-modal .modal-dialog .list-util {padding-bottom: 0;}
.krds-modal .modal-dialog .krds-pagination {padding-bottom: 2rem;}
@media (max-width: 1023px) {
    .krds-modal .modal-dialog.modal-xlg,
    .krds-modal .modal-dialog.modal-xlg2 {width: var(--krds-modal--mobile-width);}
}
@media (max-width: 767px) {
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {padding-bottom: 2rem;}
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {padding-inline: var(--krds-number-9);}
    .krds-modal .modal-dialog .modal-conts .captcha-box {flex-direction: column;align-items: flex-start;}
    .krds-modal .modal-dialog .modal-conts .wrt-container {padding: 2rem 0 4rem;border: 0;border-top: 2px solid var(--krds-light-color-border-gray-dark);border-radius: 0;}
    .krds-modal .krds-table-wrap .tbl {min-width: 100%;}
    .krds-modal .list-util {padding-bottom: 0;}
}

/* guide modal */
.guide-modal.krds-modal .modal-dialog .modal-conts {padding-bottom: 2rem;}
.guide-swiper .swiper-indicator .swiper-navigation {align-items: center;}
.guide-swiper .swiper-indicator .swiper-modal-close {margin-right: auto;min-width: 78px;}

/* 미리보기 modal */
.preview-modal.krds-modal .modal-dialog .modal-conts {overflow: auto;}
.preview-modal.krds-modal .modal-dialog .modal-conts .conts-area .krds-table-wrap {overflow-x: unset;}