@charset "utf-8";

@import url(../SUIT.css);
@import url(../nanumsquareneo.css);
@import url(../ui.common.css);
@import url(../ui.content.css);
@import url(../ui.terms.css);
@import url(../ui.mdl.css);

/* 컬러 변수 */
:root {
    --brand-primary:#E26826;
    --brand-secondary:#14A0A1;
    --brand-tertiary:#62A03B;
    --brand-quaternary:#FECF00;
    --brand-yellow:#FDED25;
    --color-error:#DF0562;

    --bg--primary:#F3F3F3;
    --bg-secondary:#FFC19E;
    --bg-tertiary:#FFECB9;
    --bg-quaternary:#FFF9E4;
    --bg-etc:#EDFFFC;
}

@media (max-width:1023px) {
    .map-aside-box {display:none}
    [data-view="mobile-hidden"] {display:none !important;}
}
@media (min-width:1024px) {
    [data-view="pc-hidden"] {display:none !important;}
}

/* layout */
.site-base-wrap {min-height:100vh;display:flex;flex-direction:column;}
.web-sub-content-box {padding:0 2.4rem 8rem;width:100%}
.web-sub-section {padding:0 2.4rem;width:100%}
@media (min-width:1024px) {
    .web-sub-content-box,
    .web-sub-section {max-width:109.6rem;margin:0 auto;padding-left:2rem;padding-right:2rem}
}

