@charset "utf-8";

/*
 * File    : jt-strap.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * A11Y
 * TYPOGRAPHY
 * JT GUIDE
 * BUTTON
 * FORM
 * CATEGORY
 * TABS
 * SEARCH
 * PAGINATION
 * LIST COMPONENT
 * SINGLE LAYOUT
 * SHARE
 * SWIPER
 * LAZYLOAD
 * VIDEO
 * ACCORDION LIST
 * SEARCH LIST
 * MASONRY LIST
 * JT CONFIRM
 * MARQUEE
 * MOTION
 * MEDIA POPUP
 * ANIMATIOM KEYFRAME
 * HOVER
 */



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

#skip a { width: 1rem; height: 1rem; position: absolute; left: -10000rem; top: auto; overflow: hidden; }
#skip a:focus { display: block; width: 100%; height: 50rem; padding: 0 24rem; position: fixed; top: 0; left: 0; font-size: var(--font-size-ko-09); line-height: 50rem; text-align: center; font-weight: bold; color: var(--color-white); background: var(--color-black); z-index: 999; }

:focus:not(:focus-visible) :is( select, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=number], input[type=search], textarea, input[type=submit], input[type=button], button, a ) { outline: none; }



/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
.jt-typo--en { font-family: var(--font-secondary); }
.jt-typo--point { font-family: var(--font-third); }

