:root {--font-family-base: 'AppleSDGothicNeo-Regular', "맑은 고딕", "Malgun Gothic", sans-serif;--sidebar-lg-size: 0.89rem;--lg-blue-base: #0a60e1;--lg-light-dark: #3f3f3f;font-size: 17px;color: #000 }html, body {width: 100%;height: 100%;margin: 0;padding: 0;background-color: #f2f2f2 }body {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;overflow-y: scroll;font-weight: 400;font-family: var(--font-family-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1rem;line-height: 1.25;}div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {margin: 0;padding: 0 }header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block }button, input[type=submit], input[type=reset], input[type=button] {overflow: visible;cursor: pointer;outline: none !important }input[type=text], input[type=email], input[type=password], input[type=submit], textarea {-webkit-appearance: none }input, select, textarea, button {font-family: var(--font-family-base);border-radius: 0 }button {overflow: visible;margin: 0;padding: 0;border: 0;background: #fff0 }ul li {list-style: none }img, fieldset {border: none;vertical-align: top }hr {display: none }a, a:link {text-decoration: none;color: #000 }a:hover, a:focus {color: var(--lg-blue-base) }#wrap {padding: 0 1.5px }#acc-nav {position: absolute;top: 0;left: 0;z-index: 1000;width: 100%;height: 0 }#acc-nav a {display: block;position: absolute;left: 0;top: 0;overflow: hidden;width: 1px;height: 1px;margin-left: -1px;margin-bottom: -1px;text-align: center;font-weight: 700;font-size: .875rem;color: #000;white-space: nowrap }#acc-nav a:focus, #acc-nav a:hover, #acc-nav a:active {width: 100%;height: auto;padding: 10px 0;background: #000;color: #fff;z-index: 1000 }#header {margin-top: 3.3px }#header .inner {position: relative;max-width: 1080px;margin: 0 auto;background: #fff;padding: 6px 0;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }#header .nav-top {color: #000;font-weight: 600;margin-left: 35px }.sidebar-2 .nav-top {display: none }#header ul li {list-style: none;float: left;margin-right: 15px;padding: 8px }#header .b-title {padding-left: 32px;font-family: var(--font-family-base);font-weight: 800;font-size: 1.5rem;line-height: 32px;letter-spacing: -.2px;color: #333 }#header .b-title a {text-decoration: none;color: #333;vertical-align: top }#header .b-title img {width: auto;height: 32px }#header .util {display: flex;flex-direction: row-reverse;gap: 15px;margin: 0 20px 0 auto }#header .util .search {display: flex;gap: 10px;right: 26px;position: relative;float: left;overflow: hidden;width: 32px;background-color: #fff;box-sizing: border-box;transition: width 0.5s;-webkit-transition: width 0.5s }#header .util .search:before {content: "";position: absolute;top: 0;right: 0;z-index: 20;width: 32px;height: 32px;border: 1px solid #eee;border-radius: 50%;text-indent: -999em;background: #fff url(./images/ico_package.png) no-repeat 0 0;vertical-align: top;box-sizing: border-box;outline: none;cursor: pointer }#header .util .search input {width: 32px;height: 32px;padding: 5px 15px;border: 0;background-color: #fff0;font-size: .875em;line-height: 1;outline: none;box-sizing: border-box }#header .util .search input:focus {border-color: #484848 }#header .util .search input::placeholder {color: #969696 }#header .util .search button {position: absolute;top: 1px;right: 1px;z-index: 10;width: 30px;height: 30px;text-indent: -999em;border: 1px solid #eee;border-radius: 50%;background: #fff url(./images/ico_package.png) no-repeat -1px -1px;vertical-align: top;outline: none }#header .util .search.on {width: 200px }#header .util .search.on:before {content: none }#header .util .search.on input {display: block;width: 100%;border: 1px solid #eee;border-radius: 32px }#header .util .search.on button {border-color: #fff0 }#header .util .profile {position: relative;float: left;margin-left: 14px }#header .util .profile button {display: block;overflow: hidden;width: 32px;height: 32px;border: 1px solid #eee;border-radius: 50% }#header .util .profile img {width: 100%;height: 100% }#header .util .profile nav {display: none;position: absolute;top: 100%;left: 50%;z-index: 30;width: 96px;margin: 0 0 0 -48px;padding-top: 12px }#header .util .profile ul {box-shadow: 1px 1px 3px rgb(0 0 0 / .1) }#header .util .profile ul li a {display: block;margin-top: -1px;border: 1px solid #eee;background-color: #fff;text-align: center;text-decoration: none;font-size: .875em;line-height: 2.3125rem;color: #777 }#header .util .profile ul li a:focus, #header .util .profile ul li a:hover {background-color: #fafafa;color: #333 }#header .util .menu {display: none }#gnb {-ms-overflow-style: none }#gnb::-webkit-scrollbar {display: none }#gnb ul {display: flex;width: 100% !important }#gnb ul li {padding: 0 5px }#gnb ul li a:hover, #gnb ul li.current a {color: var(--lg-blue-base);text-decoration: none }#container {background-color: #f2f2f2;position: relative }#container .content-wrap {max-width: 1080px;margin: 0 auto;padding: 0 }#container .content-wrap:before {content: "";position: absolute;top: 0;left: 49.3%;z-index: 10;width: 0;height: 100%;margin-left: 255px;background-color: #f2f2f2 }#container .content-wrap:after {content: "";clear: both;display: block;height: 0;visibility: hidden }#content {float: left;width: 72.3%;padding: 2px 0 60px;box-sizing: border-box }#content>.inner:after {content: "";clear: both;display: block;height: 0;visibility: hidden }#content>div>div.entry-content>div.inner {margin-bottom: 50px }#aside {float: right;width: 27%;padding: 7px 0 32px;box-sizing: border-box;top: -6px }#aside .close, #aside .profile {display: none }#footer {padding: 38px 0 28px;border-top: 1px solid #eee }#footer .inner {position: relative;max-width: 1080px;margin: 0 auto }#footer p {margin-bottom: 10px;font-size: .875em;color: #777 }#footer p a, #footer p a:hover {color: #777 }#footer .order-menu a {display: inline-block;margin-bottom: 23px;font-size: .8125rem;vertical-align: middle;color: var(--lg-light-dark);}#footer .order-menu a:hover, #footer .order-menu a:focus {color: #333 }#footer .order-menu a:before {content: "";display: inline-block;width: 2px;height: 2px;margin: 0 20px 2px 15px;background-color: #d2d2d2;vertical-align: middle }#footer .order-menu a:first-child::before {content: none }#footer .page-top {position: absolute;top: 0;right: 0;width: 30px;height: 30px;border: 1px solid #eee;border-radius: 50%;background: #fff url(./images/ico_package.png) no-repeat -100px -200px;text-indent: -999em }#footer .page-top:focus, #footer .page-top:hover {background-color: #757575;background-position-x: -150px }#tt-body-index .main-slider {display: block }#tt-body-index #content {padding-bottom: 43px }#tt-body-tag .tags {margin-top: 0 }.admin {margin: 10px 0 }.admin a {padding: 3px 6px;background-color: var(--lg-light-dark);border-radius: 3px;font-size: 13px;color: white !important }.main-slider {display: none;position: relative;top: -1px;z-index: 20;overflow: hidden;width: 100%;background-color: #cbcbcb }.main-slider ul {position: relative }.main-slider ul li {display: table;width: 100%;height: 340px;background-position: 50% 50%;background-size: cover }.main-slider ul li a {display: table;width: 100%;height: 100%;text-decoration: none;background-color: rgb(0 0 0 / .15) }.main-slider ul li .inner {display: table-cell;vertical-align: middle }.main-slider ul li .box {display: block;max-width: 910px;margin: 0 auto;padding: 0 24px 6px }.main-slider ul li .text {display: block;overflow: hidden;max-width: 65%;text-overflow: ellipsis;font-weight: 300;font-size: 2.125rem;line-height: 1.2352;color: #fff;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical }.main-slider ul li .btn {display: block;width: 118px;height: 35px;margin-top: 32px;border-radius: 35px;line-height: 35px;background-color: #fff;color: var(--lg-light-dark);}.main-slider ul li .btn:hover {background-color: #04beb8;color: #fff }.main-slider .prev, .main-slider .next {display: none }.main-slider .paging {position: absolute;top: 50%;left: 50%;z-index: 10;margin-left: 447px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%) }.main-slider .paging button {display: block;width: 8px;height: 8px;margin: 10px 0;text-indent: -999em;border-radius: 50%;background-color: rgb(255 255 255 / .4) }.main-slider .paging .current {background-color: rgb(255 255 255) }.cover-thumbnail-2 {position: relative;overflow: hidden;width: 100% }.cover-thumbnail-2 h2 {margin-bottom: 1px;border-bottom: 1px solid #eee;font-weight: 500;font-size: 1em;color: var(--lg-light-dark);}.cover-thumbnail-2 ul li {overflow: hidden;margin: 0 0 7px 0;background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.cover-thumbnail-2 ul li a {display: block;text-decoration: none }.cover-thumbnail-2 ul li a:hover .title, .cover-thumbnail-2 ul li a:focus .title {text-decoration: underline }.cover-thumbnail-2 ul li figure {float: left;width: 168px;margin-right: 37px }.cover-thumbnail-2 ul li figure img {width: 100%;height: auto;border-radius: 10px;box-sizing: border-box }.cover-thumbnail-2 ul li .title {display: block;overflow: hidden;max-width: 95%;margin-bottom: 20px;text-overflow: ellipsis;white-space: nowrap;font-size: 1.45rem;font-weight: 600;color: #2f2f2f;line-height: 1.4;text-decoration-line: none !important }.cover-thumbnail-2 ul li .title:hover {color: #085fe1 }.cover-thumbnail-2 ul li .excerpt {display: block;overflow: hidden;max-width: 95%;margin-bottom: 20px;text-overflow: ellipsis;font-size: .875rem;line-height: 1.5rem;color: #5f5f5f;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical }.cover-thumbnail-2 ul li .meta {display: block;font-size: .83em;color: #1a4d9a }.cover-thumbnail-2 ul li .meta span:before {content: "";display: inline-block;width: 2px;height: 2px;margin: 0 8px 0 5px;background-color: #d2d2d2;vertical-align: middle }.cover-thumbnail-2 ul li .meta span:first-child:before {content: none }.cover-thumbnail-2 .more {display: block;width: 100%;margin: 28px 0;text-align: center;font-size: 1.1rem;color: #000 }.post-header {padding-top: 4px }.post-header h1 {margin-bottom: 18px;font-size: 1rem;line-height: 1.375 }#tt-body-archive .post-header span:before {content: "'" }#tt-body-archive .post-header span:after {content: "' 에 등록된 글" }#tt-body-tag .post-header span:before {content: "#" }#tt-body-search .post-header span:before {content: "'" }#tt-body-search .post-header span:after {content: "'의 검색결과" }.post-header h1 em {margin-left: 7px;font-style: normal;color: #04beb8 }.post-item {float: left;width: 31.081081081081081%;margin: 0 0 58px 3.378378378378378% }.post-item:nth-child(3n+1) {clear: both;margin-left: 0 }.post-item .thum {position: relative;display: block;overflow: hidden;width: 100%;height: 0;margin-bottom: 5px;padding-bottom: 60.869565217391304%;background-color: #f8f8f8 }.post-item .thum img {width: 100%;height: auto;transform: translateY(-25%);-webkit-transform: translateY(-25%);-ms-transform: translateY(-25%) }.post-item .title {width: 95%;line-height: 1.4;margin-bottom: 20px;font-size: 1.33rem;font-weight: 600;}.post-item .excerpt {overflow: hidden;max-width: 95%;margin-bottom: 15px;text-overflow: ellipsis;font-size: .8125em;line-height: 1.5rem;color: #999;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical }.post-item h2 a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.post-item .meta {display: block;font-size: .75em;color: #999 }.post-item .meta span:before {content: "";display: inline-block;width: 2px;height: 2px;margin: 0 8px 0 5px;background-color: #d2d2d2;vertical-align: middle }.post-item .meta span:first-child:before {content: none }.post-item.protected .thum:before {content: "";position: absolute;top: 50%;left: 50%;width: 34px;height: 47px;margin: -24px 0 0 -17px;background: url(./images/ico_package.png) no-repeat 0 -120px;background-size: 120px auto }.not-found {display: block;padding: 30px;margin: 5px 0 7px 0;}.not-found li {position: relative;padding-left: 10px;font-size: .9375em;line-height: 2 }.not-found li:before {content: "";position: absolute;top: 15px;left: 0;width: 2px;height: 2px;background-color: #999 }.not-found .tag, .not-found .category, .not-found .archive {display: none }#tt-body-tag .not-found ul, #tt-body-category .not-found ul, #tt-body-archive .not-found ul {display: none }#tt-body-tag .not-found .tag, #tt-body-category .not-found .category, #tt-body-archive .not-found .archive {display: block }.pagination {margin: 25px 0;text-align: center }.pagination a {display: inline-block;margin: 0 12px;font-size: .875em;line-height: 1.5rem;vertical-align: top;color: #999 }.pagination .selected {color: #333 }.pagination .prev, .pagination .next {width: 22px;height: 22px;border: 1px solid #eee;border-radius: 50%;background: url(./images/ico_package.png) no-repeat 0 -50px;text-indent: -999em }.pagination .next {background-position-x: -50px }.pagination .view-more {display: block;margin: 0;padding: 12px 0 11px;border: 1px solid #eee;text-align: center;font-size: .875em;color: #999 }div.inner>div.tags {margin-bottom: 5px;font-size: 0;background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }div.inner>div.tags a {color: #fff;background-color: #313131;border: none }div.inner>div.tags a:hover, div.inner>div.tags a:focus {background-color: #04beb8;text-decoration-line: none }.tags:after {content: "";clear: both;display: block;height: 0;visibility: hidden }.tags h2 {margin-bottom: 15px;font-weight: 600;font-size: 16px }.tags a {display: inline-block;margin: 0 8px 12px 0;padding: 0 17px;border: 1px solid #eee;border-radius: 32px;font-size: 14px;line-height: 30px;vertical-align: middle;color: var(--lg-light-dark);}.tags a:hover, .tags a:focus {color: #333 }.page-nav {margin: 52px 0 60px 0;padding: 23px 0 20px;border-top: 1px solid #eee;border-bottom: 1px solid #eee }.page-nav a {display: block;overflow: hidden;padding-left: 58px;text-overflow: ellipsis;white-space: nowrap;font-size: .875em;line-height: 2.125rem;color: var(--lg-light-dark);}.page-nav a:hover, .page-nav a:focus {color: #333 }.page-nav a strong {float: left;width: 58px;margin-left: -58px;font-weight: 400;color: #999 }.page-nav a strong:after {content: "";display: inline-block;width: 1px;height: 5px;margin: 0 8px;background: url(./images/ico_package.png) no-repeat -150px -50px;vertical-align: middle }.related-articles {margin-bottom: 5px;background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.related-articles h2 {margin-bottom: 15px;font-weight: 600;font-size: 1em }.related-articles ul {display: inline-block;width: 101.621621621621622%;margin-left: -1.621621621621622%;vertical-align: top }.related-articles ul li {float: left;width: 25%;padding-left: 1.621621621621622%;box-sizing: border-box }.related-articles ul li:first-child {margin-left: 0 }.related-articles ul li a {color: var(--lg-light-dark);}.related-articles ul li a:hover, .related-articles ul li a:focus {color: #333 }.related-articles ul li figure {display: block;width: 100%;height: 0;margin-bottom: 9px;padding-bottom: 68.181818181818182%;background-color: #f8f8f8 }.related-articles ul li figure img {width: 100%;height: auto }.related-articles ul li .title {max-width: 95%;text-overflow: ellipsis;font-size: .875em;line-height: 1.4;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden }.entry-content h1 {clear: both;margin: 29px 0 22px;font-size: 1.65em;line-height: 1.4;}.entry-content h1 a {color: inherit }.entry-content h2 {clear: both;margin: 29px 0 22px;font-size: 1.5em;font-weight: 900 !important;line-height: 1.5;}.entry-content h2:not(form.protected_form h2)::before {display: inline-block;content: "";width: 6px;height: 20px;background-color: var(--lg-blue-base);border-radius: 8px;margin-right: 16px }.entry-content h3 {clear: both;margin: 55px 0 22px;font-size: 1.3125em;font-weight: 700 !important;line-height: 1.5;}.entry-content h4 {clear: both;margin: 29px 0 22px;font-weight: 400;font-size: 1.125em;line-height: 1.5;}.entry-content p {word-break: break-all;line-height: 1.7;}.entry-content p img {max-width: 100%;height: auto }.entry-content figure {margin-top: 8px !important }.entry-content hr {display: block;height: 0;border: 0;border-bottom: 1px solid #000 }.entry-content pre {word-break: break-all;white-space: pre-wrap;word-wrap: break-word }.entry-content ul {list-style: disc;margin-bottom: 40px;padding: revert }.entry-content ul li {position: relative;margin-bottom: 10px;font-size: 17px;line-height: 1.5714;color: #666;list-style: inherit }.entry-content ol {list-style: decimal inside;margin-bottom: 22px }.entry-content ol li {position: relative;margin-bottom: 10px;padding-left: 16px;font-size: .9375em;line-height: 1.5714;color: #666;text-indent: -15px;list-style: inherit }.entry-content img.alignleft {float: left;margin: 0 22px 22px 0 }.entry-content img.aligncenter {display: block;margin: 0 auto 22px }.entry-content img.alignright {float: right;margin: 0 0 22px 22px }.entry-content blockquote {margin-bottom: 40px;padding: 16px 20px;border-left: 4px solid #e6e6e6 }.entry-content blockquote p {margin: 22px 0 0 }.entry-content blockquote p:first-child {margin-top: 0 }.entry-content table {width: 100%;margin-bottom: 22px;border: 1px solid #e6e6e6;border-collapse: collapse;text-align: center;font-size: .9375em;line-height: 1.5714;color: #666 }.entry-content table thead th {padding: 7px 0 11px;border-left: 1px solid #e6e6e6 }.entry-content table tbody td {padding: 7px 0 11px;border-left: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6 }.entry-content input {height: 36px;padding: 0 10px;border: 1px solid #e6e6e6;font-size: .875em;line-height: 1.25;color: #666;box-sizing: border-box;vertical-align: middle }.entry-content .protected_form {margin-bottom: 40px;padding: 120px 0 200px;border-bottom: 1px solid #7a583a;text-align: center }.entry-content .protected_form input {width: 200px;margin-bottom: 10px;vertical-align: top }.entry-content .cap1 {text-align: center;font-size: .875em;font-style: italic }.entry-content .iframe-wrap {position: relative;height: 0;padding-bottom: 56.25% }.entry-content .iframe-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100% }.entry-content .protected_form {display: block;width: 100%;padding: 98px 0 120px;text-align: center }.entry-content .protected_form h2 {margin: 0 0 8px;font-weight: 600;font-size: 1.625em;line-height: 2.125rem;color: var(--lg-light-dark);}.entry-content .protected_form p {margin-bottom: 34px;font-weight: 300;font-size: 1em;line-height: 1.75;color: #999 }.entry-content .protected_form input {width: 183px;padding: 0 23px;border: 1px solid #eee;font-size: .9125em;line-height: 2.125rem }.entry-content .protected_form input:focus {border-color: #484848 }.entry-content .protected_form .btn {margin-left: 5px }.comments {margin-bottom: 25px;background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.comments h2 {margin-bottom: 15px;font-weight: 600;font-size: 1em }.comments h2 .count {margin-left: 4px;color: #04beb8 }.comment-list {margin-bottom: 60px;border-top: 1px solid #eee }.comment-list ul li {display: inline-block;width: 100%;padding: 32px 0 28px;border-bottom: 1px solid #eee;vertical-align: top;box-sizing: border-box }.comment-list .tt_more_preview_comments_wrap {padding: 0;border: 0 }.comment-list .tt_more_preview_comments_text {display: block;margin: -1px 0 0;padding: 12px 0 11px;border: 1px solid #eee;text-align: center;font-size: .875em;color: #999 }.comment-list .tt_more_preview_comments_text:hover {text-decoration: underline }.comment-list ul li .author-meta {position: relative;margin-bottom: 7px;padding: 2px 0 0 60px;font-size: .8125em;color: #999 }.comment-list ul li .author-meta a {color: #999 }.comment-list ul li .author-meta a:before, .comment-list ul li .author-meta span:before {content: "";display: inline-block;width: 2px;height: 2px;margin: 0 7px 0 5px;background-color: #e3e3e3;vertical-align: middle }.comment-list ul li .author-meta .nickname {font-weight: 700;color: var(--lg-light-dark);}.comment-list ul li .author-meta .nickname a {color: var(--lg-light-dark);}.comment-list ul li .author-meta .avatar {float: left;width: 46px;margin: -2px 0 0 -60px;border: 1px solid #eee;border-radius: 50% }.comment-list ul li .author-meta .control {position: absolute;top: 0;right: -9px;border-bottom: 0 }.comment-list ul li .author-meta .control button {content: "";display: block;width: 20px;height: 20px;background: url(./images/ico_package.png) no-repeat -141px 5px;text-indent: -999em }.comment-list ul li .author-meta .control .link {display: none;position: absolute;top: 100%;left: -65px;width: 70px;text-align: center }.comment-list ul li .author-meta .control .link a {display: block;margin-top: -1px;border: 1px solid #e0e0e0;background-color: #fff;text-decoration: none;font-size: .875em;line-height: 1.5rem;color: #333 }.comment-list ul li .author-meta .control .link a:focus, .comment-list ul li .author-meta .control .link a:hover {background-color: #fafafa;color: #222 }.comment-list ul li .author-meta .nickname:before, .comment-list ul li .author-meta .nickname a:before, .comment-list ul li .author-meta .control:before, .comment-list ul li .author-meta .control a:before {content: none }.comment-list ul li p {max-width: 85%;padding: 0 0 0 60px;font-size: .875em;line-height: 1.3125rem;color: #777;box-sizing: border-box }.comment-list ul li .reply {display: inline-block;margin-top: 10px;font-size: .8125rem;color: #999 }.comment-list ul li ul {margin: 28px 0 -32px 0;padding: 26px 0 21px;border-top: 1px solid #eee;background-color: #fafafa }.comment-list ul li ul li {padding: 14px 0 15px 60px;border-bottom: 0 }.comment-list ul li ul li .author-meta {margin-bottom: 8px }.comment-list ul li ul li .author-meta .control {right: 15px }.comment-list ul li ul li .author-meta .avatar {width: 42px }.comment-list ul li ul li p {max-width: 80% }.comment-list ul li ul .tt_more_preview_comments_wrap {display: block }.comment-list ul li ul .tt_more_preview_comments_text {margin-bottom: 16px;border-top: 0;border-left: 0;border-right: 0 }.comment-list ul li ul .tt_more_preview_comments_text:first-child {margin-top: -24px;padding: 12px 0 11px }.comment-form {position: relative;margin-bottom: 10px }.comment-form .field {overflow: hidden;margin-bottom: -1px }.comment-form .field input[type=text], .comment-form .field input[type=password] {float: left;width: 50%;padding: 12px 16px;border: 1px solid #eee;font-size: .875em;color: #777;box-sizing: border-box }.comment-form .field input:first-child {border-right: none }.comment-form textarea {display: block;width: 100%;margin-bottom: 20px;padding: 16px 100px 16px 16px;border: 1px solid #eee;font-size: .875em;color: #777;box-sizing: border-box;resize: none }.comment-form input::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder {color: #999 }.comment-form .secret {position: absolute;left: 0;bottom: 8px }.comment-form .secret input {display: none }.comment-form .secret label {display: inline-block;font-size: .8125em;line-height: 1.25rem;color: #666;outline: none;cursor: pointer }.comment-form .secret label:before {content: "";display: inline-block;width: 19px;height: 18px;margin-right: 12px;border: 1px solid #e1e1e1;vertical-align: top;background-color: #fff }.comment-form .secret input[type=checkbox]:checked+label:before {background: url(./images/ico_package.png) no-repeat -47px 4px }.comment-form .submit {text-align: right }.comment-form .submit button {background-color: #333;color: #fff }.comment-form .submit button:hover, .comment-form .submit button:focus {background-color: #04beb8 }.back {background: #fff;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 10px }.lg-content {display: block;}.lg-toc {border: 1px solid #ededed;margin-bottom: 45px;padding: 20px 30px 10px 30px;background-color: #f5f5f5;border-radius: 5px }.lg-toc ul {list-style: none;padding: 0 !important;margin: 5px 0 12px 0 !important;}.lg-toc ul li {margin-bottom: 6px;}.lg-toc ul ul li {padding-left: 20px;}.lg-toc a {font-size: 0.93rem;text-decoration: none;color: #222 !important;transition: color 0.3s ease;}.lg-toc a:hover {color: var(--lg-blue-base) !important;font-weight: 600;}.lg-toc p {clear: both;font-weight: 700;font-size: 1.2rem;}.toc-header {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;}.toc-header p {margin: 0;font-weight: bold;}.toc-toggle {cursor: pointer;user-select: none;padding: 0 5px;position: relative;left: 6px;font-size: .8rem;transform: rotate(-90deg);}.sidebar a:hover {color: #085fe1 !important }.sidebar h2 {margin-bottom: 9px;font-size: 17px;font-weight: 700;color: #000 }.sidebar .sidebar-1, .sidebar .sidebar-2, .sidebar .sidebar-3 {margin-bottom: 7px;padding: 30px 25px !important }.sidebar .sidebar-1>*:not(:last-child) {margin-bottom: 25px }.sidebar .sidebar-2>*:not(:last-child), .sidebar .sidebar-3>*:not(:last-child) {margin-bottom: 42px }.sidebar .sidebar-1 .revenue_unit_wrap, .sidebar .sidebar-2 .revenue_unit_wrap, .sidebar .sidebar-3 .revenue_unit_wrap {margin-top: 0 !important;}.sidebar .sidebar-1>*:last-child:not(.revenue_unit_wrap), .sidebar .sidebar-2>*:last-child, .sidebar .sidebar-3>*:last-child {margin-bottom: 0 }.sidebar ul li {padding: 4px 0 5px;}.sidebar .category ul li ul {padding-top: 8px }.sidebar .category ul li ul li ul {overflow: hidden;margin-bottom: -4px;padding-top: 6px }.sidebar .category ul li ul li ul li {position: relative;padding: 3px 0 3px 9px;font-size: .8125rem }.sidebar .category ul li ul li ul li:before {content: "";position: absolute;bottom: 7px;left: 0;width: 2px;height: 100%;background-color: #eee }.sidebar .category ul li ul li ul li:first-child:before {top: 7px;bottom: auto }.sidebar .category ul li ul li ul li a {color: #999 }.sidebar .notice a, #side-menu a, .category_list a {font-size: var(--sidebar-lg-size) }.sidebar .recent-comment ul li a {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: var(--sidebar-lg-size) }.sidebar .post-list ul li {overflow: hidden;margin-bottom: 20px;padding: 0 }.sidebar .post-list ul li:hover {text-decoration-line: none !important }.sidebar .post-list ul li img {border-radius: 10px;width: 100%;height: auto;margin-bottom: 15px }.sidebar .post-list ul li a {display: block;overflow: hidden;text-decoration: none !important }.sidebar .post-list ul li .title {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: var(--sidebar-lg-size) !important;line-height: 1.4 }.sidebar .post-list ul li .date {display: block;padding: 6px 0 20px;font-size: .75rem;line-height: 1;border-bottom: 1px solid #ebebeb }.sidebar .social-list h2 {margin-bottom: 18px }.sidebar .social-list .tab-list {overflow: hidden;width: 100% }.sidebar .social-list ul li {margin-bottom: 15px;padding: 0 0 0 48px }.sidebar .social-list ul li a {display: block;text-decoration: none }.sidebar .social-list ul li a:hover .text {text-decoration: underline }.sidebar .social-list ul li .avatar {float: left;overflow: hidden;width: 40px;height: 40px;margin-left: -48px;border-radius: 50% }.sidebar .social-list ul li .title {display: block }.sidebar .social-list ul li .date {display: block;margin-top: 6px;font-size: .75rem;color: #777 }#aside .tags a {float: none;margin: 0 4px 0 0;padding: 0;border: 0;font-size: .8125em;line-height: 2;color: var(--lg-light-dark);}#aside .tags a:after {content: ", " }#aside .tags a:last-child:after {content: none }#aside .tags a:hover, #aside .tags a:focus {color: #333 }.sidebar .count {margin-bottom: 46px }.sidebar .count p {margin-bottom: 6px;font-size: .91em }.sidebar .count .total {margin: 14px 0;font-weight: 700;font-size: 1.875em;color: var(--lg-light-dark);}.sidebar .social-channel {margin-bottom: 48px }.sidebar .social-channel ul {display: flex;justify-content: center;overflow: hidden;width: 100% }.sidebar .social-channel ul li {float: left;margin-left: 10px;padding: 0 }.sidebar .social-channel ul li:first-child {margin-left: 0 }.sidebar .social-channel ul li a {display: block;width: 34px;height: 34px;border: 1px solid #eee;border-radius: 50%;text-indent: -999em;background: url(./images/ico_package.png) no-repeat 0 -100px }.sidebar .social-channel ul li.youtube a {background-position-x: -50px }.sidebar .social-channel ul li.instagram a {background-position-x: -100px }.sidebar .social-channel ul li.twitter a {background-position-x: -150px }.sidebar .social-channel ul li a:focus, .sidebar .social-channel ul li a:hover {background-color: #757575;background-position-y: -150px }.sidebar .tab-ui h2 a.current {color: #085fe1;font-size: 18px;font-weight: 700;text-decoration-line: none }.sidebar .tab-ui h2 a:before {content: "";display: inline-block;width: 1px;height: 5px;margin: 0 10px;vertical-align: middle;background: url(./images/ico_package.png) no-repeat -100px -50px }.sidebar .tab-ui h2 a:first-child:before {content: none }#dimmed {position: fixed;top: 0;left: 0;z-index: 300;width: 100%;height: 100%;background-color: rgb(0 0 0 / 69%) }.mobile-menu {overflow: hidden;height: 100% }.slide-wrap {overflow: hidden }#content .another_category {margin: 60px 0 57px !important }#content .another_category h4 {margin: 0 0 13px !important;;padding: 0 !important;border-bottom: 0 !important;font-size: 1.2em !important;color: #000 !important;font-weight: 800 !important }#content .another_category table {margin: 13px 0 0 !important;border: 0 }#content .another_category th {padding: 10px 0 !important;font-size: 1.1rem !important;color: #333 !important;border-bottom: 1px solid #f2f2f2 }#content .another_category th a {font-weight: 400;color: #333 !important;border: 0 !important }#content .another_category th a.current {font-weight: 700 !important;color: #085fe1 !important }#content .another_category td {display: none;padding: 2px 0 !important;border: 0;font-size: 0.75rem !important }.container_postbtn {margin: 53px 0 55px;padding: 0 !important }.absent_post:before {content: "죄송합니다만 \A글을 찾지 못했습니다.";display: block;margin-bottom: 7px;font-weight: 700;font-size: 1.75em;line-height: 1.285714285714286;color: var(--lg-light-dark);white-space: pre }.absent_post {padding: 98px 0 !important;background: none !important;font-weight: normal !important;font-size: 1em !important;line-height: 1.75;color: #999 !important }.cnb-ad {min-height: 280px;margin-bottom: 35px }.layout-aside-left #content {float: right }.layout-aside-left #container .content-wrap:before {margin-left: -256px }.layout-aside-left #aside {float: left;margin-left: 0 }.list-type-vertical .post-item {margin-bottom: 38px }.list-type-vertical .post-item .thum {margin-bottom: 3px;padding-bottom: 130.434782608695652% }.list-type-vertical .post-item .thum img {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0) }.list-type-vertical .post-item .title {margin-bottom: 5px }.list-type-vertical .post-item .excerpt, .list-type-vertical .post-item .meta .comment {display: none }.list-type-vertical .post-item .meta span:before {content: none }.list-type-thumbnail .post-header {display: none;margin-bottom: 28px;padding-bottom: 18px;border-bottom: 1px solid #eee }.list-type-thumbnail .post-header h1 {margin-bottom: 0 }.list-type-thumbnail .post-item {float: none;overflow: hidden;width: auto;margin: 7px 0;background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.list-type-thumbnail .post-item:first-child {margin: 5px 0 7px }.list-type-thumbnail .post-item .thum {display: inline;width: auto;height: auto;margin: 0;padding: 0 }.list-type-thumbnail .post-item .thum img {float: left;width: 156px;height: auto;margin-right: 30px;border-radius: 10px;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0) }.list-type-thumbnail .post-item.protected .thum {float: left;width: 168px;height: auto;margin-left: 57px;border: 1px solid #f1f1f1;background-color: #f8f8f8 }.list-type-thumbnail .post-item .excerpt {overflow: hidden;height: 3.75rem;margin-bottom: 20px;font-size: .875em;line-height: 1.25rem }.list-type-thumbnail .post-item .meta .comment {display: none }.list-type-thumbnail .post-item .meta span:before {content: none }.list-type-text .post-header {margin-bottom: 38px;padding-bottom: 18px;border-bottom: 1px solid #eee }.list-type-text .post-header h1 {margin-bottom: 0 }.list-type-text .post-item {float: none;overflow: hidden;width: 100%;margin: 0 0 35px }.list-type-text .post-item .thum {display: none }.list-type-text .post-item .title {max-width: 96%;margin-bottom: 10px;padding-top: 0;font-size: 1em }.list-type-text .post-item .excerpt {max-width: 96%;margin-bottom: 20px;font-size: .875em;line-height: 1.25rem }.list-type-text .post-item .meta .comment {display: none }.list-type-text .post-item .meta span:before {content: none }.list-type-text .pagination {margin-top: 36px }@media only screen and (-webkit-min-device-pixel-ratio:1.5) {#header .util .search:before, #header .util .search button, #footer .page-top, .page-nav a strong:after, .entry-content .protected_form h2:before, .comment-list ul li .author-meta .control button, .comment-form .secret input[type=checkbox]:checked+label:before, .sidebar .social-channel ul li a, .sidebar .tab-ui h2 a:before {background-image: url(./images/ico_package_2x.png);background-size: 200px auto }.post-item.protected .thum:before {background-image: url(./images/ico_package_2x.png);background-size: 120px auto }}@media screen and (max-width:1445px) {.menu_toolbar {display: none }}@media screen and (max-width:1080px) {#header h1, #footer {padding-left: 24px;padding-right: 24px }#header .util {right: 24px }#header .util .profile nav {left: auto;right: 0;margin: 0 }#container .content-wrap:before {left: 72.7%;margin-left: 0 }.layout-aside-left #container .content-wrap:before {left: 27.3%;margin-left: 0 }.main-slider .paging {left: auto;right: 20px;margin-left: 0 }}.inner .entry-content {margin: 5px 0;background: #fff;padding: 35px 27px 1px 27px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.another_category {border: none !important }.enter-page {font-size: 14px;padding: 4px;color: #000;width: 23%;border: 1px solid #c4c4c4;border-radius: 5px;margin-top: 36px }.enter-page:hover {color: #fff;border: 1px solid #000;background-color: #000 }.inner .revenue_unit_wrap {max-width: 100% !important }.another_category th {line-height: 1.6 !important }.bf-breadcrumb .bf-breadcrumb-items {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;font-size: 15px }.bf-breadcrumb .bf-breadcrumb-item:not(.bf-breadcrumb-end):after {content: '\00BB';margin: 0 3px 0 3px;color: #929292;font-size: 11px;align-self: center }.bf-breadcrumb .bf-breadcrumb-item a, .bf-breadcrumb .bf-breadcrumb-item span {color: #525252;display: inline-block }li.bf-breadcrumb-item {display: contents;font-size: 14px !important }.revenue_unit_item adfit {height: 0 !important;min-height: 90px !important }.og-text .google-auto-placed.ap_container {display: none !important;}figure[data-ke-type='opengraph'] div.og-text {background-color: #f3f3f3;padding: 30px 30px 0 30px;border-radius: 0 5px 5px 0;left: 150px }figure[data-ke-type='opengraph'] a, #tt-body-page figure[data-ke-type='opengraph'] a {border: none;height: 150px }figure[data-ke-type='opengraph'] div.og-image {width: 150px;border-radius: 5px 0 0 5px }figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {font-family: var(--font-family-base);font-weight: bold !important;margin-bottom: 20px !important }figure[data-ke-type='opengraph'] div.og-text p.og-desc, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc {color: #464646;font-family: var(--font-family-base);line-height: 1.4;-webkit-line-clamp: 2;display: -webkit-box }figure[data-ke-type='opengraph'] div.og-text p.og-host, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host {display: none }figure[data-ke-type="video"] {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden }figure[data-ke-type="video"] iframe, figure[data-ke-type="video"] object, figure[data-ke-type="video"] embed {position: absolute;top: 0;left: 0;width: 100%;height: 100% }.buy {display: inline-block;border-radius: 6px;background-color: #f4511e;border: none;color: #FFF;text-align: center;font-size: 22px;padding: 8px;transition: all 0.5s;cursor: pointer;margin: 5px 5px 20px 5px;width: 60% }.buy span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s }.buy span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s }.buy:hover span {padding-right: 25px }.buy:hover span:after {opacity: 1;right: 0 }.product-img {columns: 2 }.meta .author:after {content: " \00b7" }.link_tit {margin-bottom: 7px;font-size: 17px;font-weight: 700;color: #000 }#content .another_category h4 a {color: #1960CA !important }.post-item .meta {color: #1a4d9a }.idx-category:after {content: "";display: inline-block;width: 2px;height: 2px;margin: 0 8px 0 5px;background-color: #1a4d9a;vertical-align: middle }.revenue_unit_wrap.position_list {width: auto !important;margin: 7px 0 0 !important;background: #fff;padding: 5px !important;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }div[data-ke-type='moreLess'].open .moreless-content, #tt-body-page div[data-ke-type='moreLess'].open .moreless-content {margin: 15px 0 50px 0;background-color: #fafafa;border-radius: 5px;border: 1.3px dashed #b4b4b4;padding: 25px }#content>.revenue_unit_wrap {margin: 5px 0 0 !important }.tt-box-total {display: none !important }.pre-next {display: grid;grid-template-columns: 1fr 1fr;column-gap: 5px;margin-bottom: 5px }.post_np {background: #fff;padding: 20px 30px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;box-shadow: 3px 4px 9px .1px #eaeaea;border-radius: 11px }.post_np a:hover {text-decoration-line: none !important;color: #085fe1 !important }.np_thumb_left {float: left;border-radius: 6px }.np_thumb_right {float: right;border-radius: 6px }.np_desc {font-size: 16px;font-weight: 600;color: #000;padding-bottom: 10px }.p_title {font-size: 16px;line-height: 1.5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical }.pre-next>div:nth-child(1)>a>div>.p_title {text-align: left }.pre-next>div:nth-child(2)>a>div>.p_title {text-align: right }.another_category th span {display: none }.container_postbtn {justify-content: center }.container_postbtn .postbtn_like {padding: 0 !important;border: none !important }.container_postbtn .postbtn_like button:hover {background-color: #e9e9e9;border-radius: 10px }.container_postbtn .postbtn_like>div {border-radius: 10px;background-color: #f5f5f5 }.container_postbtn .postbtn_like>div:not(.wrap_btn_etc) {margin-right: 6px }.container_postbtn .postbtn_like>div>button {height: 49px;padding: 0 18px }.container_postbtn .btn_menu_toolbar {width: 80px !important;height: 49px !important;border: 1px solid #f5f5f5 !important;border-radius: 10px !important;background-color: #f5f5f5 !important;padding-top: 2px !important }.container_postbtn .btn_menu_toolbar:hover {background-color: #e9e9e9 !important;border-radius: 10px !important }.open-cmt {display: block;background-color: #f7f7f7;padding: 20px;margin-bottom: 20px;border-radius: 11px }.open-cmt span {font-weight: 700;color: var(--lg-blue-base) }.tt-list-reply {border-bottom: none !important }.tt_box_namecard {border-radius: 11px }.tt_box_namecard .tt_desc {color: var(--lg-light-dark);!important }@media screen and (max-width:767px) {#header h1 {position: relative;z-index: 10;padding: 24px;background-color: #fff }#header .util {top: 0;right: 0;width: 77%;padding: 24px 20px 24px 0;box-sizing: border-box }#header .util, #header .util .search.on {width: 100% }#header .util .search {float: right }#header .util .search.on {right: 26px;z-index: 20;width: 60% }#header .util .search.on input {float: right;width: 100% }#header .util .profile {display: none }#header .util .menu {position: absolute;top: 22px;right: 20px;display: inline-block;width: 30px;height: 30px;border: 1px solid #eee;border-radius: 50%;text-indent: -999em;outline: none }#header .b-title {padding-left: 20px;width: 100%;font-size: 1.22rem }#header .nav-top {display: none }#header .util .menu span, #header .util .menu:before, #header .util .menu:after, #aside .close:before, #aside .close:after {content: "";position: absolute;top: 50%;left: 50%;width: 16px;height: 1px;margin: 0 0 0 -8px;background-color: #7f7f7f;transition: transform .5s;-webkit-transition: transform .5s }#header .util .menu:before {margin-top: -6px }#header .util .menu:after {margin-top: 6px }#header .inner {max-width: 98.6%;padding: 0;height: 75px;box-shadow: 1px 1px 1px .1px #eaeaea }#gnb {height: 69px }#gnb ul {margin-left: 0 }#gnb ul li {padding: 0 24px }#gnb ul li a {padding: 25px 0 24px }#container .content-wrap {width: 98.6%;padding: 0 }#container .content-wrap:before {content: none }#content {float: none;width: auto;padding: 0 0 30px }#aside {position: fixed !important;top: 0;right: -278px;z-index: 400;float: none;overflow: auto;width: 278px;height: 100%;padding: 14px 12px 10px;background-color: #fff;box-sizing: border-box;-webkit-transition: left .5s, right .5s;transition: left .5s, right .5s }#aside .close {position: absolute;top: 18px;right: 13px;z-index: 300;display: inline-block;width: 30px;height: 30px;text-indent: -999em;outline: none }#aside .close span {display: none }#aside .close:before {transform: rotate(-45deg) }#aside .close:after {transform: rotate(45deg) }#aside .profile {display: block;position: relative;margin-bottom: -40px }#aside .profile:before {content: "";position: absolute;top: 0;left: -24px;z-index: 0;width: 100%;height: 100%;padding: 0 24px;background-color: #f5f5f5 }#aside .profile ul {position: relative;z-index: 10;text-align: center }#aside .profile ul li {display: inline-block;padding: 16px 0 18px;font-size: .875em;color: var(--lg-light-dark);vertical-align: middle }#aside .profile ul li a {display: inline-block;vertical-align: middle }#aside .profile ul li:before {content: "";display: inline-block;width: 1px;height: 7px;margin: 0 20px 0 16px;background: url(./images/ico_package_2x.png) -100px -50px;background-size: 200px auto;vertical-align: middle }#aside .profile ul li:first-child:before {content: none }#footer {padding: 32px 24px 26px }#footer p {margin-bottom: 11px;font-size: .8125em;text-align: center }#footer .order-menu {margin-bottom: 29px }#footer .order-menu a {display: block;margin-bottom: 0;line-height: 1.75rem }#footer .order-menu a:before {content: none }#tt-body-index #content {padding: 0 }#tt-body-index #content>.inner:first-child {padding-top: 40px }#tt-body-index.list-type-text #content>.inner:first-child {padding-top: 36px }#tt-body-index .pagination {margin: 17px 20px 40px }#tt-body-page #content {padding-left: 0;padding-right: 0 }#tt-body-tag .tags, #tt-body-guestbook #content {padding-left: 0;padding-right: 0 }#tt-body-guestbook .post-header {margin: 0 24px 28px }.mobile-menu #aside {background-color: #fff0;right: 0 }.main-slider ul li {height: 400px }.main-slider ul li .inner {padding-bottom: 40px;vertical-align: bottom }.main-slider ul li .text {max-width: 100%;font-weight: 300;font-size: 1.75em;line-height: 2.25rem;-webkit-line-clamp: 3 }.main-slider ul li .btn {margin-top: 15px }.main-slider .paging {top: 40px;left: 0;right: auto;bottom: 20px;width: 100%;height: 8px;padding: 0 19px;text-align: left;box-sizing: border-box }.main-slider .paging button {display: inline-block;margin: 0 5px;vertical-align: top }.cnb-ad {min-height: 325px }.cover-thumbnail-2 {width: auto;margin: 0 }.cover-thumbnail-2 h2 {display: none;font-weight: 600 }.cover-thumbnail-2 ul li {padding: 17px 18px;margin: 0 0 5px 0 }.cover-thumbnail-2 ul li figure {width: 98px;margin-right: 17px }.cover-thumbnail-2 ul li .title {padding-top: 0;font-size: 1.11em;color: #000;font-weight: 600 }.cover-thumbnail-2 ul li .excerpt {margin-bottom: 9px;overflow: hidden;max-width: 95%;text-overflow: ellipsis;font-size: .875em;line-height: 1.2rem;color: #737373;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical }.cover-list {width: auto;margin: 0;padding: 37px 24px 12px;border-top: 8px solid #f5f5f5 }.cover-list h2 {margin-bottom: 28px;font-weight: 600 }.cover-list .more {top: 37px;right: 24px }.cover-list ul li {margin-bottom: 26px }.cover-list ul li .title {margin-bottom: 8px;font-size: 1em }.cover-list ul li .excerpt {margin-bottom: 9px;-webkit-line-clamp: 4 }.cover-event {width: auto;margin: 0;padding: 37px 24px 24px;border-top: 8px solid #f5f5f5 }.cover-event h2 {font-weight: 600 }.cover-event ul {display: block;width: auto;margin-left: 0 }.cover-event ul li {float: none;width: auto;margin-bottom: 16px;padding-left: 0 }.cover-event ul li a {padding-bottom: 43.382352941176471% }.cover-event ul li .title {-webkit-line-clamp: 3 }.cover-event ul li .more {display: none }.post-header {padding-top: 2px }.post-item {float: none;;width: auto !important;margin-left: 0;margin-bottom: 30px }.post-item .thum {margin-bottom: 7px }.post-item .title {margin-bottom: 12px }.post-item .excerpt {margin-bottom: 12px }.pagination {margin-bottom: 0;display: flex;justify-content: space-evenly }.pagination a {margin: 0 5px }.list-type-vertical .post-item {margin-bottom: 30px }.list-type-vertical .post-item .title {margin-bottom: 7px }.list-type-thumbnail .post-item .thum img {width: 96px }.list-type-thumbnail .post-item .title {width: 100%;margin-bottom: 13px;padding-top: 3px;font-size: 1.125rem }.list-type-thumbnail .post-item .excerpt {margin-bottom: 11px;line-height: 1.3;height: 2.2rem;-webkit-line-clamp: 2 }.list-type-thumbnail .post-item.protected .thum {width: 96px;height: 128px;margin-left: 25px }.list-type-text .post-header {margin-bottom: 28px }.list-type-text .post-item {margin-bottom: 26px }.list-type-text .post-item .title {margin-bottom: 10px }.list-type-text .post-item .excerpt {margin-bottom: 12px;-webkit-line-clamp: 4 }.list-type-text .pagination {margin-top: 30px }.inner .entry-content {padding: 35px 17px 1px 17px !important }.entry-content p {line-height: 1.625rem }.entry-content figure {margin-top: 6px !important }.entry-content .protected_form input {width: 163px }#content .another_category {margin: 40px 0 37px !important;padding: 0 }.container_postbtn {margin: 35px 0 37px }.tags {margin: 5px 0 }.page-nav {margin: 32px 24px 32px;padding: 25px 0 25px }.page-nav a {line-height: 1.6875rem }.related-articles {margin: 5px 0 }.related-articles h2 {margin-bottom: 19px }.related-articles ul {width: 103.571428571428571%;margin-left: -3.571428571428571% }.related-articles ul li {width: 50%;margin-bottom: 15px;padding-left: 3.448275862068966% }.related-articles ul li figure {margin-bottom: 9px }.related-articles ul li .title {height: 2.8em;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden }.comments {margin: 0 0 25px 0 }.comments, div.inner>div.tags, .post_np, .related-articles {padding: 20px }.comments iframe {position: absolute;bottom: 0;left: 0 }.comment-list {margin-bottom: 32px;border: 0 }.comment-list>ul>.tt_more_preview_comments_wrap {margin-top: 21px;padding: 0 24px }.comment-list ul li {padding: 34px 0 28px }.comment-list ul li .author-meta {margin-bottom: 6px;padding-right: 35px }.comment-list ul li .author-meta .avatar {width: 30px;height: 30px;margin-left: -42px }.comment-list ul li .author-meta .nickname {font-weight: 400 }.comment-list ul li .author-meta .control {top: -2px;right: 13px }.comment-list ul li .author-meta, .comment-list ul li p {max-width: none;padding: 0 66px }.comment-list ul li ul {margin-top: 27px;padding: 19px 0 12px }.comment-list ul li ul li {padding: 15px 0 16px }.comment-list ul li ul li p {max-width: none }.comment-list ul li ul li .author-meta {margin-bottom: 6px }.comment-list ul li ul li .author-meta .avatar {width: 30px }.comment-form {margin-bottom: 30px;padding: 0 24px }.comment-form textarea {padding-right: 32px }.comment-form .secret {left: 24px }.layout-aside-left #content {float: none }#tt-body-index.promotion-mobile-hide .main-slider {display: none }#content .another_category th {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 2.2 !important }.enter-page {font-size: 0.82rem !important;padding: 3.5px !important;width: 23% !important;margin-top: 12px !important }.list-type-thumbnail .post-item .thum img {margin-right: 17px }.list-type-thumbnail .post-item {padding: 17px 18px;margin: 5px 0 !important }.product-img {columns: 1 !important }figure[data-ke-type='opengraph'] div.og-text p.og-host, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host {display: none }figure[data-ke-type='opengraph'] a, #tt-body-page figure[data-ke-type='opengraph'] a {height: 110px }figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {margin-bottom: 13px !important }#tt-body-index .post-header {padding-top: 36px;padding-left: 24px }.sidebar .sidebar-1>*:not(.revenue_unit_wrap) {padding: 7px 0 }.sidebar-2 .nav-top {display: block;margin-bottom: 36px }.sidebar .sidebar-1, .sidebar .sidebar-2, .sidebar .sidebar-3 {box-shadow: none;}.entry-content h1 {letter-spacing: -1px }.pre-next {grid-template-columns: unset !important }.post_np:nth-child(1) {margin-bottom: 5px }.nav-top>span {font-size: 18px;color: #000;font-weight: 700 }.revenue_unit_wrap.position_list {overflow: hidden !important;word-break: break-all !important }figure[data-ke-type='opengraph'] div.og-image {width: 88px }}




/* 링크버튼_45*/

@import url(https://fonts.googleapis.com/css2?family=REM:wght@100;200;400;500;600;700;800&display=swap);
*,
::after,
::before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
::after,
::before {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: REM, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  position: relative;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
dialog,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
    padding-right: 14rem;
    padding-left: 14rem;
  }
}
.invisible {
  visibility: hidden;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.top-0 {
  top: 0;
}
.top-1\/2 {
  top: 50%;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.m-1 {
  margin: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-mb-8 {
  margin-bottom: -2rem;
}
.-ml-10 {
  margin-left: -2.5rem;
}
.-ml-12 {
  margin-left: -3rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-10 {
  margin-right: -2.5rem;
}
.-mr-3 {
  margin-right: -0.75rem;
}
.-mr-5 {
  margin-right: -1.25rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-12 {
  margin-top: -3rem;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-0 {
  margin-left: 0;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\/3 {
  height: 33.333333%;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-8 {
  height: 2rem;
}
.h-full {
  height: 100%;
}
.w-0 {
  width: 0;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.origin-bottom-left {
  transform-origin: bottom left;
}
.origin-center {
  transform-origin: center;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-12 {
  --tw-translate-x: -3rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2 {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-20 {
  --tw-translate-x: -5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-56 {
  --tw-translate-x: -14rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-8 {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-24 {
  --tw-translate-y: -6rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-10 {
  --tw-translate-x: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-12 {
  --tw-translate-x: 3rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-24 {
  --tw-translate-x: 6rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-10 {
  --tw-translate-y: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-12 {
  --tw-translate-y: 3rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-8 {
  --tw-translate-y: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-40deg\] {
  --tw-rotate: -40deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-12 {
  --tw-skew-x: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.skew-x-12 {
  --tw-skew-x: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.gap-6 {
  gap: 1.5rem;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-100\/60 {
  background-color: rgb(219 234 254 / 0.6);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}
.bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(157 23 77 / var(--tw-bg-opacity));
}
.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}
.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}
.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
}
.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#ff8a05\] {
  --tw-gradient-from: #ff8a05 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 138 5 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400 {
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-600 {
  --tw-gradient-from: #db2777 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#ff5478\] {
  --tw-gradient-to: rgb(255 84 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ff5478 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-500 {
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-700 {
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#ff00c6\] {
  --tw-gradient-to: #ff00c6 var(--tw-gradient-to-position);
}
.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-gray-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-700 {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-pink-700 {
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-0 {
  padding: 0;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-4 {
  padding: 1rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-28 {
  padding-top: 7rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[50px\] {
  line-height: 50px;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.no-underline {
  text-decoration-line: none;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[3\%\] {
  opacity: 3%;
}
.mix-blend-screen {
  mix-blend-mode: screen;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-indigo-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-indigo-200 {
  --tw-ring-offset-color: #c7d2fe;
}
.blur-md {
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.delay-300 {
  transition-delay: 0.3s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body {
  font-size: 15px;
  overflow-x: hidden;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0;
}
.before\:h-\[2px\]::before {
  content: var(--tw-content);
  height: 2px;
}
.before\:w-0::before {
  content: var(--tw-content);
  width: 0;
}
.before\:bg-amber-300::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-500::before {
  content: var(--tw-content);
  transition-duration: 0.5s;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0;
}
.after\:-z-10::after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:h-0::after {
  content: var(--tw-content);
  height: 0;
}
.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}
.after\:bg-amber-300::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.after\:text-white::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:duration-500::after {
  content: var(--tw-content);
  transition-duration: 0.5s;
}
.focus-within\:border-blue-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.focus-within\:bg-blue-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.hover\:border-blue-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.hover\:border-sky-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-gray-50:hover {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-500:hover {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-600:hover {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-green-400:hover {
  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
}
.hover\:to-pink-600:hover {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.hover\:to-white:hover {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.hover\:pl-10:hover {
  padding-left: 2.5rem;
}
.hover\:pr-6:hover {
  padding-right: 1.5rem;
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-sky-500:hover {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-green-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
}
.hover\:ring-purple-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}
.hover\:ring-offset-2:hover {
  --tw-ring-offset-width: 2px;
}
.hover\:ring-offset-indigo-500:hover {
  --tw-ring-offset-color: #6366f1;
}
.hover\:delay-\[\.5s\]:hover {
  transition-delay: 0.5s;
}
.before\:hover\:w-full:hover::before {
  content: var(--tw-content);
  width: 100%;
}
.after\:hover\:h-full:hover::after {
  content: var(--tw-content);
  height: 100%;
}
.after\:hover\:delay-\[0\.4s\]:hover::after {
  content: var(--tw-content);
  transition-delay: 0.4s;
}
.focus\:no-underline:focus {
  text-decoration-line: none;
}
.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: transparent solid 2px;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.active\:border-purple-600:active {
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity));
}
.active\:to-white:active {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:top-0 {
  top: 0;
}
.group:hover .group-hover\:-mr-4 {
  margin-right: -1rem;
}
.group:hover .group-hover\:-mt-4 {
  margin-top: -1rem;
}
.group:hover .group-hover\:mb-0 {
  margin-bottom: 0;
}
.group:hover .group-hover\:mb-12 {
  margin-bottom: 3rem;
}
.group:hover .group-hover\:mb-32 {
  margin-bottom: 8rem;
}
.group:hover .group-hover\:ml-0 {
  margin-left: 0;
}
.group:hover .group-hover\:mr-0 {
  margin-right: 0;
}
.group:hover .group-hover\:mt-0 {
  margin-top: 0;
}
.group:hover .group-hover\:h-32 {
  height: 8rem;
}
.group:hover .group-hover\:h-56 {
  height: 14rem;
}
.group:hover .group-hover\:h-64 {
  height: 16rem;
}
.group:hover .group-hover\:h-full {
  height: 100%;
}
.group:hover .group-hover\:w-32 {
  width: 8rem;
}
.group:hover .group-hover\:w-56 {
  width: 14rem;
}
.group:hover .group-hover\:w-full {
  width: 100%;
}
.group:hover .group-hover\:-translate-x-0 {
  --tw-translate-x: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-40 {
  --tw-translate-x: -10rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-8 {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-y-32 {
  --tw-translate-y: -8rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-12 {
  --tw-translate-x: 3rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-skew-x-12 {
  --tw-skew-x: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:skew-x-12 {
  --tw-skew-x: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-\[25px\] {
  border-width: 25px;
}
.group:hover .group-hover\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.group:hover .group-hover\:from-\[\#ff00c6\] {
  --tw-gradient-from: #ff00c6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 0 198 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:via-\[\#ff5478\] {
  --tw-gradient-to: rgb(255 84 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ff5478 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-\[\#ff8a05\] {
  --tw-gradient-to: #ff8a05 var(--tw-gradient-to-position);
}
.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.group:active .group-active\:bg-transparent {
  background-color: transparent;
}
.group:active .group-active\:opacity-0 {
  opacity: 0;
}
@media (min-width: 640px) {
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }
}
/*# sourceMappingURL=style.min.css.map */


/* 링크버튼_45_끝*/



/* CSS 버튼8 */
.btn-hover.color-8 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
/* CSS 버튼8 끝 */


/* CSS 버튼21 */
.btn-right {
  text-decoration: none;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.03em;
  color: #fff;
  background-color: rgba(0, 121, 240);
  padding: 0.9em 6em 0.9em 5.25em; /* 버튼 내부 여백 상, 우, 하, 좌 */
  border-radius: 50px; /* 버튼 라운드 크기 */
  box-shadow: 0 2px 5px 0 rgba(71, 71, 71, 0.75);
}

.btn-right:hover {
  background: #f0094a; /* 마우스 오버 배경색 */
}

.arrow-right {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-top: 3px;
  margin-left: 8px;
  animation: horizontal 0.7s ease-in-out infinite;
}

@keyframes horizontal {
  0% {
    margin-left: 9px;
  }
  50% {
    margin-left: 11px;
  }
  100% {
    margin-left: 9px;
  }
}
/* CSS 버튼21 끝 */


/* 버튼 레드  */
.myButton-red {
   box-shadow:inset 0px 1px 0px 0px #f29c93;
   background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
   background-color:#fe1a00;
   border-radius:30px;
   border:1px solid #d83526;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:28px;
   font-weight:bold;
   padding:17px 76px;
   text-decoration:none;
   text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
   background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
   background-color:#ce0100;
}
.myButton:active {
   position:relative;
   top:1px;
}
.arrow-right {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-top: 3px;
  margin-left: 8px;
  animation: horizontal 0.7s ease-in-out infinite;
}
/* 버튼 레드 끝 */

/* 버튼 파랑색 마우스 오버 레드 마우스 이모지 */
.custom-button {
      width: 80vw; /* 화면 너비의 80% */
      max-width: 500px; /* 최대 너비 제한 */
      background-color: #3366ee;
      color: white;
      font-size: 24px;
      padding: 16px 0;
      border: none;
      border-radius: 60px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
      margin: 0 auto; /* 가운데 정렬 */
    }

    .custom-button:hover {
      background-color: red;
      transform: scale(1.05);
      box-shadow: 0 6px 12px rgba(255, 0, 0, 0.4);
    }

    .icon {
      display: inline-block;
      transition: transform 0.3s ease;
    }

    .custom-button:hover .icon {
      animation: shake 0.5s infinite;
    }

    @keyframes shake {
      0% { transform: translateX(0); }
      25% { transform: translateX(-3px); }
      50% { transform: translateX(3px); }
      75% { transform: translateX(-3px); }
      100% { transform: translateX(0); }
    }

    /* 버튼 파랑색 마우스 오버 레드 마우스 이모지 끝 */

    /* === ins-post 슬림 버전 === */
:root{--g1:#3d9e5f;--g2:#52b873;--g3:#e8f7ee;--g4:#c6ebd4;--g5:#2a7a47;--ink:#1a2a1e;--sub:#4a5e50;--line:#ddeee3}

/* 기본 */
.ins-post{max-width:860px;margin:0 auto 80px;background:#fff;padding:32px 48px 60px;font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:15.5px;line-height:2.0;color:var(--ink);word-break:keep-all}
.ins-post p{margin:0 0 22px;font-size:15.5px;line-height:2.05;color:#333}
.ins-post h2{font-size:17px;font-weight:700;color:#fff;background:var(--g1);padding:11px 20px;margin:48px 0 18px;border-radius:3px;border-left:4px solid rgba(255,255,255,0.6) !important}
.ins-post h2::before{background:rgba(255,255,255,0.7) !important}
.ins-post h3{font-size:16px;font-weight:700;color:var(--g1);margin:32px 0 12px;padding-left:12px;border-left:3px solid var(--g2);line-height:1.5}
.ins-post strong{font-weight:700;color:var(--g5)}
.ins-post hr{border:none;border-top:1px dashed var(--line);margin:44px 0}
.ins-post em,.ins-post i{font-style:normal !important}
.ins-post cite{font-style:normal !important}

/* 출처 안내 */
.ins-disclaimer{background:#f8fff9;border:1px solid var(--g4);border-left:4px solid var(--g2);border-radius:3px;padding:12px 18px;font-size:12.5px;color:#4a5e50;margin-bottom:28px;line-height:1.75}
.ins-disclaimer strong{color:var(--g1)}

/* 정보 박스 3종 */
.ins-box{margin:24px 0;padding:18px 22px;font-size:14.5px;line-height:1.9;border-radius:4px}
.ins-box.tip{background:var(--g3);border:1px solid var(--g4);border-left:4px solid var(--g1);color:#1a3a20}
.ins-box.warn{background:#fffbf0;border:1px solid #f0dd99;border-left:4px solid #e8a800;color:#4a3800}
.ins-box.check{background:#f0f8ff;border:1px solid #b8d4f0;border-left:4px solid #2a7ab8;color:#1a2a40}

/* FAQ */
.ins-faq{margin:8px 0 32px;border:1px solid var(--g4);border-radius:4px;overflow:hidden}
.ins-faq .faq-item{border-bottom:1px solid var(--line);padding:18px 20px;background:#fff;display:block !important}
.ins-faq .faq-item:last-child{border-bottom:none}
.ins-faq .faq-item:nth-child(even){background:var(--g3)}
.ins-faq .faq-q{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:8px !important;margin-bottom:8px !important;font-size:14.5px !important;font-weight:700 !important;color:var(--ink) !important}
.ins-faq .faq-q-mark{font-size:14.5px !important;font-weight:900 !important;color:var(--g1) !important;background:none !important;width:auto !important;height:auto !important;border-radius:0 !important;padding:0 !important;flex-shrink:0 !important}
.ins-faq .faq-arrow{display:none !important}
.ins-faq .faq-a{display:block !important;font-size:14px !important;color:#3a5040 !important;line-height:1.85 !important;padding-left:24px !important}

/* CTA 버튼 */
.pn_cta{text-align:center !important;margin:32px 0 !important}
.pn_cta a{display:inline-block !important;padding:14px 40px !important;background:var(--g1) !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;border-radius:50px !important;text-decoration:none !important;margin:0 !important}
.pn_cta a:hover{background:var(--g5) !important}
.pn_cta a::after{content:" \2794";color:#fff !important}


/* 단계 리스트 */
ol.ins-steps{list-style:none !important;padding:0;margin:0 0 32px}
ol.ins-steps li{list-style:none !important;display:flex !important;gap:14px !important;margin-bottom:20px !important}
ol.ins-steps li::marker{display:none !important;content:'' !important}
.step-left{flex-shrink:0}
.step-dot{background:var(--g1) !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;border-radius:50% !important;width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}
.step-body{flex:1 !important}
.step-title{font-size:15px !important;font-weight:700 !important;color:var(--g1) !important;margin-bottom:5px !important}
.step-desc{font-size:14px !important;color:#556655 !important;line-height:1.85 !important}
.step-dot{
  background:none !important;
  color:var(--g1) !important;
  font-size:16px !important;
  font-weight:900 !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important
}

/* 목차 링크 */
.ins-toc a{display:inline !important;padding:0 !important;background:none !important;color:var(--sub) !important;border-radius:0 !important;margin:0 !important;font-size:14.5px !important;font-weight:400 !important;text-decoration:none !important}
.ins-toc a:hover{color:var(--g1) !important}

/* 모바일 */
@media(max-width:640px){.ins-post{padding:24px 18px 44px}.ins-post h2{font-size:16px}}

/* 전체 텍스트 왼쪽 정렬 강제 */
.ins-post,.ins-post *{text-align:left !important}


.pn_cta{text-align:center !important;margin:32px 0 !important;display:block !important}
.pn_cta a{
  display:inline-block !important;
  text-align:center !important;
  padding:14px 40px !important;
  background:var(--g1) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  border-radius:50px !important;
  text-decoration:none !important;
  margin:0 auto !important;
  width:auto !important;
  float:none !important
}