@charset "utf-8";

/* ai검색 전용 css */

#AIsearch #wrap {display: block;height: 100%;}
#AIsearch .wrap {position: relative;height: calc(100% - 187px);padding: 0;}
#AIsearch #krds-header {position: unset;}
@media (max-width: 1023px) {
    #AIsearch .wrap {height: calc(100% - 104px);}
}


.search-inner {display: flex;justify-content: space-between;gap: 24px;width: 100%;height: 100%;min-height: 628px;background-color: #EDF2FF;}
@media (max-width: 1023px) {
    .search-inner {gap: 12px;}
}
@media (max-width: 767px) {
    .search-inner::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 56px;display: flex;align-items: center;background-color: #2A3042;z-index: 1;}
}


/* 왼쪽 메뉴 */
.utility-menu {width: 289px;height: 100%;padding: 0 32px;background-color: #2A3042;transition: all 0.4s ease;}
.utility-menu.active {width: 88px;padding: 0 24px;overflow: hidden;}
.utility-menu .in {display: flex;flex-direction: column;gap: 40px;height:100%; padding-top: 40px; padding-bottom: 40px;}
.utility-menu .utility-menu-head {display: flex;align-items: center;justify-content: space-between;width: 100%;overflow: hidden;}
.utility-menu .utility-menu-head h3 {display: block;width: auto;font-size: 22px;color: #ffffff;opacity: 1;white-space: nowrap;transition: all 1.4s ease;}
.utility-menu .utility-menu-head .menu-btn {width: 28px;height: 28px;}
.utility-menu .utility-menu-head .menu-btn.folder {background: url("../../img/ico_folder_02.svg") no-repeat center;}
.utility-menu .utility-menu-head .menu-btn.open {display: none;}
.utility-menu.active .utility-menu-head {justify-content: center;height: 33px;}
.utility-menu.active .utility-menu-head h3 {display: none;width: 0;opacity: 0;visibility: hidden;overflow: hidden;}
.utility-menu.active .utility-menu-head .menu-btn.folder {display: none;}
.utility-menu.active .utility-menu-head .menu-btn.open {display: block;background-color: #ffffff;-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_all.svg");mask-image: url("../../img/component/icon/ico_all.svg");}
.utility-menu .utility-menu-con {display: flex;}
.utility-menu .utility-menu-con span {display: block;white-space: nowrap;padding-right: 1rem;}
.utility-menu .utility-menu-con button {display: flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 500;color: #ffffff;}
.utility-menu .utility-menu-con button::before {content: "";width: 32px;height: 32px;background: url("../../portal/img/ico_new_chat.png") no-repeat center;background-size: contain;}
.utility-menu .utility-menu-con button:hover,
.utility-menu .utility-menu-con button:focus {text-decoration: underline;}
.utility-menu.active .utility-menu-con {justify-content: center;}
.utility-menu.active .utility-menu-con span {display: none;}

.utility-menu .recently-list {display: flex;flex-direction: column;gap: 8px;color: #ffffff;}
.utility-menu .recently-list .tit {padding: 0 8px;font-size: 15px;color: #A1A4AC;white-space: nowrap;}
.utility-menu .recently-list ul {display: flex;flex-direction: column;gap: 8px;}
.utility-menu .recently-list ul li {width: 100%;padding: 2px 8px;color: #FFFFFFCC;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.utility-menu .recently-list ul li a {font-size: 16px;transition: none;}
.utility-menu .recently-list ul li:hover,
.utility-menu .recently-list ul li:focus {color: #000000B2;background-color: #FFE0A3;border-radius: 8px;}
.utility-menu .recently-list ul li:active {background-color: #C78500;}
.utility-menu .recently-list ul li.active {color: #000000B2;background-color: #FFB114;border-radius: 8px;}
.utility-menu .recently-list ul li.ai_interaction {display: flex;align-items: center;gap: 4px;}
.utility-menu .recently-list ul li.ai_interaction a {flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.utility-menu .recently-list ul li .recently-del-btn {flex: 0 0 auto;width: 18px;height: 18px;border: 0;background: transparent;cursor: pointer;opacity: 0;position: relative;color: inherit;}
.utility-menu .recently-list ul li:hover .recently-del-btn,
.utility-menu .recently-list ul li:focus-within .recently-del-btn,
.utility-menu .recently-list ul li.active .recently-del-btn {opacity: 1;}
.utility-menu .recently-list ul li .recently-del-btn::before,
.utility-menu .recently-list ul li .recently-del-btn::after {content: "";position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background-color: currentColor;}
.utility-menu .recently-list ul li .recently-del-btn::before {transform: translate(-50%, -50%) rotate(45deg);}
.utility-menu .recently-list ul li .recently-del-btn::after {transform: translate(-50%, -50%) rotate(-45deg);}
.utility-menu.active .recently-list {display: none;}
@media (max-width: 1023px) {
    .utility-menu {position: absolute;top: 0;left: 0;z-index: 11;height: 100%;padding: 0 24px;}
    .utility-menu.active {width: auto;}
    .utility-menu .in {padding-top: 32px;}
}
@media (max-width: 767px) {
    .utility-menu.active {width: 0;padding: 0;overflow: visible;}
    .utility-menu.active .utility-menu-head .menu-btn.open {position: absolute;top: 13px;left: 12px;}
    /*.utility-menu .utility-menu-con button {display: none;}*/
    .utility-menu.active .utility-menu-con button {
        display: none;
    }
}

#bottom {
	display: block;
	margin-top: auto;
	text-align: center;
}

#btnGoogleDocs {
	cursor: pointer;
}

.utility-menu.active #bottom {
	display: none;
}

/* 대화 영역 */
.dialogue-wrap {position: relative;width: 100%;flex: 1;overflow: hidden;}
.dialogue-wrap .dialogue-scroll {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;overflow-y: auto;}
.dialogue-wrap .dialogue-scroll::-webkit-scrollbar {width: 8px;background-color: #EDF2FF;}
.dialogue-wrap .dialogue-scroll::-webkit-scrollbar-thumb {background-color: #B9C4D0;border-radius: var(--krds-radius-xsmall2);}
.dialogue-box {width: 912px;height: 100%;padding-top: 40px; }
.dialogue-box .dialogue {display: flex;flex-direction: column;gap: 4rem;}
.dialogue-box .dialogue-item {display: flex;flex-direction: column;gap: 2.4rem;}
.dialogue-box .dialogue-item:last-child {padding-bottom: 12rem}
.dialogue-item .user-question {padding: 0.8rem 0;text-align: right;}
.dialogue-item .user-question span {display: inline-block;padding: 1.2rem 1.6rem;font-size: 1.6rem;background-color: var(--krds-light-color-border-primary-light);border: 1px solid #A3C1F8;border-radius: 2rem 0 2rem 2rem;}
.dialogue-item .answer-box {font-size: 1.6rem;}
.dialogue-item .link-data-wrap .link-data-head {display: flex;align-items: center;justify-content: space-between;}
.dialogue-item .link-data-wrap .link-data-head .folder-btn {display: none;visibility: hidden;}
.dialogue-item .link-data-wrap .tit {display: inline-block;padding-bottom: 1.6rem;font-size: 1.8rem;font-weight: 600;}
.dialogue-item .link-data-wrap .link-data-group {display: flex;align-items: center;gap: var(--krds-gap-7);}
.dialogue-item .link-data-wrap .link-data-group .item {display: flex;flex-direction: column;gap: 1.2rem;flex: 1;padding: 2rem 2rem 1.6rem 2rem;background-color: #ffffff;border: 1px solid var(--krds-light-color-border-gray);border-radius: var(--krds-radius-xlarge2);overflow: hidden;min-height: 262px;}
.dialogue-item .link-data-wrap .link-data-group .link-data-title {display: inline-flex;align-items: center;gap: 0.2rem;width: 100%;}
.dialogue-item .link-data-wrap .link-data-group .link-data-title span {display: inline-block;max-width: calc(100% - 24px);font-size: 1.6rem;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dialogue-item .link-data-wrap .link-data-group a:hover,
.dialogue-item .link-data-wrap .link-data-group a:focus {text-decoration: underline;}
.dialogue-item .link-data-wrap .link-data-group .link-data-top {display: flex;align-items: center;justify-content: space-between;}
.dialogue-item .link-data-wrap .link-data-group .link-data-top .link-data-top-left {display: flex;gap: 0.4rem;min-width: 0;}
.dialogue-item .link-data-wrap .link-data-group .link-data-top .krds-badge {display: inline-block;}
.dialogue-item .link-data-wrap .link-data-group .link-data-top .krds-badge:first-child {flex: 0 0 auto;}
.dialogue-item .link-data-wrap .link-data-group .link-data-top .krds-badge:last-child {flex: 1 1 auto;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dialogue-item .link-data-wrap .link-data-group .link-data-summary {display: -webkit-box;width: 100%;font-size: 1.5rem;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.dialogue-item .link-data-wrap .link-data-group .link-data-etc {display: flex;flex-wrap: wrap;align-items: center;column-gap: 2.4rem;}
.dialogue-item .link-data-wrap .link-data-group .link-data-etc li {position: relative;font-size: 1.5rem;}
.dialogue-item .link-data-wrap .link-data-group .link-data-etc li::after {content: "";display: inline-block;position: absolute;bottom: 6px;width: 1px;height: 12px;margin-left: 1.2rem;background-color: var(--krds-light-color-divider-gray);}
.dialogue-item .link-data-wrap .link-data-group .link-data-etc li:last-child::after {display: none;}
.dialogue-item .link-data-wrap .link-data-group .link-data-etc li strong {padding-right: 0.8rem;}
.dialogue-item .link-data-wrap .link-data-group .btn-group {display: flex;justify-content: flex-end;gap: 0.6rem;padding-top: 0.6rem;margin-top: auto;}

.dialogue-item .link-data-btm {display: flex;align-items: center;gap: var(--krds-gap-5);}
.dialogue-item .link-data-btm .krds-btn {font-size: var(--krds-pc-font-size-label-small);}
.dialogue-item .link-data-btm .krds-btn.icon::before {content: "";display: inline-block;width: 24px;height: 24px;background-color: var(--krds-light-color-icon-gray);-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;}
.dialogue-item .link-data-btm .krds-btn.like::before {-webkit-mask-image: url("../../img/component/icon/ico_thumbsup.svg");mask-image: url("../../img/component/icon/ico_thumbsup.svg");}
.dialogue-item .link-data-btm .krds-btn.like:hover::before,
.dialogue-item .link-data-btm .krds-btn.like:focus::before {background: var(--color-icon-primary, #256EF4);}
.dialogue-item .link-data-btm .krds-btn.like.active::before {background: var(--color-icon-primary, #256EF4);-webkit-mask-image: url("../../img/component/icon/ico_thumbsup_fill.svg");mask-image: url("../../img/component/icon/ico_thumbsup_fill.svg");}
.dialogue-item .link-data-btm .krds-btn.dislike::before {-webkit-mask-image: url("../../img/component/icon/ico_thumbsup.svg");mask-image: url("../../img/component/icon/ico_thumbsup.svg");transform: rotate(180deg);}
.dialogue-item .link-data-btm .krds-btn.dislike:hover::before,
.dialogue-item .link-data-btm .krds-btn.dislike:focus::before {background: var(--color-icon-danger, #DE3412);}
.dialogue-item .link-data-btm .krds-btn.dislike.active::before {background: var(--color-icon-danger, #DE3412);-webkit-mask-image: url("../../img/component/icon/ico_thumbsup_fill.svg");mask-image: url("../../img/component/icon/ico_thumbsup_fill.svg");}
.dialogue-item .link-data-btm .scrap-btn.krds-form-chip {margin-left: auto;}


.dialogue-wrap .ask-box {position: absolute;bottom: 4rem;left: calc(50% - 8px);width: 100%;width: 912px;transform: translateX(-50%);z-index: 1;box-shadow: 0px 4px 8px 0px #00000014, 0px 0px 2px 0px #0000000D;border-radius: 4rem;}
.dialogue-wrap .ask-box textarea {display: block;field-sizing: content;min-height: 1lh;max-height: 2lh;resize: none;width: calc(100% - 6.8rem);padding: 1.7rem 4.8rem 1.7rem 2rem;border: 1px solid #00000021;background-color: #ffffff;border-radius: 4rem;box-sizing: content-box;}
.dialogue-wrap .ask-box .ask-btn {position: absolute;top: 50%;right: 1rem;width: 3.6rem;height: 3.6rem;background: url("../../img/ico_ask_btn.svg") no-repeat center;border-radius: 50%;transform: translateY(-50%);}
/* .dialogue-wrap .ask-box {position: absolute;bottom: 4rem;left: calc(50% - 8px);width: 100%;width: 912px;transform: translateX(-50%);z-index: 1;}
.dialogue-wrap .ask-box .ask-tab {display: flex;align-items: center;gap: 0;margin-left: 2rem;}
.dialogue-wrap .ask-box .ask-tab .ask-tab-item {display: inline-flex;align-items: center;justify-content: center;width: 96px;height: 32px;font-size: 1.6rem;background-color: #ffffff;border: 1px solid var(--krds-light-color-border-gray-light);border-bottom: 0;border-top-left-radius: 0.8rem;border-top-right-radius: 0.8rem;}
.dialogue-wrap .ask-box .ask-tab .ask-tab-item:hover {background-color: var(--krds-light-color-action-secondary-hover);}
.dialogue-wrap .ask-box .ask-tab .ask-tab-item:focus,
.dialogue-wrap .ask-box .ask-tab .ask-tab-item:active {background-color: var(--krds-light-color-action-secondary-pressed);}
.dialogue-wrap .ask-box .ask-tab .ask-tab-item.active,
.dialogue-wrap .ask-box .ask-tab .ask-tab-item.active:hover,
.dialogue-wrap .ask-box .ask-tab .ask-tab-item.active:active {color: #ffffff;background-color: #256EF4;border-color: var(--krds-light-color-border-primary);}
.dialogue-wrap .ask-box .ask-txt {background-color: #ffffff;box-shadow: 0px 4px 8px 0px #00000014, 0px 0px 2px 0px #0000000D;border-radius: 4rem;}
.dialogue-wrap .ask-box .ask-txt textarea {display: block;field-sizing: content;min-height: 1lh;max-height: 2lh;resize: none;width: calc(100% - 6.8rem);padding: 1.7rem 4.8rem 1.7rem 2rem;border: 1px solid #00000021;border-radius: 1.2rem;box-sizing: content-box;}
.dialogue-wrap .ask-box .ask-btn {position: absolute;top: calc(50% + 16px);right: 1rem;width: 3.6rem;height: 3.6rem;background: url("../../img/ico_ask_btn.svg") no-repeat center;border-radius: 50%;transform: translateY(-50%);} */

.scrap-btn.krds-form-chip input[type=checkbox] ~ label {display: flex;align-items: center;gap: 0.2rem;height: 24px;padding: 0;font-size: var(--krds-pc-font-size-label-small);border: 0;}
.scrap-btn.krds-form-chip input[type=checkbox] ~ label::before {content: "";width: 16px;height: 16px;background-color: #1E2124;-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_scrap.svg");mask-image: url("../../img/component/icon/ico_scrap.svg");}
.scrap-btn.krds-form-chip input[type=checkbox]:checked ~ label {background-color: transparent;}
.scrap-btn.krds-form-chip input[type=checkbox]:checked ~ label::before {background-color: #256EF4;-webkit-mask-image: url("../../img/component/icon/ico_scrap_fill.svg");mask-image: url("../../img/component/icon/ico_scrap_fill.svg");}
@media (max-width: 1439px) {
    .dialogue-box {width: 100%;padding: 40px 40px 0;}
    .dialogue-wrap .ask-box {width: calc(100% - 80px);}
    .dialogue-item .link-data-wrap .link-data-group {flex-direction: column;}
    .dialogue-item .link-data-wrap .link-data-group .item {width: 100%;}
}
@media (max-width: 1023px) {
    .dialogue-box {padding: 24px 20px 0;margin-left: 80px;}
    .dialogue-wrap .ask-box {left: calc(50% + 35px);width: calc(100% - 125px);}
    .dialogue-item .link-data-wrap .link-data-head {padding-bottom: 1.6rem;}
    .dialogue-item .link-data-wrap .tit {padding-bottom: 0;}
    .dialogue-item .link-data-wrap .link-data-head .folder-btn {display: flex;visibility: visible;}
}
@media (max-width: 767px) {
    .dialogue-wrap {height: 100%;}
    .dialogue-box {margin: 0;padding-top: 70px;}
    .dialogue-box .dialogue-item:last-child {padding-bottom: 10rem;}
    .dialogue-wrap .ask-box {left: 49.2%;bottom: 3rem;width: calc(100% - 52px);}
}

/* 답변 디자인 스타일 */
.answer-box hr {clear: both;margin-top: 3rem !important;margin-bottom: 3rem !important;width: 100% !important;position: unset !important;background-color: #afafaf;}
.answer-box blockquote {position: relative;margin: 0;padding: 0.8rem 0 0.8rem 2rem;}
.answer-box blockquote p::before {content: "";display: block;width: 3px;height: calc(100% - 1.6rem);background-color: #00000026;border-radius: 2px;position: absolute;left: 0;top: 0.8rem;}
.answer-box blockquote p {margin: 0;}
.answer-box a {position: relative;}
.answer-box h2 {font-size: 2.4rem;padding: 0 0 1rem;}
.answer-box h3 {font-size: 2.2rem;padding: 0 0 1rem;}
.answer-box h4 {font-size: 1.8rem;padding: 0 0 1rem;}
.answer-box h4 a[target^="_blank"] {display: inline-flex;align-items: center;gap: 0.4rem;text-decoration: underline;text-underline-offset: 0.3rem;color: #0B50D0;}
.answer-box h4 a[target^="_blank"]::after {content: "";display: inline-block;width: 1.6rem;height: 1.6rem;background: url("../../img/component/icon/ico_go.svg") no-repeat center;background-size: contain;}
/* .answer-box h5 {position: relative;font-size: 1.7rem;padding: 0 0 1rem 1.6rem;color: #063a74;}
.answer-box h5 ~ a {display: block;padding-left: 1.6rem;padding-bottom: 0.4rem;color: #063a74;font-size: 1.6rem;cursor: pointer;}
.answer-box h5::before,
.answer-box h5 ~ a::before {content: "";display: block;width: 3px;height: 100%;background-color: #002c8f26;position: absolute;left: 0;top: 0;}
.answer-box h5 ~ a:hover,
.answer-box h5 ~ a:focus {text-decoration: underline;} */
.answer-box .rcmmd-chips {display: flex;flex-direction: column;align-items: flex-start;margin-top: 1.6rem;padding-left: 1.6rem;border-left: 3px solid #002c8f26;}
.answer-box .rcmmd-chips h5 {position: relative;font-size: 1.7rem;padding: 0 0 1rem 0;color: #063a74;}
.answer-box .rcmmd-chips a {padding-bottom: 0.4rem;color: #063a74;font-size: 1.6rem;cursor: pointer;}
.answer-box .rcmmd-chips a:hover,
.answer-box .rcmmd-chips a:focus {text-decoration: underline;}
.answer-box p {margin-bottom: 0.6rem;}
.answer-box p strong {padding-right: 0.4rem;}
.answer-box p + h4,
.answer-box p + h5 {margin-top: 2.8rem;}
.answer-box table th {padding: 0.4rem 0;font-weight: 600;text-align: left;border-bottom: 1px solid #afafaf;}
.answer-box table td {padding: 0.6rem 0;border-bottom: 1px solid #dddddd;}
.answer-box table td strong {font-weight: 600;}
.answer-box ol > li {position: relative;padding-bottom: 0.6rem;}
.answer-box ul > li {position: relative;padding-left: 1.6rem;padding-bottom: 0.6rem;}
.answer-box ul > li::before {content: "";display: block;width: 5px;height: 5px;background-color: #1e2124;border-radius: 50%;position: absolute;left: 0;top: 0.8rem;}
.answer-box ul > li p {margin: 0;}


/* 추천 데이터 */
.recommend-wrap {transition: all 0.4s ease;width: 0;}
.recommend-wrap.active {display: flex;align-items: center;justify-content: center;width: 400px;margin-right: 40px;transition: all 0.4s ease;}
.recommend-wrap .recommend-data {display: none;width: 100%;height: calc(100% - 80px);min-height: 628px;padding: 2.8rem 2rem;background-color: #ffffff;border-radius: 12px;box-shadow: 0px 4px 8px 0px #00000014, 0px 0px 2px 0px #0000000D;}
.recommend-wrap.active .recommend-data {display: block;}
.recommend-data .recommend-top {display: flex;align-items: center;justify-content: space-between;padding-bottom: 1rem;}
.recommend-data .recommend-top .folder-btn {display: none;visibility: hidden;}

.recommend-top .tit {font-size: 2rem;}

.recommend-box {position: relative;height: calc(100% - 42px);}
.recommend-box .krds-accordion.type-line .accordion-item .btn-accordion {display: flex;align-items: center;gap: 0.8rem;padding-top: 1.2rem;padding-bottom: 1.2rem;font-size: 1.6rem;}
.recommend-box .krds-accordion.type-line .accordion-item .btn-accordion .tit {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recommend-box .krds-accordion.type-line .accordion-item .btn-accordion::after {top: 1.2rem;}
.recommend-box .krds-accordion.type-line .accordion-item .accordion-body {padding: 2rem;font-size: 1.6rem;background-color: #F3F3F3;border-radius: 0;}
.recommend-box .remm-item .remm-tit {display: flex;align-items: center;}
.recommend-box .remm-item .remm-tit span {display: -webkit-box;width: 100%;font-size: 1.6rem;font-weight: 600;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.recommend-box .remm-item .remm-tit .svg-icon {width: 2.4rem;height: 2.4rem;}
.recommend-box .remm-item .remm-summary {display: -webkit-box;width: 100%;padding-top: 0.8rem;font-size: 1.6rem;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.recommend-box .remm-item .remm-etc {display: flex;flex-wrap: wrap;align-items: center;column-gap: 2.4rem;row-gap: 0.4rem;padding-top: 1.6rem;}
.recommend-box .remm-item .remm-etc li {position: relative;font-size: var(--krds-pc-font-size-heading-xxsmall);}
.recommend-box .remm-item .remm-etc li::after {content: "";display: inline-block;position: absolute;bottom: 6px;width: 1px;height: 12px;margin-left: 1.2rem;background-color: var(--krds-light-color-divider-gray);}
.recommend-box .remm-item .remm-etc li:last-child::after {display: none;}
.recommend-box .remm-item .remm-etc li strong {padding-right: 0.8rem;}
.recommend-box .remm-item .btn-group {display: flex;justify-content: flex-end;gap: 1.6rem;padding-top: 1.4rem;}
.recommend-box .remm-item .remm-download .svg-icon {width: 1.6rem;height: 1.6rem;}
.recommend-box .krds-pagination {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);margin: 0;}

.recommend-paging {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;}
.recommend-paging .page-links {display: flex;align-items: center;justify-content: center;flex-direction: row;order: 2;gap: var(--krds-gap-3);}
.recommend-paging .page-links li .page-link {display: inline-flex;align-items: center;justify-content: center;flex-direction: row;width: 3.6rem;height: 3.6rem;border-radius: 0.6rem;transition: 0.4s ease-in-out;;}
.recommend-paging .page-links li:hover .page-link,
.recommend-paging .page-links li:focus .page-link {background-color: #eef2f7;}
.recommend-paging .page-links li.active .page-link {background-color: #063a74;font-weight: var(--krds-font-weight-bold);color: #ffffff;}
@media (max-width: 1439px) {
    .recommend-wrap.active {margin-right: 24px;}
    .recommend-wrap .recommend-data {height: calc(100% - 48px);}
}
@media (max-width: 1023px) {
    .recommend-wrap {position: absolute;top: 0;right: 0;height: 100%;}
    .recommend-wrap.active {margin-right: 0;}
    .recommend-wrap .recommend-data {height: 100%;padding: 2rem;border-radius: 0;z-index: 1;}
    .recommend-data .recommend-top .folder-btn {display: flex;visibility: visible;}
}
@media (max-width: 767px) {
    .recommend-wrap {top: 0;height: 100%;}
    .recommend-wrap.active {width: calc(100% - 20px);}
    .recommend-top .tit {font-size: 1.6rem;}
    .dialogue-item .link-data-wrap .link-data-head .folder-btn {position: fixed;top: 116px;right: 12px;z-index: 1;}
    .recommend-box .krds-accordion.type-line .accordion-item .btn-accordion {padding-top: 0.8rem;padding-bottom: 0.8rem;}
    .recommend-box .krds-pagination {flex-wrap: nowrap;}
    .recommend-box .krds-pagination .page-links {width: auto;}
}


.data-preview-modal {display: flex;flex-direction: column;gap: 3.2rem;}
.data-preview-modal .con-box {position: relative;width: 100%;padding: var(--krds-padding-8);background-color: var(--krds-light-color-surface-secondary-subtler);border-radius: var(--krds-radius-xlarge1);font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.data-preview-modal .info-ul {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;gap: 1.2rem;}
.data-preview-modal .info-ul > li {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: row;gap: var(--krds-pc-gap-layout-title-body-medium);}
.data-preview-modal .info-ul > li .key {flex-shrink: 0;width: 16rem;}
@media (max-width: 1023px) {
    .data-preview-modal .con-box {padding: 2rem;}
}
@media (max-width: 767px) {
    .data-preview-modal .con-box {font-size: var(--krds-mobile-font-size-heading-small);}
    .data-preview-modal .info-ul {gap: 4rem;}
    .data-preview-modal .info-ul > li {flex-direction: column;gap: var(--krds-mobile-gap-layout-title-body-medium);}
}


.recently-sch-list {max-height: 384px;overflow-y: auto;}
.recently-sch-list::-webkit-scrollbar {width: 8px;background-color: #EDF2FF;}
.recently-sch-list::-webkit-scrollbar-thumb {background-color: #B9C4D0;border-radius: var(--krds-radius-xsmall2);}
.recently-sch-list ul li {padding: 1.2rem 0;}
.recently-sch-list ul li a:hover,
.recently-sch-list ul li a:focus {text-decoration: underline;}


/* 오프닝 화면 */
.opening-box {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 800px;height: 600px;margin: 0 auto;padding-left: var(--krds-contents-padding-x);padding-right: var(--krds-contents-padding-x);}
.opening-box .top {width: 100%;padding-bottom: 2.4rem;}
.opening-box .top .tit {font-size: 4rem;padding-bottom: 2.4rem;text-align: center;}
.opening-box .top .main-sch-box {position: relative;box-shadow: 0px 4px 8px 0px #00000014, 0px 0px 2px 0px #0000000D;border-radius: 16px;}
.opening-box .top .main-sch-box .sch-box {display: block;width: 100%;height: 118px;padding: 16px 48px 16px 24px;border-radius: 16px;border: 1px solid var(--krds-light-color-border-primary);}
.opening-box .top .main-sch-box .sch-box::placeholder {font-weight: 700;color: var(--krds-light-color-text-disabled);}
.opening-box .top .main-sch-box .ask-btn {position: absolute;right: 24px;bottom: 16px;width: 3.6rem;height: 3.6rem;background: url(../../img/ico_ask_btn.svg) no-repeat center;border-radius: 50%;}
.opening-box .btm {width: 100%;}
.opening-box .example-chips {display: grid;flex-wrap: wrap;gap: 0.8rem;}
.opening-box .example-chips .chip {display: flex;align-items: flex-start;gap: 0.4rem;width: auto;padding: 6.5px 10px;font-size: var(--krds-pc-font-size-label-small);background: #ffffff;border: 1px solid #D8E5FD;border-radius: var(--krds-radius-medium3);}
.opening-box .example-chips .chip::before {content: "";display: inline-block;width: 24px;height: 24px;background: url("../../img/ico_sparkle.svg") no-repeat center;background-size: contain;flex-shrink: 0;}
.opening-box .example-chips .chip:hover,
.opening-box .example-chips .chip:focus {text-decoration: underline;}
@media (max-width: 767px) {
    .opening-box .top .tit {font-size: 2.8rem;}
    .opening-box .top .main-sch-box .sch-box {height: 86px;padding: 12px 40px 12px 16px;}
}