@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS, Chaehee)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) TYPOGRAPHY
 * 02) JT GUIDE
 * 03) BUTTON
 * 04) FORM
 * 05) LIST COMPONENT
 * 06) SINGLE LAYOUT
 * 07) JT SHARE
 * 08) JT COMING SOON
 * 09) JT LOADMORE
 * 10) SPLIT TEXT
 * 11) JT ALERT
 * 12) JT LOADING ALERT
 * 13) SWIPER
 * 14) MAGNIFIC POPUP
 * 15) CONTACT FROM 7
 * 16) A11Y
 * 17) LAZYLOAD
 * 18) VIDEO
 * 19) ANIMATIOM KEYFRAME
 * 20) MARQUEE
 */



/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
.jt-ko-heading--01 { font-size: 56rem; line-height: 1.21; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-ko-heading--02 { font-size: 48rem; line-height: 1.29; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-ko-heading--03 { font-size: 40rem; line-height: 1.3; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-ko-heading--04 { font-size: 26rem; line-height: 1.39; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-ko-heading--05 { font-size: 16rem; line-height: 1.5; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-ko-heading--06 { font-size: 13rem; line-height: 1.54; font-weight: 700; letter-spacing: var(--letter-spacing); }

.jt-ko-text--01 { font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); }
.jt-ko-text--01-secondary { font-size: 17rem; line-height: 1.65; font-weight: 400; letter-spacing: var(--letter-spacing); }
.jt-ko-text--02 { font-size: 16rem; line-height: 1.5; font-weight: 400; letter-spacing: var(--letter-spacing); }
.jt-ko-text--03 { font-size: 13rem; line-height: 1.54; font-weight: 400; letter-spacing: var(--letter-spacing); }

.jt-en-heading--01 { font-size: 80rem; line-height: 1.04; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-heading--02 { font-size: 56rem; line-height: 1.04; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-heading--03 { font-size: 40rem; line-height: 1.05; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-heading--04 { font-size: 24rem; line-height: 1.04; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-heading--05 { font-size: 20rem; line-height: 1.1; font-weight: 700; letter-spacing: var(--letter-spacing); }

.jt-en-text--01 { font-size: 17rem; line-height: 1.06; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-text--02 { font-size: 16rem; line-height: 1.06; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-en-text--03 { font-size: 13rem; line-height: 1.17; font-weight: 700; letter-spacing: var(--letter-spacing); }



/* **************************************** *
 * JT GUIDE
 * **************************************** */
/* ICON */
.jt-guide--icon { display: inline-block; }
.jt-guide--icon svg { display: block; width: 100%; height: auto; }



/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.jt-btn__basic { display: inline-block; position: relative; vertical-align: middle; line-height: 1; text-align: center; padding: 22rem 36rem 20rem; font-size: 16rem; font-weight: 700; letter-spacing: var(--letter-spacing); color: var(--color-primary); border: 2rem solid var(--color-primary); background: transparent; -webkit-transition: all .3s; transition: all .3s; }
.jt-btn__basic .jt-guide--icon svg path { transition: all .3s; }
html.desktop .jt-btn__basic:hover { background: var(--color-primary); color: #fff; }

.jt-btn__basic.jt-btn--type-02 { border-color: #fff; }
html.desktop .jt-btn__basic.jt-btn--type-02:hover { color: #fff; background: transparent; }

/* Underline Button */
.jt-btn__underline { display: inline-block; position: relative; vertical-align: top; font-size: 16rem; line-height: 1.5; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-btn__underline:before, .jt-btn__underline:after { content: ''; display: block; height: 2rem; position: absolute; bottom: 1rem; z-index: 2; -webkit-transition: width .4s; transition: width .4s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.jt-btn__underline:before { width: 100%; right: 0; background: var(--color-primary); -webkit-transition-delay: .2s; transition-delay: .2s; }
.jt-btn__underline:after { width: 0; left: 0; background: var(--color-primary); -webkit-transition-delay: 0s; transition-delay: 0s; }
html.desktop .jt-btn__underline:hover:before { width: 0; -webkit-transition-delay: 0s; transition-delay: 0s; }
html.desktop .jt-btn__underline:hover:after { width: 100%; -webkit-transition-delay: .2s; transition-delay: .2s; }

.jt-btn__underline.jt-btn--type-02:before { background: var(--color-primary); }

/* CTA */
.jt-btn__cta { display: inline-block; position: relative; min-width: 228rem; font-size: 16rem; font-weight: 700; line-height: 1.5; text-align: center; color: var(--color-primary); padding: 12rem 20rem 11rem; transition: background .3s; }
.jt-btn__cta.jt-btn--type-02 { color: #fff; }
.jt-btn__cta.jt-btn--type-02 > span .jt-guide--icon > svg path { fill: #fff; }
.jt-btn__cta > span { position: relative; padding-right: 20rem; }
.jt-btn__cta > span .jt-guide--icon { position: absolute; top: 0; right: 0; transform: rotate(-45deg); width: 18rem; }
.jt-btn__cta:before { border-top: 4rem solid var(--color-primary); border-bottom: 4rem solid var(--color-primary); }
.jt-btn__cta:after { border-left: 4rem solid var(--color-primary); border-right: 4rem solid var(--color-primary); }
.jt-btn__cta:after, .jt-btn__cta:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 8rem); height: calc(100% - 8rem); transition: .3s; }
.jt-btn__cta.jt-btn--type-02:before, .jt-btn__cta.jt-btn--type-02:after { border-color: #fff; }

html.desktop .jt-btn__cta:hover:before { width: calc(100% - 22rem); }
html.desktop .jt-btn__cta:hover:after { height: calc(100% - 22rem); }



/* **************************************** *
 * FORM
 * **************************************** */
/* Form layout */
.jt-form { max-width: 720rem; margin: 0 auto; }
.jt-form:after { content: ''; display: table; clear: both; }

.jt-form__data { margin-bottom: 94rem; }
.jt-form__data:last-child { margin-bottom: 0; }

.jt-form__field-wrap { display: block; margin-top: 5rem; font-size: 0; }
.jt-form__field-wrap.secondary { margin-top: 13rem; }
.jt-form__text { font-size: 16rem; font-weight: 400; line-height: 1.85; color: #666; }

/* Label */
.jt-form__label { display: inline-block; position: relative; font-size: 26rem; line-height: 1.39; font-weight: 700; letter-spacing: var(--letter-spacing); }
.jt-form--required .jt-form__label:after { margin-left: 8rem; content: ''; display: inline-block; vertical-align: top; width: 5rem; height: 5rem; border-radius: 50%; background: #df0000; position: relative; top: 8rem; }

/* Input */
.jt-form__field { display: inline-block; width: 100%; height: 50rem; margin: 0; padding: 11rem 0 12rem; vertical-align: middle; font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); border: 0; border-bottom: 1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: border .3s; }
textarea.jt-form__field { height: 360rem; overflow: auto; resize: none; border: 1rem solid #ddd; padding: 12rem 19rem; }
html.desktop .jt-form__field:hover { border-color: var(--color-primary); }
.jt-form__field:focus { border-color: var(--color-primary); }
html.desktop .jt-form__field:focus { border-color: var(--color-primary); }
.jt-form__field:disabled, .jt-form__field:-moz-read-only { border-color: #eee; }
.jt-form__field:disabled, .jt-form__field:read-only { border-color: #eee; }
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:-moz-read-only { border-color: #eee; }
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:read-only { border-color: #eee; }

/* checkbox, radio */
.jt-checkbox, .jt-radiobox { display: block; margin-top: -6rem; margin-bottom: -6rem; position: relative; font-size: 0; }
.jt-checkbox input, .jt-radiobox input { position: absolute; opacity: 0; cursor: pointer; }
.jt-checkbox label, .jt-radiobox label { display: inline-block; padding: 6rem 0 6rem 30rem; margin-right: 25rem; position: relative; font-size: 16rem; line-height: 1.46; letter-spacing: var(--letter-spacing); color: #999; cursor: pointer; }
.jt-checkbox label:last-child, .jt-radiobox label:last-child { margin-right: 0; }
.jt-checkbox label > span:before, .jt-radiobox label > span:before { content: ''; display: block; height: 20rem; width: 20rem; position: absolute; top: 7rem; left: 0; border: 1rem solid #ddd; -webkit-transition: border .3s, background .1s; transition: border .3s, background .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jt-checkbox label > span:after, .jt-radiobox label > span:after { content: ''; display: none; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jt-checkbox label > span:before { border-radius: 0; }
.jt-checkbox label > span:after { width: 5rem; height: 9rem; left: 8rem; top: 11rem; border: solid #fff; border-width: 0 2rem 2rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.jt-radiobox label > span:before { border-radius: 50%; }
.jt-radiobox label > span:after { width: 8rem; height: 8rem; left: 6rem; top: 13rem; background: #fff; border-radius: 50%; }
.jt-checkbox input:checked + span:before, .jt-radiobox input:checked + span:before { background: var(--color-primary); border-color: var(--color-primary); }
.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: #eee; background: #eee; }
.jt-checkbox input:checked + span:after, .jt-radiobox input:checked + span:after { display: block; }
.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: #eee; background: #eee; }
.jt-checkbox input:disabled + span:after { border-color: #bbb; }
.jt-radiobox input:disabled + span:after { background: #bbb; }
html.ios .jt-checkbox, html.ios .jt-radiobox { margin-top: -8rem; margin-bottom: -5rem; }
html.ios .jt-checkbox label, html.ios .jt-radiobox label { padding-top: 8rem; padding-bottom: 5rem; }

/* Selectric */
.jt-selectric__wrap { width: 100%; position: relative; }

html.js .jt-selectric { opacity: 0; } /* fix fouc */

.selectric { width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1rem solid #ddd; border-radius: 0; -webkit-transition: border-color .3s; transition: border-color .3s; }
.selectric .label { height: 50rem; margin: 0 42rem 0 0; font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); color: #999; padding: 11rem 0; }
.selectric-below:not(.selectric-open) .label { color: var(--color-primary); }
.selectric .button { width: 26rem; height: 50rem; color: transparent; }
.selectric .button:after { content: ''; display: block; width: 16rem; height: 10rem; background: url(../images/icon/jt-icon/jt-chevron-down-smaller-2px-square.svg) no-repeat; background-size: 16rem auto; border: 0; transition: transform .4s; }
.selectric-items ul, .selectric-items li { width: 100%; font-size: 16rem; text-align: left; }
.selectric-items { background: #fff; border: solid var(--color-primary); border-width: 0 1rem 1rem; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; opacity: 0; transition: all .4s; }
.selectric-items ul { margin: 0; padding: 0; }
.selectric-items li { padding: 18rem 18rem 15rem; line-height: 1.4; font-weight: 500; color: #999; transition: background .1s, color .1s }
.selectric-items li.placeholder { display: none; }
html.desktop .selectric-items li:hover, .selectric-items li.selected { color: var(--color-primary); background: #f8f8f8; }
.selectric-hover .selectric { border-color: var(--color-primary); }
.selectric-focus .selectric { border-color: var(--color-primary); }
.selectric-open { z-index: 100; }
.selectric-open .selectric { border-color: var(--color-primary); }
.selectric-open .selectric .button:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.selectric-open .selectric-items { opacity: 1; }
.selectric-above.selectric-open .selectric-items { border-width: 1rem; }

html.mobile .jt-selectric__wrap { border-radius: 0; /*overflow: hidden;*/ }
html.mobile .jt-selectric__wrap option.placeholder { display: none; }
html.mobile .jt-selectric__wrap:before  { content: ''; position: absolute; top: 17rem; right: 0; display: block; width: 16rem; height: 10rem; background: url(../images/icon/jt-icon/jt-chevron-down-smaller-2px-square.svg) no-repeat; background-size: 16rem auto; border: 0; transition: transform .4s; }
html.mobile .jt-selectric__wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; padding: 17rem 42rem 16rem 0; position: relative; font-family: var(--font-primary); font-size: 16rem; line-height: 1; font-weight: 400; color: var(--color-primary); background: transparent; border: 0; border-bottom: 1rem solid #ddd; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; }

/* 약관동의 */
.jt-agreement { margin-top: 13rem; }
.jt-agreement__typo { font-size: 16rem; letter-spacing: var(--letter-spacing); color: #999; }
.jt-agreement__anchor { display: inline-block; position: relative; }
.jt-agreement__anchor:before { content: ''; display: block; width: 100%; height: 1rem; background: var(--color-primary); position: absolute; bottom: -2rem; right: 0; -webkit-transition: width .4s; transition: width .4s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-delay: .2s;transition-delay: .2s; }
.jt-agreement__anchor:after { content: ''; display: block; width: 0; height: 1rem; background: var(--color-primary); position: absolute; bottom: -2rem; left: 0; -webkit-transition: width .4s; transition: width .4s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-delay: 0s;transition-delay: 0s; }

.jt-agreement__choice { position: relative; display: inline-block; padding-left: 27rem; }
.jt-agreement__choice .wpcf7-form-control-wrap { position: absolute; top: -7rem; left: 0; }
.jt-agreement__choice .contact-agree input { position: absolute; opacity: 0; cursor: pointer; }
.jt-agreement__choice .contact-agree input + span:before { content: ''; display: block; height: 20rem; width: 20rem; position: absolute; top: 7rem; left: 0; border: 1rem solid #ddd; -webkit-transition: border .3s, background .1s; transition: border .3s, background .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }
.jt-agreement__choice .contact-agree input + span:after { content: ''; display: none; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 5rem; height: 9rem; left: 8rem; top: 11rem; border: solid #fff; border-width: 0 2rem 2rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.jt-agreement__choice .contact-agree input:checked + span:before { background: var(--color-primary); border-color: var(--color-primary); }
.jt-agreement__choice .contact-agree input:checked + span:after { display: block; }
.jt-agreement__choice .contact-agree input:disabled + span:after { border-color: #bbb; }

/* Control */
.jt-form__control { position: relative; margin-top: 78rem; padding-top: 70rem; font-size: 0; text-align: center; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) calc(50% - 25rem), #fff calc(50% - 25rem), #fff calc(50% + 25rem), var(--color-primary) calc(50% + 25rem), var(--color-primary) ) top no-repeat; background-size: 100% 6rem; }
.jt-form__control:before { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; top: 25rem; right: 50%; transform: rotate(45deg); transform-origin: top right; }
.jt-form__control:after { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; top: 25rem; left: 50%; transform: rotate(-45deg); transform-origin: top left; }
.jt-form__control .jt-loadmore__spinner { top: 10.5rem; }
.jt-form__control .jt-loadmore__spinner > div { width: 10rem; height: 10rem; margin: 0 6rem; }
html.desktop.safari .jt-form__control .jt-loadmore__spinner { top: 12rem; }

.jt-form__action-wrap { display: inline-block; padding: 0; }
.jt-form__action { display: inline-block; position: relative; min-width: 208rem; font-size: 16rem; font-weight: 700; line-height: 1.5; letter-spacing: var(--letter-spacing); text-align: center; color: var(--color-primary); border: 0; background: transparent; padding: 11rem 20rem 9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; z-index: 1; }

.contact-request-form form[data-status="resetting"] .jt-form__control .wpcf7-form-control,
.contact-request-form form[data-status="submitting"] .jt-form__control .wpcf7-form-control { visibility: hidden; }
.contact-request-form form[data-status="resetting"] .jt-form__control .jt-loadmore__spinner,
.contact-request-form form[data-status="submitting"] .jt-form__control .jt-loadmore__spinner { display: block; }

/* autocomplete email */
.jt-autocomplete { background: #fff; border: solid var(--color-primary); border-width: 0 1rem 1rem; }
.jt-autocomplete .ui-menu-item-wrapper { display: block; padding: 14rem 18rem; font-size: 16rem; font-weight: 400; line-height: 1.75; color: #999; }
.jt-autocomplete .ui-menu-item-wrapper span { color: var(--color-primary); }
.jt-autocomplete .ui-state-focus, .jt-autocomplete .ui-state-active { margin: 0; background: #f8f8f8; }

/* custom form - membership */
.jt-form__valid { width: 100%; position: absolute; left: 0; bottom: -32rem; color: #E42020; font-size: 15rem; line-height: 1.6; letter-spacing: var(--letter-spacing);  }
.jt-form__entry { width: 100%; }
.jt-form__data { position: relative; }
.jt-form__label--small{ font-size: 16rem; font-weight: 400; line-height: 1.5; letter-spacing: var(--letter-spacing); margin-left: 6rem; display: inline-block; vertical-align: bottom; color: #fff }
.jt-form__data .jt-form__search { min-width: 150rem; height: 50rem; background: #333; color: #fff; border: none; font-size: 17rem; line-height: 1.76; letter-spacing: var(--letter-spacing); }
.jt-form__data .jt-form__search + input[type="text"] { width: calc(100% - 159rem); margin-left: 4rem; }
.jt-form__data input[type="text"] + input[type="text"] { margin-top: 11rem; }

.jt-radiobox.jt-radiobox--fullbox label { padding: 11rem 0 0 0; margin-right: 10rem; }
.jt-radiobox.jt-radiobox--fullbox span { display: block; text-align: center; padding: 14rem 65rem; color: #888; border: 1rem solid #888; -webkit-transition: border .3s, background .3s, color .3s; transition: border .3s, background .3s, color .3s; }
.jt-radiobox.jt-radiobox--fullbox label > span:before ,
.jt-radiobox.jt-radiobox--fullbox input:checked + span:after { display: none; }
.jt-radiobox.jt-radiobox--fullbox input:checked + span { background: #fff; color: #000; border-color: #fff; }

.jt-form__field[name="membership-postcode"],
.jt-form__field[name="membership-address"] { color: transparent; text-shadow: 0 0 0 black; }
.jt-form__field[name="membership-postcode"]:focus,
.jt-form__field[name="membership-address"]:focus { outline: none; }
.jt-form__field[name="membership-postcode"]::placeholder,
.jt-form__field[name="membership-address"]::placeholder {color: #888; opacity: 1;}


/* email autocomplete - membership */
.jt-automail { position: relative; }
.jt-automail__list { width: 100%; position: absolute; top: calc(100% - 1px); left: 0; background: #000; border: 1px solid #fff; z-index: 1; }
.jt-automail__list > li { padding: 10rem 18rem; font-size: 18rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); color: #fff; cursor: pointer; }
.jt-automail__list > li > span { color: #999; }
html.desktop .jt-automail__list > li:hover, .jt-automail__list > li.jt-automail--focus { background: #1c1c1c; }



/* **************************************** *
 * LIST COMPONENT
 * **************************************** */
/* Nothing */
.jt-list-nothing { display: inline-block; width: 100%; padding: 120rem 0; text-align: center; border-top: 3rem solid #ddd; border-bottom: 1rem solid #ddd; }
.jt-list-nothing b { font-size: 32rem; font-weight: 600; color: #222; }
.jt-list-nothing b span { color: var(--color-primary); }
.jt-list-nothing p { padding-top: 15rem; font-size: 16rem; line-height: 1.75; color: #666; }
.jt-list-nothing p span { color: #222; }



/* **************************************** *
 * SINGLE LAYOUT
 * **************************************** */
.jt-single-outer { padding-bottom: 200rem; }
.jt-single { position: relative; background-color: #fff; overflow: hidden; }
.jt-single:after { content: ''; background: #fff; filter: blur(50rem); width: 199px; height: 100vh; position: absolute; top: 0; left: 26%; }
html.ipad .jt-single:after {filter: none; background: url(../images/layout/single-gradient-bg-light.png) repeat-y; background-size: 100% 10rem; }
.jt-single--gradient-bg { background: linear-gradient(180deg, #DDDDDD 0%, rgba(255, 255, 255, 0) 100%); background-color: #fff; background-repeat: no-repeat; background-size: 100% 100vh; background-position: top left; }
.jt-single > * { position: relative; z-index: 1; }
.jt-single .jt-list-nothing { max-width: 1200rem; margin-left: auto; margin-right: auto; }
.jt-single .jt-blocks > *:last-child { margin-bottom: 100rem; }
.jt-single .jt-blocks > .wp-block-spacer:last-child { margin-bottom: 0; }

.jt-single__detail { max-width: 720rem; margin: 156rem auto 55rem; font-size: 0;  }
.jt-single__detail-list { display: inline-grid; grid-template-columns: auto auto; }
.jt-single__detail-list > * { font-size: 16rem; line-height: 1.5; font-weight: 700; letter-spacing: var(--letter-spacing); margin-bottom: 7rem; }
.jt-single__detail-list > *:nth-last-child(-n+2) { margin-bottom: 0; }
.jt-single__detail-list-title { padding-right: 40rem; }
.jt-single__detail-list-content { font-weight: 400; }

.article-body.jt-blocks { padding-bottom: 200rem; }
.jt-blocks + .jt-single__tags { margin-top: 102rem; }
.jt-single__tags { max-width: 728rem; margin: 0 auto 56rem; font-size: 0; }
.jt-single__tag { display: inline-block; vertical-align: top; font-size: 16rem; line-height: 1.5; font-weight: 400; letter-spacing: var(--letter-spacing); color: #666; background: #f4f4f4; padding: 6rem 20rem 5rem; margin: 4rem; transition: background .3s; }
html.desktop .jt-single__tag:hover { background: #ddd; }

.jt-single__bottom { position: relative; }
.jt-single__bottom-inner { position: relative; padding-top: 63rem; padding-bottom: 195rem; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) calc(50% - 25rem), rgba(255,255,255,0) calc(50% - 25rem), rgba(255,255,255,0) calc(50% + 25rem), var(--color-primary) calc(50% + 25rem), var(--color-primary) ) top no-repeat; background-size: 100% 6rem; }
.jt-single__bottom-inner:before { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; top: 25rem; right: 50%; transform: rotate(45deg); transform-origin: top right; }
.jt-single__bottom-inner:after { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; top: 25rem; left: 50%; transform: rotate(-45deg); transform-origin: top left; }

.jt-single__editor { display: block; text-align: center; }
.jt-single__editor-link { display: inline-block; }
.jt-single__editor-txt { font-size: 16rem; font-weight: 700; line-height: 1.5; letter-spacing: var(--letter-spacing); }
.jt-single__editor-txt span + span { margin-left: 4rem; transition: color .2s; }
.jt-single__editor-profile { display: inline-block; vertical-align: top; width: 100rem; border-radius: 50%; overflow: hidden; margin-top: 12rem; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.jt-single__editor-profile-figure { padding-top: 100%; }
.jt-single__editor-profile-figure img[data-unveil] { transform: scale(1) rotate(0deg); transition: opacity .3s, transform .3s ease-in-out; }
html.desktop .jt-single__editor-link:hover .jt-single__editor-txt > span + span { color: #888; }
html.desktop .jt-single__editor-link:hover .jt-single__editor-profile-figure img { transform: scale(1.05) rotate(0.1deg); }

.jt-single__other-title { margin-bottom: 33rem; margin-left: -4rem; }
.jt-single__other-list-item { border-top: 2rem solid var(--color-primary); }
.jt-single__other-list-item:last-child .jt-single__other-list-link { padding-bottom: 0; }
.jt-single__other-list-link { display: flex; font-size: 0; padding: 30rem 0; }
.jt-single__other-list-thumb { position: relative; width: 580rem; }
.jt-single__other-list-thumb-icon {position: absolute; bottom: 40rem; right: 40rem; width: 37rem; height: 37rem; z-index: 1; }
.jt-single__other-list-thumb-icon svg path { fill: #fff; }
.jt-single__other-list-thumb img[data-unveil] { transform: scale(1) rotate(0deg); transition: opacity .3s, transform .3s ease-in-out; }
.jt-single__other-list-content { position: relative; width: calc(100% - 580rem); padding: 14rem 52rem; }
.jt-single__other-list-desc { margin-top: 8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 3.3em; }
.jt-single__other-list-date { position: absolute; bottom: 15rem; left: 52rem; }
html.desktop .jt-single__other-list-link:hover .jt-single__other-list-thumb img { transform: scale(1.05) rotate(0.1deg); }

.jt-single__other-list-item--txt .jt-single__other-list-link { display: block; }
.jt-single__other-list-item--txt .jt-single__other-list-content { width: 100%; width: auto; height: 375rem; padding: 44rem 50rem; background: #191919; color: #fff; }
.jt-single__other-list-item--txt .jt-single__other-list-content * { color: inherit; }
.jt-single__other-list-item--txt .jt-single__other-list-date { bottom: 46rem; }

.jt-single-list-btn-wrap { max-width: 1200rem; margin-left: auto; margin-right: auto; text-align: center; margin-top: 80rem; }



/* **************************************** *
 * JT SHARE
 * **************************************** */
.jt-share { padding: 40rem 0 0; font-size: 0; text-align: center; }
.jt-share .jt-share__item { display: inline-block; width: 58rem; height: 58rem; margin: 0 10rem; position: relative; vertical-align: middle; background: #fff; border: 1rem solid var(--color-primary); border-radius: 50%; transition: .3s; z-index: 2; }
.jt-share .jt-share__item:before { content: ''; display: block; width: 58rem; height: 58rem; position: absolute; top: 50%; left: 50%; margin-left: -29rem; margin-top: -29rem; border-radius: 50%; transition: all .2s; }
.jt-share .jt-share__item .jt-guide--icon { position: absolute; top: 50%; left: 50%; width: 24rem; height: 24rem; margin-top: -12rem; margin-left: -12rem; }
.jt-share .jt-share__item .jt-guide--icon svg path { transition: .3s; }
html.desktop .jt-share .jt-share__item:hover { background: var(--color-primary); }
html.desktop .jt-share .jt-share__item:hover .jt-guide--icon svg path { fill: #fff; }
html.desktop .jt-share .jt-share__item:hover:before { width: 80rem; height: 80rem; margin-left: -40rem; margin-top: -40rem; background: var(--color-primary); }

/* clipboard */
.jt-share__copynote { padding: 26rem 45rem; position: fixed; left: 50rem; bottom: 40rem; background: var(--color-primary); z-index: 501; opacity: 0; visibility: hidden; }
.jt-share__copynote p { font-size: 16rem; font-weight: 500; line-height: 1.6; letter-spacing: var(--letter-spacing); color: #fff; }
.jt-share__copynote p br { display: none; }
html.mobile .jt-share__copynote span { display: none; }



/* **************************************** *
 * JT COMING SOON
 * **************************************** */
.jt-comingsoon { padding: 120rem 0; text-align: center; border-top: 3rem solid #ddd; border-bottom: 1rem solid #ddd; }
.jt-comingsoon b { font-size: 32rem; font-weight: 600; color: var(--color-primary); }
.jt-comingsoon b span { color: var(--color-primary); }
.jt-comingsoon p { padding-top: 15rem; font-size: 16rem; line-height: 1.75; color: #666; }
.jt-comingsoon p span { color: var(--color-primary); }



/* **************************************** *
 * JT LOADMORE
 * **************************************** */
.jt-loadmore { font-size: 0; text-align: center; margin: 196rem 0 0; }
.jt-loadmore__btn { position: relative; display: inline-block; vertical-align: top; }
.jt-loadmore__btn .jt-guide--icon { width: 36rem; }
.jt-loadmore__btn .jt-guide--icon svg path { transition: transform .2s; }
.jt-loadmore__btn span { display: block; margin-bottom: 8rem; }
.jt-loadmore__spinner { display: none; width: 84rem; margin: 0; position: absolute; top: 15rem; left: 50%; margin-left: -42rem; text-align: center; }
.jt-loadmore__spinner > div { display: inline-block; width: 12rem; height: 12rem; margin: 0 8rem; background-color: #bbb; border-radius: 100%; animation: bounce-delay 1.6s infinite ease-in-out both; }
.jt-loadmore__spinner .jt-loadmore__spinner_ball_01 { animation-delay: -0.32s; }
.jt-loadmore__spinner .jt-loadmore__spinner_ball_02 { animation-delay: -0.16s; }
.jt-loadmore.jt-loadmore--loading a span { visibility: hidden; }
.jt-loadmore.jt-loadmore--loading a .jt-guide--icon { visibility: hidden; }
.jt-loadmore.jt-loadmore--loading a .jt-loadmore__spinner { display: block; }
html.desktop .jt-loadmore__btn:hover .jt-guide--icon svg path:first-child { transform: translateX(-2rem); }
html.desktop .jt-loadmore__btn:hover .jt-guide--icon svg path:last-child { transform: translateX(2rem); }



/* **************************************** *
 * SPLIT TEXT
 * **************************************** */
html.desktop .jt-split-text { opacity: 0; }
html.desktop .jt-split-text.jt-split-text--complete { opacity: 1; }

html.desktop .jt-split-text .jt-split-text--line-wrap { overflow: hidden; }



/* **************************************** *
 * JT ALERT
 * **************************************** */
.jt-alert { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; }
.jt-alert__container { position: relative; width: 90%; max-width: 530rem; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2rem solid var(--color-primary); border-radius: 0; text-align: center; -webkit-box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); }
.jt-alert__content { width: 100%; min-height: 110rem; text-align: center; padding: 87rem 20rem 86rem; background: #fff; }
.jt-alert__content p { vertical-align: middle; font-size: 16rem; font-weight: 700; line-height: 1.7; color: var(--color-primary); word-wrap: break-word; word-break: keep-all; }
.jt-alert__btn { display: block; width: 100%; font-size: 16rem; line-height: 1.7; font-weight: 600; color: var(--color-primary); padding: 26rem 20rem 25rem; background: #fff; border: 0; border-top: 2rem solid var(--color-primary); cursor: pointer; -webkit-transition: .3s; transition: .3s; }
html.desktop .jt-alert__btn:hover { background:#f4f4f4; }



/* **************************************** *
 * JT LOADING ALERT
 * **************************************** */
.jt-alert-loading { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--color-primary)000; background-color: rgba(0, 0, 0, .4); z-index: 9999999; }
.jt-alert-loading__container { position: relative; width: 90%; max-width: 320rem; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 0; text-align: center; -webkit-box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); background: #fff; }
.jt-alert-loading__content { width: 100%; min-height: 95rem; text-align: center; padding: 45rem 20rem; }
.jt-alert-loading__content h1 { font-size: 16rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: 0; padding-bottom: 8rem; letter-spacing: var(--letter-spacing); }
.jt-alert-loading__progress { font-size: 0; display: block; margin-top: 2rem; }
.jt-alert-loading__progress-icon { width: 8rem; height: 8rem; background: #ddd; display: inline-block; border-radius: 50%; margin: 0 6rem; position: relative; }
.jt-alert-loading__progress-icon:before { content: ''; display: block; width: 8rem; height: 8rem; background: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0 0 1rem transparent; }
.jt-alert-loading__progress-icon-01:before { animation: jt-alert-loading-01 2.1s infinite cubic-bezier(0, 0, 0, 0); box-shadow: 0 0 0 1rem #b2b2b2; }
.jt-alert-loading__progress-icon-02:before { animation: jt-alert-loading-02 2.1s infinite cubic-bezier(0, 0, 0, 0); }
.jt-alert-loading__progress-icon-03:before { animation: jt-alert-loading-03 2.1s infinite cubic-bezier(0, 0, 0, 0); }



/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper-navigation button { top: 50%; transform: translateY(-50%); bottom: auto; width: auto; height: auto; margin-top: 0; padding: 10rem; font-size: 16rem; letter-spacing: var(--letter-spacing); color: #fff; background: transparent; border: none; text-align: center; -webkit-transition: opacity .3s; transition: opacity .3s; }
.swiper-navigation button span { position: relative; display: block; }
.swiper-navigation button span:after { content: ''; display: block; width: 100%; height: 2rem; background: #fff; position:  absolute; left: 0; bottom: -2rem; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; }
.swiper-button-prev { left: -10rem; }
.swiper-button-next { right: -10rem; }
.swiper-navigation--icon button { width: 56rem; height: 56rem; }
.swiper-navigation--icon button .jt-guide--icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: fill .3s; }
.swiper-navigation--icon button .jt-guide--icon svg path { fill: #bbb; }
html.desktop .swiper-navigation--icon button:hover .jt-guide--icon svg path { fill: var(--color-primary); }
.swiper-navigation--icon .swiper-button-prev { left: -80rem; }
.swiper-navigation--icon .swiper-button-prev .jt-guide--icon { margin-left: -1rem; }
.swiper-navigation--icon .swiper-button-next { right: -80rem; }
.swiper-navigation--icon .swiper-button-next .jt-guide--icon { margin-left: 1rem; }
html.desktop .swiper-navigation button:hover span:after { opacity: 1; visibility: visible; }

.swiper-pagination { display: inline-block; position: relative; bottom: auto; }
.swiper-pagination-fraction > span { font-size: 16rem; color: #fff; }
.swiper-pagination-fraction > span.slick-pagination--slug { color: #ddd; padding: 0 6rem; }
.swiper-pagination-bullet { display: inline-block; width: 8rem; height: 8rem; position: relative; cursor: pointer; background: #666; opacity: 1; vertical-align: middle; }
.swiper-pagination-bullet-active { background: #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8rem; }

.swiper-state { display: inline-block; vertical-align: middle; width: 24rem; height: 24rem; position: absolute; right: 0; top: 50%; margin-top: -12rem; }
.swiper-state__btn { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; background: transparent; border: none; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; color: #fff; cursor: pointer; }
.swiper-state__btn--play .jt-guide--icon { width: 11rem; }
.swiper-state__btn--pause .jt-guide--icon { width: 9rem; }
.swiper-state__btn .jt-guide--icon svg path { fill: #fff; }
.swiper-state--play .swiper-state__btn--play { opacity: 1; visibility: visible; }
.swiper-state--pause .swiper-state__btn--pause { opacity: 1; visibility: visible; }
html.ios .swiper-state { margin-top: -10rem; }

.swiper-scrollbar { width: 100%; left: 0; bottom: 0; background: #ddd; border-radius: 0; }
.swiper-container-horizontal > .swiper-scrollbar { width: 100%; left: 0; bottom: 0; height: 2rem; }
.swiper-scrollbar-drag { background: var(--color-primary); border-radius: 0; }

.swiper-control { opacity: 0; transition: opacity .2s; }
.swiper-container-horizontal .swiper-control { opacity: 1; }
.swiper-control__inner { display: inline-block; position: relative; padding-right: 34rem; }



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
/* Overlay */
.mfp-bg { background: var(--color-primary); opacity: 1; }
.mfp-fade.mfp-ready.mfp-bg, .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.76; }

.mfp-container { cursor: auto; padding: 0; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: auto; }

/* Content */
.mfp-iframe-holder .mfp-content { max-width: 1200rem; }
.mfp-iframe-scaler iframe { background: var(--color-primary); }
html.ie11 .mfp-iframe-scaler { width: 99.99%; padding-top: 56.24%; }

img.mfp-img { padding: 0; margin: 0; }

/* Close button */
button.mfp-close { position: fixed; top: 20rem; right: 20rem; width: 38rem; height: 38rem; font-size: 0; opacity: 1; cursor: pointer; }
button.mfp-close:active { top: 20rem; }
button.mfp-close:after { content: ''; display:  block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/icon/jt-icon/jt-close-white.svg) no-repeat; background-size: 18rem auto; background-position: center; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 20rem; padding-right: 0; width: 38rem; }


.mfp-bottom-bar { position: fixed; margin-top: 0; top: auto; bottom: 37rem; left: 50%; width: 720rem; margin-left: -360rem; }
.mfp-bottom-bar:before { content: ''; position: fixed; bottom: 0; left: 0; width: 100%; height: 40%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.81%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; }
.mfp-bottom-bar .mfp-title { position: relative; z-index: 10; }
.mfp-bottom-bar .mfp-detail { font-size: 16rem; line-height: 1.5; font-weight: 700; letter-spacing: var(--letter-spacing); }
.mfp-bottom-bar .mfp-counter { display: none; }
button.mfp-arrow { opacity: 1; width: auto; height: auto; margin-top: auto; transform: translateY(-50%); }

.mfp-arrow:active { margin-top: 0; }
.mfp-arrow:before { border: 0; opacity: 1; font-family: var(--font-secondary); font-size: 16rem; line-height: 1.1; color: #fff; position: relative; width: auto; height: auto; margin-top: 0; margin-left: 0; }
.mfp-arrow:after { width: 0; height: 2rem; margin-top: 0; margin-left: 0; background: #fff; top: auto; bottom: -2rem; transition: width .3s; }
.mfp-arrow-left { left: 50rem; }
.mfp-arrow-left:before { content: 'PREV'; }
.mfp-arrow-left:after { border: 0; }
.mfp-arrow-right { right: 50rem; }
.mfp-arrow-right:before { content: 'NEXT'; }
.mfp-arrow-right:after { border: 0; }
html.desktop .mfp-arrow:hover:after { width: 100%; }



/* **************************************** *
 * CONTACT FROM 7
 * **************************************** */
/* cf7 */
div.wpcf7 { position: relative; }
div.wpcf7 .jt-radiobox .wpcf7-list-item { margin: 0 42rem 0 0; }
div.wpcf7 .jt-radiobox .wpcf7-list-item.last { margin-right: 0; }

span.wpcf7-not-valid-tip { width: 100%; padding-top: 4rem; font-size: 15rem; line-height: 2; font-weight: 400; color: #D60000; display: none; }
.wpcf7-not-valid + span.wpcf7-not-valid-tip { display: block; }
.jt-agreement span.wpcf7-not-valid-tip { position: absolute; width: 780rem; top: 34rem; }

div.wpcf7-response-output { position: absolute; opacity: 0; }
.wpcf7-spinner { display: none; }




/* **************************************** *
 * 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: 40rem; position: fixed; top: 0; left: 0; line-height: 40rem; text-align: center; color: #fff; background: #444; z-index: 999; }

.use-mouse,
.use-mouse select,
.use-mouse input[type=text],
.use-mouse input[type=tel],
.use-mouse input[type=email],
.use-mouse input[type=password],
.use-mouse input[type=url],
.use-mouse input[type=number],
.use-mouse input[type=search],
.use-mouse textarea,
.use-mouse input[type=submit],
.use-mouse input[type=button],
.use-mouse button,
.use-mouse a:focus { outline: none; }



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] { opacity: 0; -webkit-transition: opacity .3s; 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: #f4f4f4; }
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview { background: transparent; -webkit-transition: background .1s; transition: background .1s; -webkit-transition-delay: .3s; transition-delay: .3s }



/* **************************************** *
 * VIDEO
 * **************************************** */
.jt-fullvid-container { width: 100%; height: 100%; position: relative; overflow: hidden; }
.jt-fullvid-container:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.jt-fullvid__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.jt-fullvid__poster-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; z-index: 1; }
/* .jt-fullvid__poster-bg--low { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; } */

/* BACKGROUND */
.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; border-radius: 0; overflow: hidden; -webkit-transform: translateZ(0); 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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: 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; border-radius: 0; overflow: hidden; }
.jt-background-video__poster-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; }
.jt-background-video__poster-icon .jt-guide--icon { width: 48rem; }
.jt-background-video__poster-icon .jt-guide--icon > svg path { fill: #fff; }

.jt-autoplay-inview .jt-background-video__vod video { width: 100%; height: 100%; }
html.ios .main-visual__slide .jt-background-video__vod video { height: 100vh; }



/* **************************************** *
 * ANIMATIOM KEYFRAME
 * **************************************** */
/* LOADMORE BOUNCE DELAY */
@keyframes bounce-delay {
  0%,80%,100% { background: #bbb; }
  40% { background: #000; }
}

/* LOADING ALERT */
@keyframes jt-alert-loading-01 {
    0% { background: #b2b2b2; box-shadow: 0 0 0 1rem #b2b2b2; }
    20% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
    80% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
    100% { background: #b2b2b2; box-shadow: 0 0 0 1rem #b2b2b2; }
}
@keyframes jt-alert-loading-02 {
    0% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
    20% { background: #b2b2b2; box-shadow: 0 0 0 1rem #b2b2b2; }
    40% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
}
@keyframes jt-alert-loading-03 {
    20% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
    40% { background: #b2b2b2; box-shadow: 0 0 0 1rem #b2b2b2; }
    60% { background: #ddd; box-shadow: 0 0 0 1rem transparent; }
}



/* **************************************** *
 * MARQUEE
 * **************************************** */
/* Marqee code */
.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 i { display: inline-block; vertical-align: middle; font-style: normal; padding: 30rem 0; }
.jt-marquee i.footer-marquee-icon--01 { margin: 0 22rem; width: 90rem; height: 90rem; padding: 0; background: url(../images/icon/icon-eclipse.gif) no-repeat; background-size: 100% auto; position: relative; }
.jt-marquee i.footer-marquee-icon--02 { margin: 0 26rem; width: 72rem; height: 72rem; padding: 0; background: url(../images/icon/icon-x.gif) no-repeat; background-size: 100% auto; position: relative; }
.jt-marquee i.footer-marquee-icon--03 { margin: 0 19rem; width: 160rem; height: 72rem; padding: 0; background: url(../images/icon/icon-mustache.gif) no-repeat; background-size: 100% auto; position: relative; }

/* MARQUEE */
@-webkit-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);
  }
}
@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);
  }
}