.search-page{padding:32px 0}@media(max-width:767.98px){.search-page{padding:0 0 32px}}.search-page .search-navbar{background-color:var(--pp-bg-body);box-shadow:0 -1px 0 0 var(--pp-main-3) inset;margin-bottom:24px;overflow:hidden}@media(max-width:767.98px){.search-page .search-navbar{margin-bottom:16px}}.search-page .search-navbar .search-navbar-container{position:relative}.search-page .search-action{align-items:center;display:flex;justify-content:space-between}.search-page .search-action .search-total-count{margin-right:16px;order:-1}.search-page .search-action .search-filter{margin-left:auto}@media(max-width:767.98px){.search-page .search-action{display:block}.search-page .search-action .search-total-count{margin-right:unset;order:unset}}.search-page .search-total-count{color:var(--pp-main-10);font-size:14px;font-weight:400;line-height:1.43;margin-bottom:24px}@media(max-width:767.98px){.search-page .search-total-count{margin-bottom:16px}}.search-page .search-total-count .keyword{font-weight:700}.search-page .search-filter{align-items:center;display:flex;margin-bottom:24px}@media(max-width:767.98px){.search-page .search-filter{margin-bottom:16px}}.search-page .search-filter>div+div{margin-left:16px}.search-page .change-filter-btn{border:1px solid var(--pp-main-10);color:var(--pp-main-10);height:30px;padding:4px 8px}@media screen and (max-width:425px){.search-page .change-filter-btn{margin:8px 0;padding:8px}}.search-page .types{border-bottom:1px solid var(--pp-main-4);color:var(--pp-main-10)}.search-page .types .type{cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:1.5;padding:8px 24px;position:relative}.search-page .types .type.selected{font-size:16px;font-weight:600;line-height:1.5}.search-page .types .type.selected:before{background-color:var(--pp-orange-500);border-radius:10rem;bottom:-2px;content:"";height:3px;position:absolute;right:0;width:100%}@media screen and (max-width:320px){.search-page .types .type{padding:8px 16px}}.search-page .search-result{color:var(--pp-main-7);font-size:16px;font-weight:400;line-height:1.5}.search-page .search-filter-containter{align-items:center;display:flex;justify-content:space-between}@media(max-width:575.98px){.search-page .search-filter-containter{align-items:flex-start;flex-direction:column}.search-page .search-filter-containter .search-total{order:2}.search-page .search-filter-containter .search-filter{margin-bottom:8px;margin-left:auto;order:1}}.search-page .search-total{color:var(--pp-main-7);font-size:14px;font-weight:400;line-height:1.43}@media screen and (max-width:425px){.search-page .search-total{flex:1 1 auto}}.search-page .relation-tag-list{align-items:center;background-color:var(--pp-main-1);border-radius:.25rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px;padding:12px}.search-page .relation-tag-list .text{color:var(--pp-main-7);font-size:16px;font-weight:400;line-height:1.5;width:100%}.search-page .relation-tag-list .tag-item{background-color:var(--pp-blue-50);border-radius:.25rem;color:var(--pp-blue-500);cursor:pointer;font-size:16px;font-weight:400;line-height:1.5;margin:8px;padding:4px 8px}.search-page .relation-tag-list .tag-item:hover{background-color:var(--pp-blue-100)}.search-page .qr-code-wrapper{border-radius:.25rem;border-top:3px solid var(--pp-orange-500);box-shadow:0 0 0 1px var(--pp-main-4);overflow:hidden;padding:32px 16px}.search-page .qr-code-wrapper .qr-code-title{align-items:center;color:var(--pp-main-10);display:flex;font-size:20px;font-weight:600;justify-content:center;line-height:1.6;margin-bottom:16px}.search-page .qr-code-wrapper .qr-code-title img{height:auto;max-width:24px}.search-page .qr-code-wrapper .qr-code{margin:16px auto;max-width:120px}.search-page .qr-code-wrapper .qr-code img{border-radius:.25rem;overflow:hidden}.search-page .qr-code-wrapper .qr-code-info span{color:var(--pp-main-10);display:block;font-size:14px;font-weight:400;letter-spacing:.5px;line-height:1.43;text-align:center}.search-page .qr-code-wrapper .qr-code-info small{color:var(--pp-main-7);display:block;font-size:12px;font-weight:400;line-height:1.33;margin:8px 0;text-align:center}.search-page .popular-result>span{color:var(--pp-main-10);font-size:16px;font-weight:600;line-height:1.5}