/* Search Results Page */

.loader { position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.1); width:100vw; height:100vh; z-index:100000000; }.loader__container { width:100px; height:100px; margin:400px auto; }
.search-result-page__container { margin:0 1.25rem; margin-bottom:4rem; }
.search-result-main { display:flex; flex-direction:column; min-height:50px; margin-top:32px; }
.search-result-head { background-color:#FFF; position:sticky; top:0; }
.search-result__tabs { display:flex; margin-top:32px; margin-bottom:20px; width:100%; }
.tabs__category { display:inline-block; width:25%; box-sizing:border-box; padding:15px 0; border:1px solid #CCCCCC; text-align:center; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:16px; color:#2B2B2B; background:#FAFAFA; transition:all 0.1s ease; }
.tabs__category:first-child { border-right:0; }
.tabs__category:last-child { border-left:0; }
.tabs__category.active, .tabs__category:hover { border-left:1px solid #CCCCCC; font-weight:700; color:#1A54F5; cursor:pointer; }
.tabs__category.active { padding-top:14px; border-top:2px solid #1A54F5; border-bottom:0px; background:#FFFFFF; }
.search-result-category__section-header, .search-result-category__title { text-align:left; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:700; font-size:20px; color:#1C1C1C; }
.search-result-category__title { margin-bottom:8px !important; }
.search-result-category__section-header { margin-bottom:36px !important; font-size:22px !important; }
.search-result-category__section-header:nth-of-type(2) { margin-top:72px; margin-bottom:-54px !important; }
.search-result__sub-category { margin-top:16px; margin-bottom:32px; height:38px; width:100%; overflow-x:scroll; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none; }
.search-result__sub-category::-webkit-scrollbar { display:none; }
.sub-category__item { margin-right:24px; padding-bottom:6px; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:16px; color:#2B2B2B; transition:all 0.15s ease; }
.sub-category__item.active, .sub-category__item:hover { font-weight:700; color:#1A54F5; border-bottom:2px solid #1A54F5; cursor:pointer; }
.search-result-query { width:230px; margin-left:0; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:700; font-size:26px; color:#000000; text-align:left; word-break:keep-all; }
.search-result-query--none { margin:0 auto; text-align:center !important; word-break:keep-all; }
.search-result-query__help-text { margin-top:8px; margin-bottom:8.75rem; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:15px; text-align:center; color:#1C1C1C; }
.search-result-query__keyword { display:inline-block; font-weight:var(--font-bold); color:#1A54F5; word-break:break-word; }
.search-result-query__keyword--title { color:#1A54F5; font-weight:700; }
.search-result-query__sub-text { display:flex; justify-content:center; font-weight:400; padding-bottom:340.5px; font-size:16px; color:#1C1C1C;}
.search-result-query__text { display:none; font-size:0.875rem; font-weight:var(--font-normal); margin-top:1rem; color:var(--gray_600); letter-spacing:var(--letter-spacing-none); word-break:break-word; }
.search-result-query__text--visible { display:block; }
.search-result-query__text--none { display:none; }
.search-result-query__text--link { color:var(--brand_01); }
[dir] .search-result-category { padding-inline-start:0; list-style:none; margin-bottom:0; }
.search-result-category__item:first-of-type { margin-top:0; }
.search-result-category__item .article-list__title span { display:inline-block; margin-bottom:8px; color:#1C1C1C !important; }
.search-result-category__item .article-list__item:last-child { margin-bottom:0; }
[dir] .article-list { margin-bottom:20px; }
.article-list__item { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EBEBEB; }
.article-list__item--no-result { display:flex; justify-content:center; margin-bottom:15px; padding-top:198px; padding-bottom:0; border-bottom:none; font-size:26px; font-family:'Noto Sans KR',sans-serif; font-style:normal; line-height:24px; color:#1C1C1C; }
.color-apostrophe { color:#1A54F5; }
.article-list__title { display:block; font-size:15px; font-family:'Noto Sans KR',sans-serif; font-style:normal; color:#2B2B2B; line-height:24px; text-align:left; }
.article-list__title:hover,
.article-list__title:focus { color:var(--brand_01); }
.article-list__title:hover .search-result-query__keyword--title { color:var(--brand_01); }

.article-list__description { margin-bottom:20px; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:13px; color:#616161; line-height:20px; text-align:left; word-break:break-word; }
.article-list__breadcrumb { font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:13px; color:#616161; line-height:20px; text-align:left; word-break:break-word; }
.article-list__description > em { font-weight:700; color:#1C1C1C; font-style:normal !important; }
.view-more { margin-top:26.5px; transition:border 0.2s ease; text-align:center; }
.view-more__text { color:#2B2B2B; }
.view-more__text:hover { cursor:pointer; color:#1A54F5; }
.view-more__text-highlight { color:#1A54F5; }
.view-more__text::after { display:inline-block; content:' '; position:relative; transform:translateY(20%); width:1rem; height:1rem; object-fit:contain; background-size:1rem; background-repeat:no-repeat; }
.view-more:hover { border-color:var(--gray_500); }

/* Changelog Labels */
.changelog-label { border-radius:3px; padding:2px 4px; margin-bottom:10px; font-size:14px; color:#FFFFFF; text-align:center; display:inline-block; }
.changelog-label--updates { background-color:var(--brand_01); }
.changelog-label--notices { background-color:var(--brand_02); }
.changelog-label--design-updates { background-color:var(--sub); }

.tabs__category .mobile { display:none; }
.tabs__category.active .mobile { display:initial; }

/* Mobile*/
@media only screen and (max-width:767px) {
    .tabs__category.active { display:flex; width:33%; padding-top:11.5px; justify-content:center; border-left:0; border-top:0; border-bottom:2px solid #1A54F5; }
    .tabs__category:hover { border-left:0; }
    .search-result-query { width:100%; }
    .tabs__category { border:0; padding:11.5px 0 8.5px 0; background:#FFFFFF; }
    .search-result__tabs { display:block; width:100%; margin-top:11.5px; margin-bottom:40px; }
    .search-result-head { margin-bottom:0; }
    .search-result__tabs-parent { display:flex; margin-bottom:0; margin-top:0; }
    .article-list__item--no-result { display:block; padding-top:0; text-align:center; }
}

@media only screen and (max-width:479px) {
    .search-result__tabs-parent { justify-content:space-between; }
    .tabs__category,
    .tabs__category.active { width:auto; }
    .article-list__item--no-result { font-size:16px; }
    .search-result-query__keyword--title { margin-bottom:0 !important }
}

/* Tablet */
@media only screen and (min-width:768px) {
    .search-result-page__container { margin:0 2.5rem 4rem 2.5rem; }
}

/* Desktop */
@media only screen and (min-width:1055px) {
    /* Search */
    .search-result-category__item .article-list__title span { margin-bottom:0; }
    .search-result__tabs { margin-top:40px; }
    .search-result__tabs-parent { margin-top:0; }
    .search-result__sub-category { margin-bottom:48px; }
    .search-result-page__container { margin:0 auto 7.5rem; padding:0 0; max-width:1000px; }
    .search-result-query--none { text-align:center !important; margin-right:auto; margin-left:auto !important; width:unset !important; margin-top:4rem; font-size:26px; }
    .search-result-query { text-align:left; margin-left:0; width:660px !important; }
    .search-result-query__help-text { margin-bottom:19.688rem; font-size:16px; }
    .search-result-query__text { font-size:1rem; }
    .search-result-category--none { color:red; }
    .search-result-category__title, .search-result-category__section-header { font-size:22px; }
    .search-result-category__section-header:nth-of-type(2) { margin-bottom:-46px !important; }
    .article-list__title { font-size:16px; line-height:normal; }
    .article-list__description { font-size:14px; line-height:24px; margin-bottom:16px; }
    .view-more { margin-top:28px; margin-right:auto; margin-left:auto; text-align:left; width:fit-content; }
    [dir] .view-more__wrapper { font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:16px; color:#2B2B2B; text-align:left !important; }
    .view-more__text::after { width:1.5rem; height:1.5rem; background-size:1.5rem; }
}

@media only screen and (min-width:1366px) {
    /* Search */
    .search-result-page__container { margin:0 auto 7.5rem; }
}

@media only screen and (min-width:1920px) {
    /* Search */
    .search-result-page__container { margin:0 auto 7.5rem; }
}

#floatingCirclesG { position:relative; width:125px; height:125px; margin:auto; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); }

.f_circleG { position:absolute; height:22px; width:22px; border-radius:12px; -o-border-radius:12px; -ms-border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:1.2s; -o-animation-duration:1.2s; -ms-animation-duration:1.2s; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; }

#frotateG_01 { left:0; top:51px; animation-delay:0.45s; -o-animation-delay:0.45s; -ms-animation-delay:0.45s; -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; }

#frotateG_02 { left:15px; top:15px; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; }

#frotateG_03 { left:51px; top:0; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; }

#frotateG_04 { right:15px; top:15px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; }

#frotateG_05 { right:0; top:51px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; }

#frotateG_06 { right:15px; bottom:15px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; }

#frotateG_07 { left:51px; bottom:0; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; }

#frotateG_08 { left:15px; bottom:15px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; }

@keyframes f_fadeG {
	0% { background-color:rgba(11,72,239,0.98); }
	100% { background-color:transparent; }
}

@-o-keyframes f_fadeG {
	0% { background-color:rgba(11,72,239,0.98); }
	100% { background-color:transparent; }
}

@-ms-keyframes f_fadeG {
	0% { background-color:rgba(11,72,239,0.98); }
	100% { background-color:transparent; }
}

@-webkit-keyframes f_fadeG {
    0% { background-color:rgba(11,72,239,0.98); }
	100% { background-color:transparent; }
}

@-moz-keyframes f_fadeG {
	0% { background-color:rgba(11,72,239,0.98); }
	100% { background-color:transparent; }
}

@media only screen and (max-width:1054px), screen and (max-width:1200px) and (max-height:820px) and (orientation:landscape) {
    .search-result-category__item .article-list__title span { font-size: 15px !important; }
}