@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) A11Y           
 * 02) TYPOGRAPHY           
 * 03) JT GUIDE
 * 04) BUTTON           
 * 05) FORM
 * 06) CATEGORY
 * 07) SEARCH
 * 08) PAGINATION
 * 09) LOADMORE           
 * 10) LIST COMPONENT
 * 11) SHARE
 * 12) SWIPER           
 * 13) JT POPUP
 * 14) LAZYLOAD           
 * 15) VIDEO           
 * 16) MARQUEE
 * 17) JT ACCORDION
 * 18) JT RECOMMEND
 * 19) PORTFOLIO
 * 20) NEWS
 * 21) PARTNER
 * 22) EVENT
 * 23) NOTICE
 * 24) NICESCROLL
 * 25) CAROUSEL SLIDER
 * 26) RELATED LIST
 * 27) SUBSCRIPT
 * 28) CK EDITOR GUIDE
 * 29) ANIMATIOM KEYFRAME           
 */



/* **************************************** *
 * 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; margin: 0; border: 0; }

#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; }
#skip a  { display: block; height: 0; overflow: hidden; }
#skip a:focus { height: 50rem; padding: 18rem 0; font-size: 16rem; line-height: 1; text-align: center; font-weight: bold; color: #fff; background: #000; }

.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; }



/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
.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-01); }
.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-01); }
.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-02); }
.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-02); }
.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-03); }
.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-03); }
.jt-typo--07 { font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); font-weight: 500; letter-spacing: var(--letter-spacing-03); }
.jt-typo--08 { font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); font-weight: 700; letter-spacing: var(--letter-spacing-03); }
.jt-typo--09 { font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); font-weight: 500; letter-spacing: var(--letter-spacing-03); }
.jt-typo--10 { font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); font-weight: 500; letter-spacing: var(--letter-spacing-03); }

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



/* **************************************** *
 * 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; font-size: 0; text-align: center; padding: 14rem 46rem; background: transparent; color: var(--color-base); border: 2px solid var(--color-base); cursor: pointer; transition: color .3s, background-color .3s, border .3s; }
.jt-btn__basic > span { position: relative; font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); font-weight: 700; letter-spacing: var(--letter-spacing-03); color: inherit !important; }

html.desktop .jt-btn__basic:hover, 
html.desktop .jt-btn__basic.jt-btn--type-01:hover { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); }

.jt-btn__basic.jt-btn--type-02 { color: #fff; background: var(--color-base); }
html.desktop .jt-btn__basic.jt-btn--type-02:hover { background: var(--color-primary); border-color: var(--color-primary); }

.jt-btn__basic.jt-btn--small { padding: 7rem 20rem; }
.jt-btn__basic.jt-btn--small > span { font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); }

/* Round Button */
.jt-btn__round { display: inline-block; position: relative; vertical-align: middle; font-size: 0; padding: 7rem 24rem; background-color:var(--color-base); color:#fff; border-radius: 50rem; border: 0; cursor: pointer; transition: background-color .3s, color .3s, box-shadow .3s; }
.jt-btn__round > span { position: relative; font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); letter-spacing: var(--letter-spacing-03); font-weight: 700; vertical-align: middle; }
.jt-btn__round .jt-guide--icon { position:relative; vertical-align: middle; width: 24rem; margin-left: 4rem; }
.jt-btn__round .jt-guide--icon path,
.jt-btn__round .jt-guide--icon circle { fill: #fff; -webkit-transition: fill .3s; transition: fill .3s; }
html.desktop .jt-btn__round:hover { background-color: var(--color-primary); }

.jt-btn__round.jt-btn--type-02 { background-color: transparent; box-shadow: inset 0 0 0 2px var(--color-secondary); color: var(--color-secondary); }
html.desktop .jt-btn__round.jt-btn--type-02:hover { background-color: transparent; box-shadow: inset 0 0 0 2px var(--color-primary); color: var(--color-primary); }

/* Underline Button */
.jt-btn__underline { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: var(--color-primary); padding: 0; background: none; border: 0; cursor: pointer; }
.jt-btn__underline > span { display: inline-block; vertical-align: middle; position: relative; font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); letter-spacing: var(--letter-spacing-03); font-weight: 500; }
.jt-btn__underline .jt-guide--icon { position: relative; margin-left: 6rem; width: 8rem; vertical-align: middle;  top: -1rem; }
.jt-btn__underline .jt-guide--icon path { stroke: var(--color-primary); }
.jt-btn__underline > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 4rem;background: var(--color-primary);transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform .3s;}
html.desktop .jt-btn__underline:hover > span:after {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}

.jt-btn__underline--negative > span:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); }
html.desktop .jt-btn__underline--negative:hover > span:after {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);}

