#service__wrap{background:#eff6ff;padding:0 0 48px 0}#service__wrap header:not(.topic_header):not(.drawer_header):not(.contents5_header){background:#3b82f6;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 20px), 50% 100%, 0 calc(100% - 20px));width:100%;padding:40px 0 130px;display:flex;flex-direction:column;align-items:center}#service__wrap header:not(.topic_header):not(.drawer_header):not(.contents5_header) .headline{font-size:28px;color:#fff;font-weight:700;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(0,0,0,0.1)}#service__wrap .topic_sort{width:100%;max-width:668px;margin:20px auto 4px;display:flex;justify-content:space-between;align-items:center;color:#334155;font-size:12px}@media (max-width: 767px){#service__wrap .topic_sort{padding:0 16px}}#service__wrap .topic_sort .count span{font-size:16px;font-weight:700;margin:0 4px 0 0}#service__wrap .topic_sort .sort{line-height:1}#service__wrap .topic_sort .sort::before{content:'\f161';font-family:'Font Awesome 5 Free';font-weight:700;margin:0 4px 0 0}#service__wrap .topic_wrap{display:flex;flex-direction:column;gap:24px;padding:0 0 48px}@media (max-width: 767px){#service__wrap .topic_wrap{padding:0 16px 36px}}#service__wrap .topic_wrap .topic{width:100%;max-width:668px;margin:0 auto;position:relative}#service__wrap .topic_wrap .topic:nth-of-type(1){border:2px solid #f59e0b}#service__wrap .topic_wrap .topic_header img{width:100%}#service__wrap .topic_wrap .topic_header .detail{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:8px 24px;padding:0 35px;position:relative;z-index:5;margin:-24px auto 0}@media (max-width: 767px){#service__wrap .topic_wrap .topic_header .detail{gap:0 12px;padding:0 16px}}#service__wrap .topic_wrap .topic_header .detail .icon{width:94px;height:94px;box-shadow:0 1px 3px rgba(0,0,0,0.2);border-radius:50%;grid-column:1 / 2;grid-row:1 / 3}#service__wrap .topic_wrap .topic_header .detail .caption{color:#334155;font-size:12px;margin:28px 0 0}@media (max-width: 767px){#service__wrap .topic_wrap .topic_header .detail .caption{font-size:10px}}#service__wrap .topic_wrap .topic_header .detail .title{color:#1a73e8;font-size:24px;font-weight:700;letter-spacing:.05em;text-decoration:underline;margin:0 0 4px}@media (max-width: 767px){#service__wrap .topic_wrap .topic_header .detail .title{font-size:20px}}#service__wrap .topic_wrap .inner{padding:24px 35px 35px;background:#fff}@media (max-width: 767px){#service__wrap .topic_wrap .inner{padding:16px}}#service__wrap .topic_wrap .inner .tags{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px}#service__wrap .topic_wrap .inner .tags li{background-color:#eff6ff;border:1px solid #60a5fa;height:32px;display:none;align-items:center;justify-content:center;color:#1e3a8a;font-size:14px;font-weight:700;letter-spacing:.025em;line-height:1}@media (max-width: 767px){#service__wrap .topic_wrap .inner .tags li{font-size:10px}}#service__wrap .topic_wrap .inner .tags li.flg1{display:flex}#service__wrap .topic_wrap .inner .body{padding:24px 0 0;display:flex;flex-direction:column;gap:4px}#service__wrap .topic_wrap .inner .body li{display:grid;grid-template-columns:24px 1fr;gap:8px}@media (max-width: 767px){#service__wrap .topic_wrap .inner .body li{font-size:14px}}#service__wrap .topic_wrap .inner .body li.GOOD::before,#service__wrap .topic_wrap .inner .body li.BAD::before{content:'';width:24px;height:22px;margin:4px auto 0}#service__wrap .topic_wrap .inner .body li.GOOD::before{background:url(../images/download.svg);background-size:contain}#service__wrap .topic_wrap .inner .body li.BAD::before{background:url(../images/download-1.svg);background-size:contain}#service__wrap .topic_wrap .inner .body li p{color:#334155;line-height:2}#service__wrap .topic_wrap .inner .services{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:4px;margin:24px auto}#service__wrap .topic_wrap .inner .services li{gap:8px;padding:16px 16px 8px;border-bottom:1px solid #e2e8f0}#service__wrap .topic_wrap .inner .services li .title{color:#64748b;font-size:12px;line-height:1}@media (max-width: 767px){#service__wrap .topic_wrap .inner .services li .title{font-size:10px}}#service__wrap .topic_wrap .inner .services li .text{color:#0f172a;font-size:14px}@media (max-width: 767px){#service__wrap .topic_wrap .inner .services li .text{font-size:12px}}#service__wrap .topic_wrap .inner .services li:last-of-type{border-bottom:none}#service__wrap .topic_wrap .inner .cta_btn .title{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 8px}@media (max-width: 767px){#service__wrap .topic_wrap .inner .cta_btn .title{gap:10px}}#service__wrap .topic_wrap .inner .cta_btn .title img{width:22px}#service__wrap .topic_wrap .inner .cta_btn .title img.left{transform:scale(-1, 1)}#service__wrap .topic_wrap .inner .cta_btn .cta_text{color:#334155;font-weight:700;letter-spacing:.05em;text-align:center}@media (max-width: 767px){#service__wrap .topic_wrap .inner .cta_btn .cta_text{font-size:14px}}#service__wrap .topic_wrap .inner .cta_btn .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:64px;padding:0 16px 0 12px;background-color:#06c755;background-image:linear-gradient(180deg, #4ade80 0, #22c55e);border-radius:4px;box-shadow:0 12px 24px rgba(0,0,0,0.05);overflow:hidden;position:relative}#service__wrap .topic_wrap .inner .cta_btn .btn::before{content:'';width:30px;height:100%;background-color:#fff;position:absolute;top:-180px;left:0;animation:animeblink 3s ease-in-out infinite;transition:.2s}#service__wrap .topic_wrap .inner .cta_btn .btn img{width:32px}#service__wrap .topic_wrap .inner .cta_btn .btn p{color:#fff;font-size:24px;font-weight:700;letter-spacing:.05em;line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,0.1)}@media (max-width: 767px){#service__wrap .topic_wrap .inner .cta_btn .btn p{font-size:16px}}#service__wrap .topic_wrap .inner .official_btn{display:block;margin:20px auto 0;color:#1a73e8;font-size:20px;font-weight:700;line-height:1;text-align:center;text-decoration:underline}.search_wrap{padding:0 24px;margin:-120px auto 0}@media (max-width: 767px){.search_wrap{padding:0 16px}}.search_wrap .search_text{position:relative}.search_wrap .search_text label{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);border-radius:2px;width:100%;height:48px;display:flex;position:relative}.search_wrap .search_text label input[name="keyword"]{padding:0 0 0 28px;width:calc(100% - 50px)}.search_wrap .search_text label input[name="keyword"]:focus+.placeholder_text{display:none}.search_wrap .search_text label .placeholder_text{position:absolute;left:28px;color:#334155;font-size:12px;line-height:1}.search_wrap .search_text label .placeholder_text.none{display:none}.search_wrap .search_text label .placeholder_text li::after{content:'';width:6px;height:6px;border:0;border-top:1px solid #334155;border-right:1px solid #334155;transform:rotate(45deg)}.search_wrap .search_text label .placeholder_text .slick-slide{height:48px !important;display:flex;align-items:center;gap:4px}.search_wrap .search_text #search_submit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#334155}.search_wrap .search_conditions{display:flex;gap:8px;margin:8px auto;overflow-x:scroll;width:100%}.search_wrap .search_conditions .con_menu{display:flex;align-items:center;background-color:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.2);line-height:1;padding:0 8px;position:relative;width:-moz-fit-content;width:fit-content;height:32px}.search_wrap .search_conditions .con_menu p{font-size:12px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.search_wrap .search_conditions .con_menu p::after{content:'';width:6px;height:6px;border:0;border-top:1px solid #334155;border-right:1px solid #334155;transform:rotate(135deg);margin:-2px 0 0 0}#drawer_sort,.js-modal-menu{display:none;overflow-y:auto;background:#fff;width:100%;max-width:480px;max-height:calc(90% - 30px);position:fixed;bottom:0;left:50%;transform:translateX(-50%) translate3d(0, 0, 0);box-shadow:0 -2px 20px 0 rgba(0, 0, 0, calc(1 * 0.4));padding:0 12px 48px;border-radius:10px 10px 0 0;z-index:30;overflow-y:auto}#drawer_sort.isActive,.js-modal-menu.isActive{bottom:0}#drawer_sort .drawer_header,.js-modal-menu .drawer_header{height:56px;padding:0 12px;display:grid;grid-template-columns:30px 1fr;align-items:center}#drawer_sort .drawer_header .sort_close,.js-modal-menu .drawer_header .sort_close{display:flex;justify-content:center;align-items:center;margin:0 0 0 auto;width:30px}#drawer_sort .drawer_header .sort_close::before,#drawer_sort .drawer_header .sort_close::after,.js-modal-menu .drawer_header .sort_close::before,.js-modal-menu .drawer_header .sort_close::after{content:'';width:24px;height:3px;position:absolute;background-color:#64748b}#drawer_sort .drawer_header .sort_close::before,.js-modal-menu .drawer_header .sort_close::before{transform:rotate(45deg)}#drawer_sort .drawer_header .sort_close::after,.js-modal-menu .drawer_header .sort_close::after{transform:rotate(-45deg)}#drawer_sort .drawer_header h2,.js-modal-menu .drawer_header h2{color:#0f172a;font-weight:700;justify-content:center;line-height:1;margin:0 auto}#drawer_sort .radio-wrap,.js-modal-menu .radio-wrap{display:flex;flex-direction:column;gap:12px}#drawer_sort .radio-wrap li,.js-modal-menu .radio-wrap li{display:flex;align-items:center;gap:12px;font-size:14px}#drawer_sort input[name="ajaxsort"],.js-modal-menu input[name="ajaxsort"]{-webkit-appearance:none;appearance:none;background-image:linear-gradient(120deg, #60a5fa, #3b82f6);border-radius:50%;width:24px;height:24px;position:relative;display:flex;justify-content:center;align-items:center}#drawer_sort input[name="ajaxsort"]::before,.js-modal-menu input[name="ajaxsort"]::before{content:'✔';visibility:hidden;position:absolute;z-index:2;font-size:16px;color:#fff}#drawer_sort input[name="ajaxsort"]:checked::before,.js-modal-menu input[name="ajaxsort"]:checked::before{visibility:visible}#drawer_sort input[name="ajaxsort"]::after,.js-modal-menu input[name="ajaxsort"]::after{content:'';background:#fff;width:18px;height:18px;border-radius:50%;position:absolute}#drawer_sort input[name="ajaxsort"]:checked::after,.js-modal-menu input[name="ajaxsort"]:checked::after{background-image:linear-gradient(120deg, #60a5fa, #3b82f6)}#sort__bg,#menu__bg{display:none;background-color:rgba(0,0,0,0.6);width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-20}#sort__bg.is-on,#menu__bg.is-on{display:block;z-index:20}@keyframes animeblink{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}to{-webkit-transform:scale(50) rotate(45deg);opacity:0}}
/*# sourceMappingURL=service.css.map */