.jt-typo--01 { font-size: var(--font-size-ko-01); line-height: var(--font-lineheight-ko-01); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--02 { font-size: var(--font-size-ko-02); line-height: var(--font-lineheight-ko-02); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--03 { font-size: var(--font-size-ko-03); line-height: var(--font-lineheight-ko-03); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--04 { font-size: var(--font-size-ko-04); line-height: var(--font-lineheight-ko-04); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--05 { font-size: var(--font-size-ko-05); line-height: var(--font-lineheight-ko-05); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--06 { font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--07 { font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-typo--08 { font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 500; letter-spacing: var(--letter-spacing); }
.jt-typo--09 { font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 500; letter-spacing: var(--letter-spacing); }
.jt-typo--10 { font-size: var(--font-size-ko-10); line-height: var(--font-lineheight-ko-10); font-weight: 500; letter-spacing: var(--letter-spacing); }

.jt-typo-en--01 { font-size: var(--font-size-en-01); line-height: var(--font-lineheight-en-01); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--02 { font-size: var(--font-size-en-02); line-height: var(--font-lineheight-en-02); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--03 { font-size: var(--font-size-en-03); line-height: var(--font-lineheight-en-03); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--04 { font-size: var(--font-size-en-04); line-height: var(--font-lineheight-en-04); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--05 { font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--06 { font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--07 { font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--08 { font-size: var(--font-size-en-08); line-height: var(--font-lineheight-en-08); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--09 { font-size: var(--font-size-en-09); line-height: var(--font-lineheight-en-09); font-weight: 600; letter-spacing: var(--letter-spacing); }
.jt-typo-en--10 { font-size: var(--font-size-en-10); line-height: var(--font-lineheight-en-10); font-weight: 600; letter-spacing: var(--letter-spacing); }

.jt-typo-point--01 { font-size: var(--font-size-point-01); line-height: var(--font-lineheight-point-01); font-weight: 400; letter-spacing: var(--letter-spacing); }
.jt-typo-point--02 { font-size: var(--font-size-point-02); line-height: var(--font-lineheight-point-02); font-weight: 400; letter-spacing: var(--letter-spacing); }



/* **************************************** *
 * JT GUIDE
 * **************************************** */
/* ICON */
.jt-icon { display: inline-block; }
.jt-icon svg { display: block; width: 100%; height: auto; }
.jt-icon svg path { fill: var(--color-black); transition: fill .3s; }



/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.jt-btn__basic { display: inline-flex; justify-content: center; align-items: center; gap: 4rem; padding: 9rem 60rem 8rem; position: relative; background: transparent; border: none; border-radius: 999rem; outline: none; cursor: pointer; text-align: center; }
.jt-btn__basic:before,
.jt-btn__basic:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid var(--color-black); border-radius: inherit; box-sizing: border-box; }
.jt-btn__basic:before { border-width: 0 0 2px 0; clip-path: inset(2px 0px -2px 0px round 999rem); }
.jt-btn__basic:after { border-width: 2px; opacity: 0; transition: opacity .3s; }
.jt-btn__basic > span { display: block; position: relative; font-family: inherit; font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); letter-spacing: var(--letter-spacing); font-weight: 600; color: var(--color-black); }
.jt-btn__basic > span[lang="en"] { font-family: var(--font-secondary); font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); }
.jt-btn__basic .jt-icon { display: inline-block; width: 16rem; height: 16rem; }
.jt-btn__basic .jt-icon svg path { fill: var(--color-black); }

.jt-btn__basic--full { display: flex; padding-top: 24rem; padding-bottom: 24rem; }

.jt-btn__basic.jt-btn--type-02:before,
.jt-btn__basic.jt-btn--type-02:after { border-color: var(--color-white); }
.jt-btn__basic.jt-btn--type-02 > span { color: var(--color-white); }
.jt-btn__basic.jt-btn--type-02 .jt-icon svg path { fill: var(--color-white); }

/* Line Button */
.jt-btn__line { display: inline-flex; justify-content: center; align-items: center; gap: 4rem; position: relative; padding: 6rem 58rem; border-radius: 999rem; border: 2px solid var(--color-black); cursor: pointer; text-align: center; }
.jt-btn__line > span { display: block; position: relative; font-family: inherit; font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 600; letter-spacing: var(--letter-spacing); color: var(--color-black); }
.jt-btn__line > span[lang="en"] { font-family: var(--font-secondary); font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); }

.jt-btn__line .jt-icon { display: block; width: 16rem; height: 16rem; }
.jt-btn__line .jt-icon svg path { fill: var(--color-black); }

.jt-btn__line.jt-btn--type-02 { border-color: var(--color-white); }
.jt-btn__line.jt-btn--type-02 > span { color: var(--color-white); }



/* **************************************** *
 * FORM
 * **************************************** */
/* Layout */
.jt-form { display: flex; flex-wrap: wrap; flex-direction: column; gap: 120rem; }
.jt-form > * { width: 100%; }

.jt-form__group { display: flex; flex-wrap: wrap; flex-direction: column; }
.jt-form__group-title { display: block; padding-bottom: 10rem; margin-bottom: 40rem; border-bottom: 1px solid var(--color-black); }
.jt-form__fieldset { display: flex; flex-wrap: wrap; gap: 48rem 0; }
.jt-form__entry { width: 100%; }
.jt-form__data { margin-top: 16rem; position: relative; font-size: 0; }

/* Label */
.jt-form__label { display: block; position: relative; font-size: 0; }
.jt-form__label > span { display: inline-block; vertical-align: middle; }
.jt-form--required .jt-form__label:after { content: ''; display: inline-block; vertical-align: top; width: 5rem; height: 5rem; margin-top: 4rem; margin-left: 4rem; background: var(--color-quinary); border-radius: 50%; }

/* Input */
.jt-form__field { display: inline-block; vertical-align: middle; width: 100%; height: 54rem; margin: 0; padding: 13rem 20rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); border: 1px solid var(--color-gray-400); border-radius: var(--round-01); outline: none; background: var(--color-white); box-sizing: border-box; transition: border .3s; opacity: 1; }
textarea.jt-form__field { height: 300rem; padding: 20rem; overflow: auto; resize: none; }
.jt-form__field:focus { border-color: var(--color-black); }
.jt-form__field:disabled, .jt-form__field:read-only { border-color: var(--color-gray-400); background: var(--color-gray-200); color: var(--color-gray-500); }
html.mac .jt-form__field { padding-top: 15rem; }

/* Explain */
.jt-form__explain { display: block; margin-top: 8rem; position: relative; color: var(--color-gray-700); }

/* Validity */
.jt-form__valid { display: block; margin-top: 8rem; color: #D60000; }
.jt-form__explain + .jt-form__valid { margin-top: 4rem; }
.jt-form__valid:empty { margin-top: 0; }

.jt-form__data--error .jt-form__data + .jt-form__data { margin-top: 46rem; }

/* GROUP */
.jt-form__data-group { display: flex; gap: 8rem; }
.jt-form__data-column { width: 100%; }
.jt-form__data-column:has(+.jt-form__data-column .jt-form__field) { width: 240rem; }
.jt-form__data-column:has(+.jt-form__data-column .jt-form__field) + .jt-form__data-column { flex: 1; }

/* Checkbox, Radio */
.jt-checkbox, .jt-radiobox { display: flex; flex-wrap: wrap; gap: 2rem 24rem; margin-top: -2rem; margin-bottom: -2rem; position: relative; }
.jt-checkbox input, .jt-radiobox input { position: absolute; opacity: 0; cursor: pointer; }
.jt-checkbox label, .jt-radiobox label { padding: 2rem 0; font-size: 0; cursor: pointer; }
.jt-checkbox label > span, .jt-radiobox label > span { padding-left: 30rem; position: relative; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-gray-800); }
.jt-checkbox label > span:before, .jt-radiobox label > span:before { content: ''; display: block; width: 20rem; height: 20rem; position: absolute; top: 1rem; left: 0; border: 1px solid var(--color-gray-400); background: var(--color-white); transition: border .3s, background-color .1s; box-sizing: border-box; }
.jt-checkbox label > span:after, .jt-radiobox label > span:after { content: ''; display: none; position: absolute; box-sizing: border-box; }
.jt-checkbox label > span:before { border-radius: 3rem; }
.jt-checkbox label > span:after { width: 5rem; height: 9rem; left: 8rem; top: 5rem; border: solid var(--color-white); border-width: 0 2rem 2rem 0; rotate: 45deg; }
.jt-radiobox label > span:before { border-radius: 50%; }
.jt-radiobox label > span:after { width: 8rem; height: 8rem; left: 6rem; top: 7rem; background: var(--color-white); border-radius: 50%; }
.jt-checkbox input:checked + span:before, .jt-radiobox input:checked + span:before { background: var(--color-quinary); border-color: var(--color-quinary); }
.jt-checkbox input:disabled + span:before, .jt-radiobox input:disabled + span:before, .jt-checkbox input:disabled:checked + span:before, .jt-radiobox input:disabled:checked + span:before { border-color: var(--color-gray-400); background: var(--color-gray-400); }
.jt-checkbox input:checked + span:after, .jt-radiobox input:checked + span:after { display: block; }
.jt-checkbox input:disabled + span:after { border-color: var(--color-gray-600); }
.jt-radiobox input:disabled + span:after { background: var(--color-gray-600); }

.jt-checkbox ~ .jt-form__explain { margin-top: 2rem; padding-left: 30rem; }
.jt-checkbox ~ .jt-form__valid { padding-left: 30rem; }

/* Radio Box */
.jt-radiobox--card { display: flex; gap: 16rem; margin-top: 0; margin-bottom: 0; }
.jt-radiobox--card input { top: 0; }
.jt-radiobox--card label { flex: 1; display: flex; align-items: center; justify-content: center; padding: 32rem 20rem; text-align: center; color: var(--color-gray-800); background: var(--color-white); border-radius: var(--round-02); border: 1px solid var(--color-gray-400); transition: border-color .2s, background .2s; }
.jt-radiobox--card label > span { padding-left: 0 !important; color: inherit; transition: color .2s; }
.jt-radiobox--card label > span:before,
.jt-radiobox--card label > span:after { display: none; }
.jt-radiobox--card label input:checked + span:after { display: none; }
.jt-radiobox--card label:has(input:checked) { background-color: #FBF0F7; border-color: var(--color-quinary); color: var(--color-quinary); }

/* Choices */
.jt-choices__wrap { position: relative; }

html.desktop .jt-choices { opacity: 0; } /* fix FOUC */

.choices { margin-bottom: 0; font-size: var(--font-size-ko-08); }
.choices__inner { display: block; min-height: inherit;  height: 54rem; padding: 13rem 52rem 13rem 20rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-gray-800); background: var(--color-white); border: 1px solid var(--color-gray-400); border-radius: var(--round-01); transition: border-color .3s; }
.choices__placeholder { color: var(--color-gray-700); opacity: 1; }

.choices[data-type*=select-one] .choices__inner { padding-bottom: 12rem; }
.choices[data-type*=select-one]::after { content: ''; width: 52rem; height: 100%; margin: 0; right: 0; top: 0; border: none; background: url(../images/icon/icon-select-gray.svg) no-repeat center center; background-size: 24rem auto; transition: rotate .4s cubic-bezier(0.22, 0.61, 0.36, 1); }

.choices__list--single { display: block; padding: 0; }

.choices__list--dropdown, 
.choices__list[aria-expanded] { border: 1px solid var(--color-black); border-radius: 0 0 var(--round-01) var(--round-01); }
.is-flipped .choices__list--dropdown, 
.is-flipped .choices__list[aria-expanded] { border-radius: var(--round-01) var(--round-01) 0 0; }
.choices__list--dropdown .choices__item, 
.choices__list[aria-expanded] .choices__item { padding: 10rem 20rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-gray-800); transition: background-color .3s; }
.choices__list--dropdown .choices__item:first-child, .choices__list[aria-expanded] .choices__item:first-child,
.choices__list--dropdown .choices__item:nth-child(2), .choices__list[aria-expanded] .choices__item:nth-child(2) { padding-top: 20rem; }
.choices__list--dropdown .choices__item--selectable:last-child, .choices__list[aria-expanded] .choices__item:last-child { padding-bottom: 20rem; }
.choices__list[role=listbox] { overscroll-behavior: none; }

.is-open .choices__inner { border-radius: var(--round-01) var(--round-01) 0 0; }
.is-flipped.is-open .choices__inner { border-radius: 0 0 var(--round-01) var(--round-01); }

.is-focused.choices[data-type*=select-one]::after,
.is-open.choices[data-type*=select-one]::after { background-image: url(../images/icon/icon-select.svg); }
.is-focused .choices__inner, 
.is-open .choices__inner { border-color: var(--color-black); }

.choices[data-type*=select-one].is-open::after { margin-top: 0; border: none; rotate: -180deg; }

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] { border-color: inherit; }

.choices__list--dropdown .choices__item--selectable.is-highlighted, 
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background: transparent; }
.choices__list--dropdown .choices__item--selectable.is-selected,
.choices__list[aria-expanded] .choices__item--selectable.is-selected { color: var(--color-black); }

.choices__item--disabled { display: none; }

html.mobile .jt-choices__wrap { background: var(--color-white); overflow: hidden; }
html.mobile .jt-choices__wrap:before { content: ''; width: 52rem; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/icon/icon-select-gray.svg) no-repeat center center; background-size: 24rem auto; }
html.mobile .jt-choices__wrap > select { appearance: none; width: 100%; margin: 0; height: 54rem; padding: 0 52rem 0 20rem; position: relative; font-family: var(--font-primary); font-size: var(--font-size-ko-09); line-height: 52rem; font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-gray-800); background: transparent; border: 1px solid var(--color-gray-400); border-radius: var(--round-01); outline: none; box-shadow: none; opacity: 1; box-sizing: border-box; transition: border-color .3s; }
html.mobile .jt-choices__wrap > select:focus { border-color: var(--color-black); }

/* Email Autocomplete */
.jt-automail { position: relative; }
.jt-automail--open .jt-form__field { border-radius: var(--round-01) var(--round-01) 0 0; }

.jt-automail__list { width: 100%; position: absolute; top: calc(100% - 1px); left: 0; background: var(--color-white); border: 1px solid var(--color-black); border-radius: 0 0 var(--round-01) var(--round-01); z-index: 1; }
.jt-automail__list > li { padding: 10rem 20rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-gray-800); cursor: pointer; }
.jt-automail__list > li:first-child { padding-top: 20rem; }
.jt-automail__list > li:last-child { padding-bottom: 20rem; }
.jt-automail__list > li > span { color: var(--color-primary); }

/* File */
.jt-form__attach { margin-bottom: 20rem; }
.jt-form__attach-ext { color: var(--color-gray-800); }

.jt-customfile { position: relative; }

.jt-customfile__field { width: 160rem; height: 52rem; position: relative; font-size: 0; }
.jt-customfile__input { width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0; cursor: pointer; }
.jt-customfile__button { display: block; width: 100%; height: 100%; margin: 0; padding: 0; font-size: var(--font-size-ko-09); font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-white); background: var(--color-black); border: none; border-radius: var(--round-01); outline: none; box-shadow: none; box-sizing: border-box; transition: background-color .3s; cursor: pointer; }

.jt-customfile__list { display: flex; flex-wrap: wrap; gap: 8rem; margin-top: 20rem; }
.jt-customfile__list:empty { display: none; }
.jt-customfile__item { position: relative; padding: 5rem 38rem 5rem 16rem; background: var(--color-gray-200); border-radius: var(--round-03); }
.jt-customfile__item > span { font-size: var(--font-size-ko-10); line-height: var(--font-lineheight-ko-10); font-weight: 400; letter-spacing: var(--letter-spacing); white-space: nowrap; }
.jt-customfile__delete { display: block; width: 24rem; height: 24rem; margin: 0; padding: 0; position: absolute; right: 12rem; top: 50%; translate: 0 -50%; background: none; border: none; outline: none; box-shadow: none; box-sizing: border-box; cursor: pointer; }
.jt-customfile__delete .jt-icon { display: block; width: 12rem; height: 12rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }

/* Count */
.jt-form__count-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16rem 44rem; }
.jt-form__count-item { display: inline-flex; justify-content: space-between; align-items: center; gap: 16rem; }
.jt-form__count { position: relative; }
.jt-form__count-label { color: var(--color-gray-800); }
.jt-form__field.jt-form__count-field { width: 144rem; padding: 8rem 42rem; height: 42rem; text-align: center; }
.jt-form__field.jt-form__count-field::-webkit-outer-spin-button,
.jt-form__field.jt-form__count-field::-webkit-inner-spin-button { -webkit-appearance:none; margin: 0; }
html.mac .jt-form__field.jt-form__count-field { padding-top: 11rem; }
.jt-form__count-btn { position: absolute; top: 0; border: 0; background: 0; font-size: 0; display: block; width: 42rem; height: 100%; cursor: pointer; }
.jt-form__count-btn:before { content: ''; position: absolute; top: 50%; left: 50%; width: 10rem; height: 2px; display: block; background: var(--color-gray-700); margin-top: -1rem; margin-left: -5rem; }
.jt-form__count-btn--plus { right: 0; }
.jt-form__count-btn--plus:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 10rem; background: var(--color-gray-700); margin-top: -5rem; margin-left: -1rem; }
.jt-form__count-total { display: flex; align-items: center; justify-content: space-between; gap: 20rem; padding: 26rem 40rem; background: #FBF0F7; border-radius: var(--round-01); margin-top: 24rem; }
.jt-form__count-total p { color: var(--color-gray-800); }
.jt-form__count-total b { font-weight: inherit; color: var(--color-quinary); }

.jt-form__count--disabled .jt-form__count-btn { pointer-events: none; }
.jt-form__count--disabled .jt-form__count-btn:before, .jt-form__count--disabled .jt-form__count-btn:after { background-color: var(--color-gray-500); }

/* Agreement */
.jt-agreement:not(:first-of-type) { margin-top: 48rem; }

.jt-agreement__title { position: relative; display: block; margin-bottom: 12rem; }
.jt-agreement__title:after { content: ''; display: inline-block; vertical-align: top; width: 5rem; height: 5rem; margin-top: 4rem; margin-left: 4rem; background: var(--color-quinary); border-radius: 50%; }
.jt-agreement__desc { margin-top: 16rem; color: var(--color-gray-800); }

.jt-agreement__content { padding: 32rem 14rem 32rem 32rem; background: var(--color-gray-200); border-radius: var(--round-01); margin-top: 8rem; overflow: hidden; }
.jt-agreement__content-inner { max-height: 240rem; padding-right: 18rem; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: none; }
html.win .jt-agreement__content-inner { overflow: overlay; }
html.win .jt-agreement__content-inner::-webkit-scrollbar { width: 4rem; background: transparent; }
html.win .jt-agreement__content-inner::-webkit-scrollbar-track { background: transparent; border-radius: 999rem; }
html.win .jt-agreement__content-inner::-webkit-scrollbar-thumb { background: var(--color-gray-500); border-radius: 999rem; }

.jt-agreement__item ol { counter-reset: item; }
.jt-agreement__item ol:not(:first-child) { margin-top: 4rem; }
.jt-agreement__item p { color: var(--color-gray-800); }
.jt-agreement__item li { padding-left: 12rem; position: relative; color: var(--color-gray-800); }
.jt-agreement__item ul li { margin-bottom: 4rem; }
.jt-agreement__item ul li:last-child { margin-bottom: 0; }
.jt-agreement__item ul li:before { content: ''; display: block; position: absolute; top: calc(var(--font-lineheight-ko-09) / 2 - 2rem); left: 0; width: 4rem; height: 4rem; background: var(--color-gray-800); border-radius: 50%; } 
.jt-agreement__item ol li { padding-left: 16rem; }
.jt-agreement__item ol li:before { counter-increment: item; content: counter(item)'.'; position: absolute; top: 0; left: 0; }
.jt-agreement__item ol + p { margin-top: 4rem; }

.jt-agreement__explain { display: block; color: var(--color-gray-700); margin-top: 8rem; }

.jt-agreement__choice { margin-top: 16rem; position: relative; }
.jt-agreement__choice > b > span { color: var(--color-primary); }
.jt-agreement__choice-field { position: relative; }
.jt-agreement__choice-field .jt-radiobox > label { width: 100%; }
.jt-agreement__choice-field .jt-form__valid { min-width: 280rem; }

/* Control */
.jt-form__control { position: relative; text-align: center; }
.jt-form__action { position: relative; display: block; width: 100%; padding: 7rem 60rem 6rem; font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 700; letter-spacing: var(--letter-spacing); color: var(--color-black); border: 2rem solid var(--color-black); background: transparent; text-align: center; box-sizing: border-box; transition: border .15s, color .3s; cursor: pointer; }
.jt-form__action[lang="en"] { font-family: var(--font-secondary); font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); }
input.jt-form__action { border-radius: 999rem; }

.jt-form__control-spinner { display: none; width: 72rem; height: 8rem; margin: -4rem 0 0 -36rem; position: absolute; top: 50%; left: 50%; font-size: 0; line-height: 1; text-align: center; }
.jt-form__control-spinner > div { display: inline-block; width: 8rem; height: 8rem; margin: 0 8rem; background: var(--color-black); border-radius: 100%; animation: bounce-delay 1.4s infinite ease-in-out both; }
.jt-form__control-spinner .jt-form__control-spinner-ball-01 { animation-delay: -0.32s; }
.jt-form__control-spinner .jt-form__control-spinner-ball-02 { animation-delay: -0.16s; }
.jt-form.jt-form--loading .jt-form__action { color: transparent; }
.jt-form.jt-form--loading .jt-form__control-spinner { display: block; }

/* Calendar */
.jt-form__calendar .jt-form__field { background-image: url(../images/icon/icon-calendar.svg); background-repeat: no-repeat; background-size: 24rem 24rem; background-position: right 20rem center; }
.jt-form__calendar .jt-form__field::-webkit-contacts-auto-fill-button { display: none !important; visibility: hidden; pointer-events: none; width: 0; height: 0; margin: 0; }
.jt-form__calendar .jt-form__field:read-only { color: var(--color-gray-800); border-color: var(--color-gray-400); background-color: var(--color-white); }
.jt-form__calendar .jt-form__field:read-only:focus::-webkit-input-placeholder { color: var(--color-gray-700); }
.jt-form__calendar-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

.jt-form__calendar .jt-datepicker { position: absolute; top: 62rem; left: 0; width: 350rem; background: var(--color-white); border: 1px solid var(--color-gray-400); border-radius: var(--round-01); font-family: var(--font-primary); box-shadow: none; transition: none; }
.jt-form__calendar .jt-datepicker .air-datepicker--pointer { display: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav { padding: 17rem 76rem 21rem; position: relative; border-bottom: none; justify-content: center; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--title { padding: 4rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); letter-spacing: var(--letter-spacing); font-weight: 700; color: var(--color-black); border-radius: 0; transition: background .3s; pointer-events: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--title.-disabled- { color: var(--color-gray-400); transition: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-body--day-names { margin-top: 0; margin-bottom: 5rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-body--day-name { padding: 4rem 10rem; font-size: var(--font-size-ko-10); line-height: var(--font-lineheight-ko-10); letter-spacing: var(--letter-spacing); font-weight: 700; color: var(--color-black); }
.jt-form__calendar .jt-datepicker .air-datepicker--content { padding: 0 20rem 20rem 20rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-body.-days- { margin-top: -4rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-body--cells.-days- { grid-auto-rows: inherit; }
.jt-form__calendar .jt-datepicker .air-datepicker-body--cells.-years- { grid-auto-rows: 44rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-body--cells.-months- { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 44rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell { font-size: var(--font-size-ko-10); line-height: var(--font-lineheight-ko-10); letter-spacing: var(--letter-spacing); font-weight: 700; padding: 4rem 10rem; min-width: 44rem; min-height: 38rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell:not(.-disabled-) { color: var(--color-gray-700); transition: color .3s; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell:not(.-selected-).-disabled- { pointer-events: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-disabled- { color: var(--color-gray-400); }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-disabled-.-focus- { background: transparent;}
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action { width: 32rem; height: 32rem; position: absolute; top: 18rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action svg { display: block; width: 16rem; height: auto; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action path { stroke: var(--color-gray-400); transition: stroke .3s; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action[data-action="prev"] { left: 27rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action[data-action="next"] { right: 27rem; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-year-.-other-decade-, 
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-day-.-other-month- { color: var(--color-gray-300); background: transparent; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-year-.-other-decade- { pointer-events: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-selected- { color: var(--color-black); background: var(--color-gray-300); }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-current- { color: var(--color-quinary); }

.jt-form__calendar .jt-datepicker .air-datepicker-nav--title:not(.-disabled-):hover { background: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action:hover { background: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-nav--action:hover path { stroke: var(--color-black); }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.air-datepicker-cell:not(.-disabled-):not(.-selected-):not(.-current-).-focus-,
.jt-form__calendar .jt-datepicker .air-datepicker-cell:not(.-disabled-):not(.-selected-):not(.-current-):hover { color: var(--color-black); background: none; }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-day-.-other-month-:hover,
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-year-.-other-decade-:hover { color: var(--color-gray-300); }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-selected-:hover { color: var(--color-black); }
.jt-form__calendar .jt-datepicker .air-datepicker-cell.-current-:hover { color: var(--color-quinary); }
.jt-form__calendar .jt-datepicker .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.jt-form__calendar .jt-datepicker .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- { background: none; }



/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt-category-wrap { margin-bottom: 60rem; }
.jt-category { text-align: center; }
.jt-category ul { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8rem; }
.jt-category ul li { position: relative; color: var(--color-gray-700); }
.jt-category ul a { display: block; padding: 0 16rem; color: inherit; transition: color .3s; }
.jt-category ul li a span { position: relative; display: block; padding: 4rem 0; pointer-events: none; }
.jt-category ul li a span:before { content: ''; display: none; width: 100%; height: 2rem; background: var(--color-black); position: absolute; bottom: 0; left: 0; }
.jt-category ul li.jt-category--active a { color: var(--color-black); }
.jt-category ul li.jt-category--active a span:before { display: block; }

.jt-category-wrap--secondary .jt-category ul a { padding-top: 8rem; padding-bottom: 8rem; }
.jt-category-wrap--secondary .jt-category ul li a span { padding: 0; }
.jt-category-wrap--secondary .jt-category ul li a span:before { display: none; }
.jt-category-wrap--secondary .jt-category ul li.jt-category--active a { padding-left: 38rem; padding-right: 38rem; border: 2rem solid currentColor; border-radius: 99rem; margin: 0 16rem; padding-top: 7rem; padding-bottom: 6rem; }
.jt-category-wrap--secondary .jt-category ul li.jt-category--active:first-child a { margin-left: 0; }
.jt-category-wrap--secondary .jt-category ul li.jt-category--active:last-child a { margin-right: 0; }



/* **************************************** *
 * TABS
 * **************************************** */
.jt-tabs__menu { text-align: center; margin-bottom: 60rem; }
.jt-tabs__menu ul { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8rem; }
.jt-tabs__menu ul li { position: relative; color: var(--color-gray-700); }
.jt-tabs__menu ul a { display: block; padding: 8rem 16rem; color: inherit; transition: color .3s; }
.jt-tabs__menu ul li a span { position: relative; display: block; }
.jt-tabs__menu ul li.jt-tabs--active a { padding: 6rem 38rem; border: 2rem solid currentColor; border-radius: 99rem; margin: 0 16rem; color: var(--color-black); }
.jt-tabs__menu ul li.jt-tabs--active:first-child a { margin-left: 0; }
.jt-tabs__menu ul li.jt-tabs--active:last-child a { margin-right: 0; }

.jt-tabs__panels > div { position: relative; display: none; }
.jt-tabs__panels > div:first-child { display: block; }



/* **************************************** *
 * SEARCH
 * **************************************** */
.jt-search { display: flex; justify-content: center; margin-bottom: 120rem; }
.jt-search:has(+.jt-search-result) { margin-bottom: 80rem; }

/* INPUT + LABEL */
.jt-search__bundle { position: relative; }

.jt-search__field { width: 760rem; position: relative; }
.jt-search__input { display: block; width: 100%; height: 80rem; margin: 0; padding: 20rem 92rem; font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 500; letter-spacing: var(--letter-spacing); color: var(--color-gray-700); text-overflow: ellipsis; background: var(--color-gray-200); border: none; border-radius: var(--round-02); outline: none; opacity: 1; box-sizing: border-box; }

.jt-search__label { position: absolute; top: 25rem; left: 92rem; font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 500; letter-spacing: var(--letter-spacing); color: var(--color-gray-700); transition: opacity .26s; cursor: text; }

.jt-search__input:disabled, .jt-search__input:read-only { border-color: var(--color-gray-300); }
.jt-search__input:disabled + .jt-search__label, .jt-search__input:read-only + .jt-search__label { color: var(--color-gray-400); }

/* SUBMIT */
.jt-search__submit { display: block; width: 40rem; height: 40rem; margin: 0; padding: 0; position: absolute; left: 40rem; top: 50%; background: none; border: none; cursor: pointer; translate: 0 -50%; opacity: .8; transition: opacity .3s; }
.jt-search__submit .jt-icon { display: block; width: 100%; }

/* CLEAR */
.jt-search__reset { display: block; width: 40rem; height: 40rem; margin: 0; padding: 0; position: absolute; right: 40rem; top: 50%; background: var(--color-white); border: none; border-radius: 50%; cursor: pointer; translate: 0 -50%; opacity: 0; transition: opacity .15s; }
.jt-search__reset .jt-icon { display: block; width: 16rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; border-radius: 0; overflow: hidden; }
.jt-search__reset .jt-icon svg { position: relative; }
.jt-search__reset .jt-icon path { fill: var(--color-black); }

/* ACTIVE */
.jt-search__bundle.jt-search--active .jt-search__label { opacity: 0; visibility: hidden; }
.jt-search__bundle.jt-search--active .jt-search__reset { opacity: 0.8; visibility: visible; }



/* **************************************** *
 * PAGINATION
 * **************************************** */
.jt-pagination { margin-top: 80rem; font-size: 0; text-align: center; }
.jt-pagination:empty { margin-top: 0; }

.jt-pagination .jt-pagination__numbers { display: inline-block; vertical-align: top; min-width: 28rem; height: 27rem; margin: 0 8rem; position: relative; font-family: var(--font-secondary); font-size: var(--font-size-en-09); line-height: 26rem; font-weight: 600; letter-spacing: var(--letter-spacing); color: var(--color-gray-700); transition: color .3s; }
.jt-pagination .jt-pagination__numbers:after { content: ''; display: block; width: 58%; height: 2rem; position: absolute; bottom: 0; left: 50%; translate: -50% 0; box-sizing: border-box; }
.jt-pagination .jt-pagination__numbers .jt-icon { width: 16rem; position: absolute; top: calc(50% - 2rem); left: 50%; translate: -50% -50%; pointer-events: none; }
.jt-pagination .jt-pagination__numbers.jt-pagination--prev { margin-left: 4rem; margin-right: 2rem; }
.jt-pagination .jt-pagination__numbers.jt-pagination--next { margin-left: 2rem; margin-right: 4rem; }
.jt-pagination .jt-pagination__numbers.jt-pagination--first,
.jt-pagination .jt-pagination__numbers.jt-pagination--last { margin-left: 4rem; margin-right: 4rem; }

.jt-pagination .jt-pagination__numbers.jt-pagination--current { color: var(--color-black); }
.jt-pagination .jt-pagination__numbers.jt-pagination--current:after { background: var(--color-black); }



/* **************************************** *
 * LIST COMPONENT
 * **************************************** */
/* Nothing */
.jt-list-nothing { margin-top: -40rem; text-align: center; }
.jt-list-nothing__img { width: 120rem; height: 120rem; margin: 0 auto 16rem; border-radius: 50%; overflow: hidden; }
.jt-list-nothing b { display: block; word-break: break-all; }
.jt-list-nothing p { padding-top: 8rem; color: var(--color-gray-800); }
.jt-list-nothing .jt-btn__line { margin-top: 16rem; }

.jt-list-nothing.jt-list-nothing--secondary { margin-top: 60rem; }

/* Count */
.jt-list-count { position: relative; }
.jt-list-count p { position: absolute; left: 0; top: -60rem; transform: translateY(-100%); }



/* **************************************** *
 * SINGLE LAYOUT
 * **************************************** */
/* LAYOUT */
.jt-single { position: relative; }

.jt-single__header { margin-top: 80rem; margin-bottom: 80rem; text-align: center; display: flex; flex-direction: column; gap: 32rem; }

.jt-single__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16rem; color: var(--color-gray-900); }
.jt-single__meta > * { position: relative; }
.jt-single__notice { padding: 5rem 16rem; color: var(--color-white); background: var(--color-secondary); border-radius: var(--round-01); }
.jt-single__cat { padding: 3rem 0; color: var(--color-black); border-bottom: 1px solid var(--color-black); }
.jt-single__date { display: inline-block; color: var(--color-gray-700); }

.jt-single__meta--bottom { gap: 24rem; }
.jt-single__meta--bottom > *:not(:last-child):after { content: ''; display: block; width: 4rem; height: 4rem; margin-top: -4rem; position: absolute; top: 50%; right: -14rem; background: var(--color-black); border-radius: 50%; }

.jt-single__content { padding-bottom: 260rem; }
.jt-single__content:only-child { padding-bottom: 0; }

/* SHARE */
.jt-single__share-url { display: inline-flex; align-items: center; gap: 4rem; color: var(--color-gray-800); transition: color .3s; }
.jt-single__share-url .jt-icon { width: 20rem; }
.jt-single__share-url .jt-icon svg path { fill: var(--color-gray-800); }

/* TAGS */
.jt-single__tags { display: flex; flex-wrap: wrap; gap: 8rem; margin-top: 80rem; }
.jt-single__tags a { padding: 4rem 8rem; color: inherit; background: var(--color-gray-200); border-radius: 4rem; transition: background-color .3s; }

/* CONTROL */
.jt-single__control { margin-top: 120rem; font-size: 0; text-align: center; }

/* RELATED */
.jt-related { margin-top: 120rem; }
.jt-related-head { margin-bottom: 40rem; }

.jt-single__related { overflow: hidden; }
.jt-single__related-head { margin-bottom: 40rem; }
.jt-single__related .jt-news-list__thumb { padding-top: 55.67%; }



/* **************************************** *
 * SHARE
 * **************************************** */
/* Clipboard */
.jt-share__tooltip { padding: 15rem 40rem; position: fixed; left: 50rem; left: 50%; bottom: 40rem; background: var(--color-black); z-index: 501; translate: -50% 0; opacity: 0; visibility: hidden; }
.jt-share__tooltip p { color: var(--color-white); }



/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper { height: 100%; }

.swiper-buttons { width: 100%; }
.swiper-control { width: 100%; position: absolute; left: 0; bottom: 45rem; font-size: 0; text-align: center; z-index: 2; }

/* PAGINATION */
.swiper-control .swiper-pagination.swiper-pagination-bullets { display: inline-block; vertical-align: middle; width: auto; position: relative; bottom: auto; left: auto; margin-left: -8rem; margin-right: -8rem; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 20rem; height: 20rem; margin: 0 8rem; position: relative; background: transparent; opacity: 1; will-change: transform; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; width: 6rem; height: 6rem; margin-top: -3rem; margin-left: -3rem; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color .3s; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; scale: 0; border: 1px solid var(--color-white); transition: scale .4s; box-sizing: border-box; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: var(--color-white); width: 4rem; height: 4rem; margin-top: -2rem; margin-left: -2rem; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { scale: 1; }

/* NAVIGATION */
.swiper-navigation .swiper-button { width: 52rem; height: 52rem; margin: -26rem 0 0; padding: 0; background: var(--color-gray-700); border: none; border-radius: 50%; transition: background .3s; }
.swiper-navigation .swiper-button:after { display: none; }
.swiper-navigation .swiper-button-prev { left: 0; }
.swiper-navigation .swiper-button-next { right: 0; }
.swiper-navigation .swiper-button-next.swiper-button-disabled, 
.swiper-navigation .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.swiper-navigation .swiper-button-prev .jt-icon { margin-left: -1rem; }
.swiper-navigation .swiper-button-next .jt-icon { margin-left: 1rem; }
.swiper-navigation .swiper-button .jt-icon { width: 20rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.swiper-navigation .swiper-button .jt-icon path { fill: var(--color-white); }

/* SCROLLBAR */
.swiper-scrollbar { background: var(--color-gray-300); border-radius: 0; }
.swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; height: 5rem; margin-top: 60rem; position: relative; left: auto; bottom: auto; }
.swiper-scrollbar .swiper-scrollbar-drag { background: var(--color-black); border-radius: 0; cursor: grab; }

/* PROGRESSBAR */
.swiper-pagination-progressbar { background: var(--color-gray-400); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--color-secondary); }



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] { opacity: 0; transition: opacity .3s; }
.jt-lazyload--loaded img[data-unveil], img[data-unveil].jt-lazyload--loaded { opacity: 1; }

.jt-lazyload { position: relative; overflow: hidden; }
.jt-lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.jt-lazyload.jt-lazyload--loaded img, .jt-lazyload img.jt-lazyload--loaded { height: auto; }

/* Color preview */
.jt-lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-gray-200); }
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview { background: transparent; transition: background-color .1s; transition-delay: .3s; }



/* **************************************** *
 * VIDEO
 * **************************************** */
/* Embed Video */
.jt-embed-video { margin-left: auto; margin-right: auto; position: relative; } 
.jt-embed-video__inner { position: relative; width: 100%; padding-top: 56.25%; } 
.jt-embed-video__inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: content-box; background: #000 url(../images/layout/spin.png) no-repeat center center; background-size: 32rem 32rem; }
.jt-embed-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 1; }
.jt-embed-video__poster .jt-embed-video__img { display: block; width: 100%; margin: 0; }
.jt-embed-video__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4); }
.jt-embed-video__overlay-btn { display: block; width: 64rem; height: 64rem; margin-top: -32rem; margin-left: -32rem; position: absolute; top: 50%; left: 50%; background: var(--color-white); border-radius: 50%; box-sizing: border-box; opacity: 0.8; scale: 1; transition: opacity .5s cubic-bezier(.165, .84, .44, 1), scale 1s cubic-bezier(.23, 1, .32, 1); }
.jt-embed-video__overlay-btn:after { content: ''; width: auto; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-top: -7rem; margin-left: -4rem; font-style: normal; border-top: 7rem solid transparent; border-bottom: 7rem solid transparent; border-left: 10rem solid var(--color-primary); transition: scale 1s cubic-bezier(.23, 1, .32, 1); }

.ios .jt-embed-video__poster { opacity: 0; visibility: hidden; }

/* Native Background Video */
.jt-background-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.jt-background-video__vod { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transform: translateZ(0); }
.jt-background-video__vod:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.jt-background-video__vod video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.jt-background-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; }

 

/* **************************************** *
 * ACCORDION LIST
 * **************************************** */
.jt-accordion { display: flex; flex-wrap: wrap; row-gap: 12rem; }
.jt-accordion__item { width: 100%; background: var(--color-gray-200); border-radius: var(--round-02); transition: background .3s; }

.jt-accordion__head { padding: 45rem 152rem 45rem 60rem; position: relative; cursor: pointer; }
.jt-accordion__control { width: 40rem; height: 40rem; position: absolute; top: 40rem; right: 60rem; }
.jt-accordion__control:before { position: absolute; content: ''; width: 24rem; height: 2rem; top: 50%; left: 50%; translate: -50% -50%; background: var(--color-black); }
.jt-accordion__control:after { position: absolute; content: ''; width: 2rem; height: 24rem; top: 50%; left: 50%; translate: -50% -50%; background: var(--color-black); transition: rotate .3s; }

.jt-accordion__content { margin-top: -24rem; margin-bottom: 24rem; position: relative; overflow: hidden; }
.jt-accordion__content-inner { padding: 0 60rem 45rem; margin-bottom: -24rem; }
.jt-accordion__content-inner p { font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); color: var(--color-gray-800);}
.jt-accordion__content-inner p + p { margin-top: 12rem; }

.jt-accordion__tags { display: flex; flex-wrap: wrap; gap: 8rem; margin-top: 16rem; }
.jt-accordion__tags li a { display: block; padding: 4rem 0; position: relative; color: var(--color-gray-800); transition: color .3s; }
.jt-accordion__tags li a:before { content: '#'}
.jt-accordion__tags li a:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: currentColor; }

.jt-accordion .jt-accordion__item:not(:first-child) .jt-accordion__content .jt-accordion__content-inner { display: none; }

/* ACTIVE */
.jt-accordion__item.jt-accordion--active .jt-accordion__control:after { rotate : -90deg; }



/* **************************************** *
 * SEARCH LIST
 * **************************************** */
.jt-search-list-count { margin-bottom: 20rem; }

.jt-search-list { border-top: 1px solid var(--color-black); }
.jt-search-list__item a { display: block; padding: 24rem 0; position: relative; color: inherit; border-bottom: 1px dashed var(--color-gray-500); }
.jt-search-list__item a:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -1px; background: var(--color-gray-800); opacity: 0; transition: opacity .3s; }

.jt-search-list__meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 40rem; }
.jt-search-list__cat { display: inline-block; border-bottom: 1px solid currentColor; }
.jt-search-list__date { display: inline-block; padding: 4rem 0; opacity: .5; }

.jt-search-list__title { margin-top: 20rem; font-size: 0; }
.jt-search-list__title .jt-icon { width: 16rem; margin-left: 6rem; }



/* **************************************** *
 * MASONRY LIST
 * **************************************** */
.jt-isotope-list { visibility: hidden; } /* Hide the container (show with js) */

.jt-isotope-list { margin-bottom: -52rem; position: relative; width: 100%; overflow: hidden; }
.jt-isotope-list:after { content: ''; display: table; clear: both; }
.jt-isotope-list__grid { width: calc(50% - 41rem); }
.jt-isotope-list__gutter { width: 82rem; }
.jt-isotope-list__item { width: calc(50% - 41rem); margin-bottom: 52rem; }



/* **************************************** *
 * JT CONFIRM
 * **************************************** */
.jt-confirm { position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(27, 27, 27, 0.8); z-index: 99999; }
.jt-confirm:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.jt-confirm__container { display: inline-block; vertical-align: middle; width: 90%; max-width: 376rem; background: var(--color-point-02); border-radius: var(--round-01); overflow: hidden; }

.jt-confirm__content { display: flex; align-items: center; justify-content: center; min-height: 150rem; padding: 36rem 32rem 32rem; }
.jt-confirm__content p { font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 500; letter-spacing: var(--letter-spacing); word-wrap: break-word; word-break: keep-all; }

.jt-confirm__actions { display: flex; flex-wrap: nowrap; }
.jt-confirm__btn { width: 100%; padding: 12rem 20rem; font-size: var(--font-size-ko-09); line-height: var(--font-lineheight-ko-09); font-weight: 500; letter-spacing: var(--letter-spacing); color: inherit; background: var(--color-point-02); border: solid var(--color-point-03); border-width: 1px 0 0; cursor: pointer; transition: .3s; }

.jt-confirm--choice .jt-confirm__btn { width: 50%; }
.jt-confirm--choice .jt-confirm__btn:first-child { border-right-width: 1px; }



/* **************************************** *
 * MARQUEE
 * **************************************** */
/* Text type */
.jt-marquee-wrap { width: 100%; overflow: hidden; }
.jt-marquee { white-space: nowrap; }
.jt-marquee span { display: inline-block; vertical-align: top; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: Marquee; animation-name: Marquee; }
.jt-marquee span + span { margin-left: 35rem; }
.jt-marquee i { font-style: normal; }

/* Drag type */
.jt-drag-marquee { display: block; font-size: 0; white-space: nowrap; overflow: hidden; }
.jt-drag-marquee__wrapper, .jt-drag-marquee__inner, .jt-drag-marquee__item { display: inline-block; vertical-align: top; }



/* **************************************** *
 * MOTION
 * **************************************** */
/* STACKING CARD */
.jt-stacking-cards { --cards-fvh: 100vh; --cards-margin: 52rem; display: flex; flex-direction: column; position: relative; }
.jt-stacking-card { display: flex; align-items: center; height: var(--cards-fvh); padding-top: var(--cards-margin); padding-bottom: var(--cards-margin); }
.jt-stacking-card__inner { width: 100%; height: 100%; position: relative; }

html.mobile .jt-stacking-cards { --cards-fvh: 100svh; }

html.kakao .jt-stacking-cards { gap: var(--cards-margin); }
html.kakao .jt-stacking-card { height: auto; padding: 0; aspect-ratio: 16 / 9; }

/* BACKGROUND PARALLAX */
.jt-bg-parallax { width: 100%; height: 100%; position: relative; overflow: hidden; }
.jt-bg-parallax__bg { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat center center / cover; }



/* **************************************** *
 * MEDIA POPUP
 * **************************************** */
.jt-mdp { background: rgba(255, 255, 255, .3); backdrop-filter: blur(10rem); }
.jt-mdp--iframe .jt-mdp__content { max-width: 1014rem; }

.jt-mdp__close { width: 40rem; height: 40rem; position: absolute; top: -58rem; right: 0; background: rgba(255, 255, 255, .8); }
.jt-mdp__close > i { width: 16rem; }
html.win .jt-mdp__close { right: 0; }



/* **************************************** *
 * ANIMATIOM KEYFRAME
 * **************************************** */
/* LOADMORE BOUNCE DELAY */
@keyframes bounce-delay {
    0%, 80%, 100% { scale: 0; }
    40% { scale: 1; }
}

/* MARQUEE */
@keyframes Marquee {
    from { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
    to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

/* MOTION */
@keyframes whirlpool-spin {
    from { transform: rotate(0); }
    to { transform: rotate(359deg); }
}

@keyframes floating {
    0% { transform: translate(0, -8%) }
    50% { transform: translate(0, 0) }
    100% { transform: translate(0, -8%) }
}

@keyframes twinkle {
    0% { transform: scale(1, 1); filter: drop-shadow(0 0 20rem #FFD500); }
    50% { transform: scale(0.8, 0.8); filter: drop-shadow(0 0 2rem #FFD500); }
    100% { transform: scale(1, 1); filter: drop-shadow(0 0 20rem #FFD500); }
}



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    /* BUTTON */
    .jt-btn__basic:hover:after { opacity: 1; }

    .jt-btn__line:hover { border-style: dashed; }

    /* FORM */
    .jt-form__field:hover { border-color: var(--color-black); }
    .jt-form__field:disabled:hover, .jt-form__field:read-only:hover { border-color: var(--color-gray-400); background-color: var(--color-gray-200); color: var(--color-gray-500); }
    
    .choices[data-type*=select-one]:hover::after { background-image: url(../images/icon/icon-select.svg); }
    .choices:hover .choices__inner { border-color: var(--color-black); }

    .jt-radiobox--card label:hover { border-color: var(--color-quinary); color: var(--color-quinary); }

    .jt-customfile__input:hover + .jt-customfile__button { background: var(--color-gray-900); }

    .jt-form__action:hover { border-style: dashed; }

    .jt-form__calendar .jt-form__field:read-only:hover { color: var(--color-gray-800); border-color: var(--color-black); background-color: var(--color-white); }
   
    /* CATEGORY */
    .jt-category ul a:hover { color: var(--color-black); }

    /* SEARCH */
    .jt-search__bundle.jt-search--active .jt-search__reset:hover { opacity: 1; }

    .jt-search__submit:hover { opacity: 1; }

    /* PAGINATION */
    .jt-pagination .jt-pagination__numbers:hover { color: var(--color-black); }

    /* SINGLE */
    .jt-single__share-url:hover { color: var(--color-black); }
    .jt-single__share-url:hover .jt-icon svg path { fill: var(--color-black); }

    .jt-single__tags a:hover { background: var(--color-gray-300); }

    /* TABS */
    .jt-tabs__menu li:hover a { color: var(--color-black); }

    /* SWIPER */
    .swiper-navigation .swiper-button:hover { background: var(--color-gray-900); }

    /* VIDEO */
    .jt-embed-video__poster:hover .jt-embed-video__overlay-btn { opacity: 1; scale: 1.2; }
    .jt-embed-video__poster:hover .jt-embed-video__overlay-btn:after { scale: 0.8; }

    /* ACCORDION LIST */
    .jt-accordion__item:hover { background: var(--color-gray-300); }
    .jt-accordion__tags li a:hover { color: var(--color-black); }

    /* SEARCH LIST */
    .jt-search-list__item a:hover:after { opacity: 1; }

    /* MASONRY LIST */
    .jt-isotope-list__item .jt-isotope-list__link:hover .jt-isotope-list__thumb img { scale: 1.05; rotate: 0.01deg; }
    .jt-isotope-list__item .jt-isotope-list__link:hover .jt-isotope-list__title > span { border-bottom-color: var(--color-black); }
    
    /* MEDIA POPUP */
    .jt-mdp__close:hover { background: var(--color-white); }

}