.jt-btn__underline.jt-btn--type-02 { color:#fff; }
.jt-btn__underline.jt-btn--type-02 .jt-guide--icon path { stroke: #fff; }
.jt-btn__underline.jt-btn--type-02 > span:after { background: #fff; }

.jt-btn__underline.jt-btn--type-03 { color:var(--color-base); }
.jt-btn__underline.jt-btn--type-03 .jt-guide--icon path { stroke: var(--color-base); }
.jt-btn__underline.jt-btn--type-03 > span:after { background: var(--color-base); }

.jt-btn__underline.jt-btn--type-04 { color:#888; }
.jt-btn__underline.jt-btn--type-04 .jt-guide--icon path { stroke: #888; }
.jt-btn__underline.jt-btn--type-04 > span:after { background: #888; }

/* Minimize Button */
.jt-btn__minimize { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: var(--color-secondary); padding: 3rem 12rem; background-color: #f3f3f3; border-radius: 4rem; border: 0; cursor: pointer; transition: background-color .3s, color .3s; }
html.ios .jt-btn__minimize { padding-top: 5.5rem; }
html.android .jt-btn__minimize { padding-top: 4rem; }
.jt-btn__minimize > span { font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); letter-spacing: var(--letter-spacing-03); font-weight: 500; }
html.desktop .jt-btn__minimize:hover { color: #fff; background-color: var(--color-primary); }

.jt-btn__minimize.jt-btn--type-02 { background: var(--color-base); color: #fff; }



/* **************************************** *
 * FORM
 * **************************************** */
/* Form layout */
.jt-form { padding-top: 60rem; border-top: 1px solid var(--color-base-line); font-size: 0;}
.jt-form__wrap { display: grid; gap: 50rem 36rem; }
.jt-form__field-wrap { display: block; position: relative; margin-top: 10rem; font-size: 0; }
.jt-form__title { margin-bottom: 32rem; }
.jt-form__wrap + .jt-form__title { margin-top: 70rem; }
.jt-form__harf { display: inline-block; width: 50%; vertical-align: top; }
.jt-form__harf .jt-form--full { grid-column: auto; }
.jt-form__harf:nth-of-type(1) { padding-right: 18rem; }
.jt-form__harf:nth-of-type(2) { padding-left: 18rem; }

/* Label */
.jt-form__label { display: block; position: relative; font-weight: 700; color: var(--color-base); }
.jt-form__label-explain { position: absolute; top: auto; left: auto; margin-left: 16rem; display: inline-block; vertical-align: top; margin-top: 5rem; color: #888; }
.jt-form--required .jt-form__label:after { content: ''; display: inline-block; width: 5rem; height: 5rem; border-radius: 50%; background: var(--color-primary); vertical-align: middle; margin-left: 4rem; margin-top: -10rem; }
.jt-checkbox.jt-form--required .jt-form__label:after, .jt-radiobox.jt-form--required .jt-form__label:after { margin-top: -20rem; }

/* Input */
.jt-form__field { display: inline-block; width: 100%; height: 55rem; max-width: 476rem; margin: 0; padding: 12rem 17rem; vertical-align: middle; color: var(--color-secondary); border: 2px solid var(--color-base-line); border-radius: var(--border-radius); outline: none; background: #fff; box-sizing: border-box; }
html.mac .jt-form__field { padding: 14rem 17rem 12rem; }
html.android .jt-form__field { padding: 13rem 17rem 14rem; }
html.ios .jt-form__field { padding: 14rem 17rem 13rem; }
html.ff .jt-form__field { padding-bottom: 12rem; }
.jt-form__field--file { margin-top: 4rem; }
textarea.jt-form__field { height: 240rem; overflow: auto; resize: none; }
html.desktop .jt-form__field:not(:read-only):hover { border-color: var(--color-base); color: var(--color-base); }
.jt-form__field:not(:read-only):focus { border-color: var(--color-base); color: var(--color-base); }
.jt-form__field:disabled, .jt-form__field:-moz-read-only { background: var(--color-base-bg); border-color: var(--color-base-line); }
.jt-form__field:disabled, .jt-form__field:read-only { background: var(--color-base-bg); border-color: var(--color-base-line); }
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:-moz-read-only { border-color: var(--color-base-line); }
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:read-only { border-color: var(--color-base-line); }

.jt-form--full { grid-column: 1 / span 2;}
.jt-form--full .jt-form__field:not(.jt-file-upload__input) { max-width: 100%; }
.jt-form--full .jt-selectric__wrap { width: 100%; }

.jt-form__field-unit { position: absolute; right: 20rem; top: 50%; transform: translateY(-50%); font-size: 16rem; color: var(--color-base); }

/* Explain */
.jt-form__explain { position:absolute; top: 100%; left:0; display: block; margin-top: 10rem; color:#888; }
.jt-form__explain:empty { display: none; }
.jt-form--required .jt-form__explain { color:var(--color-primary); display: none; }
#field__number + .jt-form__explain { color:var(--color-primary); display: none; }
.jt-form__field--file .jt-form__explain { position: relative; top: auto; }

/* Control */
.jt-form__control { text-align: center; padding-top: 60rem; margin-top: 60rem; border-top: 1px solid var(--color-base-line); }
.jt-form__control .jt-btn__basic { width: 210rem; }
.jt-form__control--cancel { margin-top: 25rem; }

/* checkbox, radio */
.jt-checkbox, .jt-radiobox { display: block; 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: 0 0 0 32rem; margin-right: 25rem; position: relative; color: var(--color-secondary); 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: 24rem; width: 24rem; position: absolute; top: 3rem; left: 0; background: #fff; border: 2px solid var(--color-base-line); -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: 3rem; }
.jt-checkbox label > span:after { width: 7rem; height: 12rem; left: 9rem; top: 7rem; border: solid #fff; border-width: 0 2px 2px 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: 8rem; top: 11rem; 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.desktop .jt-checkbox label:hover > input:not(:checked) + span:before,
html.desktop .jt-radiobox label:hover > input:not(:checked) + span:before,
.jt-checkbox input:not(:checked):focus + span:before,
.jt-radiobox input:not(:checked):focus + span:before { border-color: var(--color-base); }

.jt-radiobox__list { font-size: 0; }
.jt-radiobox__list .jt-radiobox { display: inline-block; vertical-align: middle; margin-right: 40rem; }
.jt-radiobox__list .jt-radiobox:last-child { margin-right: 0; }

/* File */
.jt-file-upload__wrapper { font-size: 0; }
.jt-file-upload__hidden { position: absolute; left: -9999rem; }
.jt-file-upload__text { color: var(--color-secondary); }
.jt-file-upload__extensions { color: #999; margin-bottom: 28rem; }
.jt-file-upload__btn { display: inline-block; height: 55rem; line-height: 55rem; padding:0 48rem; vertical-align: top; text-align: center; border:0; outline: none; box-sizing: border-box; transition: background .3s; cursor: pointer; }
.jt-file-upload--action { color: #fff; background: #888; }
html.mac .jt-file-upload__btn { line-height: 56rem; }
html.desktop .jt-file-upload--action:hover { background: var(--color-base); }

.jt-file-upload__list:not(.jt-file--empty) { margin-top: 23rem; }
.jt-file-upload__item { position: relative; padding:6rem 35rem 6rem 16rem; margin: 4rem 8rem 4rem 0; font-size: var(--font-size-en-07); line-height: 24rem; letter-spacing: var(--letter-spacing-03); border:0; background: #ebebeb; border-radius: 99rem; color: var(--color-secondary); white-space: nowrap; cursor: pointer; transition: color 3s; }
.jt-file-upload__item .jt-guide--icon { position: absolute; right: 16rem; width: 11rem; top:50%; transform: translateY(-50%); }
.jt-file-upload__item .jt-guide--icon path { transition: stroke .3s; }
html.desktop .jt-file-upload__item:hover { color:var(--color-base); }
html.desktop .jt-file-upload__item:hover .jt-guide--icon path { stroke: var(--color-base); }

.jt-form__field--file-secondary label { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 140rem); column-gap: 6rem; }
.jt-form__field--file-secondary label * { pointer-events: none; }
.jt-form__field--file-secondary .jt-form__btn { padding: 0; border: 0; background: #888; color: #fff; border-radius: var(--border-radius); cursor: pointer; transition: background .3s; }
.jt-form__field--file-secondary input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.jt-form__file-preview { margin-top: 20rem; }

/* Selectric */
.jt-selectric__wrap { width: 190rem; height: 55rem; position: relative; }
.jt-selectric { opacity: 0; }

.selectric { width: 100%; text-align: left; background: #fff; border-radius: var(--border-radius); border:2px solid var(--color-base-line); }
.selectric:after { content: ''; display: block; position: absolute; left: -1rem; right: -1rem; top: -1rem; bottom: -1rem; border-radius: 4rem; opacity: 0; }
.selectric .label { height: 51rem; margin: 0 51rem 0 18rem; font-size: var(--font-size-en-06); line-height: 51rem; font-weight: 500; color: var(--color-secondary); }
.selectric .button { width: 52rem; height: 52rem; }
.selectric .button:after { content:''; height: 100%; width: 100%; background: url(/@resource/images/icon/jt-icon/jt-chevron-down-tiny-2px-square.svg) no-repeat center center; border: none; opacity: .3; transition: transform .3s; }
.selectric-items { padding:6rem; top:calc(100% + 4rem); background: #fff; border-radius: var(--border-radius); border: 0; box-shadow: 0 4rem 24rem rgba(0, 0, 0, 0.12); opacity: 0; transition: transform .3s; }
.selectric-items ul,
.selectric-items li { width: 100%; text-align: left; }
.selectric-items ul { margin: 0; padding: 0; }
.selectric-items li { padding: 10rem 14rem; font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); letter-spacing: var(--letter-spacing-03); font-weight: 500; color: var(--color-secondary); border-radius: var(--border-radius); }
.selectric-items li.placeholder-label { display: none; }
.selectric-items li.placeholder-mo { display: none; }
html.desktop .selectric-items li:hover { background: var(--color-base-bg); color:var(--color-secondary); }
html.desktop .selectric-items li.highlighted { color:var(--color-primary); background: transparent; }
html.desktop .selectric-items li.highlighted:hover { background: var(--color-base-bg); }
.selectric-hover .selectric { background: #fff; border-color: var(--color-base); }
.selectric-hover .selectric:after { opacity: 1; }
.selectric-focus .selectric { background: #fff; border-color: var(--color-base); }
.selectric-focus .selectric:after { opacity: 1; }
.selectric-open .selectric { background: #fff; border-color: var(--color-base); }
.selectric-open .selectric:after { -webkit-box-shadow: none; box-shadow: none; opacity: 1; }
.selectric-open .selectric .button:after { opacity: 1; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.selectric-open .selectric-items { opacity: 1; }
.selectric-above.selectric-open .selectric-items { bottom: calc(100% + 4rem); }

.selectric-items .selectric-scroll--enabled { padding-right: 6rem; }
.selectric-items .selectric-scroll::-webkit-scrollbar { width: 6rem; border-radius: 99rem; background: transparent; }
.selectric-items .selectric-scroll::-webkit-scrollbar-track { background: var(--color-base-line); border-radius: 99rem; }
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb { background: #bbb; border-radius: 99rem; }

html.mobile .jt-selectric__wrap { background: #fff; border-radius: 4rem; }
html.mobile .jt-selectric__wrap:before { content:""; display: block; width: 55rem; height: 100%; position: absolute; top: 0; right: 0; background: url(/@resource/images/icon/jt-icon/jt-chevron-down-tiny-2px-square.svg) no-repeat center center; opacity: .29; }
html.mobile .jt-selectric__wrap > select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 55rem; margin: 0; padding: 12rem 55rem 12rem 17rem; position: relative; font-family: var(--font-primary); font-size: var(--font-size-en-06); line-height: 1; font-weight: 500; color: var(--color-secondary); background: transparent; border: 2px solid var(--color-base-line); border-radius: var(--border-radius); box-shadow: none; opacity: 1; will-change: opacity; }

/* CERTIFICATE */
.jt-form__field-wrap.jt-form--certify { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 140rem); column-gap: 6rem; }
.jt-form__field-wrap.jt-form--certify:first-child { margin-top: 0; } 
.jt-form__field-wrap.jt-form--certify .jt-form__btn { padding: 0; border:0; background: #888; color:#fff; border-radius: var(--border-radius); cursor: pointer; transition: background .3s; }
.jt-form__field-wrap.jt-form--certify .jt-form__btn:disabled { color: #888; background: var(--color-base-line); }
.jt-form__field-wrap.jt-form--certify .jt-form__field { width: 100%; }
.jt-form__field-wrap.jt-form--certify .jt-selectric__wrap { width: 100%; }
.jt-form__field-wrap.jt-form--certify.jt-form--timeout > time { position: absolute; top:50%; right: 167rem; transform: translateY(-50%); }
.jt-form__field-wrap.jt-form--certify.jt-form--timeout > time > span { position: relative; top: 1rem; color:var(--color-primary); }
.jt-form__field-wrap.jt-form--certify.jt-form--tel + .jt-form__explain { opacity: 0; visibility: hidden; }
html.ios .jt-form__field-wrap.jt-form--certify.jt-form--timeout > time > span { top: 2rem; }
html.desktop .jt-form__field-wrap.jt-form--certify .jt-form__btn:not(:disabled):hover { background: var(--color-base); }

/* AGREEMENT */
.jt-agreement { margin-top: 50rem; }
.jt-agreement__accordion { position: relative; margin-bottom: 8rem; }
.jt-agreement__accordion:last-child { margin-bottom: 0; }
.jt-agreement__title .jt-form__label { margin-right: 0; padding: 0 0 0 34rem; vertical-align: middle; }
.jt-agreement__title .jt-form__explain { margin:3rem 0 0 34rem; position: relative; }
.jt-agreement__control { position: relative; border:0; background:none; width: 18rem; height: 18rem; padding:0; cursor: pointer; margin-left: 3rem; vertical-align: middle; }
.jt-agreement__control .jt-guide--icon { width: 10rem; position: absolute; top: 50%; left: 50%; margin-top: -4rem; margin-left: -4rem; transition: transform .3s; will-change: transform; }
.jt-agreement--required { color:var(--color-primary); }

html.ios .jt-agreement__title .jt-checkbox label > span:before { top: 2rem; }
html.mac .jt-agreement__title .jt-checkbox label > span:before { top: 2rem; }
html.ios .jt-agreement__title .jt-checkbox label > span:after { top: 6rem; }
html.mac .jt-agreement__title .jt-checkbox label > span:after { top: 6rem; }
.jt-agreement__content { display: none; padding:0 0 16rem 34rem; overflow: hidden; }
.jt-agreement__content .jt-nicescroll { border:0; background:#f3f3f3; padding: 32rem 16rem 32rem 32rem; margin-top: 8rem; }
.jt-agreement__content { color:#888; }
.jt-agreement__content p { margin-bottom: 10rem; }
.jt-agreement__control.jt-agreement--active .jt-guide--icon { transform: rotate(-180deg); }

/* LIST */
.jt-agreement__content ul,
.jt-agreement__content ol { margin-top: 10rem; margin-bottom: 20rem; }
.jt-agreement__content li {position: relative;}
.jt-agreement__content li + li { margin-top: 6rem; }
.jt-agreement__content li ul,
.jt-agreement__content li ol { font-size: inherit; margin: 6rem 0 10rem 6rem; }

/* ul */
.jt-agreement__content ul > li { padding-left: 17rem; }
.jt-agreement__content ul > li:before { content: ''; display: block; width: 6rem; height: 6rem; position: absolute; top: 9rem; left: 0; background: #888; border: 1px solid #888; border-radius: 50%; box-sizing: border-box; }
.jt-agreement__content ul > li > ul > li:before,
.jt-agreement__content ul > li > ul > li > ul > li > ul > li > ul > li:before { background: transparent; border-radius: 50%; }
.jt-agreement__content ul > li > ul > li > ul > li:before,
.jt-agreement__content ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before { background: #888; border-radius: 0; }
.jt-agreement__content ul > li > ul > li > ul > li > ul > li:before { border-radius: 50%; }

/* ol */
.jt-agreement__content ol { counter-reset: item; }
.jt-agreement__content ol > li { counter-increment: item; padding-left: 17rem; }
.jt-agreement__content ol > li:nth-child(n+10) { padding-left: 28rem; }
.jt-agreement__content ol > li:before { content: counter(item)'.'; position: absolute; left: 0; font-feature-settings: 'tnum'; }
.jt-agreement__content ol[reversed] > li { counter-increment: item -1; padding-left: 28rem; }
.jt-agreement__content ol[reversed] > li:nth-last-child(-n+9) { padding-left: 20rem; }

/* nothing */
.jt-accordion__content.jt-accordion__content--nothing { margin-top: 0; margin-bottom: 0; }
.jt-accordion__content.jt-accordion__content--nothing:after { bottom: 0; }

/* company search */
.jt-company { position: relative; cursor: pointer; }
.jt-company input { cursor: pointer; }
.jt-company input#field__company { background-color: #fff; }
html.desktop .jt-company input#field__company:hover { border-color: var(--color-base); }
.jt-company .jt-guide--icon { width: 24rem; vertical-align: top; }

.jt-company__search { position: absolute; margin:0; padding:0; border:0; background: none; top: 50%; right: 17rem; transform: translateY(-50%); cursor: pointer; }

.jt-company--explain { margin: 36rem 0; }
.jt-company--explain li { position: relative; padding-left: 17rem; color: #888; }
.jt-company--explain li:before { content: ''; display: block; width: 6rem; height: 6rem; position: absolute; top: 12rem; left: 0; background: #888; border: 1px solid #888; border-radius: 50%; box-sizing: border-box; }

.jt-company__head { display: grid; grid-template-columns: repeat( auto-fit, minmax(0, 1fr) ); }
.jt-company__head li { text-align: center; padding: 36rem 18rem; border-bottom: 1px solid var(--color-base); }

.jt-company__body li { display: grid; grid-template-columns: repeat( auto-fit, minmax(0, 1fr) ); }
.jt-company__body li span { display: grid; align-items: center; border: solid var(--color-base-line); color: var(--color-secondary); border-width: 0 0 1px 0; padding: 36rem 18rem; text-align: center; word-break: break-all; }
.jt-company__body li[data-kiscode] { cursor: pointer; }
html.desktop .jt-company__body li[data-kiscode]:hover { background: var(--color-base-bg); }

.jt-company--nothing { text-align: center; color: var(--color-secondary); }

.jt-company__self { margin-top: 36rem; }
.jt-company__self .jt-checkbox { margin-bottom: 36rem; }
.jt-company__self-data { display: none; }

.jt-popup__overlay#jt-popup__company .jt-popup__title { text-align: left; }
.jt-popup__overlay#jt-popup__company .jt-popup__container { width: calc(100% - 40rem); max-width: 988rem; border-radius: 0; }
.jt-popup__overlay#jt-popup__company .jt-popup__content-container .jt-nicescroll { padding-bottom: 90rem; }
.jt-popup__overlay#jt-popup__company .jt-popup__action { width: 100%; transition: background .3s; }
.jt-popup__overlay#jt-popup__company .jt-form__wrap { gap: 36rem; }
.jt-popup__overlay#jt-popup__company .jt-company input { cursor: auto; }

html.desktop .jt-popup__overlay#jt-popup__company .jt-popup__action:hover { background: var(--color-primary); }

/* datepicker */
.jt-datepicker { -webkit-appearance: none; appearance: none; display: inline-flex; }
.jt-datepicker::-webkit-inner-spin-button,
.jt-datepicker::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
.jt-datepicker::-webkit-clear-button {-webkit-appearance: none; display: none;}
.jt-datepicker:read-only { background: #fff; }
.jt-datepicker:before { content: attr( data-placeholder ); width: 100%; font-family: var(--font-primary); color: #999; white-space: nowrap; }
.jt-datepicker:valid:before { display: none; }

.jt-form__field-wrap #ui-datepicker-div { position: absolute !important; top: auto !important; left: 0 !important; bottom: 100%; }

.ui-icon { width: 16rem; height: 16rem; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0; background: 0; }

.ui-widget { font-size: var(--font-size-ko-08); width: 320rem; font-family: var(--font-primary); }
.ui-widget-content { border-radius: 0; border: 1px solid var(--color-base-line); color: var(--color-secondary); padding: 0; }
.ui-widget-content .ui-state-default { text-align: center; }
.ui-widget.ui-widget-content { border: 1px solid var(--color-base-line); }
.ui-widget-header { border: 0; }
.ui-widget-header .ui-icon { background-image: url(/@resource/css/vendors/datepicker/images/ui-icons_888888_256x240.png); cursor: pointer; }
.ui-widget-header .ui-state-hover .ui-icon, .ui-widget-header .ui-state-focus .ui-icon { background-image: url(/@resource/css/vendors/datepicker/images/ui-icons_444444_256x240.png); }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: var(--font-primary); }

.ui-datepicker .ui-datepicker-title { color: var(--color-base); border: 0; margin: 0; padding-top: 0; background-color: #fff; border-radius: 0; line-height: 53rem; font-weight: 700; font-size: var(--font-size-ko-07); padding-right: 18rem; }
.ui-datepicker .ui-datepicker-header { border-radius: 0; padding: 0; }
.ui-datepicker table { font-size: var(--font-size-ko-08); margin: 0; background: var(--color-base-bg); }
.ui-datepicker th { font-weight: 700; padding-top: 18rem; }
.ui-datepicker th span[title="토"] { color: #0f4c82; }
.ui-datepicker th span[title="일"] { color: #eb0808; }
.ui-datepicker td { padding: 0; }
.ui-datepicker tr:last-child td { padding-bottom: 1.1rem; }
.ui-datepicker td a { padding: 0; margin: 5rem 12rem 7rem; line-height: 21rem; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: 400; color: var(--color-secondary); }
.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover { border-radius: 50%; }
.ui-widget-content .ui-datepicker-calendar .ui-state-default.ui-state-hover { background-color:#ddd; box-shadow: 0 0 0 4rem #ddd; }
.ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default, .ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default.ui-state-hover { background-color: var(--color-primary); box-shadow: 0 0 0 4rem transparent; -webkit-box-shadow: 0 0 0 4rem transparent; }
.ui-widget-content .ui-datepicker-current-day .ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default.ui-state-hover { box-shadow: 0 0 0 4rem var(--color-primary); -webkit-box-shadow: 0 0 0 4rem var(--color-primary); color: #fff; font-weight: 700; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50%; translate: 0 -50%; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top: -8rem; margin-left: -8rem; }
.ui-datepicker .ui-datepicker-prev { left: 2rem; }
.ui-datepicker .ui-datepicker-next { right: 2rem; }
.ui-datepicker .ui-datepicker-prev span.ui-icon { background-position: -96px -1px; }
.ui-datepicker .ui-datepicker-next span.ui-icon { background-position: -32px -1px; }

.selectric-ui-datepicker-year { display: inline-block; vertical-align: middle; }
.selectric-ui-datepicker-year .selectric { border:0; border-radius: 0; }
.selectric-ui-datepicker-year .selectric .button:after { display: none; }
.selectric-ui-datepicker-year .selectric .label { margin-right: 2rem; font-size: var(--font-size-ko-07); color: var(--color-base); font-weight: 700; }
.selectric-ui-datepicker-year .selectric-items { width: auto !important; }
.selectric-ui-datepicker-year .selectric-items li { padding: 4rem 8rem; font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); }



/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt-category__list { font-size: 0; }
.jt-category__list > li { position: relative; display: inline-block; vertical-align: middle; color: var(--color-secondary); }
.jt-category__list > li:last-child { margin-right: 0; }
.jt-category__list > li:after { content:""; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #bbb; border-radius: 3px; margin:-2px 5rem 0; }
.jt-category__list > li:last-child:after { display: none; }
.jt-category__list sup { font-weight: 700; margin-left: 3rem; vertical-align: top; }
.jt-category__item-type { display: block; border:1px solid var(--color-secondary); color:var(--color-secondary); padding:1px 5rem; border-radius: 4rem; margin-top: -1rem; }
.jt-category__item-type--01 { border-color: #B66F46; color:#B66F46; }
.jt-category__item-type--02 { border-color: #7C55AD; color:#7C55AD; }
.jt-category__item-type--03 { border-color: #00A154; color:#00A154; }
.jt-category__item-type--04 { border-color: #3F62DE; color:#3F62DE; }
.jt-category__item-type--05 { border-color: #888; color:#888; }
.jt-category__item-type--06 { border-color: var(--color-base-line); color:#888; }
.jt-category--highlight { border-color: var(--color-base); color: var(--color-base); }
.jt-category--disabled { border-color: var(--color-base-line); color: #888; opacity: .6; }
html.ios .jt-category__item-type { padding-top: 2px; }



/* **************************************** *
 * SEARCH
 * **************************************** */
 /* FILTER */
.jt-filter { position: relative; margin-bottom: 36rem; z-index: 10; }
.jt-filter--empty { padding-bottom: 98rem; margin-bottom: 0; }
.jt-filter__mobile { display: none; }

/* CATEGORY */
.jt-category { font-size: 0; }
.jt-category .jt-selectric__wrap { display: inline-block; vertical-align: middle; }
.jt-category .jt-selectric__wrap:nth-child(n+2) { margin-left: 8rem; }
.jt-category .jt-checkbox__wrap { display: inline-block; vertical-align: middle; margin-left:20rem; }

/* INPUT */
.jt-search { position: absolute; top: 0; right: 0; }
.jt-search__bundle { position: relative; display: inline-block; vertical-align: middle;}
.jt-search__field { position: relative; display: inline-block; vertical-align: middle; width: 476rem;  overflow: hidden; }
.jt-search__input { display: block; width: 100%; height: 55rem; margin: 0; padding: 0 38rem 0 47rem; position: relative; text-overflow: ellipsis; color:#aaa; background: #fff; border: 2px solid #fff; border-radius: var(--border-radius); outline: none; opacity: 1; box-sizing: border-box; }
html.safari .jt-search__input { padding-top: 2rem; }
.jt-search__label { position: absolute; top:13rem; left:49rem; color:#aaa; cursor: text; white-space: nowrap; pointer-events: none; transition: opacity .3s; }

.jt-search__input:disabled,
.jt-search__input:read-only,
html.desktop .jt-search__input:disabled,
html.desktop .jt-search__input:read-only { border-color: #eee; }
.jt-search__input:disabled + .jt-search__label,
.jt-search__input:read-only + .jt-search__label { color: #ccc; }
html.desktop .jt-search__input:hover,
.jt-search__input:focus { border-color: var(--color-base-line) }


/* POPUP */
.jt-search__popup { position: absolute; top:100%; right: 0; margin-top: 10rem; }
.jt-search__popup-btn { color:#888; font-size: 0; }
.jt-search__popup-btn > span { position: relative; }
.jt-search__popup-btn .jt-guide--icon { margin-right: 4rem; width: 20rem; vertical-align: -6rem; }
html.ios .jt-search__popup-btn .jt-guide--icon { vertical-align: -5rem; } 
html.desktop .jt-search__popup-btn > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -1rem;background: #888;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .jt-search__popup-btn:hover > span:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

/* SUBMIT */
.jt-search__submit { position: absolute; left:17rem; top:50%; margin-top: -13rem; background: transparent; border:0; padding:0; cursor: pointer; }
.jt-search__submit .jt-guide--icon { vertical-align: top; width: 24rem; }
.jt-search__submit .jt-guide--icon path { transition: stroke .3s; }

/* CLEAR */
.jt-search__reset { display: block; width: 32rem; height: 32rem; margin-top: -16rem; padding: 0; position: absolute; right: 13rem; top: 50%; background: none; border: none; cursor: pointer; opacity: 0; transition: opacity .15s; will-change: opacity; }
.jt-search__reset .jt-guide--icon { display: block; width: 24rem; margin: 0 auto; }
.jt-search__reset .jt-guide--icon path { fill: #bbb; }

/* ACTIVE */
.jt-search__bundle.jt-search--active .jt-search__input { color:var(--color-secondary); }
.jt-search__bundle.jt-search--active .jt-search__submit .jt-guide--icon path { stroke: var(--color-secondary); }
.jt-search__bundle.jt-search--active .jt-search__label { opacity: 0; }
.jt-search__bundle.jt-search--active .jt-search__reset { opacity: 1; visibility: visible; }

/* SORT */
.jt-sort { margin-top:60rem; font-size: 0; }
.jt-sort__btn { font-size: 0; border:0; background: transparent; cursor: pointer; padding:0; margin-right: 12rem; color:#999; transition: color .3s; }
.jt-sort__btn:last-child { margin-right: 0; }
.jt-sort__btn .jt-guide--icon { margin-left: 6rem; }
.jt-sort__btn .jt-guide--icon svg { width: 14rem; height: 11rem; }
.jt-sort__btn.selected { color:var(--color-base); }
html.desktop .jt-sort__btn:hover { color: var(--color-base); }

/* STICKY */
#frm_search { height: 182rem; }

.jt-filter__nav:not(.jt-filter--fixed) { transform: translate(0, 0) !important; }
.jt-filter--sticky { display: none; }
.jt-filter--fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 499; background: var(--color-dark-bg); transform: translate(0, 82rem); }
.jt-filter--fixed .jt-filter--basic { display: none; }
.jt-filter--fixed .jt-filter--sticky { display: block; }

.jt-sticky__head { padding: 14rem 0; }
.jt-sticky__head .wrap { display: flex; align-items: center; justify-content: space-between; }

.jt-sticky__category { font-size: 0rem; }
.jt-sticky__category-btn { display: inline-block; vertical-align: middle; font-size: 0; margin-right: 24rem; }
.jt-sticky__category-btn > a { display: block; color:#fff; }
.jt-sticky__category-btn span { position: relative; display: inline-block; vertical-align: middle; margin-right: 7rem; padding-right: 10rem; }
.jt-sticky__category-btn span:after { content:""; display: block; width: 3rem; height: 3rem; border-radius: 3rem; background: rgba(255, 255, 255, .5); position: absolute; right: 0; top: 12rem; }
.jt-sticky__category-btn span:last-of-type { margin-right: 0; padding-right: 0; }
.jt-sticky__category-btn span:last-of-type:after { display: none; }
.jt-sticky__category-btn .jt-guide--icon { position: relative; opacity: .5; vertical-align: middle; margin-left: 7rem; width: 10rem; transition: transform .3s; }
.jt-sticky--open .jt-sticky__category-btn .jt-guide--icon { transform: rotate(-180deg); }

.jt-sticky__checkbox { display: inline-block; vertical-align: middle; }
.jt-sticky__checkbox label { color:#fff; padding: 4rem 0 4rem 28rem; }
.jt-sticky__checkbox label > span:before { width: 20rem; height: 20rem; top: 50%; margin-top: -10rem; background: var(--color-dark-bg); border-color: rgba(255, 255, 255, .5); }
.jt-sticky__checkbox label > span:after { top: 50%; left: 7rem; width: 6rem; height: 10rem; transform: translateY(-50%) rotate(45deg); margin-top: -1rem; }
html.desktop .jt-sticky__checkbox label:hover > input:not(:checked) + span:before { border-color: #fff; }

.jt-sticky__field .jt-search__field { width: auto; }
.jt-sticky__field .jt-search__input { background: transparent; height: 26rem; width: 100%; border:0; position: absolute; right: 0; }
.jt-sticky__field .jt-search__label { display: block; color: #fff; position: relative; top: auto; left: auto; padding-left: 47rem; min-width: 290rem; }
.jt-sticky__field .jt-search__submit .jt-guide--icon { width: 24rem; opacity: .5; transition: opacity .3s; }
.jt-sticky__field .jt-search__submit .jt-guide--icon path { stroke: #fff; }
.jt-sticky__field .jt-search__bundle.jt-search--active .jt-search__input { color:#fff; }
.jt-sticky__field .jt-search__bundle.jt-search--active .jt-search__submit .jt-guide--icon { opacity: 1; }
.jt-sticky__field .jt-search__bundle.jt-search--active .jt-search__submit .jt-guide--icon path { stroke: #fff; }

.jt-sticky__accordion { border-top: 1px solid rgba(255, 255, 255, .1); padding: 32rem 0; display: none; }
.jt-sticky__accordion-content { display: flex; gap: 60rem; }
.jt-sticky__accordion-item { flex: 1; }
.jt-sticky__accordion-item:nth-child(3) { flex: none; width: 23.2%; }
.jt-sticky__category-title { color:#fff; }
.jt-sticky__category-list { margin: 6rem 0 0 -12rem; }
.jt-sticky__category-item { display: inline-block; color:#fff; padding:0 12rem; white-space: nowrap; opacity: .6; margin: 4rem 0;  transition: opacity .3s; }
.jt-sticky__category--selected { opacity: 1; }
html.desktop .jt-sticky__category-item:hover { opacity: 1; }

.jt-search--highlight { display: inline !important; color:var(--color-primary) !important; background-color: rgba(255, 0, 138, .1) !important; padding:0 !important; margin: 0 !important; font-weight: 700 !important; }


/* **************************************** *
 * PAGINATION
 * **************************************** */
 .jt-pagination { margin-top: 80rem; font-size: 0; text-align: center; }
 .jt-pagination .jt-pagination__numbers { display: inline-block; vertical-align: top; min-width: 26rem; height: 30rem; margin: 0 8rem; position: relative; color: #999; transition: color .3s; }
 .jt-pagination .jt-pagination__numbers:after { content: ''; display: block; width: 12rem; height: 2rem; position: absolute; bottom: 0; left: 50%; margin-left: -6rem; box-sizing: border-box; }
 html.desktop .jt-pagination .jt-pagination__numbers:hover,
 .jt-pagination .jt-pagination__numbers.jt-pagination--current { color: var(--color-base); }
 .jt-pagination .jt-pagination__numbers.jt-pagination--current:after { background: var(--color-base); }
 .jt-pagination .jt-pagination__numbers .jt-guide--icon { position: absolute; top:50%; left:50%; margin-left: -4rem; margin-top: -5rem; width: 8rem; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--first { margin-right: 0; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--last { margin-left: 0; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--prev .jt-guide--icon svg { width: 8rem; height: 11rem; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--next .jt-guide--icon svg { width: 8rem; height: 11rem; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--first .jt-guide--icon svg { width: 10rem; height: 10rem; }
 .jt-pagination .jt-pagination__numbers.jt-pagination--last .jt-guide--icon svg { width: 10rem; height: 10rem; }
 /* html.safari .jt-pagination--first .jt-guide--icon svg,
 html.safari .jt-pagination--prev .jt-guide--icon svg { transform: rotate(180deg); } */


/* **************************************** *
 * LOADMORE
 * **************************************** */
.jt-loadmore {margin-top: 80rem;font-size: 0;text-align: center;}
.jt-loadmore__btn { display: inline-block; font-size:1.4rem; font-weight: 700; color:#aaa; vertical-align: top; }
.jt-loadmore__icon { margin-bottom: 8rem;}
.jt-loadmore__icon .jt-guide--icon { width: 64rem; transition: transform .3s; }
html.desktop .jt-loadmore__btn:hover .jt-loadmore__icon .jt-guide--icon { transform: rotate(90deg); }



/* **************************************** *
 * LIST COMPONENT
 * **************************************** */
.jt-nothing__wrap { background: #fff; border-radius: var(--border-radius); padding: 105rem 55rem; text-align: center; }
.jt-nothing__icon { width: 64rem; margin: 0 auto; }
.jt-nothing figure { padding-top: 100%; }
.jt-nothing .jt-lazyload__color-preview { background: transparent; }
.jt-nothing p { margin-top: 16rem; }



/* **************************************** *
 * SHARE
 * **************************************** */
.jt-share { font-size: 0; }
.jt-share .jt-share__item { display: inline-block; vertical-align: middle; text-align: center; width: 46rem; height: 46rem; position: relative; background: #f3f3f3; border-radius: 50%; transition: .3s; z-index: 2; }
.jt-share .jt-share__item .jt-guide--icon { width: 24rem; position: relative; top: 50%; transform: translateY(-50%); }
.jt-share .jt-share__item .jt-guide--icon path { fill: #888; transition: fill .3s; }
html.desktop .jt-share .jt-share__item:hover { background: var(--color-base); z-index: 1; }
html.desktop .jt-share .jt-share__item:hover .jt-guide--icon path { fill: #fff; }

/* small */
.jt-share--small .jt-share__item { width: 36rem; height: 36rem; }
.jt-share--small .jt-share__item .jt-guide--icon { width: 18rem; }

/* CLIPBOARD */
.jt-share__tooltip { position: fixed; bottom: 40rem; left: 50%; padding: 15rem 40rem; border-radius: var(--border-radius); background: var(--color-base); z-index: 99999; transform: translateX(-50%); opacity: 0; visibility: hidden; }
.jt-share__tooltip p { color: #fff; white-space: nowrap; }



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

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

/* PAGINATION */
.swiper-control .swiper-pagination { position: relative; width: auto; display: inline-block; vertical-align: middle; text-align: center; font-size: 0; bottom: auto; }
.swiper-control .swiper-pagination.swiper-pagination-bullets { display: inline-block; vertical-align: middle; width: auto; position: relative; bottom: auto; left: auto; line-height: 1; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 18rem; height: 18rem; margin: 0 1rem; position: relative; background: transparent; opacity: 1; vertical-align: middle; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; width: 8rem; height: 8rem; margin-top: -4rem; margin-left: -4rem; position: absolute; top: 50%; left: 50%; background:#bbb; border-radius: 50%; transition: background .3s; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: var(--color-base); }
.swiper-control .swiper-pagination .swiper-pagination-current,
.swiper-control .swiper-pagination .swiper-pagination-total { position: absolute; top:50%; transform: translateY(-50%); text-align: center; color:#fff; font-size: var(--font-size-en-07); line-height: var(--font-lineheight-en-07); font-weight: 700; }
.swiper-control .swiper-pagination .swiper-pagination-current { right:100%; padding-right: 10rem; }
.swiper-control .swiper-pagination .swiper-pagination-total { left:100%; padding-left: 10rem; }
.swiper-pagination--slug { display:inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, .5);}

.swiper-progress__hidden-space {position:relative;margin: 0 14rem 1rem;display:inline-block;vertical-align:middle;}
.swiper-progress__hidden-space:before {width:2rem; height:14rem; background:#777; content:''; display:block; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}

/* PLAY & PAUSE STATE */
.swiper-state { display: inline-block; vertical-align: middle; width: 40rem; height: 40rem; margin-left: 11rem; position: relative; }
.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; transition: opacity .3s; cursor: pointer; }
.swiper-state__btn .jt-guide--icon { display: block; width: 17rem; margin: 0 auto; }
.swiper-state__btn .jt-guide--icon path { fill: #fff; }
.swiper-state.swiper-state--play .swiper-state__btn--play { opacity: 1; visibility: visible; }
.swiper-state.swiper-state--pause .swiper-state__btn--pause { opacity: 1; visibility: visible; }
.swiper-state.swiper-state--play .swiper-state__btn--play .jt-guide--icon { width: 9rem; }
.swiper-state.swiper-state--pause .swiper-state__btn--pause .jt-guide--icon { width: 20rem; }

/* NAVIGATION */
.swiper-navigation { opacity: 0; }
.swiper-initialized .swiper-navigation { opacity: 1; }
.swiper-navigation .swiper-button { width: 56rem; height: 56rem; margin-top: -28rem; }
.swiper-navigation .swiper-button:after { display: none; }
.swiper-navigation .swiper-button-prev { left: 63rem; }
.swiper-navigation .swiper-button-next { right: 63rem; }
.swiper-navigation .swiper-button .jt-guide--icon { width: 35rem; height: 56rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.swiper-navigation .swiper-button .jt-guide--icon path { stroke: #bbb; transition: stroke .3s; }
html.desktop .swiper-navigation .swiper-button:hover path { stroke: var(--color-base); }

/* SCROLLBAR */
.swiper-scrollbar { background: #ddd; 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: #000; border-radius: 0; cursor: grab; }

/* PROGRESS */
.swiper-progress-wrap {display: block; width: 150rem;height: 3rem;position: absolute;left: 33rem;top: 50%;margin-top: -1rem;background: #fff;overflow: hidden;}
.swiper-progress {display: block;width: 0;height: 100%;background: var(--color-primary);}

/* ON & OFF SOUND */
.swiper-sound { display: inline-block; vertical-align: middle; width: 40rem; height: 40rem; margin-left: 5rem; position: relative; }
.swiper-sound__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; transition: opacity .3s; cursor: pointer; }
.swiper-sound__btn .jt-guide--icon { vertical-align: -3rem; width: 24rem; }
.swiper-sound.swiper-sound--on .swiper-sound__btn--on { opacity: 1; visibility: visible; }
.swiper-sound.swiper-sound--off .swiper-sound__btn--off { opacity: 1; visibility: visible; }

/* ARROW IN CONTROL */
.swiper-control .swiper-control__arrow { display: none; position: relative; vertical-align: middle; width: 40rem; height: 40rem; top: auto; left: auto; right: auto; margin-top: auto;}
.swiper-control .swiper-control__arrow:after { display: none; }
.swiper-control .swiper-control__arrow .jt-guide--icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10rem; }
.swiper-control .swiper-control__arrow .jt-guide--icon path { stroke: #fff; transition: stroke .3s; }
.swiper-control .swiper-control__arrow.swiper-button-prev { margin-right: 37rem; }
.swiper-control .swiper-control__arrow.swiper-button-next { margin-left: 37rem; }



/* **************************************** *
 * JT POPUP
 * **************************************** */
.jt-popup__overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;padding:20rem;background:rgba(0, 0, 0, .6); z-index: 10000;opacity: 0;visibility: hidden;}
.jt-popup__container {max-width:1200rem; width:100%;position: absolute;top: 50%;left:50%;background:#fff;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: var(--border-radius);}
.jt-popup__container:after {content:''; display: block; clear:both;}
.jt-popup__title { text-align: center; padding:60rem 40rem 36rem; }
.jt-popup__title b { display: block; }
.jt-popup__title p { margin-top: 4rem; color: var(--color-secondary); }
.jt-popup__close { position: absolute; top:28rem; right: 28rem; }
.jt-popup__close .jt-guide--icon { width: 34rem; vertical-align: top; transition: transform .3s; }
.jt-popup__close .jt-guide--icon path { transition: stroke .3s; }
html.desktop .jt-popup__close:hover .jt-guide--icon {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
html.desktop .jt-popup__close:hover .jt-guide--icon path { stroke: var(--color-base); }
 
.jt-popup__content-container .jt-nicescroll {position:relative;padding: 0 20rem 20rem 40rem;height: 500rem;border: 0; background:#fff;}
.jt-popup__content-container .jt-nicescroll__content {padding-right: 26rem; padding-bottom: 20rem;}

.jt-popup__overlay .jt-popup__btn-wrap { font-size: 0; position: absolute; bottom: 0; left: 0; right: 0; }
.jt-popup__overlay .jt-popup__action { display: inline-block; text-align: center; vertical-align: top; width: 50%; border:0; padding:14rem 0; margin:0; cursor: pointer; }
.jt-popup__overlay .jt-popup__action--primary { background: var(--color-base); color:#fff; }
.jt-popup__overlay .jt-popup__action--secondary { background: #ebebeb; color: var(--color-secondary); }

.jt-popup--pc { position: relative; width: 100%; height: 100%; }
.jt-popup--mobile { display: none; }



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
/* Overlay */
.mfp-bg { background: #000; opacity: 0.76; z-index: 10001; }
.mfp-fade.mfp-ready.mfp-bg, .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.76; }

/* Content */
.mfp-wrap { z-index: 10002; }
.mfp-iframe-holder .mfp-content { max-width: 1200rem; }
.mfp-iframe-scaler iframe { background: #000; }

/* Close button */
button.mfp-close { width: 55rem; height: 55rem; top: -60rem; right: -11rem; font-size: 0; opacity: 1; cursor: pointer; }
button.mfp-close:before { content: ''; display: block; width: 40rem; height: 2rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; rotate: -45deg; border-radius: 2rem; background: #fff; transition: 1s rotate cubic-bezier(.075, .82, .165, 1); transform-origin: center center; }
button.mfp-close:after { content: ''; display: block; width: 40rem; height: 2rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; rotate: 45deg; border-radius: 2rem; background: #fff; transition: 1s rotate cubic-bezier(.075, .82, .165, 1); transform-origin: center center; }
button.mfp-close:active { top: -11rem; }
button.mfp-close:hover:before { rotate: 135deg }
button.mfp-close:hover:after { rotate: 225deg }
.mfp-iframe-holder button.mfp-close { width: 55rem; padding: 0; top: -60rem; right: -11rem; font-size: 0; }



/* **************************************** *
 * 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: #ddd; }
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview { background: transparent; transition: background .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.gif) 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__poster .jt-embed-video__bg { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.jt-embed-video__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.jt-embed-video__overlay-btn { display: block; width: 82rem; height: 82rem; margin-top: -41rem; margin-left: -41rem; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, .8); border-radius: 50%; box-sizing: border-box; transform: scale(1) translateZ(0); transition: background .5s cubic-bezier(.165, .84, .44, 1), transform 1s cubic-bezier(.23, 1, .32, 1), opacity .2s, visibility .2s; }
.jt-embed-video__overlay-btn:after { content: ''; width: auto; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-top: -14rem; margin-left: -8rem; font-style: normal; border-top: 14rem solid transparent; border-bottom: 14rem solid transparent; border-left: 22rem solid var(--color-base); transition: transform 1s cubic-bezier(.23, 1, .32, 1); }

html.desktop .jt-embed-video__poster:hover .jt-embed-video__overlay-btn { background: rgba(255, 255, 255, 1); transform: scale(1.2) translateZ(0); }
html.desktop .jt-embed-video__poster:hover .jt-embed-video__overlay-btn:after { transform: scale(0.8) translateZ(0); }

/* popup */
.jt-embed-video__popup--overlay { position: fixed; top: 0; left: 0; bottom: 0; right:0; background: rgba(0, 0, 0, .6); z-index: 10000; opacity: 0; visibility: hidden; }
.jt-embed-video__popup-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1400rem; width: calc(100% - 100rem); max-height: calc(100% - 100rem); }
.jt-embed-video__popup-iframe { position: relative; overflow: hidden; width: 100%; } /* height: 699rem; */
.jt-embed-video__popup-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* .jt-embed-video__popup-container.jt-embed-video--vertical { max-width: none; width: auto; max-height: calc(100% - 100rem); height: 100%; }
.jt-embed-video__popup-container.jt-embed-video--vertical .jt-embed-video__popup-iframe { width: auto; height: 100%; } */

.jt-embed-video__popup-close { position: absolute; top:-54rem; right: 0; padding:0; margin:0; border:0; background: none; cursor: pointer; }
.jt-embed-video__popup-close .jt-guide--icon { width: 34rem; vertical-align: top; }

/* 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%; 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; }

/* iframe vimeo */
.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; }



/* **************************************** *
 * MARQUEE
 * **************************************** */
 .jt-marquee { font-size: 0; white-space: nowrap; overflow: hidden; }
 .jt-marquee__inner { display: inline-block; will-change: auto; }
 .jt-marquee__items { display: inline-block; }



/* **************************************** *
 * JT ACCORDION
 * **************************************** */
.jt-accordion { width: 100%; position: relative; }
.jt-accordion__title { padding: 36rem 0; position: relative; cursor: pointer; }
.jt-accordion__questions { width: 100%; padding-right: 80rem; word-break: break-all;  }
.jt-accordion__questions p { font-weight: 700; }
.jt-accordion__control { position: absolute; width:18rem; height:18rem; right: 0; top: 43rem; transition: transform .3s; will-change: transform; }
.jt-accordion__control .jt-guide--icon { position: absolute; top: 50%; left: 0; width: 18rem; margin-top: -6rem; }
.jt-accordion__control .jt-guide--icon path { stroke: #bbb; transition: stroke .3s; }
.jt-accordion__title.jt-accordion--active .jt-accordion__control .jt-guide--icon path { stroke: var(--color-base); }
.jt-accordion__title.jt-accordion--active .jt-accordion__control { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); will-change: transform; }
.jt-accordion__title.jt-accordion--no-event { cursor: auto; }
.jt-accordion__title.jt-accordion--no-event .jt-accordion__control { display: none; }
.jt-accordion__content { position: relative; margin-bottom: 16rem; margin-top: -16rem; transition: margin-bottom .3s; }
.jt-accordion__content:after { content:""; display: block; position: absolute; left: 0; right: 0; bottom: -16rem; height: 1rem; background: var(--color-base-line); transition: bottom .3s; }
.jt-accordion__content-inner { font-weight: 500; color: var(--color-secondary); padding: 0 80rem 32rem 0; display: none; }
.jt-accordion__content.jt-accordion--active { margin-bottom: 0; }
.jt-accordion__content.jt-accordion--active:after { bottom: 0; }
.jt-accordion__content .jt-editor > * { max-height: inherit; margin-left:0; margin-right: 0; }
.jt-accordion__content .jt-editor > *:last-child { margin-bottom: 0; }
.jt-accordion__content .jt-editor p { margin-bottom: 16rem; }
html.desktop .jt-accordion__title:not(.jt-accordion--no-event):hover .jt-accordion__control .jt-guide--icon path { stroke: var(--color-base); }



/* **************************************** *
 * JT RECOMMEND
 * **************************************** */
.jt-recommend { border-bottom: 1px solid var(--color-base-line); overflow: hidden; transition: padding-bottom .7s cubic-bezier(0, 1, 0.5, 1); }
.jt-recommend:not(.jt-recommend--open) { padding-bottom: 0; }
.jt-recommend:not(.jt-recommend--open) .article-section__title { color: #999; }
.jt-recommend:not(.jt-recommend--open) .jt-recommend__frame { opacity: 0; height: 0; }

.jt-recommend__content { position: relative; }

.jt-recommend__list { margin: 0 -18rem; padding-bottom: 56rem; opacity: 0; }
.jt-recommend__list.jt-recommend--uninit,
.jt-recommend__list.swiper-initialized { opacity: 1; }
.jt-recommend__list .jt-recommend__item { height: auto; }
.jt-recommend__list .jt-recommend__item > a { display: block; margin:0 18rem; }
.jt-recommend__list .swiper-wrapper { align-items: stretch; }
.jt-recommend__list .swiper-control { bottom: 0; opacity: 0; }
.jt-recommend__list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1rem; }

.jt-recommend__list.swiper-initialized .swiper-control { opacity: 1; }

.jt-recommend__list ~ .swiper-navigation { opacity: 0; }
.jt-recommend__list.swiper-initialized ~ .swiper-navigation { opacity: 1; }

.jt-recommend__content .swiper-navigation .swiper-button { transform: translateY(-50rem); }
.jt-recommend__content .swiper-navigation .swiper-button-prev { left: -106rem; }
.jt-recommend__content .swiper-navigation .swiper-button-next { right: -106rem; }

.jt-recommend__list .swiper-control .swiper-pagination--fraction { display: none; }
.jt-recommend__list .swiper-control .swiper-control__arrow .jt-guide--icon path { stroke: #bbb; }
.jt-recommend__list .swiper-control .swiper-pagination .swiper-pagination-current,
.jt-recommend__list .swiper-control .swiper-pagination .swiper-pagination-total { color:var(--color-base); }
.jt-recommend__list .swiper-control .swiper-pagination .swiper-pagination--slug { background: #bbb; margin-top: -1px; }

.jt-recommend__list.jt-recommend--uninit { padding-bottom: 0; }
.jt-recommend__list.jt-recommend--uninit .swiper-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jt-recommend__list.jt-recommend--uninit .jt-recommend__item:nth-child(n+4) { display: none; }

.jt-recommend__toggle { position: absolute; right: 0; top: 0; }
.jt-recommend__toggle .jt-guide--icon { width: 12rem; transition: transform .3s; will-change: transform; }
.jt-recommend__toggle > span:after { content: ' 보기'; }
.jt-recommend--open .jt-recommend__toggle > span:after { content: ' 닫기'; }
.jt-recommend--open .jt-recommend__toggle .jt-guide--icon { transform: rotate(-180deg); }

html.desktop .jt-recommend__list .swiper-control .swiper-control__arrow:hover .jt-guide--icon path { stroke: var(--color-base); }



/* **************************************** *
 * PORTFOLIO
 * **************************************** */
.jt-portfolio__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36rem; align-items: stretch; }
.jt-portfolio__item > a { display: block; position: relative; height: 100%; background: #fff; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 0 14rem rgb(0 0 0 / 3%); }
.jt-portfolio__item-thumb { position: relative; border-radius: var(--border-radius); overflow: hidden; }
html.safari .jt-portfolio__item-thumb {-webkit-mask-image: -webkit-radial-gradient(white, black);}
.jt-portfolio__item-thumb figure { padding-top: 75%; transition: transform .3s ease-out; }
.jt-portfolio__item-thumb .jt-embed-video__overlay-btn { width:40rem; height: 40rem; margin-top: 0; margin-left: 0; top: auto; left:auto; bottom: 16rem; right: 16rem; }
.jt-portfolio__item-thumb .jt-embed-video__overlay-btn:after { border-top-width: 7rem; border-bottom-width: 7rem; border-left-width: 10rem; margin-top: -7rem; margin-left: -4rem; }
.jt-portfolio__item-content { padding:28rem; }
.jt-portfolio__item-customer { display: block; color:var(--color-secondary); }
.jt-portfolio__item-title { margin-top: 6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jt-portfolio__item-category { margin-top: 14rem; margin-bottom: 69rem; }
.jt-portfolio__item-category > li { margin-bottom: 3rem; }
.jt-portfolio__item-brand { position: absolute; bottom: 28rem; left: 28rem; right: 28rem; border-top: 1px solid #ebebeb; padding-top: 19rem; font-size: 0; display: inline-flex; gap: 10rem; align-items: center; }
.jt-portfolio__item-brand span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jt-portfolio__item-favicon { display: inline-block; }
.jt-portfolio__item-favicon figure { display: block; width: 32rem; padding-top: 100%; border-radius: 50%; background:#f0f0f0; }
.jt-portfolio__item-favicon .jt-lazyload__color-preview { background: transparent; }
.jt-portfolio__item-ad-badge { width: 22rem; height: 22rem; margin-left: -10rem; }
html.desktop .jt-portfolio__item > a:hover .jt-portfolio__item-thumb figure { transform: scale(1.05); }

.jt-recommend__list .jt-portfolio__item .jt-portfolio__item-content { padding: 40rem; } 
.jt-recommend__list .jt-portfolio__item .jt-portfolio__item-category { margin-top: 20rem; }
.jt-recommend__list .jt-portfolio__item-brand { bottom: 40rem; left: 40rem; right: 40rem; }



/* **************************************** *
 * NEWS
 * **************************************** */
.jt-news__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 80rem 36rem; }
.jt-news__item > a { display: block; }
.jt-news__item-thumb { position: relative; border-radius: var(--border-radius); overflow: hidden; }
html.safari .jt-news__item-thumb {-webkit-mask-image: -webkit-radial-gradient(white, black);}
.jt-news__item-thumb figure { padding-top: 75%; transition: transform .3s ease-out; }
.jt-news__item-thumb .jt-thumb__icon { position: absolute; bottom: 16rem; right: 16rem; }
.jt-news__item-thumb .jt-thumb__icon i { vertical-align: middle; }
.jt-news__item-thumb .jt-thumb__icon--outlink { width: 40rem; height: 40rem; border-radius: 50%; background: rgba(255, 255, 255, .6); }
.jt-news__item-thumb .jt-thumb__icon--outlink .jt-guide--icon { position: absolute; top: 50%; left: 50%; width: 24rem; transform: translate(-50%, -50%); }
.jt-news__item-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.jt-news__item-desc { word-break: break-all; }
.jt-news__item-source { position: relative; display: inline-block; vertical-align: top; color: #999; margin-top: 16rem; padding-left: 10rem; }
.jt-news__item-source:before { content: ''; position: absolute; top: 11rem; left: 2rem; width: 3px; height: 3px; background: #bbb; display: block; border-radius: 50%; }
html.desktop .jt-news__item > a:hover .jt-news__item-thumb figure { transform: scale(1.05); }

.jt-news__item.jt-news--large .jt-news__item-content { margin-top: 32rem; }
.jt-news__item.jt-news--large .jt-news__item-title { margin-top: 8rem; }

.jt-news__item.jt-news--medium .jt-news__item-content { margin-top: 24rem; }
.jt-news__item.jt-news--medium .jt-news__item-title { margin-top: 6rem; height: 60rem; }
.jt-news__item.jt-news--medium .jt-news__item-date { display: inline-block; margin-top: 16rem; color:#999; }

.jt-news__item.jt-news--row { padding-bottom: 36rem; margin-bottom: 36rem; border-bottom: 1px solid var(--color-base-line); }
.jt-news__item.jt-news--row:last-child { padding-bottom:0; margin-bottom: 0; border-bottom: 0; }
.jt-news__item.jt-news--row > a { display: grid; grid-template-columns: 220rem minmax(0, auto); align-items: center; }
.jt-news__item.jt-news--row .jt-news__item-content { padding: 10rem 0 10rem 24rem; }
.jt-news__item.jt-news--row .jt-news__item-title { margin-top: 6rem; }
.jt-news__item.jt-news--row .jt-news__item-desc { margin-top: 12rem; color:var(--color-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.jt-recommend__list .jt-news__item .jt-news__item-content { margin-top: 24rem; }
.jt-recommend__list .jt-news__item .jt-news__item-title { display: block; margin-top: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jt-recommend__list .jt-news__item .jt-news__item-desc { margin-top: 8rem; color:var(--color-secondary); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/* **************************************** *
 * PARTNER
 * **************************************** */
.jt-partner__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36rem; align-items: stretch; }
.jt-partner__item > a { display: block; height: 100%; background: #fff; padding: 28rem; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 0 14rem rgb(0 0 0 / 3%); }
.jt-partner__item-logo { width:164rem; margin-top: 8rem; margin-bottom: 36rem; }
.jt-partner__item-logo figure { padding-top: 30.48%; }
.jt-partner__item-logo .jt-lazyload__color-preview { background: transparent; }
.jt-partner__item-content { padding-top: 28rem; border-top: 1px solid #ededed; }
.jt-partner__item-title { display: inline-flex; align-items: center; max-width: intrinsic; }
.jt-partner__item-title > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color .3s; }
.jt-partner__item-ad-badge { width: 22rem; height: 22rem; }
.jt-partner__item-count { display: block; margin-top: 4rem; color:var(--color-primary); }
.jt-partner__item-category { position: relative; margin-top: 18rem; height: 29rem; overflow: hidden; }
.jt-partner__item-category-list { display: inline-block; position: absolute; left:0; top: 0; font-size: 0; white-space: nowrap; }
.jt-partner__item-category-list > li { display: inline-block; vertical-align: middle; margin-right: 6rem; }
.jt-partner__item-category-list > li:last-child { margin-right: 0; }
.jt-partner__item-category-list .jt-category__item-type { margin-top: 0; }
.jt-partner__item-category--over:before { content:''; display: block; position: absolute; top: 0; left: 0; width: 16rem; height: 100%; background: linear-gradient(-270deg, #fff 0%, rgba(255,255,255,.0) 100%); z-index: 2; opacity: 0; transition: opacity .15s; }
.jt-partner__item-category--over:after { content:''; display: block; position: absolute; top: 0; right: 0; width: 16rem; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,.0) 100%); z-index: 2; transition: opacity .15s; }
.jt-partner__item-category--run:before { opacity: 1; }
.jt-partner__item-category--end:after { opacity: 0; }
html.desktop .jt-partner__item > a:hover .jt-partner__item-title { color: var(--color-primary); }


html.mobile .jt-partner__item-category { height: auto; overflow: visible; }
html.mobile .jt-partner__item-category-list { display: block; position: static; white-space: normal; margin: -3rem; }
html.mobile .jt-partner__item-category-list > li { margin: 3rem; }
html.mobile .jt-partner__item-category--over:before,
html.mobile .jt-partner__item-category--over:after { display: none; }



/* **************************************** *
 * PARTS
 * **************************************** */
.jt-parts__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36rem; align-items: stretch; }
.jt-parts__item > a { display: block; height: 100%; background: #fff; padding: 28rem; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 0 14rem rgb(0 0 0 / 3%); }
.jt-parts__item-logo { width:164rem; margin-top: 8rem; margin-bottom: 36rem; }
.jt-parts__item-logo figure { padding-top: 30.48%; }
.jt-parts__item-logo .jt-lazyload__color-preview { background: transparent; }
.jt-parts__item-content { padding-top: 28rem; border-top: 1px solid #ededed; }
.jt-parts__item-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color .3s; }
.jt-parts__item-count { display: block; margin-top: 4rem; color:var(--color-primary); }
.jt-parts__item-category { position: relative; margin-top: 18rem; height: 29rem; overflow: hidden; }
.jt-parts__item-category-list { display: inline-block; position: absolute; left:0; top: 0; font-size: 0; white-space: nowrap; }
.jt-parts__item-category-list > li { display: inline-block; vertical-align: middle; margin-right: 6rem; }
.jt-parts__item-category-list > li:last-child { margin-right: 0; }
.jt-parts__item-category-list .jt-category__item-type { margin-top: 0; }
.jt-parts__item-category--over:before { content:''; display: block; position: absolute; top: 0; left: 0; width: 16rem; height: 100%; background: linear-gradient(-270deg, #fff 0%, rgba(255,255,255,.0) 100%); z-index: 2; opacity: 0; transition: opacity .15s; }
.jt-parts__item-category--over:after { content:''; display: block; position: absolute; top: 0; right: 0; width: 16rem; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,.0) 100%); z-index: 2; transition: opacity .15s; }
.jt-parts__item-category--run:before { opacity: 1; }
.jt-parts__item-category--end:after { opacity: 0; }
html.desktop .jt-parts__item > a:hover .jt-parts__item-title { color: var(--color-primary); }

html.mobile .jt-parts__item-category { height: auto; overflow: visible; }
html.mobile .jt-parts__item-category-list { display: block; position: static; white-space: normal; margin: -3rem; }
html.mobile .jt-parts__item-category-list > li { margin: 3rem; }
html.mobile .jt-parts__item-category--over:before,
html.mobile .jt-parts__item-category--over:after { display: none; }



/* **************************************** *
 * EVENT
 * **************************************** */
.jt-event__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36rem; }
.jt-event__item > a { display: block; background: #fff; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 0 200rem rgb(0 0 0 / 6%); }
.jt-event__item-thumb { width:100%; border-radius: var(--border-radius); overflow: hidden; position: relative; }
html.safari .jt-event__item-thumb {-webkit-mask-image: -webkit-radial-gradient(white, black);}
.jt-event__item-thumb figure { padding-top: 75%; transition: transform .3s ease-out; }
.jt-event__item-state { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.jt-event__item-state span { position: absolute; display: block; padding: 8rem 0 7rem; width: 100rem; height: 45rem; border-radius: 0 0 var(--border-radius) 0; text-align: center; color: #fff;}
.jt-event__item-state.open span { background: var(--color-primary); }
.jt-event__item-state.close span { background: #888; }
.jt-event__item-state.close::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); }
.jt-event__item-thumb .jt-lazyload__color-preview { background: transparent; }
.jt-event__item-content { padding: 40rem; }
.jt-event__item-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jt-event__item-date { display: block; margin-top: 12rem; color:#999; }
html.desktop .jt-event__item > a:hover .jt-event__item-thumb figure { transform: scale(1.05); }



/* **************************************** *
 * NOTICE
 * **************************************** */
.jt-notice__list { border-top: 1px solid var(--color-base); }
.jt-notice__item a { display: block; padding: 36rem 0; border-bottom: 1px solid var(--color-base-line); }
.jt-notice__item-title { margin-bottom: 8rem; color: var(--color-base); -webkit-transition: color .3s; transition: color 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jt-notice__item-desc { margin-bottom: 16rem; color: var(--color-secondary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jt-notice__item-date { color: #999; }
html.desktop .jt-notice__item a:hover .jt-notice__item-title { color: var(--color-primary); }



/* **************************************** *
 * NICESCROLL
 * **************************************** */
 .jt-nicescroll {width: 100%;height: 240rem;padding: 24rem 19rem 24rem 29rem;position: relative;background: #f8f8f8;border: 1px solid #eaeaea;overflow: hidden;}
 .jt-nicescroll__content {width: 100%;height: 100%;padding-right: 24rem;position: relative; overflow: auto;}
 .jt-nicescroll__content::-webkit-scrollbar { width: 6rem; height: 6rem; background: transparent; }
 .jt-nicescroll__content::-webkit-scrollbar-track { background: var(--color-base-line); border-radius: 99rem; }
 .jt-nicescroll__content::-webkit-scrollbar-thumb { background: #bbb; border-radius: 99rem; }


 
/* **************************************** *
 * CAROUSEL SLIDER
 * **************************************** */
.jt-carousel__slider { opacity: 0; }
.jt-carousel__slider.jt-carousel--uninit { opacity: 1; }
.jt-carousel__slider.jt-carousel--uninit .swiper-wrapper { justify-content: center; }
.jt-carousel__slider.swiper-initialized { padding-bottom: 56rem; opacity: 1; }
.jt-carousel__slider-item { margin:auto; margin: 0 18rem; width: auto; height: 699rem; overflow: hidden; }
.jt-carousel__slider-item img { width: auto; max-width: none; height: 100%; vertical-align: top; }
.jt-carousel__slider-item > a { display: block; height: 100%; }
.jt-carousel__slider-item .jt-embed-video__image { height: 100%; }
.jt-carousel__slider-item .jt-embed-video__overlay { opacity: 1; transition: opacity .5s; }
.jt-carousel__slider-item .jt-embed-video__overlay-btn { cursor: pointer; }
html.desktop .jt-carousel__slider-item .jt-embed-video__overlay:hover .jt-embed-video__overlay-btn { background: rgba(255, 255, 255, 1); transform: scale(1.2) translateZ(0); }
html.desktop .jt-carousel__slider-item .jt-embed-video__overlay:hover .jt-embed-video__overlay-btn:after { transform: scale(0.8) translateZ(0); }

.jt-carousel__slider-item .jt-embed-video__overlay-spinner {display: block; width: 100rem; height: 100rem; margin-top: -50rem; margin-left: -50rem; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;}
.jt-carousel__slider-item .jt-embed-video__overlay-spinner > span { display: block; width: calc(100% - 10rem); height: calc(100% - 10rem); position: absolute; margin:5rem; border-radius: 50%; border:5rem solid; border-color: #fff transparent transparent transparent; animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
.jt-carousel__slider-item .jt-embed-video__overlay-spinner > span:nth-child(1) { animation-delay: -0.3s; }
.jt-carousel__slider-item .jt-embed-video__overlay-spinner > span:nth-child(2) { animation-delay: -0.2s; }
.jt-carousel__slider-item .jt-embed-video__overlay-spinner > span:nth-child(3) { animation-delay: -0.15s; }

.jt-carousel__slider-item .jt-embed-video--loading .jt-embed-video__overlay-btn { opacity: 0; visibility: hidden; }
.jt-carousel__slider-item .jt-embed-video--loading .jt-embed-video__overlay-spinner { opacity: 1; visibility: visible; }

.jt-carousel__slider .swiper-button__wrap .swiper-button { margin-top: calc(((64rem / 2) + 26rem) * -1); width: 64rem; height: 64rem; background: rgba(255, 255, 255, .7); border-radius: 50%; opacity: 0; transition: background .3s, opacity .5s; }
.jt-carousel__slider .swiper-button__wrap .swiper-button-prev { left: 48rem; }
.jt-carousel__slider .swiper-button__wrap .swiper-button-next { right: 48rem; }
.jt-carousel__slider .swiper-button__wrap .swiper-button .jt-guide--icon { width: 12rem; height: auto; }
.jt-carousel__slider .swiper-button__wrap .swiper-button .jt-guide--icon path { stroke: #666; }
html.desktop .jt-carousel__slider:hover .swiper-button__wrap .swiper-button { opacity: 1; }
html.desktop .jt-carousel__slider .swiper-button__wrap .swiper-button:hover { background: #fff; }
html.desktop .jt-carousel__slider .swiper-button__wrap .swiper-button:hover .jt-guide--icon path { stroke: var(--color-base); }

.jt-carousel__slider:not(.jt-carousel--uninit) .jt-carousel__slider-item:not(.swiper-slide-active) > a { pointer-events: none; }
.jt-carousel__slider:not(.jt-carousel--uninit) .jt-carousel__slider-item:not(.swiper-slide-active) .jt-embed-video__overlay { opacity: 0; }

.jt-carousel__slider .swiper-control .swiper-control__arrow .jt-guide--icon path { stroke: #bbb; }
html.desktop .jt-carousel__slider .swiper-control .swiper-control__arrow:hover .jt-guide--icon path { stroke: var(--color-base); }

.jt-carousel__slider .swiper-control .swiper-pagination .swiper-pagination-current,
.jt-carousel__slider .swiper-control .swiper-pagination .swiper-pagination-total { color:var(--color-base); }
.jt-carousel__slider .swiper-control .swiper-pagination .swiper-pagination--slug { background: #bbb; margin-top: -1px; }

.jt-carousel--low { height: 600rem; } /* height 600px old item *



/* **************************************** *
 * RELATED LIST
 * **************************************** */
.jt-related { background: var(--color-base-bg); padding: 120rem 0; }
.jt-related__head { margin-bottom: 60rem; }
.jt-related__subtitle { display: block; color:#666; }
.jt-related__title { margin-top: 8rem; }



/* **************************************** *
 * SUBSCRIPT
 * **************************************** */
.jt-subscript { background-color: var(--color-primary); padding:52rem; text-align: center; }
.jt-subscript__title { color:#fff; }
.jt-subscript__title .jt-guide--icon,
.jt-subscript__title span { vertical-align: middle; }
.jt-subscript__title .jt-guide--icon { position: relative; width: 264rem; }
.jt-subscript__title .jt-guide--icon path { fill: #fff !important; }
.jt-subscript__btn { display: inline-block; margin-top: 8rem; color:#fff; }
.jt-subscript__btn .jt-guide--icon { margin-left:6rem; }
html.safari .jt-subscript__btn .jt-guide--icon { transform: translateY(0); }
.jt-subscript__btn .jt-guide--icon path { stroke: #fff; }
.jt-subscript__btn > a { opacity: .8; transition: opacity .3s; }
html.desktop .jt-subscript__btn > a:hover { opacity: 1; }

.jt-subscript__sticky { position: fixed; left: 0; width: 100%; bottom: 0; z-index: 100; }
.jt-subscript__sticky > a { display: block; background: var(--color-dark-bg); transition: background .3s; }
.jt-subscript__sticky-title { color:#fff; font-size: 0; text-align: center; padding: 17rem 20rem; }
.jt-subscript__sticky-title > * { vertical-align: middle; }
.jt-subscript__sticky-ci { margin-left: 0 !important; width: 108rem; }
.jt-subscript__sticky-ci path { fill: #fff; }
.jt-subscript__sticky-title .jt-guide--icon { position: relative; margin-left: 8rem; margin-top: -1rem; }
.jt-subscript__sticky-title .jt-guide--icon:not(.jt-subscript__sticky-ci) { width: 8rem; }
html.desktop .jt-subscript__sticky > a:hover { background: var(--color-primary); } 
html.desktop.safari .jt-subscript__sticky-title .jt-guide--icon { margin-top: 0; }



/* **************************************** *
 * CK EDITOR GUIDE
 * **************************************** */
.jt-editor { word-break: keep-all; color:var(--color-secondary); font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); letter-spacing: var(--letter-spacing-03); font-family: var(--font-secondary); }

.jt-editor > * { max-width: 988rem; margin: 0 auto; margin-left: auto; margin-right: auto; }
.jt-editor > *:first-child { margin-top: 0 !important; }
.jt-editor > *:last-child { margin-bottom: 0; }
.jt-editor > *:first-child > *:first-child { margin-top: 0; }
.jt-editor > *:last-child > *:last-child { margin-bottom: 0; }

/* HEADING */
.jt-editor h2, .jt-editor .h2 { color: var(--color-base); margin-top: 48rem; margin-bottom: 24rem; font-size: var(--font-size-en-02); line-height: var(--font-lineheight-en-02); letter-spacing: var(--letter-spacing-03); font-weight: 700; }
.jt-editor h3 { color: var(--color-base); margin-top: 48rem; margin-bottom: 24rem; font-size: var(--font-size-en-03); line-height: var(--font-lineheight-en-03); letter-spacing: var(--letter-spacing-03); font-weight: 700; }
.jt-editor h4 { color: var(--color-base); margin-top: 48rem; margin-bottom: 24rem; font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); letter-spacing: var(--letter-spacing-03); font-weight: 700; }
.jt-editor h2 + figure.image { margin-top: 60rem; }
.jt-editor h3 + figure.image { margin-top: 60rem; }
.jt-editor h4 + figure.image { margin-top: 60rem; }

/* PARAGRAPH */
.jt-editor p { margin-bottom: 48rem; font-weight: 500; }
.jt-editor p + figure.image { margin-top: 60rem; }

/* imaage */
.jt-editor figure.image, .jt-editor img, .jt-editor .image-wrap { max-width: 100%; }
.jt-editor figure.image { display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin-top: 100rem; margin-bottom: 100rem; font-size: 0; }
.jt-editor figure.image + * { margin-top: 0; }
.jt-editor figure.image img { margin-top: 0; margin-bottom: 0; }
.jt-editor figure.image a { display: block; border: none; }
.jt-editor figure.image figcaption { display: block; margin: 20rem 0 0; font-size: var(--font-size-ko-07) ;line-height: var(--font-lineheight-ko-07); letter-spacing: var(--letter-spacing-03); color: #999; }
.jt-editor .image-wrap { text-align: center; margin-top: 100rem; margin-bottom: 100rem; }
.jt-editor .image-wrap > img { display: inline-block; vertical-align: top; }
.jt-editor > img { margin-top: 100rem; margin-bottom: 100rem; }
.jt-editor img { max-width: 100%; height: auto; display: block; }

/* OPTIONS */
.jt-editor strong { font-weight: 700; }
.jt-editor em { font-style: italic; }

/* LINK */
.jt-editor a { word-break: break-all; color: inherit; border-bottom: 1px solid; border-bottom-color: inherit; transition: border .3s, color .3s; }
html.desktop .jt-editor a:hover { border-bottom-color: var(--color-primary);  color: var(--color-primary); }

.jt-editor a[target="_blank"]:after { content: ''; display: inline-block; vertical-align: middle; width: 16rem; height: 16rem; margin-left: 3rem; position: relative; top: -3rem; background: url(/@resource/images/icon/jt-icon/jt-outlink.svg) no-repeat center center; background-size: contain; }

/* LIST */
.jt-editor ul,
.jt-editor ol { margin-top: 48rem; margin-bottom: 48rem; font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); letter-spacing: var(--letter-spacing-03); }
.jt-editor li {position: relative;}
.jt-editor li + li { margin-top: 6rem; }
.jt-editor li ul, .jt-editor li ol { font-size: inherit; margin: 6rem 0 0 20rem; }
.jt-editor ul + figure.image { margin-top: 60rem; }
.jt-editor ol + figure.image { margin-top: 60rem; }

/* ul */
.jt-editor ul > li { padding-left: 17rem; }
.jt-editor ul > li:before { content: ''; display: block; width: 6rem; height: 6rem; position: absolute; top: 12rem; left: 0; background: var(--color-base); border: 1px solid var(--color-base); border-radius: 50%; box-sizing: border-box; }
.jt-editor ul > li > ul > li:before,
.jt-editor ul > li > ul > li > ul > li > ul > li > ul > li:before { background: transparent; border-radius: 50%; }
.jt-editor ul > li > ul > li > ul > li:before,
.jt-editor ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before { background: var(--color-base); border-radius: 0; }
.jt-editor ul > li > ul > li > ul > li > ul > li:before { border-radius: 50%; }

/* ol */
.jt-editor ol { counter-reset: item; }
.jt-editor ol > li { counter-increment: item; padding-left: 20rem; }
.jt-editor ol > li:nth-child(n+10) { padding-left: 28rem; }
.jt-editor ol > li:before { content: counter(item)'.'; position: absolute; left: 0; font-feature-settings: 'tnum'; }
.jt-editor ol[reversed] > li { counter-increment: item -1; padding-left: 28rem; }
.jt-editor ol[reversed] > li:nth-last-child(-n+9) { padding-left: 20rem; }

/* BLOCKQUOTE */
.jt-editor blockquote { margin-top: 48rem; margin-bottom: 48rem; padding: 0 0 0 20rem; position: relative; font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); letter-spacing: var(--letter-spacing-03); border-left: 4rem solid var(--color-base); }
.jt-editor blockquote p { margin: 0; font-size: inherit; line-height: inherit; font-weight: 700; }
.jt-editor blockquote + figure.image { margin-top: 0; }

/* TABLE */
.jt-editor table { position: relative; border-collapse: separate; width: 100%; margin-top: 48rem; margin-bottom: 120rem; font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); letter-spacing: var(--letter-spacing-03); }
.jt-editor table tr { width: 100%; }
.jt-editor table th,
.jt-editor table td { padding: 36rem 18rem; }
.jt-editor table th:first-child,
.jt-editor table td:first-child { padding-left: 36rem; }
.jt-editor table th:last-child,
.jt-editor table td:last-child { padding-right: 36rem; }

.jt-editor table thead th { padding-top: 0; padding-bottom: 24rem; font-size: 0.888em; border: none; color: var(--color-base); }

.jt-editor table tbody td { border: solid var(--color-base-line); border-width: 0 0 1rem 0; }
.jt-editor table tbody tr:first-child td { border-top-width: 1rem; border-top-color: var(--color-base); }
.jt-editor table tbody tr:last-child td { border-bottom-color: var(--color-base); }
.jt-editor table + figure.image { margin-top: 0; }

/* HR */
.jt-editor hr { border: 0; width: 100%; height: 6rem; margin: 100rem auto; background: linear-gradient(to right, rgba(0,0,0,1) 0rem 6rem, rgba(0,0,0,0) 6rem 26rem, rgba(0,0,0,1) 26rem 32rem, rgba(0,0,0,0) 32rem 52rem, rgba(0,0,0,1) 52rem 58rem); background-size: 58rem 100%; background-repeat: no-repeat; background-position: center; }
.jt-editor hr + figure.image { margin-top: 0; }

/* TITLE LOGO */
.jt-editor .title-logo { margin-top: 100rem; margin-bottom: 100rem; }
.jt-editor .title-logo img { max-height: 100%; width: auto; height: 50rem; mix-blend-mode: multiply; }
.jt-editor .title-logo h2, .jt-editor .title-logo .h2 { margin-top: 12rem; margin-bottom: 0; }
.jt-editor .title-logo + figure.image { margin-top: 0; }

/* EMBED VIDEO */
.jt-editor .embed-video { margin: 100rem auto; display: block; }
.jt-editor .embed-video + figure.image { margin-top: 0; }

/* COLUMN LIST */
.jt-editor ul.col-list > li:before { display: none; }
.jt-editor .col-list { display: grid; margin: 100rem auto; column-gap: 36rem; }
.jt-editor .col-list > li { padding-left: 0; }
.jt-editor .col-list > li + li { margin-top: 0; }
.jt-editor .col-list > li > figure img { max-width: 100%; height: auto; }
.jt-editor .col-list > li > h4 { margin-top: 24rem; margin-bottom: 0; }
.jt-editor .col-list > li > b { display: block; color: var(--color-base); font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); letter-spacing: var(--letter-spacing-03); font-weight: 700; margin-top: 24rem; margin-bottom: 0; }
.jt-editor .col-list > li > p { margin-top: 8rem; margin-bottom: 0; }
.jt-editor .col-list.col-3 { max-width: 988rem; grid-template-columns: 1fr 1fr 1fr; }
.jt-editor .col-list.col-4 { max-width: 1244rem; grid-template-columns: 1fr 1fr 1fr 1fr; }
.jt-editor .col-list + figure.image { margin-top: 0; }



/* **************************************** *
 * ANIMATIOM KEYFRAME
 * **************************************** */
/* LOADMORE BOUNCE DELAY */
@keyframes bounce-delay {
    0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
/* VIMEO POPUP LOADING SPINNER */
@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}