/* text */
.text-40-700 {font-size:4rem;font-weight:700;line-height:5.6rem;color:#111}
.text-32-700 {font-size:3.2rem;font-weight:700;line-height:4.5rem;color:#111}
.text-36-800 {font-size:3.6rem;font-weight:800;line-height:1.4}
.text-36-900 {font-size:3.6rem;font-weight:900;line-height:1.6}
.text-32-800 {font-size:3.2rem;font-weight:800;line-height:1.4}
.text-28-800 {font-size:2.8rem;font-weight:800;line-height:4.5rem;color:#111}

/* header */
.header {flex-shrink:0;position:sticky;top:0;z-index:10;background-color:#fff}
.mobile-header {height:6rem;padding:0 2rem;align-items:center;gap:2rem;display:flex;justify-content:space-between;border-bottom:1px solid #eee}
.top-logo {width:8.8rem;height:4.4rem;background:url("../../images/web-site-tnj/top-logo.svg") no-repeat 50% 50%;background-size:contain;flex-shrink:0}
.btn-all-menu {width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}

.pc-header {position:relative;}
.pc-header::before {content:'';position:absolute;left:0;right:0;top:6.7rem;height:1px;background-color:#eee}
.pc-header-gnb-area {max-width:109.6rem;padding:0 2rem;margin:0 auto;display:flex;align-items:flex-start}
.pc-header-gnb-area .top-logo {width:10rem;height:5rem;margin-top:.9rem}
.header-gnb-list {margin-left:auto;display:flex}
.header-gnb-item {width:14.3rem;position:relative}
.header-gnb-link {width:100%;height:6.8rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#454545CC;text-decoration:none;cursor:pointer;position:relative}
.gnb-event-mark {position:absolute;left:50%;transform:translateX(-50%);background:url("../../images/web-site-tnj/store-event-gnb.svg") no-repeat 50% 50% / contain;width:13.3rem;height:4rem;top:4.5rem;z-index:2}
.gnb-dim {content:'';position:absolute;top:0;left:-100vw;right:0;width:300vw;height:100%;background-color:#fff;box-shadow:0 .8rem 2.5rem 0 #63634A1A;}
.gnb-2depth-wrap {width:100%;height:0;position:absolute;}
.gnb-2depth-list {display:none;position:absolute;overflow:hidden;z-index:1;}
[data-nav="view"] .header-gnb-item[data-state="active"] .gnb-2depth-wrap {height:14rem;animation-duration:.0s;}
.header-gnb-item[data-state="active"] .gnb-2depth-wrap {animation-name:navOpen;animation-duration:.3s; animation-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);animation-iteration-count:1;animation-fill-mode:forwards;}
.header-gnb-item[data-state="none"] .gnb-2depth-wrap {animation-name:navClose;animation-duration:.3s; animation-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);animation-iteration-count:1;animation-fill-mode:forwards;}
.header-gnb-item[data-state="active"] .gnb-2depth-list {display:block;height:auto;padding:2.4rem 0;overflow:visible;opacity:1;}
.gnb-2depth-link {line-height:3.2rem;font-weight:700;font-size:1.7rem;color:#454545CC;text-decoration:none;white-space:nowrap;position:relative;z-index:1;}
.gnb-2depth-link[data-selected="true"],
.gnb-2depth-link[data-state="active"],
.gnb-2depth-link:focus,
.gnb-2depth-link:hover {color:#111;text-decoration:underline;text-underline-offset:.2rem}
.header-gnb-item[data-selected="true"] .header-gnb-link,
.header-gnb-item[data-state="active"] .header-gnb-link {color:#111}
.header-gnb-item[data-selected="true"] .header-gnb-link::before,
.header-gnb-item[data-state="active"] .header-gnb-link::before {content:'';position:absolute;top:6.6rem;left:0;right:0;height:2px;background-color:#111}
@keyframes navOpen {
    0% {height:0;}
    100% {height:14rem;}
}
@keyframes navClose {
    0% {height:14rem;}
    100%{height:0;}
}

/* 전체메뉴 */
.ui-modal-wrap[data-type="site-all-menu"] .ui-modal-header {padding:.8rem 2rem}
.ui-modal-wrap[data-type="site-all-menu"] .ui-modal-close {align-self:center;background-image:url("../../images/icon/icon-modal-close.svg");background-size:2.4rem;background-color:transparent;width:2.4rem;height:2.4rem}
.ui-modal-wrap[data-type="site-all-menu"] .ui-modal-body {padding:0 2.4rem 8rem}
.ui-modal-header .main-header-logo {flex:1}
.all-menu-list-box {padding-top:2.4rem;display:flex;flex-direction:column;gap:3.6rem}
.all-menu-list-title {display:flex;align-items:center;gap:.8rem;font-size:2rem;font-weight:700;color:#111;border-bottom:.2rem solid #454545;height:5.6rem}
.all-menu-list [data-event="true"] {display:flex;align-items:center;gap:.8rem}
.all-menu-list [data-event="true"]::after {content:'';width:5.3rem;height:2.4rem;background:url("../../images/web-site-tnj/store-event-gnb-mo.svg") no-repeat 50% 50% / contain}
/*.all-menu-list [data-event="true"].text-17-500 {background:linear-gradient(90deg, #129A9A 0%, #40CC7A 70%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}*/

/* footer */
.site-footer {margin-top:auto;border-top:1px solid #ddd}
.site-footer-wrap {padding:3.2rem 2.4rem;display:flex;flex-direction:column;gap:1.6rem}
.footer-logo {width:6rem;height:6rem;background:url("../../images/web-site-tnj/footer-logo.svg") no-repeat 50% 50%;background-size:contain}
.footer-jeju-logo {width:18.6rem;height:2.4rem;background:url("../../images/web-site-tnj/footer-jeju-logo.png") no-repeat 50% 50%;background-size:contain}
.site-footer-box {display:flex;flex-direction:column;gap:2.4rem}
.site-footer .text-14-500 {line-height:2rem}
.site-footer-copy {display:flex;flex-direction:column;gap:.4rem}
.site-footer-group {display:flex;flex-direction:column;gap:.4rem}
@media (min-width:1024px) {
    .site-footer-wrap {max-width:109.6rem;margin:0 auto;padding:3.2rem 2rem;flex-direction:row;align-items:center;gap:2.4rem}
    .site-footer-box {flex-direction:row;flex:1}
    .footer-jeju-logo {margin-left:auto;flex-shrink:0;}
    .site-footer-group {flex-direction:row;align-items:center}
    .site-footer-group .text-14-500 {display:flex;align-items:center;gap:.4rem}
    .site-footer-group .text-14-500 ~ .text-14-500::before {content:'';flex-shrink:0;width:.3rem;height:.3rem;background-color:#454545;border-radius:99em}
}

/* BI */
.site-bi-section {display:flex;flex-direction:column;gap:8rem}
.site-bi-img-box {margin-top:2.4rem;display:flex;gap:1.2rem;flex-direction:column}
.site-bi-item {background-color:#F7F7F7;border-radius:2rem;padding:2.4rem 3rem 4.6rem}
.site-bi-img {width:17.8rem;height:17.8rem;margin:.5rem auto 0}
.site-bi-img img {width:100%;height:100%;object-fit:contain}
.site-bi-color-box {margin-top:2.4rem;display:flex;border-radius:2rem;overflow:hidden}
.site-bi-color-item {height:13.2rem}
.site-bi-color-item:first-child {flex:1;display:flex;padding:2rem;flex-direction:column;justify-content:space-between;color:#fff;font-weight:700;font-size:1.5rem;background-color:#20BDBE;line-height:2.1rem}
.site-bi-color-item:not(:first-child) {width:12.5%;flex-shrink:0}
.site-bi-color-item:nth-child(2) {background-color:#4DCACB}
.site-bi-color-item:nth-child(3) {background-color:#79D7D8}
.site-bi-color-item:nth-child(4) {background-color:#A6E5E5}
.site-bi-color-item:nth-child(5) {background-color:#D2F2F2}
@media (min-width:1024px) {
    .site-bi-img-box {flex-direction:row}
    .site-bi-item {flex:1}
}

/* 공지사항 */
.site-sh-wrap {padding:1.2rem 0}
.bbs-table {border-top:1px solid #454545;width:100%;overflow:hidden}
.bbs-table .bbs-table-thead {height:6.2rem;display:flex;border-bottom:1px solid #eee;font-size:1.6rem;font-weight:500;color:#454545CC;}
.bbs-table .bbs-table-item {display:flex;border-bottom:1px solid #eee;font-size:1.6rem;font-weight:500;color:#111;position:relative;flex-direction:column;gap:.8rem;padding:2rem 0}
.bbs-table .bbs-col-2 span {width:100%}
.site-notice-detail {border-top:1px solid #454545;}
.site-notice-summary {background-color:#F7F7F7;padding:2.4rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;}
.site-notice-title {font-size:2.2rem;font-weight:700;color:#111;line-height:1.4;}
.site-notice-content {padding:4rem 1.2rem;font-size:1.6rem;font-weight:500;color:#111;line-height:1.6;border-bottom:1px solid #454545}
.site-notice-content img {max-width:100% !important;}
.site-notice-prev-next .ui-shrink-0 {margin-right:2.4rem}
.site-notice-prev-next > .ui-flex {border-bottom:1px solid #eee;padding-left:1.2rem;padding-right:1.2rem}
.site-notice-file-box {border-bottom:1px solid #eee;padding:2rem 1.2rem}
.link-site-notice-file {word-break:break-all;color:#007DF2;text-decoration:underline;text-underline-offset:.2rem;font-size:1.6rem;font-weight:500;line-height:2.2rem}
.site-not-data {padding:4rem 0}
.site-notice-content i {font-style:italic}
.site-notice-content u {text-decoration:underline}
.site-notice-content ul {list-style:disc;padding-left:1.6em;}
.site-notice-content ol,
.site-notice-content ol li {list-style:revert}
.site-notice-content ul li {list-style:inherit;}
.site-notice-content table {width:100%;border:1px solid #ddd;border-collapse:collapse;table-layout:fixed;font-size:1.6rem}
.site-notice-content table th,
.site-notice-content table td {border:1px solid #ddd}
@media (min-width:1024px) {
    .bbs-sh-box {max-width:30rem;margin-left:auto}
    .bbs-table .bbs-col-1 {flex-shrink:0;width:9.6rem;display:flex;align-items:center;justify-content:center;}
    .bbs-table .bbs-col-2 {width:calc(100% - 19.2rem);display:flex;align-items:center;}
    .bbs-table .bbs-col-3 {flex-shrink:0;width:9.6rem;display:flex;align-items:center;justify-content:center;}
    .bbs-table .bbs-table-item {flex-direction:row;gap:0}
    .bbs-table .bbs-table-item .bbs-col-1 {color:#454545CC}
    .site-notice-title {font-size:2.6rem}
    .site-notice-content,
    .site-notice-summary,
    .site-notice-file-box,
    .site-notice-prev-next > .ui-flex {padding-left:2.4rem;padding-right:2.4rem}
    .site-not-data {padding:7.2rem 0}
}

/* 보유금액 조회 */
.check-amount-box {border:1px solid #454545;border-radius:.8rem;padding:2.4rem 2rem 2rem}
.agree-content-box {padding:1.6rem;background-color:#F7F7F7;font-size:1.4rem;font-weight:500;line-height:1.4;color:#454545;margin-top:1.6rem}
.check-amount-form-section {margin-top:4rem;display:flex;flex-direction:column;gap:2rem;}
.web-main-form-item {padding:.8rem 0;width:100%;display:flex;flex-direction:column;gap:.8rem}
.web-main-form-responsive-group {display:flex;flex-direction:column;gap:.8rem;}
.form-responsive-group {display:flex;flex-direction:column;gap:.8rem}
.ui-tooltip[data-type="certification"] {margin-top:.3rem;padding-right:2.8rem}
.ui-modal.type-whole .ui-modal-wrap[data-type="responsive"] {height:auto;max-height:calc(100dvh - 6rem);max-width:calc(100% - 4rem);margin:auto 0 !important;}
.icon-check-amount {width:7.5rem;height:6.2rem;background:url("../../images/web-site-tnj/icon-check-amount.png") no-repeat center;background-size:contain;display:block}
.check-amount-result {border:1px solid #454545;border-radius:.8rem;padding:2.4rem 2.4rem 2rem;margin-top:2.4rem}
.check-amount-close {margin-top:1.2rem;display:flex;justify-content:center}
.ui-tooltip-content .info-dot-list-item {color:#fff}
.ui-tooltip-content .info-dot-list-item:before {background-color:#fff}
@media (min-width:1024px) {
    .web-main-form-responsive-group {flex-direction:row;}
    .web-main-form-responsive-group .form-input-box {flex:1}
    .web-main-form-item .btn-base {min-width:16rem}
    .site-btn-area .btn-base {max-width:32rem}
    .ui-modal.type-whole .ui-modal-wrap[data-type="responsive"] {height:auto;max-height:calc(100dvh - 6rem);max-width:57.6rem}
    .ui-modal.type-whole [data-type="responsive"] .ui-modal-body {padding-bottom:6rem}
    .check-amount-close .btn-base {max-width:28.8rem}
    .check-amount-result {max-width:33.6rem;margin-left:auto;margin-right:auto}
}

/* 가맹점신청 */
.franchisee-possibility {display:flex;flex-direction:column;margin-top:-2rem}
.franchisee-possibility-section {display:flex;flex-direction:column;gap:2.4rem;padding:4rem 0}
.franchisee-possibility-section ~ .franchisee-possibility-section {border-top:1px solid #eee}
.franchisee-possibility .yes {color:#14A0A1}
.franchisee-possibility .no {color:#E51247}
.franchisee-not-group:last-child .franchisee-not-item:last-child {border-bottom:none}
.franchisee-benefit-box {background-color:#F7F7F7;padding:8rem 0 10rem}
.franchisee-benefit-section {padding:0 2.4rem}
.franchisee-benefit-list {display:flex;gap:1.2rem;flex-direction:column}
.franchisee-benefit-item {background-color:#F7F7F7;border-radius:2rem;padding:3.2rem;display:flex;gap:1.2rem;}
.franchisee-benefit-item i {width:6rem;height:6rem;align-self:flex-end}
.franchisee-bn {margin-top:8rem;background-color:#F9C58B;border-radius:2rem;display:flex;justify-content:center}
.franchisee-bn img {width:100%;max-width:32.7rem;display:block}
.franchisee-membership-btn-box {position:relative}
.franchisee-membership-btn-box .btn-base {padding:0 4rem}
.franchisee-membership-btn-box i {position:absolute;top:-.3rem;right:-1.7rem;pointer-events:none}
@media (min-width:1024px) {
    .franchisee-not-group:last-child .franchisee-not-item {border-bottom:none}
    .franchisee-benefit-section {max-width:109.6rem;margin:0 auto;padding-left:2rem;padding-right:2rem}
    .franchisee-benefit-list {flex-direction:row;flex-wrap:wrap;gap:2.4rem}
    .franchisee-benefit-item {width:calc((100% - 2.4rem) / 2)}
    .franchisee-benefit-item i {width:8rem;height:8rem}
    .franchisee-benefit-item .ui-flex[data-gap="4"] {gap:.8rem}
    .franchisee-bn img {width:100%;max-width:none}
}

/* paging */
.site-paging {margin-top:4rem;display:flex;justify-content:center;align-items:center}
.site-paging button {min-width:3.6rem;line-height:2.4rem;font-size:1.7rem;font-weight:500;color:#45454599;text-align:center}
.site-paging button[data-state="selected"] {color:#111;font-weight:700}
.site-paging .btn-first,
.site-paging .btn-last {width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f7f7f7;flex-shrink:0}
.site-paging .btn-first {margin-right:.8rem}
.site-paging .btn-last {margin-left:.8rem}
.site-paging .btn-first:disabled i,
.site-paging .btn-last:disabled i {opacity:.2}
.site-paging .btn-page-section {flex-shrink:0;background:url("../../images/web-site-tnj/icon-paging-more.svg") no-repeat 50% 50%;background-size:contain;height:2.4rem;width:3.6rem}
.franchisee-not-group {display:flex;flex-direction:column;}
.franchisee-not-item {display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding:1.6rem 0;border-bottom:1px solid #eee}
@media (min-width:1024px) {
    .franchisee-not-group {flex-direction:row;gap:2.4rem}
    .franchisee-not-item {flex:1}
}

/* 문의하기 */
.page-title-box {padding:6rem 0}
.contact-us-section {display:flex;flex-direction:column;gap:8rem}
.contact-us-group {display:flex;flex-direction:column;gap:2rem}
.contact-us-box-group {display:flex;gap:2rem;flex-direction:column}
.contact-us-box-item {border-radius:2rem;overflow:hidden;}
.contact-us-box-tile {height:6rem;background-color:#E3E3E3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#111}
.contact-us-box-content {height:13.4rem;background-color:#F7F7F7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}
.contact-us-tel {font-size:2.6rem;font-weight:700;color:#111;text-decoration:none;line-height:1}
.contact-us-box-content .contact-us-tel {text-align:center;font-size:2.6rem}
.card-contact-box-item {padding:3.2rem 1.2rem;display:flex;gap:2.4rem;align-items:center;border:.1rem solid #eee;flex-direction:column;position:relative}
.card-contact-box-item i {width:8rem;height:8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;flex-shrink:0}
.card-contact-box-wrap {display:flex;flex-direction:column;gap:.8rem;align-items:center}
.cs-card-1 {background-image:url("../../images/web-site-tnj/cs-card-1.png")}
.cs-card-2 {background-image:url("../../images/web-site-tnj/cs-card-2.png")}
.cs-card-3 {background-image:url("../../images/web-site-tnj/cs-card-3.png")}
.cs-card-4 {background-image:url("../../images/web-site-tnj/cs-card-4.png")}
.card-contact-box-content {display:flex;flex-direction:column;}
.base-customer-center {background-color:#F3F3F3;padding:4.4rem 1.6rem;display:flex;flex-direction:column;gap:1.2rem;align-items:center;justify-content:center;position:relative}
.base-customer-center-tit {display:flex;flex-direction:column;align-items:center;gap:.4rem}
.base-customer-center-tit .text-32-800 {line-height:1}
@media (min-width:1024px) {
    .contact-us-box-group {flex-direction:row;}
    .card-contact-box-item {flex:1}
    .card-contact-box-item {padding:3.2rem 1.2rem}
    .card-contact-box-content {flex:1}
    .contact-us-tel {padding-left:0;width:auto;font-size:2.6rem}
    .base-customer-center {flex-direction:row;align-items:flex-start;justify-content:center;gap:2.4rem}
    .base-customer-center .text-32-800 {line-height:1}
    .base-customer-center-tit {align-items:flex-start}
}

/* 탐나는전 */
.site-about-section {display:flex;flex-direction:column;gap:1.2rem}
.site-about-item {position:relative}
.site-about-item img {display:block;width:100%;max-width:40rem;margin:0 auto;border-radius:2rem}
.site-about-item-desc {position:absolute;top:3.2rem;left:0;right:0;text-align:center;font-size:1.8rem;font-weight:700;color:#111;line-height:1.4}
@media (min-width:1024px) {
    .site-about-section {flex-direction:row;gap:2.4rem}
    .site-about-item img {max-width:none}
}

/* 사용방법 */
.site-guide-section {display:flex;flex-direction:column;gap:6rem}
.site-guide-item {display:flex;flex-direction:column;gap:2.4rem}
.site-guide-img {border-radius:2rem;background-color:#eee;overflow:hidden;display:flex;justify-content:center}
.site-guide-img img {width:100%;max-width:40rem}
.site-guide-content {display:flex;flex-direction:column;gap:.8rem;padding:0 .8rem}
.site-guide-number {font-size:2.8rem;font-weight:800;color:#9C9C9C;line-height:1}
.site-guide-content .text-28-800 {line-height:1.4}
@media (min-width:1024px) {
    .site-guide-item {flex-direction:row;gap:6rem}
    .site-guide-img {flex-shrink:0;width:51.6rem}
    .site-guide-img img {max-width:none}
    .site-guide-content {padding:4rem 0 0}
}

/* main */
.site-main {background:url("../../images/web-site-tnj/main-top-mo.png") no-repeat 50% 0;background-size:auto 71.4rem;padding-top:41.8rem}
.site-main[data-video="false"] .in-youtube-box-wrap {display:none}
.in-youtube-box-wrap {margin:4rem 2.4rem -2.8rem}
.in-youtube-box {position:relative;padding-top:56.25%;aspect-ratio:16/9;border-radius:2rem;overflow:hidden}
[data-device="desktop"] .youtube-thumb-wrap {display:none;}
[data-device="mobile"] .youtube-thumb-wrap {display:block !important;}
.in-youtube-box iframe,
.youtube-thumb-wrap {position:absolute;inset:0;width:100%;height:100%;}
.youtube-thumb-wrap::before {content:'';position:absolute;inset:0;background-color:rgba(0,0,0,.4)}
.youtube-thumb-wrap {cursor:pointer;}
.youtube-thumb-wrap img {width:100%;height:100%;object-fit:cover;}
.youtube-play-btn {position:absolute;inset:0;margin:auto;width:5.6rem;height:5.6rem;font-size:2.8rem;padding-left:.4rem;border-radius:50%;border:none;background:rgba(0,0,0,.8);color:#fff;display:flex;align-items:center;justify-content:center}
.main-top-text-box {padding:0 2.4rem;display:flex;flex-direction:column;gap:1.6rem;text-align:center;align-items:center}
.main-top-text-line {font-size:1.8rem;font-weight:700;color:#111;line-height:1.4;position:relative;}
.main-top-text-line::before {content:"";position:absolute;bottom:0;left:0;right:0;height:1rem;background-color:#E0F2A5;}
.main-top-text-line span {position:relative}
.main-top-desc {font-size:1.8rem;font-weight:400;color:#454545;line-height:1.5}
.main-box-section {margin-top:4rem;display:flex;flex-direction:column;gap:1.2rem;padding:0 2.4rem}
.main-box-item {border-radius:2rem;overflow:hidden;height:38rem;background-position:100% 100%;background-size:auto 38rem;background-repeat:no-repeat;padding:4rem 3.4rem}
.main-box-item:nth-child(1) {background-color:#FAECDD;background-image:url("../../images/web-site-tnj/main-1.png")}
.main-box-item:nth-child(2) {background-color:#FAF5C9;background-image:url("../../images/web-site-tnj/main-2.png")}
.main-box-item:nth-child(3) {background-color:#E4F7F5;background-image:url("../../images/web-site-tnj/main-3.png")}
.main-box-item:nth-child(4) {background-color:#EFFBDB;background-image:url("../../images/web-site-tnj/main-4.png")}
.main-bbs-section {margin-top:8rem;padding:0 2.4rem}
.main-bbs-section [data-type="line-type"][data-grid="auto"] .ui-tab--btns {padding:0}
.main-bbs-section [data-type="line-type"][data-tab-size="48"] .ui-tab--btn {font-size:1.8rem;font-weight:700}
.main-bbs-section [data-type="line-type"][data-tab-size="48"] .ui-tab--btn.selected {font-weight:800}
.main-bbs-section [data-type="line-type"] .ui-tab--btns-group::before {height:1px}
.main-bbs-list {margin-top:4rem}
.main-bbs-item {display:flex;flex-direction:column;gap:1.2rem;padding:2rem 0;text-decoration:none}
.main-bbs-item:not(:last-child) {border-bottom:1px solid #eee}
.main-bbs-btn {margin-top:4rem;display:flex;justify-content:center}
.main-app-info {margin-top:8rem;background-color:#EBEBEB;padding:8rem 0;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}
.app-logo {width:12.4rem;height:12.4rem;background:url("../../images/web-site-tnj/main-app-logo.svg") no-repeat center;background-size:contain;}
.main-app-info-desc {font-size:3.2rem;font-weight:700;line-height:1.4;color:#111;text-align:center}
.main-app-link-group {display:flex;gap:1rem;margin-top:2rem;flex-direction:column}
.main-app-link-group .btn-base {width:22rem;gap:1.2rem}
.ui-modal.type-whole[data-type="main-banner"] [data-type="responsive"] .ui-modal-body {padding:0}
.main-banner-close {background-color:#fff;height:5.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem 0 2.4rem}
.main-banner-close .btn-base[data-color="white"] {color:#454545;font-weight:500}
.main-banner-close .form-element-checkbox label {color:#454545}
.main-layer-banner-area img {width:100%;display:block}
.main-event-banner-area {background-color:#24B7B7;display:flex;position:relative;padding:3rem 3rem 0;gap:.4rem;flex-direction:column;margin:4rem 0 -5.6rem;height:14rem;background-image:url("../../images/web-site-tnj/store-event-banner-mo.png");background-position:100% 100%;background-size:15.2rem auto;background-repeat:no-repeat;}
.main-event-banner-desc1 {font-size:1.5rem;font-weight:800;color:#FFE96D;line-height:1.2}
.main-event-banner-desc2 {font-size:2.1rem;font-weight:800;color:#fff;line-height:1.4}
@media (min-width:1024px) {
    .site-main {background-image:url("../../images/web-site-tnj/main-top-pc.png");padding-top:10.2rem}
    .site-main[data-video="true"] .main-top-text-box {margin-bottom:14.5rem}
    .in-youtube-box-wrap {margin:0 auto;}
    .youtube-sound-btn {position:absolute;right:1.6rem;bottom:1.6rem;z-index:2;padding:.8rem 1.4rem;font-size:1.4rem;background:rgba(0, 0, 0, 0.7);color:#fff;border:0;border-radius:.4rem;cursor:pointer;}
    .in-youtube-box {max-width:105.6rem;margin:0 auto 2rem;padding:0;border-radius:4rem}
    .main-top-text-box {text-align:left;max-width:109.6rem;margin:0 auto 16.5rem;padding:0 2rem;align-items:flex-start}
    .main-top-text-line {font-size:2rem}
    .main-top-desc {font-size:2rem}
    .main-top-text-box .text-36-800 {font-size:3.8rem}
    .main-box-section {flex-direction:row;gap:2.4rem;flex-wrap:wrap;max-width:109.6rem;margin:0 auto;padding:0 2rem}
    .main-box-item {padding:4.8rem;border-radius:4rem;width:calc((100% - 2.4rem) / 2)}
    .main-bbs-section {max-width:109.6rem;padding:0 2rem;margin-left:auto;margin-right:auto}
    .main-bbs-section [data-type="line-type"] .ui-tab--btns-group::before {display:none}
    .main-bbs-item {flex-direction:row;align-items:center;gap:2rem}
    .main-bbs-item .text-16-500 {flex:1}
    .main-bbs-btn .btn-base {max-width:26rem}
    .main-app-link-group {flex-direction:row;justify-content:center}
    .ui-modal.type-whole[data-type="main-banner"] .ui-modal-wrap[data-type="responsive"] {width:45.6rem}
    .main-event-banner-area {max-width:105.6rem;margin:4rem auto -4rem;border-radius:4rem;padding:0 10rem;justify-content:center;gap:1rem;background-image:url("../../images/web-site-tnj/store-event-banner-pc.png");background-position:calc(100% - 10rem) 100%;background-size:26.1rem auto;height:19rem}
    .main-event-banner-desc1 {font-size:2rem}
    .main-event-banner-desc2 {font-size:3.2rem}
}
/* 카드관리 */
.card-guide-section [data-type="line-type"][data-grid="auto"] .ui-tab--btns {padding:0}
.card-guide-section [data-type="line-type"][data-tab-size="48"] .ui-tab--btn {font-size:1.8rem;font-weight:700}
.card-guide-section [data-type="line-type"] .ui-tab--btns-group::before {height:1px}
.card-guide-section [data-type="line-type"][data-tab-size="48"] .ui-tab--btn.selected {font-weight:800}
.card-guide-title-box {display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.6rem;margin-top:4rem}
.card-guide-title-box ~ .card-guide-title-box {margin-top:8rem}
.card-guide-step-box {margin-top:2rem;background-color:#F7F7F7;border-radius:2rem;display:flex;flex-direction:column;}
.card-guide-step-item {display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:4.8rem;gap:.8rem}
.card-guide-step-number {padding:0 1.6rem;height:2.8rem;border-radius:99em;background-color:#E3E3E3;display:flex;align-items:center;font-size:1.4rem;font-weight:700;color:#454545}
.card-guide-step-title {font-size:1.8rem;font-weight:700;color:#111;line-height:1.4}
.card-guide-step-item img {width:26.3rem;}
.link-blank {display:inline-flex;align-items:center;color:#007DF2;text-decoration:none;border-bottom:1px solid #007DF2;gap:.4rem;font-size:1.5rem;font-weight:500}
@media (min-width:1024px) {
    .card-guide-section [data-type="line-type"] .ui-tab--btns-group::before {display:none}
    .card-guide-title-box {flex-direction:row;align-items:center;gap:1.2rem}
    .card-guide-step-box {flex-direction:row;justify-content:center}
    .card-guide-step-item {width:33.8rem}
    .card-guide-step-box .icon-aspect-step-arrow {margin:0 -2.4rem 10.8rem;align-self:flex-end;}
}

/* 이벤트 */
.event-summary-area {background-color:#28BCBD;background-position:50% 0;background-repeat:no-repeat;background-size:auto 100%;height:72rem;background-image:url("../../images/web-site-tnj/store-event-top-mo.png")}
.event-content-info-box {background-color:#fff;display:flex;flex-direction:column;max-width:105.6rem;padding:4rem 2.4rem;gap:4rem;border-radius:2.4rem 2.4rem 0 0;margin-top:-2rem;align-items:center;position:relative}
.event-content-info-desc {position:relative}
.event-content-info-desc1 {font-size:2.2rem;line-height:1.6;color:#111;font-weight:800}
.event-content-info-desc2 {font-size:1.7rem;font-weight:700;line-height:1.6;color:#454545CC;margin-top:1.2rem}
.event-content-info-desc .text-20-700 {line-height:1.6}
.event-content-info-img {border:.1rem solid #eee;border-radius:.8rem;overflow:hidden;width:28rem}
.event-content-info-img img {width:100%;display:block}
.event-1-area .web-sub-section {background-color:#F3F3F3;padding-top:8rem;max-width:105.4rem}
.event-1-area .web-event-section-title {color:#1E7273}
.web-event-top-title {display:flex;align-items:center;flex-direction:column;gap:2rem}
.web-event-section-title {font-size:4.5rem;font-weight:900;line-height:1.3}
.web-event-section-desc {font-size:1.7rem;font-weight:700;line-height:1.6;color:#111}
.web-event-top-data {display:flex;flex-direction:column;align-items:center;gap:3rem}
.web-event-top-data * {text-align:center}
.web-event-top-number img {display:block;height:6.8rem}
.web-event-top-img {margin:0 -2.4rem}
.web-event-top-img img {width:100%;display:block;max-width:37.5rem;margin:0 auto}
.web-event-section-info {display:flex;margin-top:2rem;padding-bottom:10rem;flex-direction:column;align-items:center;justify-content:center}
.web-event-section-info-title {color:#111;font-weight:800;line-height:1;position:relative;font-size:2.4rem}
.web-event-section-info-title::before {content:'';position:absolute;left:-.3rem;right:-.3rem;bottom:-.3rem;height:1rem}
.web-event-section-info-title span {position:relative}
.web-event-section-info-desc1 {font-size:1.7rem;font-weight:700;color:#111;line-height:1.6}
.web-event-section-info-desc2 {font-size:1.5rem;font-weight:700;color:#454545CC;line-height:1.5}
.event-1-area .web-event-section-info-title::before {background-color:#B0E3E3}
.web-event-section-info p {line-height:1.6}
.btn-base[data-color="gradation"] {background:linear-gradient(90deg, #129A9A 0%, #40CC7A 100%);}
.event-2-area .web-event-section-title {color:#7E4C0C}
.event-2-area .web-sub-section {background-color:#FDF8DA;padding-top:8rem;max-width:105.4rem}
.event-2-area .web-event-section-info-title::before {background-color:#FEDA9C}
.section-notice .web-sub-section {max-width:105.4rem;padding:0 2rem}
.section-notice {padding-top:9.2rem;padding-bottom:8rem}
.section-notice-title {font-size:2.2rem;font-weight:800;color:#111}
.event-btn-area {margin-top:10rem;margin-bottom:7rem;padding:0 2rem}
.store-event-btn-ico {display:block;width:13rem;height:6.8rem;background:url("../../images/web-site-tnj/store-event-btn-ico.png") no-repeat 50% 50% /contain;position:absolute;left:50%;transform:translateX(-50%);top:-4rem;z-index:2;pointer-events:none}
.event-btn-area .btn-base {padding:3.6rem 2rem 0;width:100%;background-color:#28BCBD;gap:1rem;justify-content:flex-start;height:15rem;border-radius:2.4rem}
.event-btn-area .btn-base .btn-text {font-size:2.2rem;font-weight:800;color:#fff;line-height:1.3}
.event-btn-area .btn-base .btn-desc {color:#fff;opacity:.8;line-height:1.6;font-size:1.5rem}
.event-btn-area .btn-text span {color:#FFF94B}
.event-guide-step-box {margin-top:2.4rem;display:flex;flex-direction:column;gap:7.2rem}
.event-guide-step-item {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.event-guide-step-number {padding:0 1.4rem;height:3.1rem;border-radius:99em;background-color:#454545;display:flex;align-items:center;font-size:1.5rem;font-weight:800;color:#fff;margin-top:2rem}
.event-guide-step-desc {font-size:1.6rem;font-weight:700;color:#111;line-height:1.6;margin-top:1.2rem;text-align:center}
.event-guide-step-item img {width:26rem;}

@keyframes sparkle {
    0% {opacity:0;transform:scale(.7);left:-100%}
    5% {opacity:1;transform:scale(3);}
    10% {opacity:0;transform:scale(.7);left:100%}
    100% {opacity:0;transform:scale(.7);left:100%}
}
.btn-effect {position:relative;overflow:hidden;}
.btn-effect::after {content:"";position:absolute;width:4rem;height:4rem;background:rgba(255,255,255,.3);border-radius: 50%;box-shadow:0 0 3rem rgba(255, 255, 255,.9);animation:sparkle 4s infinite ease-in-out;}
.btn-effect::after {top:-3rem;left:-100%;animation-delay:0s;}
@media (min-width:1024px) {
    .event-summary-area {height:52rem;background-image:url("../../images/web-site-tnj/store-event-top-pc.png")}
    .event-content-info-box {padding:4rem 8rem 4rem 10rem;flex-direction:row;margin:0 auto -7rem;border-radius:2rem;gap:6rem;top:-7.8rem;box-shadow:0 2rem 3.4rem 0 #00000014;}
    .event-content-info-desc {flex:1}
    .event-content-info-desc1 {font-size:2.6rem}
    .event-content-info-desc2 {font-size:2rem}
    .event-2-area .web-sub-section,
    .event-1-area .web-sub-section {border-radius:2.4rem}
    .event-1-area,
    .event-2-area {margin-top:4rem}
    .web-event-top-data {gap:4rem}
    .web-event-section-title {font-size:5rem;line-height:1}
    .web-event-top-img {width:52rem;margin:0}
    .web-event-section-desc {font-size:2.4rem;line-height:1.8}
    .web-event-section-info {padding-bottom:8rem}
    .web-event-section-info-title {font-size:3rem}
    .web-event-section-info-desc1 {font-size:2.2rem}
    .web-event-section-info-desc2 {font-size:1.7rem}
    .web-event-section-info-title::before {height:1.6rem}

    .section-notice {padding:9rem 2rem}
    .section-notice-title {font-size:2.6rem}

    .event-guide-step-box {flex-direction:row;gap:4.8rem;align-items:flex-start}
    .event-guide-step-desc {font-size:1.6rem;}

    .event-btn-area {margin-top:8.6rem;margin-bottom:7rem;display:flex;justify-content:center}
    .event-btn-area .btn-base {padding:5.4rem 8.8rem 0;width:auto;height:15rem;border-radius:999em}
    .event-btn-area .btn-base .btn-text {font-size:2.8rem;line-height:1}
    .event-btn-area .btn-base .btn-desc {font-size:1.7rem}
    .store-event-btn-ico {width:17.7rem;height:9.3rem;top:-5.4rem}
}