@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) BUTTON
 * 02) FORM
 * 03) CATEGORY
 * 04) SEARCH
 * 05) PAGINATION
 * 06) SINGLE PAGINATION
 * 00) ATTACHMENTS
 * 07) COMMENTS (미완성)     // 대기중
 * 16) JT LIST COMPONENT
 * 17) JT COMING SOON
 * 18) JT ISOTOPE LIST
 * 18) JT SHARE
 * 19) JT LOADMORE
 * 20) JT Alert
 * 21) TABS
 * 22) MEMBER (미완성)       // 대기중
 * 23) NICESCROLL
 * 24) CONTACT FROM 7        // 2020 kms update
 * 25) SLICK                 // ?????????
 * 26) CYCLE                 // ?????????
 * 27) MAGNIFIC POPUP        // 2020 kms update
 * 28) SPLIT WORD
 * 29) SINGLE
 * 30) SINGLE COMPONENT
 * 31) SINGLE GUTEMBERG      // ?????????
 * 32) A11Y                  // ?????????
 * 33) LAZYLOAD
 * 34) BROKEN IMAGE (개발중)
 */



/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.jt-btn__basic {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center; font-size: 13px;font-weight: 500;color: #111;border:none; background:transparent; cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;z-index:10;}
.jt-btn__basic.jt-btn--type-02 {color:#fff;}
.jt-btn__basic span {letter-spacing:0.05em;display:inline-block; vertical-align:middle;}

/* Icon Button */
.jt-btn__basic .icon_arrow {position:relative;display:inline-block;vertical-align:middle;margin-left: 11px;}
.jt-btn__basic .icon_arrow:before {display: block;font-family: 'jt-font';font-size: 41px;font-weight: normal;font-style:normal;color:#111;content:'\e939';} 
.jt-btn__basic .icon_arrow:after {display: block;font-family: 'jt-font';font-size: 69px;font-weight: normal;font-style:normal;color:#c1c4aa;content:'\e93a';position:absolute;bottom: -13px;right: -33px;z-index: -1;opacity:0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.jt-btn__basic.jt-btn--type-02 .icon_arrow:before {color:#fff;}
/* html.desktop .jt-btn__basic:hover .icon_arrow:after,
html.mobile .jt-btn__basic .icon_arrow:after {opacity:1;} */
html.safari .jt-btn__basic .icon_arrow {margin-top:2px;}
html.ios .jt-btn__basic .icon_arrow {margin-top:-2px;}

/* html.desktop .jt-btn__basic:hover:hover .icon_arrow:after {-webkit-animation: spinAround 3s linear infinite; animation: spinAround 3s linear infinite;} */

@-webkit-keyframes spinAround { from {-webkit-transform: rotate(0deg)} to {-webkit-transform: rotate(360deg);} }
@keyframes spinAround { from {-webkit-transform: rotate(0deg);transform: rotate(0deg)} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }

/* Underline Button */
.jt-btn__underline {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;font-size: 16px;font-weight: 500;color: #222;}
.jt-btn__underline span {padding-bottom: 6px; font-size:13px;font-weight:600;color:#111;letter-spacing:0.05em;position:relative;}
.jt-btn__underline span:before, .jt-btn__underline span:after {content: '';display: block;height: 2px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.jt-btn__underline span:before {width: 100%;right: 0;background: #111;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.jt-btn__underline span:after {width: 0;left: 0;background:#111;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .jt-btn__underline:hover span:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .jt-btn__underline:hover span:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;}



/* **************************************** *
 * FORM
 * **************************************** */
/* Form layout */
.jt-form:after {content: '';display: table;clear: both;}

.jt-form__data {margin-bottom: 35px;}
.jt-form__data:last-child {margin-bottom: 0;}

.jt-form__field-wrap {display: block;margin-top: 12px;font-size: 0;}
.jt-form__text {font-size: 16px;font-weight: 500;line-height: 1.85;color: #666;}

/* Label */
.jt-form__label {display: block;position: relative;font-size: 16px;line-height: 1.35;font-weight: 600;color: #222;}
.jt-form--required .jt-form__label:after {padding-left: 4px;content: '*';color: #ff0000;}

/* Input */
.jt-form__field {display: inline-block;width: 100%;height: 57px;margin: 0;padding: 11px 14px 12px;vertical-align: middle;font-size: 16px;line-height: 1.75;letter-spacing: -0.01em;color: #666;border: none;border-radius: 0;outline: none;background: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, box-shadow 300ms;transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;}
textarea.jt-form__field {height: 253px;overflow: auto;padding: 23px 30px;resize: none;}
html.desktop .jt-form__field:hover {border-color: #636a52;}
.jt-form__field:focus {border-color: #636a52;}
html.desktop .jt-form__field:focus {border-color: #636a52;}
.jt-form__field:disabled, .jt-form__field:-moz-read-only {background: #eee;border-color: #eee;box-shadow: none;}
.jt-form__field:-moz-read-only {background: #eee;border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
.jt-form__field:disabled, .jt-form__field:read-only {background: #eee;border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:-moz-read-only {border-color: #eee;box-shadow: none;}
html.desktop .jt-form__field:-moz-read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}

.jt-form--block {display: block;}
.jt-form--full {display: block;width: 100%;}

/* Explain */
.jt-form__explain {display: block;margin-top: 8px;padding-left: 10px;position: relative;font-size: 14px;line-height: 1.5;color: #888;}
.jt-form__explain:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;background: #111;border-radius: 50%;}
html.ios .jt-form__explain:before {top: 7px;}

/* File */
.jt-file-upload__wrapper {font-size: 0;}
.jt-file-upload__input {width: calc(100% - 188px * 1);cursor: pointer;}
.jt-file-upload__btn {display: inline-block;height: 46px;padding: 0;margin: 0 0 0 10px;vertical-align: top;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;text-align: center;border: 1px solid #ddd;border-radius: 4px;outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background 300ms;transition: background 300ms;cursor: pointer;}
label.jt-file-upload__btn {line-height: 46px;}
html.ios .jt-file-upload__btn {padding-bottom: 1px;}
.jt-file-upload--action {width: 100px;color: #fff;background: #111;border-color: #111;}
html.desktop .jt-file-upload--action:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);}
.jt-file-upload--delete {width: 68px;color: #666;background: #fff;}
html.desktop .jt-file-upload--delete:hover {background: #f4f5f6;}

/* Icheck */
.jt-icheck__label {display: inline-block;}
.jt-icheck__label + .jt-icheck__label {padding-left: 24px;}
div[class^="jt-icheck--"] > input {left: 0;}
div[class^="jt-icheck--"] + span {display: inline-block;padding-left: 9px;vertical-align: middle;cursor: pointer;font-size: 18px;line-height: 1.4;font-weight: 500;color: #666; letter-spacing:-0.025em;}
div[class^="jt-icheck--"].disabled + span {cursor: default;}

/* Selectric */
.jt-selectric__wrap {width: 323px;position: relative;}

.selectric {width: 100%;text-align: left;background: #fff;border: 1px solid #ddd;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.selectric:after {content: '';display: none;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 2px solid #111;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.selectric .label {height: 44px;margin: 0 42px 0 12px;font-size: 16px;line-height: 44px;font-weight: 500;color: #666;}
.selectric .button {width: 39px;height: 44px;}
.selectric .button:after {width: 100%;font-family: 'jt-font';content: '\e93d';font-size: 10px;color: #222;border: none;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.selectric-items ul, .selectric-items li {width: 100%;font-size: 15px;text-align: left;}
.selectric-items {background: #fff;border: solid #111;border-width: 0 2px 2px;-webkit-box-shadow: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;}
.selectric-items ul {margin: 0;padding: 0;}
.selectric-items li {padding: 5px 12px;line-height: 1.4;font-weight: 500;color: #666;}
.selectric-items li:first-child {padding-top: 12px;}
.selectric-items li:last-child {padding-bottom: 12px;}
html.desktop .selectric-items li:hover, .selectric-items li.selected {color: #111;background: #fff;}
.selectric-hover .selectric {background: #fff;border-color: #111;}
.selectric-hover .selectric:after {opacity: 1;}
.selectric-focus .selectric {background: #fff;border-color: #111;}
.selectric-focus .selectric:after {opacity: 1;-webkit-box-shadow: 0 0 4px #111;box-shadow: 0 0 4px #111;}
.selectric-open .selectric {background: #fff;border-color: #111;border-bottom-color: #ddd;}
.selectric-open .selectric:after {border-bottom: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}
.selectric-open .selectric .button:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.selectric-open .selectric-items {opacity: 1;}
.selectric-above.selectric-open .selectric {border-top-color: #ddd;border-bottom-color: #111;}
.selectric-above.selectric-open .selectric:after {border-bottom: 2px solid #111;border-top: none;border:none;}
.selectric-above.selectric-open .selectric-items {border-width: 2px 2px 0;}

html.mobile .jt-selectric__wrap {background: #fff;overflow: hidden;}
html.mobile .jt-selectric__wrap:before {width: 42px;position: absolute;top: 0;right: 0;font-family: 'jt-font';content: '\e93d';font-size: 10px;text-align: center;line-height: 46px;color: #222;}
html.mobile .jt-selectric__wrap > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 42px 14px 12px;position: relative;font-family: 'NotoSansKR', sans-serif;font-size: 16px;line-height: 1;font-weight: 500;color: #666;background: transparent;border: 1px solid #ddd;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}

/* 약관동의 */
.jt-form__wrap + .jt-agreement {margin-top: 70px;padding-top: 55px;border-top: 1px solid #ddd;}

.jt-agreement__title {display: block;padding-bottom: 15px;font-size: 24px;font-weight: 300;line-height: 1.3;color: #222;}
.jt-agreement__item {padding-bottom: 20px;}
.jt-agreement__item:last-child {padding-bottom: 0;}
.jt-agreement__item > * {padding-bottom: 8px;}
.jt-agreement__item > *:last-child {padding-bottom: 0;}
.jt-agreement__item b {display: block;font-size: 16px;font-weight: 600;line-height: 1.75;color: #222;}
.jt-agreement__item p {font-size: 15px;font-weight: 500;line-height: 1.75;color: #666;}
.jt-agreement__item ol {counter-reset: item;}
.jt-agreement__item li {margin-bottom: 4px;position: relative;font-size: 15px;font-weight: 500;line-height: 1.75;color: #666;}
.jt-agreement__item ol li:before {counter-increment: item;position: absolute;top: 0;left: 0;}
.jt-agreement__item > ol > li {padding-left: 24px;}
.jt-agreement__item > ol > li:before {content: '('counter(item)')';}
.jt-agreement__item > ol > li:last-child {margin-bottom: 0;}
.jt-agreement__item > ol > li > ol {margin-top: 4px;}
.jt-agreement__item > ol > li > ol > li {padding-left: 17px;}
.jt-agreement__item > ol > li > ol > li:before {content: counter(item)'.';}

.jt-agreement__choice {padding-top: 27px;font-size: 0;text-align: center;}
.jt-agreement__choice > b {display: inline-block;vertical-align: middle;padding-right: 34px;font-size: 16px;font-weight: 600;color: #222;}
.jt-agreement__choice > b > span {color: #111;}
.jt-agreement__choice-field {display: inline-block;vertical-align: middle;}

/* Control */
.jt-form__control {padding-top: 80px;font-size: 0;text-align: center;}
.jt-form__action {display: inline-block;min-width: 180px;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;font-weight: 500;letter-spacing: -0.025em;line-height: 1;color: #fff;text-align: center;background: #222;border: 1px solid #222;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 300ms;transition: all 300ms;cursor: pointer;}
html.desktop .jt-form__action:hover {color: #222;background: #fff;}


/* 회원가입 임시폼 */
.signup_form .jt-form__data {margin-bottom: 20px;font-size: 0;}
.signup_form .field_radio_wrap {margin-top:40px;}
.signup_form .jt-form__label {display:inline-block;vertical-align: middle;width: 15%;}
.signup_form .jt-form__label.necessary span {position:relative;padding-right:12px;}
.signup_form .jt-form__label.necessary span:after {font-size:18px; color:#e42020; content:'*'; display:block; position:absolute; right:0; top:0;}
.signup_form .jt-form__field-wrap {display:inline-block;margin-top: 0;vertical-align: middle;width: 85%;}
.signup_form .jt-form__field {border-bottom: 1px solid #ddd;height: 45px;display: inline-block;}
.signup_form .jt-form__field + span {display:inline-block;vertical-align: middle;width: 8%;font-size: 16px;}
.signup_form div[class^="jt-icheck--"] + span {font-size:16px;}
.signup_form .field_birth_wrap {margin-top:30px}
.signup_form .field_birth_wrap .jt_label {width:30%;margin-right:3%;display: inline-block;font-size: 0;}
.signup_form .field_birth_wrap .jt-form__field-wrap {width:55%}
.signup_form .field_birth_wrap .jt-form__field {width:90%}
html.desktop .signup_form .jt-form__field:focus {box-shadow:none;}
.signup_contents + .jt-agreement + .btn_wrap {margin-top: 60px;text-align:center;}
.signup_contents + .jt-agreement + .btn_wrap > a {font-size: 15px;font-weight:600;}

.signup_contents + .jt-agreement {margin-top:50px;}
.signup_contents + .jt-agreement .jt-nicescroll {background:none;border:none;padding:0;height: auto;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.signup_contents + .jt-agreement .jt-agreement__choice {text-align:left; }
.signup_contents + .jt-agreement .jt-agreement__choice .jt-icheck__label {margin-right:10px;}
.signup_contents + .jt-agreement .jt-agreement__choice b {font-weight:500; color:#666;}

/* 로그인 임시폼 */
.tml-login {max-width: 500px;margin-left: 120px;padding-top: 50px;}
.tml-login .tml-field-wrap {font-size:0;}
.tml-login .tml-log-wrap {margin-bottom:20px}
.tml-login .tml-rememberme-wrap {margin-top:15px;margin-left:15%;}
.tml-login .tml-rememberme-wrap input {display:inline-block; vertical-align:middle;}
.tml-login .tml-rememberme-wrap .tml-label {font-weight:500;font-size:15px;vertical-align: middle;display: inline-block;}
.tml-login .tml-field {width: 85%;background:none;border:none;border-bottom: 1px solid #ddd;height: 45px;display: inline-block;vertical-align:middle;}
.tml-login .tml-label {display:inline-block;font-size: 16px;width: 15%;font-weight: 600;vertical-align:middle;}
.tml-login .tml-field-wrap input:focus {box-shadow:none !important;}
.tml-login .login_kakao {display:none;}

.tml-login .tml-submit-wrap {margin-left:15%;margin-top:30px;text-align: center;}
.tml-login .tml-submit-wrap input {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;font-size: 16px;font-weight: 600;line-height: 16px;color: #fff;width: 150px;height: 55px;border:none;background: #111;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;z-index:10;}
.tml-login .tml-submit-wrap input:before { display: block; font-family: 'jt-font'; font-size: 41px; font-weight: normal; font-style: normal; color: #111; content: '\e939';}
.tml-login .tml-links {margin-left:15%;margin-top:30px;text-align: center;}
.tml-login .tml-links li { display:inline-block; vertical-align:middle; padding-right:10px; margin-right:10px; position:relative;}
.tml-login .tml-links li:before {width:1px;height: 13px;background:#ddd;content:'';display:block;position:absolute;right:0;top: 6px;}
.tml-login .tml-links li:last-child:before {display:none;}



/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt-category {margin-bottom: 24px;position: relative;overflow: hidden;}
.jt-category:before, .jt-category:after {content: '';display: block;height: 100%;position: absolute;top: 0;z-index: 1;}
.jt-category:before {left: 0;background: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));background: linear-gradient(to right, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);}
.jt-category:after {right: 0;background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 1)));background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);}
.jt-category ul {display: block;width: 100%;font-size: 0;line-height: 1;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}
.jt-category ul li {display: inline-block;position: relative;}
.jt-category ul li:before {content: '';display: block;width: 1px;height: 14px;position: absolute;top: 50%;margin-top: -7px;left: 0;border: none;border-radius: 0px;background: #d7d7d7;}
.jt-category ul a {display: block;padding: 10px 18px;font-size: 16px;font-weight: 500;line-height: 1.6;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-category ul li.jt-category--active a, html.desktop .jt-category ul li:hover a {color: #111;}
.jt-category ul li:first-child:before {display: none;}

.jt-category__button {width: 30px;margin: 0;padding: 0;position: absolute;top: 0;bottom: 0;background: #fff;border: none;cursor: pointer;z-index: 2;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-category__button:after {display: block;width: 100%;height: 100%;font-family: 'jt-font';font-size: 12px;font-weight: normal;text-align: center;line-height: 46px;color: #666;}
.jt-category__prev {left: 0;}
.jt-category__prev:after {content: '\e909';}
.jt-category__next {right: 0;}
.jt-category__next:after {content: '\e90a';}

html.desktop .jt-category {height: 45px;}
html.desktop .jt-category:before, html.desktop .jt-category:after {width: 48px;}
html.desktop .jt-category ul li:first-child {padding-left: 30px;}
html.desktop .jt-category ul li:last-child {padding-right: 30px;}

html.mobile .jt-category {height: 51px;}
html.mobile .jt-category:before, html.mobile .jt-category:after {width: 18px;}
html.mobile .jt-category ul {-webkit-overflow-scrolling: touch;}



/* **************************************** *
 * SEARCH
 * **************************************** */
.jt-search {padding: 55px 20px;margin-bottom: 44px;font-size: 0;text-align: center;background: #f4f5f6;}

.jt-search__category {display: inline-block;width: 123px;vertical-align: top;position: relative;}
.jt-search__category .selectric {width: 100%;}
.jt-search__category .selectric .label {height: 43px;font-size: 15px;font-weight: 300;line-height: 42px;}
.jt-search__category .selectric .button {height: 43px;}
.jt-search__category .selectric .button:after {content: '\e90d';font-size: 12px;color: #383838;}
.jt-search__category .selectric-items li {border-color: #ddd;}
html.mobile .jt-search__category {background: #fff;border-radius: 4px;overflow: hidden;}
html.mobile .jt-search__category:before {width: 40px;position: absolute;top: 0;right: 0;font-family: 'jt-font';content: '\e90d';font-size: 12px;text-align: center;line-height: 45px;color: #383838;}
html.mobile .jt-search__category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'NotoSansKR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #666;background: transparent;border: 1px solid #ddd;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}

.jt-search__field {display: inline-block;position: relative;vertical-align: top;}
.jt-search__input.jt-form__field {width: 353px;height: 45px;margin: 0 10px;vertical-align: top;background: #fff;border-color: #ddd;text-overflow: ellipsis;}
.jt-search__input.jt-form__field:focus {border-color: #111;}
.jt-search__submit {display: inline-block;vertical-align: top;width: 108px;height: 45px;padding: 0 0 3px;font-size: 16px;font-weight: 500;color: #fff;border: 1px solid #111;border-radius: 4px;background: #111;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}
html.desktop .jt-search__submit:hover {background: #222;border-color: #222;}



/* **************************************** *
 * PAGINATION
 * **************************************** */
.jt-pagination {display: block;width: 100%;margin-top: 64px;font-size: 0;text-align: center;}
.jt-pagination:empty {margin-top: 0;}
.jt-pagination .jt-pagination__numbers {display: inline-block;min-width: 32px;height: 29px;padding: 0 4px;margin: 0 4px;margin-bottom: 4px;position: relative;font-size: 16px;font-weight: 500;line-height: 30px;text-align: center;vertical-align: top;color: #111;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-pagination .jt-pagination__numbers:after {content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;border: 1px solid transparent;-webkit-box-sizing: border-box;box-sizing: border-box;}
html.desktop .jt-pagination .jt-pagination__numbers:not(.jt-pagination--current):hover {color: #636a52;}
.jt-pagination .jt-pagination__numbers.jt-pagination--current:after {width:18px;height:2px;background:#111;left:50%;margin-left: -9px;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first, .jt-pagination .jt-pagination__numbers.jt-pagination--prev, .jt-pagination .jt-pagination__numbers.jt-pagination--next, .jt-pagination .jt-pagination__numbers.jt-pagination--last {font-size: 0;border: 1px solid #dedede;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first:before, .jt-pagination .jt-pagination__numbers.jt-pagination--prev:before, .jt-pagination .jt-pagination__numbers.jt-pagination--next:before, .jt-pagination .jt-pagination__numbers.jt-pagination--last:before {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'jt-font';font-size: 16px;font-weight: normal;line-height: 30px;color: #aaa;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first {margin-left: 0;margin-right: 0;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first:before {content: '\e908';}
.jt-pagination .jt-pagination__numbers.jt-pagination--prev:before {content: '\e909';}
.jt-pagination .jt-pagination__numbers.jt-pagination--next:before {content: '\e90a';}
.jt-pagination .jt-pagination__numbers.jt-pagination--last {margin-left: 0;margin-right: 0;}
.jt-pagination .jt-pagination__numbers.jt-pagination--last:before {content: '\e90b';}
.jt-pagination > span {font-family:'Montserrat', sans-serif; }


/* **************************************** *
 * SINGLE PAGINATION
 * **************************************** */
.single-pagination {display: table;width: 100%;max-width: 750px;height: 141px;margin: 112px auto 0;position: relative;border-top: 2px solid #111;}
.single-pagination__link, .single-pagination__title {display: table-cell;width: 50%;height: 100%;position: relative;font-size: 15px;font-weight: 500;text-align: center;vertical-align: middle;color: #222;}
.single-pagination--next {padding-left: 60px;padding-right: 0;text-align: right;}
.single-pagination--prev {padding-right: 60px;padding-left: 0;text-align: left;}
.single-pagination__link span {display: block;padding-top: 10px;color:#666; letter-spacing:-0.01em; -webkit-transition: color 200ms;transition: color 200ms;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.single-pagination__link b {display: inline-block;position: relative;font-size: 16px;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-transform: uppercase;-webkit-transition: color 200ms, padding 300ms;transition: color 200ms, padding 300ms;}
.single-pagination__link b:after {content: '';display: block;opacity: 0;visibility: hidden;position: absolute;top: 0;font-family: 'jt-font';font-size: 12px;line-height: 14px;font-weight: normal;text-align: center;color: #111;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.single-pagination__link.single-pagination--prev b:after {left: -3px;content: '\e912';}
.single-pagination__link.single-pagination--next b:after {right: -3px;content: '\e913';}
html.desktop .single-pagination__link:hover b:after {opacity: 1;visibility: visible;}
html.desktop .single-pagination__link.single-pagination--prev:hover b {padding-left: 15px;}
html.desktop .single-pagination__link.single-pagination--next:hover b {padding-right: 15px;}

.single-pagination__list {display: block;width: 60px;height: 60px;line-height: 60px;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;background: #222;z-index: 1;-webkit-transition: background 300ms;transition: background 300ms;}
.single-pagination__list:before {font-family: 'jt-font';font-size: 12px;font-weight:normal;content:'\e92d';display:block;color: #fff;text-align: center;}
html.desktop .single-pagination__list:hover {background-color: #111;}

html.ie .single-pagination__link b:after {top:-1px;}
html.edge .single-pagination__link b:after {top:0px;}
html.safari .single-pagination__link b:after {top:0;}

/* Span text-overflow ellipsis debug */
.single-pagination--prev, .single-pagination--next {max-width: 0;}




/* **************************************** *
 * ATTACHMENTS
 * **************************************** */
.jt-download-files {margin-top: 40px;font-size: 0;}
.jt-download-files b {display: block;margin-right: 29px;position: relative;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.6;color: #222;display: inline-block;vertical-align: middle;}
.download_files_list {padding-left: 17px;font-size: 0;position:relative;display:inline-block;}
.download_files_list:before {display: block;width: 16px;height: 16px;position: absolute;left: 0;top: 50%;margin-top: -6px;font-family: 'jt-font';content: '\e94c';font-size: 12px;line-height: normal;font-weight: normal;color: #888;}
.jt-download-files a, .jt-download-files i {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;line-height: normal;color: #666;}
.jt-download-files a {border-bottom: 1px solid transparent;-webkit-transition: border 300ms;transition: border 300ms;}
html.desktop .jt-download-files a:hover {border-bottom-color:#666;}
.jt-download-files i.jt-download-files__comma {padding-right: 8px;font-style: normal;}


/* **************************************** *
 * SINGLE TAG
 * **************************************** */
.jt-single__tag {margin-top: 53px;position:relative;}
.jt-single__tag b {font-size:15px;color:#111;display: inline-block;position: absolute;}
.jt-single__tag ul {display:inline-block;vertical-align: top;padding-left: 52px;margin-top: -3px;}
.jt-single__tag li {margin-right: 16px;display:inline-block;}
.jt-single__tag li:last-child {margin-right:0;}
.jt-single__tag li a {padding-bottom:2px; margin-bottom:3px; font-size:15px; color:#666; letter-spacing:-0.01em; display:block;position:relative;  -webkit-transition: color .3s; transition:color .3s; }
.jt-single__tag li a:before {width:100%; height:1px; background:#636a52; content:''; display:block; position:absolute;bottom:0; opacity:0; -webkit-transition: opacity .3s; transition:opacity .3s; }
html.desktop .jt-single__tag li a:hover {color: #636a52;}
html.desktop .jt-single__tag li a:hover:before {opacity:1; }


/* **************************************** *
 * SINGLE SLIDER
 * **************************************** */
.single-slider-wrap {background: #f8f8f8;padding: 160px 0 196px;margin-top: 121px;}
.single-slider-wrap .wrap {font-size:0;}
.single-slider-wrap h3 {width: calc(25.7% - 30px);font-weight: 700;font-size: 27px;margin-right: 30px;margin-top:-4px;display:inline-block;vertical-align:top;}
.single-slider-container {width: 74.3%;position:relative;display:inline-block;vertical-align:top;}
.single-slider:after { clear:both; display:table; content:"";}
.single-slider { margin: 0 -21px;}
.single-slide-item { width: 33.33%; float: left;}
html.desktop .single_slide_item_inner:hover {border-color:transparent;}
html.desktop .single_slide_item_inner:hover:after{ opacity:1}
html.ie .jt_single_go_list_btn:before {top:13px;}

.single-slider-container .swiper-button-next:after {content: "\e922";}
.single-slider-container .swiper-button-prev:after {content: "\e921";}
.single-slider-container .swiper-button-next, 
.single-slider-container .swiper-button-prev {position:absolute;background: none;margin-top:0;font-size: 43px;font-family: jt-font;color: #080a14;top: calc(50% - 86px);-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: auto;z-index: 80;-webkit-transition:.3s;transition:.3s;}
.single-slider-container .swiper-button-prev {left: -78px;}
.single-slider-container .swiper-button-next {right: -78px;}
.single-slider-container .swiper-button-prev.swiper-button-disabled,
.single-slider-container .swiper-button-next.swiper-button-disabled {opacity: 0;}
html.desktop .single-slider-container .swiper-button-next:hover, 
html.desktop .single-slider-container .swiper-button-prev:hover {color: #636a52;}

.use_mouse .components-list-single-nav { outline:none}



/* **************************************** *
 * COMMENTS (미완성)
 * **************************************** */
.comments-area .comments-title {position:relative; padding: 0;font-size: 18px;line-height: 2.6;font-weight: 600;color: #222; padding-left:31px;}
.comments-area .comments-title span {color: #333;}
.comments-area .comments-title:before {content:'\e952'; display:block; width:28px; height:28px; position:absolute; top:12px; left:-3px; font-family:'jt-font'; font-size:28px; font-weight: 500; color:#000; line-height:1;}
.comments-area ol {list-style: none;}
.comment-list {margin-top: 4px;border-top: 2px solid #222;}
.comment-list > li {padding-top: 28px;border-bottom: 1px solid #dedede;}
.comment-list ol.children {margin-bottom: 0;}
.comment-list ol.children > li {padding-top: 20px;background: #f9f9f9;border-top: 1px solid #dedede;}
.comment-inner {position: relative;}
.comment-inner:after {content: '';display: table;clear: both;}
.comment-avatar {width: 48px;height: 48px;position: absolute;top: 7px;left: 0;border-radius: 3px;overflow: hidden;}
.comment-avatar img {margin: 0;padding: 0;}
.comment-content {float: left;width: 100%;padding: 0 20px 28px 80px;position: relative;}
ol.children .comment-content:before {content: '';display: block;width: 12px;height: 12px;position: absolute;top: 26px;left: -51px;background: url(../images/icon/icon-comments-arrow-2x.png) no-repeat center center;background-size: 12px 12px;}
.comment-head {position: relative;}
.comment-head .author-name {font-size: 15px;font-weight: 600;color: #222;}
.comment-head .comment-date {position: absolute;top: 0;right: 0;font-size: 13px;font-weight: 500;color: #222;}
.comment-body {}
.comment-body p {margin: 0;padding: 0;font-size: 15px;font-weight: 500;line-height: 1.93;color: #777;}
.comment-form {position:relative;}
.comment-form-comment, .comment-form .form-submit {display:inline-block; vertical-align:top;}
.comment-form .form-submit {position:absolute; bottom:0px; right:0; padding-bottom:0;}
p.comment-form-comment {width:100%; height:90px; padding-bottom:0; margin-top:0; padding-right:100px;}
.comment-form-comment label {display:none;}
.comment-form-comment textarea {width:100%; max-width:100%; height:100%; max-height:100%; background:#f9f9f9; border:1px solid #dedede; padding:15px;}
.form-submit input {width:90px; height:90px; background:#1e75d6; border-radius:4px; border:2px solid #1e75d6; color:#fff; font-size:15px; -webkit-transition: all 300ms; transition:all 300ms; cursor:pointer;}
html.desktop .form-submit input:hover {background:transparent; color:#1e75d6;}

/* 대댓글 depth표현 */
.comment-list ol.children .comment-inner {padding-left: 80px;}
.comment-list ol.children .comment-avatar {left: 80px}
.comment-list ol.children ol.children .comment-inner {padding-left: 160px;}
.comment-list ol.children ol.children .comment-avatar {left: 160px}
.comment-list ol.children ol.children ol.children .comment-inner {padding-left: 240px;}
.comment-list ol.children ol.children ol.children .comment-avatar {left: 240px}
.comment-list ol.children ol.children ol.children ol.children .comment-inner {padding-left: 320px;}
.comment-list ol.children ol.children ol.children ol.children .comment-avatar {left: 320px}

/* 소셜로그인 표시 */
.comment-inner.social-user {padding-bottom:10px;}
.comment-inner.social-user .comment-avatar {height: 68px;}
.comment-inner.social-user .comment-avatar:before,
.comment-inner.social-user .comment-avatar:after {content: '';display: block;width: 100%;height: 20px;position: absolute;left: 0;bottom: 0;}
.comment-inner.social-user .comment-avatar:before {background: #222;}
.comment-inner.social-user .comment-avatar:after {font-family: 'jt-font';font-size: 10px;text-align: center;line-height: 20px;font-weight: normal;color: #fff;}
.comment-inner.social-facebook .comment-avatar:before {background: #224b99;}
.comment-inner.social-facebook .comment-avatar:after {content: '\e90c';}
.comment-inner.social-twitter .comment-avatar:before {background: #40bff5;}
.comment-inner.social-twitter .comment-avatar:after {content: '\e90f';}
.comment-inner.social-kakao .comment-avatar:before {background: #fdc300;}
.comment-inner.social-kakao .comment-avatar:after {content: '\e92b';}
.comment-inner.social-naver .comment-avatar:before {background: #1dc800;}
.comment-inner.social-naver .comment-avatar:after {content: '\e92c';}
.comment-form .wp-social-login-widget {position:relative; margin-bottom:22px; padding-left:105px;}
.comment-form .wp-social-login-widget:before {content:'Social Login :'; position:absolute; top:0; left:0; font-size:15px; color:#333; font-weight:600; line-height:30px;}
.comment-form .wp-social-login-provider-list {font-size:0;}
.comment-form .wp-social-login-provider-list > a {display:inline-block; width:30px; height:30px; color:#fff; border-bottom:none; font-size:0; border-radius:4px; margin-left:5px;}
.comment-form .wp-social-login-provider-list > a:first-child {margin-left:0;}
.comment-form .wp-social-login-provider-list > a:after {display:block; width:100%; height:100%; font-family:'jt-font'; font-size:14px; line-height:30px; text-align:center;}
.comment-form .login_facebook {background: #224b99;}
.comment-form .login_facebook:after {content:'\e90c';}
.comment-form .login_naver {background: #1dc800;}
.comment-form .login_naver:after {content:'\e92c';}
.comment-form .login_kakao {background: #fdc300;}
.comment-form .login_kakao:after {content:'\e92b';}



/* **************************************** *
 * JT LIST COMPONENT
 * **************************************** */
/* Nothing */
.jt-list-nothing {padding: 120px 0;text-align: center;border-top: 3px solid #ddd;border-bottom: 1px solid #ddd;}
.jt-list-nothing b {font-size: 32px;font-weight: 600;color: #222;}
.jt-list-nothing b span {color: #111;}
.jt-list-nothing p {padding-top: 15px;font-size: 16px;line-height: 1.75;color: #666;}
.jt-list-nothing p span {color: #222;}

/* Control */
.jt-list-control {padding-top: 40px;font-size: 0;line-height: 1;}
.jt_list_control:after {content: '';display: table;clear: both;}
.jt-list-control--primary {float: left;}
.jt-list-control--secondary {float: right;}



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


/* **************************************** *
 * JT ISOTOPE LIST
 * **************************************** */
/* Hide the container (show with js) */
/* .jt_isotope {visibility:hidden;} */

.jt_isotope .isotope_grid_sizer {width: 486px;}
.jt_isotope .isotope_gutter_sizer {width: 42px;}
.jt_isotope .isotope_item {width: 486px;margin-bottom: 198px;position: absolute;}

.jt_isotope .isotope_item:nth-last-of-type(1), .jt_isotope .isotope_item:nth-last-of-type(2) {margin-bottom: 0;}


/* **************************************** *
 * JT SHARE
 * **************************************** */
.jt-single-share {display: block;position:absolute;right: -103px;top: 26px;}
.jt-single-share__inner {}
.jt-single-share__button {display: block;padding-right: 27px;position: relative;font-size: 12px;font-weight: 700;line-height: 34px;letter-spacing: 0.1em;color: #fff;}
.jt-single-share__button:before {font-family: 'jt-font';content: '\e93a';color: #111;font-size: 74px;position: absolute;}
.jt-single-share__button:after {display: block;width: 43px;height: 45px;position: absolute;left: 14px;font-family: 'jt-font';content: '\e945';font-size: 13px;text-align: center;font-weight: normal;letter-spacing: 0;line-height: 33px;}
.jt-single-share.open .jt-single-share__button:before {color:#636a52}

.jt-share {display: block;position: absolute;top: 100%;left: 62%;margin-top: 41px;opacity: 0;visibility: hidden;z-index:100;}
.jt-share .jt-share__item {display: block;width: 40px;height: 40px;margin: 7px 0;position: relative;vertical-align: middle;border-radius: 50%;-webkit-transition: background 300ms;transition: background 300ms;}
.jt-share .jt-share__item:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 18px;line-height: 39px;font-weight: normal;text-align: center;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-share .jt-share__item.jt-share--kakao:after {content: '\e923';line-height: 40px;}
.jt-share .jt-share__item.jt-share--facebook:after {content: '\e916';font-size: 16px;}
.jt-share .jt-share__item.jt-share--twitter:after {content: '\e94b';font-size: 20px;line-height: 40px;}
.jt-share .jt-share__item.jt-share--link:after {content: '\e947';font-size: 17px;}
html.desktop .jt-share .jt-share__item:hover:after {color: #111;}

.jt-share--copynote {padding: 26px 45px;position: fixed;left: 80px;bottom: 40px;background: #636a52;z-index: 501;opacity: 0;visibility: hidden;}
.jt-share--copynote p {font-size: 16px;font-weight: 500;line-height: 1.6;letter-spacing: -0.025em;color: #fff;}
.jt-share--copynote p br {display: none;}


/* **************************************** *
 * JT LOADMORE
 * **************************************** */
.jt-loadmore {margin-top: 60px;font-size: 0;text-align: center;}
.jt-loadmore__spinner {display: none;width: 70px;margin: 0;position: absolute;top: 15px;left: 50%;margin-left: -35px;text-align: center;}
.jt-loadmore__spinner > div {display: inline-block;width: 10px;height: 10px;margin: 0 4px;background-color: #999;border-radius: 100%;-webkit-animation: bounce_delay 1.4s infinite ease-in-out both;animation: bounce_delay 1.4s infinite ease-in-out both;}
.jt-loadmore__spinner .jt-loadmore__spinner_ball_01 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.jt-loadmore__spinner .jt-loadmore__spinner_ball_02 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.jt-loadmore.jt-loadmore--loading a span {visibility: hidden;}
.jt-loadmore.jt-loadmore--loading a .jt-loadmore__spinner { display: block;}

@-webkit-keyframes bounce_delay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes bounce_delay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}



/* **************************************** *
 * JT Alert
 * **************************************** */
.jt-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 99999;}
.jt-alert__container {position: relative;width: 90%;max-width: 376px;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 4px;text-align: center;-webkit-box-shadow: 0 20px 80px rgba(0,0,0,.1);box-shadow: 0 20px 80px rgba(0,0,0,.1);}
.jt-alert__content {width: 100%;min-height: 110px;text-align: center;padding: 43px 20px 29px;}
.jt-alert__content h1 { font-size: 20px; line-height: 1.35; color: #222; font-weight: 500; margin-top: -9px; padding-bottom: 10px;}
.jt-alert__content p {vertical-align: middle;font-size: 16px;line-height: 1.7;color:#666;word-wrap: break-word;word-break: keep-all;}
.jt-alert__btn {font-size: 16px;line-height: 1.7;font-weight: 500;color: #484848; background: #f8f8f8; border: 1px solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
html.desktop .jt-alert__btn:hover { background:#eee; }
.jt-alert--primary-button .jt-alert__btn.jt-alert--ok { background: #111; border: 1px solid #111; color: #fff; }
html.desktop .jt-alert--primary-button .jt-alert__btn.jt-alert--ok:hover {background:var(--color-primary-dark); border-color: var(--color-primary-dark);}

.jt-alert--button-icon .jt-alert__btn:before {font-family:'jt-font';line-height: 1;font-size:12px;padding-right: 9px;}
.jt-alert--button-icon .jt-alert__btn.jt-alert--ok:before {content: '\e935';}
.jt-alert--button-icon .jt-alert__btn.jt-alert--cancel:before {content: '\e92e';}
.jt-alert--confirm .jt-alert__btn { background: #eee; }
html.desktop .jt-alert--confirm .jt-alert__btn:hover { background: #ddd; }
.jt-alert--primary-title .jt-alert__content h1 { color:#111; }

.jt-alert--has-icon .jt-alert__content h1 { position:relative; padding-top: 71px;}
.jt-alert--has-icon .jt-alert__content h1:before {font-family: 'jt-font';font-size: 45px;position: absolute;font-weight: normal;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1:before {content:'\e94e';color: #aaa;}
.jt-alert--has-icon.jt-alert__type-success .jt-alert__content h1:before {content:'\e94f';color:#20bd54;}
.jt-alert--has-icon.jt-alert__type-error .jt-alert__content h1:before {content:'\e950';color:#dd4242;}

/* Classic */
.jt-alert__style-classic .jt-alert__container { background: #fff; }
.jt-alert__style-classic .jt-alert__container .jt-alert__actions { border-top: 1px solid #ddd; }
.jt-alert__style-classic .jt-alert__actions {padding: 20px 0; margin: 0 20px; text-align: center;}
.jt-alert__style-classic .jt-alert__btn { padding: 7px 29px 9px 28px; border-radius: 5px; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn { width: 159px; margin-right: 15px; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn:last-child { margin-right: 0; }
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom:25px;}
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content p { color:#444; }
.jt-alert__style-classic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 76px;}

/* Basic */
.jt-alert__style-basic .jt-alert__container {overflow:hidden;}
.jt-alert__style-basic .jt-alert__container .jt-alert__actions { border-top: 0; }
.jt-alert__style-basic .jt-alert__content {background: #fff;min-height: 146px; padding: 59px 20px 29px;}
.jt-alert__style-basic .jt-alert__content h1 {margin-top: -19px;}
.jt-alert__style-basic .jt-alert__actions {background: #fff; border-top: 1px solid #ddd;}
.jt-alert__style-basic .jt-alert__btn {padding:13px 0 14px;width: 100%;height:100%;border-radius: 0;background: #f8f8f8;border: 1px solid #ddd;color:#666;}
html.desktop .jt-alert__style-basic .jt-alert__btn:hover { background: #eee; }
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__content {background: #f8f8f8;}
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn {color: #111;background:#fff; border: 0; border-top: 1px solid #ddd;}
html.desktop .jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn:hover {  color:#fff; background: #111;  border-top: 1px solid #111; }
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn {border-top: 0;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt-alert--ok {color:#fff;background: #111;}
html.desktop .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt_alert_ok:hover { background: var(--color-primary-dark); }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__actions { background: none; }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn {width: 50%;color: #484848;background: #eee;}
html.desktop .jt-alert__style-basic.jt-alert--confirm .jt-alert__btn:hover { color:#484848; background: #ddd;}
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn.jt-alert--cancel { border-top: 1px solid #ddd; padding-top:12px; }
.jt-alert__style-basic.jt-alert--button-icon.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content { padding: 38px 20px 35px; }
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom: 18px;margin-bottom: 33px;border-bottom: 1px solid #ddd;}
.jt-alert__style-basic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 71px;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content {padding: 32px 20px 34px;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content h1 { margin-top:0; }



/* **************************************** *
 * TABS
 * **************************************** */
.jt-tabs:after {content: '';display: table;clear: both;}
.jt-tabs__menu li { width: 50%; }
.jt-tabs--col2 .jt-tabs__menu li { width: 50%; }
.jt-tabs--col3 .jt-tabs__menu li { width: 33.3333333333%; }
.jt-tabs--col4 .jt-tabs__menu li { width: 25%; }
.jt-tabs--col5 .jt-tabs__menu li { width: 20%; }
.jt-tabs--col6 .jt-tabs__menu li { width: 16.6666666667%; }
.jt-tabs--col7 .jt-tabs__menu li { width: 14.2857142857%; }
.jt-tabs--col8 .jt-tabs__menu li { width: 12.5%; }
.jt-tabs--col9 .jt-tabs__menu li { width: 11.1111111111%; }
.jt-tabs--col10 .jt-tabs__menu li { width: 10%; }
.jt-tabs--col11 .jt-tabs__menu li { width: 9.09090909091%; }
.jt-tabs--col12 .jt-tabs__menu li { width: 8.33333333333%; }
.jt-tabs__menu {display: table;width: 100%;margin: 0 auto 60px;border: solid #ddd;border-width: 1px 1px 0 1px;}
.jt-tabs__menu li {display: table-cell;position: relative;vertical-align: middle;background: #f4f5f6;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;cursor: pointer;}
.jt-tabs__menu li:before {content: '';display: block;height: 3px;position: absolute;left: -1px;right: -1px;top: -1px;background: transparent;z-index: 1;}
.jt-tabs__menu li:first-child {border-left: none;}
.jt-tabs__menu li a {display: block;width: 100%;padding: 22px 15px;font-size: 18px;font-weight: 500;line-height: 1.35;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-tabs__menu li.jt-tabs--active {background: #fff;border-bottom-color: #fff;}
.jt-tabs__menu li.jt-tabs--active:before {background: #111;}
html.desktop .jt-tabs__menu li:hover a, .jt-tabs__menu li.jt-tabs--active a {color: #111;}
.jt-tabs__panels {float: left;width: 100%;}
.jt-tabs__panels > div {display: none;}
.jt-tabs__panels > div:first-child {display: block;}



/* **************************************** *
 * MEMBER (미완성)
 * **************************************** */
/* Wrap */
.jt_member_table {display: table;width: 100%;height: 100%;}
.jt_member_cell {display: table-cell;padding: 40px 0;vertical-align: middle;}
.jt_member {width: 380px;margin: 0 auto;}

/* Logo */
.jt_member_logo a {display: block;}
.jt_member_logo img {display: block;margin: 0 auto;}

/* Content */
.jt_member_content {margin: 22px 0 14px 0;padding: 20px 0;position: relative;border-bottom: 1px solid #ddd;}
.jt_member_content:before {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;top: -3px;background: url(../images/icon/icon-row-line.png) no-repeat center center;background-size: 100% 100%;}

/* Intro */
.jt_member_intro {padding-bottom: 18px;}
.jt_member_intro p {font-size: 15px;font-weight: 500;line-height: 1.66;letter-spacing: -0.025em;color: #222;}

/* Input */
.jt_member_form_row {margin-top: 10px;position: relative;}
.jt_member_form_row:first-child {margin-top: 0;}
.jt_member_form_row label {position: absolute;top: 0;left: 13px;font-size: 15px;line-height: 55px;color: #222;cursor: text;}
.jt_member_form_row label.fixed_label {display: block;padding-bottom: 4px;position: static;line-height: 1.6;font-weight: 600;color: #444;cursor: inherit;}
.jt_member_submit {padding-top: 18px;}

/* Error */
.jt_member_error strong {font-weight: 600;}
.jt_member_error p {display: block;padding: 12px 20px 10px;margin-top: 10px;position: relative;font-size: 13px;font-weight: 500;letter-spacing: -0.025em;line-height: 1.66;color: #ff0000;background: #fef0f0;border: 1px solid #ff0000;border-radius: 5px;}
.jt_member_error a {font-size: 13px;}

/* Other */
.jt_member_ohter {font-size:0;text-align:center;}
.jt_member_ohter a {display: inline-block;margin: 0 9px;position: relative;font-size: 14px;color: #222;-webkit-transition: 300ms;transition: 300ms;}
.jt_member_ohter a:before {content: '';display: block;width: 1px;height: 13px;position: absolute;left: -9px;top: 50%;margin-top: -6.5px;background: #ddd;}
.jt_member_ohter a:first-child:before {display: none;}
html.desktop .jt_member_ohter a:hover {color: #886152;}

/* Result */
.jt_member_result {margin-top: 5px;}

/* Check */
.jt_member_check {margin-top: 17px;}
.jt_member_check label {display: block;width: 100%;cursor: pointer;}
.jt_member_check span {color:#555;}
.jt_member_check div[class^="icheckbox"] + span {padding-right: 0;}
.jt_member_check a {border-bottom: 1px solid #222;}

/* SNS login */
.jt_social_form a {display: block;height: 55px;margin-top: 10px;position: relative;font-size: 15px;line-height: 55px;letter-spacing: -0.01em;color: #fff;background: url(../images/sub/login/login-sprite.png) no-repeat center center;border-radius: 5px;}
.jt_social_form a:first-child {margin-top:0;}
.jt_social_form a > span {display: block;width: 100%;height: 100%;padding-left: 80px;}
.jt_social_form a > i {width: 60px;height: 100%;position: absolute;left: 0;top: 0;}
.jt_social_form a > i:after {content: '';display: block;width: 3px;height: 22px;position: absolute;right: 0;top: 50%;margin-top: -11px;background: url(../images/sub/login/login-line.png) no-repeat center center;}
.jt_social_form a > i:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 23px;line-height: 53px;text-align: center;font-style: normal;color: #fff;}
.jt_social_form .login_facebook {background-color: #365396;background-position: -10px -10px;}
.jt_social_form .login_facebook > i:before {content: '\e900';}
html.desktop .jt_social_form .login_facebook:hover {background-position: -10px -85px;}
.jt_social_form .login_naver {background-color: #179c19;background-position: -10px -310px;}
.jt_social_form .login_naver > i:before {content: '\e903';font-size: 18px;}
html.desktop .jt_social_form .login_naver:hover {background-position: -10px -385px;}
.jt_social_form .login_kakao {background-color: #fff00e;background-position: -10px -160px;color: #3b1e1e;}
.jt_social_form .login_kakao > i:before {content: '\e905';font-size: 22px;color: #000;}
html.desktop .jt_social_form .login_kakao:hover {background-position: -10px -235px;}

/* Clear sns wsl plugin */
.wp-social-login-connect-with {display:none}
.wp-social-login-provider-list {padding:0}

/* Login - line */
.jt_login_or_line {position: relative;margin-top: 20px;margin-bottom: 15px;}
.jt_login_or_line:before {content: '';display: block;width: 100%;height: 1px;position: absolute;top: 5px;left: 0;background: #ddd;}
.jt_login_or_line > span {display: block;width: 44px;height: 15px;margin: 0 auto;position: relative;font-size: 13px;line-height: 1;font-weight: 600;text-align: center;color: #222;background: #f1efeb;z-index: 1;}



/* **************************************** *
 * NICESCROLL
 * **************************************** */
.jt-nicescroll {width: 100%;height: 245px;padding: 24px 19px 24px 29px;position: relative;background: #fff;border: 1px solid #ddd;overflow: hidden;}
.jt-nicescroll__content {width: 100%;height: 100%;padding-right: 32px;position: relative;}


/* **************************************** *
 * CONTACT FROM 7
 * **************************************** */
div.wpcf7 {width: 100%;}
div.wpcf7 input[type="file"] {-webkit-box-sizing: border-box;box-sizing: border-box;}

div.wpcf7 p:empty {display: none;}

span.wpcf7-list-item {margin-right: 58px;margin-left:0;}
span.wpcf7-list-item.last {margin-right: 0;}

.wpcf7-form-control-wrap {display: inline-block;width: 100%;vertical-align: top;position: relative;}

/* Clear default style */
div.wpcf7 {position: relative;}
/* div.wpcf7 .ajax-loader {margin: 0;position: absolute;left: -30px;top: 50%;margin-top: -8px;} */
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {width: 100%;margin: 20px 0 0;padding: 10px 15px;position: static;font-size: 14px;border: none;font-weight: bold;}
div.wpcf7-mail-sent-ok {color: #3c763d;background-color: #dff0d8;}
div.wpcf7-validation-errors {color: #e42020;background-color: #fff1ef;}
span.wpcf7-not-valid-tip {width: 100%;margin-top: 4px;padding:0;line-height: 1.3;word-break: break-all;display: block;padding-top: 6px;font-size: 14px;vertical-align: middle;font-weight: 500;color: #e42020;}

/* error */
.contact_error .wpcf7-form-control-wrap { position:relative; }
.contact_error .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.not_valid_tip {position:relative;bottom:auto;left: 0;}
.contact_error .wpcf7-form-control-wrap input[type="text"] + .wpcf7-not-valid-tip, .contact_error .wpcf7-form-control-wrap input[type="email"] + .wpcf7-not-valid-tip { position: absolute; left: -46%; }
.contact_error .wpcf7-form-control-wrap:after {background:#c01010;}
.contact_error .contact_row_content { padding-bottom: 38px; }
.contact_row_agree .wpcf7-not-valid-tip {position:absolute;bottom: -26px;left:0;width: 135px;text-align: left;padding: 0;margin: 0;}
div.wpcf7-mail-sent-ok, 
div.wpcf7-validation-errors{ position:absolute; opacity:0; }

/* btn click */
.jt_contact_control_inner { position:relative; display:inline-block; }
div.wpcf7 .jt_contact_control .ajax-loader { background-image: url(../images/icon/loading.svg); }



/* **************************************** *
 * SLICK
 * **************************************** */
.slick-list, .slick-track {height: 100%;}
.use_mouse .slick_arrows, .use_mouse .slick-slide {outline:none;}

.slick_slider_wrap {position: relative;}

.slick_control {display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.slick_arrows {width: 50px;height: 100%;padding: 0;margin: 0;position: absolute;top: 0;font-size: 0;line-height: 1;background: none;border: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;}
.slick_arrows:after {font-family: 'jt-font';font-weight: normal;font-size: 36px;line-height: 50px;text-align: center;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.slick_prev {left: -80px;}
.slick_prev:after {content: '\e93e';}
.slick_next {right: -80px;}
.slick_next:after {content: '\e93f';}
html.desktop .slick_arrows:hover:after {color: #111;}

.slick_additional {margin-top: 36px;font-size: 0;text-align: center;}

.slider-dots li {margin:0 auto 20px;; text-align:center; display: block;position: relative;}
.slider-dots li:last-child {margin-bottom:0;}
.slider-dots button { font-size:0; width: 24px; height: 24px; border-radius: 50%; display: block; opacity:1; border: 0; background-color: transparent; margin: 0 10px; cursor: pointer; padding: 0; -webkit-transition: .3s all; transition: .3s all; position: relative; z-index: 0;}
.slider-dots button:after { content: ""; display: block; width: 6px; height: 6px; margin:0 auto; border-radius: 50%; background-color: #fff; opacity:1;  -webkit-transition: .1s all;  transition: .1s all; }
.slider_circle_dot_wrap {margin-top: 0;position: absolute;right: 71px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: left;}
.slider_circle_dot_wrap .slick-active button {width: 24px;height: 24px;}
.slider_circle_dot_wrap .slick-active button:after {  opacity: 0;}
.slider_circle_dot_wrap .slick-active button:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border: 4px solid rgba(255,255,255,0.3); border-radius: 50%;}
.circle-go { fill: rgba(255, 255, 255, 0); stroke: rgba(255, 255, 255, 1); stroke-width: 4; stroke-linecap: round; -webkit-animation: progress 40s; animation: progress 40s; stroke-dasharray: 360px; stroke-dashoffset: 360;}
@-webkit-keyframes progress { from { -webkit-stroke-dashoffset: 360;  } to { -webkit-stroke-dashoffset: 0;  } }
@keyframes progress { from { stroke-dashoffset: 360;  } to { stroke-dashoffset: 0;  } }

.slick_play_state {display: inline-block;vertical-align: middle;width: 25px;height: 20px;position: relative;}
.slick_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.slick_play_state_btn:after {display: block;font-family: 'jt-font';font-size: 20px;font-weight: normal;text-align: center;line-height: 20px;color: #ddd;}
.slick_state_play:after {content: '\e91a';}
.slick_state_pause:after {content: '\e94d';}
.slick_play_state.play .slick_state_pause {opacity: 1; visibility: visible;}
.slick_play_state.pause .slick_state_play {opacity: 1; visibility: visible;}

.slick-slide img {width: 100%;-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: scale(1.1); transform: scale(1.1);}
.slick-active img { -webkit-transform: scale(1); transform: scale(1); }


/* **************************************** *
 * CYCLE
 * **************************************** */
.cycle_slider_wrap {position: relative;}
.cycle_slider {position: relative;z-index: 1;}

.cycle_control {display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.cycle_btn {width: 50px;height: 100%;position: absolute;top: 0;font-size: 0;line-height: 1;cursor: pointer;z-index: 2;opacity: 0.5;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.cycle_btn:after {font-family: 'jt-font';font-weight: normal;font-size: 42px;line-height: 50px;text-align: center;color: #fff;}
.cycle_prev {left: 50px;}
.cycle_prev:after {content: '\e938';}
.cycle_next {right: 50px;}
.cycle_next:after {content: '\e939';}
html.desktop .cycle_btn:hover {opacity: 1;}

.cycle_additional {display: block;width: 100%;position: absolute;left: 0;bottom: 33px;font-size: 0;text-align: center;z-index: 2;}

.cycle_pager {display: inline-block;vertical-align: middle;}
.cycle_pager li {display: inline-block;width: 11px;height: 11px;margin: 0 5px;background: transparent;border: 2px solid #fff;border-radius: 10px;cursor: pointer;-webkit-transition: width 400ms ease, background 300ms;transition: width 400ms ease, background 300ms;}
.cycle_pager li button {display: block;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 0;background: transparent;border: none;cursor: pointer;}
html.desktop .cycle_pager li:hover, .cycle_pager li.cycle-pager-active {background: #fff;}
.cycle_pager li.cycle-pager-active {width: 25px;}

.cycle_play_state {display: inline-block;vertical-align: middle;width: 25px;height: 20px;position: relative;}
.cycle_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.cycle_play_state_btn:after {display: block;font-family: 'jt-font';font-size: 18px;font-weight: normal;text-align: center;line-height: 20px;color: #fff;}
.cycle_state_play:after {content: '\e91a';}
.cycle_state_pause:after {content: '\e94d';}
.cycle_play_state.play .cycle_state_pause {opacity: 1; visibility: visible;}
.cycle_play_state.pause .cycle_state_play {opacity: 1; visibility: visible;}

.cycle_progress_wrap {display: inline-block;vertical-align: middle;width: 174px;height: 2px;margin: 0 11px 0 18px;position: relative;background: #666;overflow: hidden;}
.cycle_progress {display: block;width: 0;height: 100%;background: #fff;border-radius: 40px;}


/* **************************************** *
 * SWIPER
 * **************************************** */
/* navigation */
.swiper_navigation {width: 100%;height: 100%;right: 0;left: 0;bottom: 0;margin-top:0;position:absolute;top: 0;}
.swiper_navigation > button {width: 50%;height: calc(100% - 120px);top:120px;padding:0;background: none;border: none;line-height: 1;cursor: pointer;z-index: 2;opacity:1;-webkit-transition: opacity .3s;transition: opacity .3s;text-shadow: 2px 0 2px rgba(0,0,0,0.17);overflow:visible;}
.swiper_navigation > button:after {font-family: 'jt-font';font-weight: normal;font-size: 38px;line-height: 30px;text-align: center;color: #fff; opacity:1;-webkit-transition: opacity .3s;transition: opacity .3s;text-shadow: 2px 0 2px rgba(0,0,0,0.17);}
.swiper_navigation > button > span {font-size:13px;color:#fff;font-weight:600;line-height: 1;opacity:0;-webkit-transition: opacity .3s;transition: opacity .3s;display: block;position: absolute;top: 0; letter-spacing:0.05em;}
.swiper_navigation .swiper-button-prev {left:0}
.swiper_navigation .swiper-button-next {right:0;}


/* .swiper-slide img {width: 100%;-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: scale(1.1); transform: scale(1.1);}
.swiper-slide-active img { transform: scale(1); } */

/* controller */
.swiper_control {position: absolute; left: 85px; font-size: 0;z-index: 2;}

/* pagination */
.swiper_control .swiper-pagination {position: static;}

.swiper_control .swiper-pagination-wrap {position: relative;}
.swiper_control .swiper-pagination-bullet-line {width: 14px;height: 2px;position: absolute;top: -3px;left: 16px;margin-left: -7px;background: #fff;}
.swiper_control .swiper-pagination-bullet {width: 32px;height: 27px;padding: 10px 12px 10px 13px;position: relative;background: transparent;opacity: 1;}
.swiper_control .swiper-pagination-bullet > i {display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;}
.swiper_control .swiper-pagination-bullet-active {background: transparent;}

.swiper_control .swiper-pagination-fraction {display: inline-block;vertical-align: middle;width: auto;}
.swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
.swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width: 140px;height: 2px;margin: 0 12px 0 9px;position: relative;}
.swiper_progress_wrap {display: block;width: 140px;height: 2px;position: absolute;left: 28px;top: 50%;margin-top: -1px;background: #222;overflow: hidden;}
.swiper_progress {display: block;width: 0;height: 100%;background: rgba(255, 255, 255, .5);}

/* state */
.swiper_play_state {display: inline-block;vertical-align: middle;width: 26px;height: 26px;position: relative;top: -1px;left: 2px;}
html.ie .swiper_play_state {top:-1px;}
.swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.swiper_play_state_btn:after {display: block;font-family: 'jt-font';font-size: 16px;font-weight: normal;text-align: center;line-height: 26px;color: rgba(255, 255, 255, .5);/* text-shadow: 1px 1px 5px rgba(0, 0, 0, .5); */}
.swiper_state_play:after {content: '\e91a';}
.swiper_state_pause:after {content: '\e94d';}
.swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
.swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
/* Overlay */
.mfp-bg {background: #000;opacity: 0.6;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.6;}

/* Close button */
button.mfp-close {width: 55px;height: 55px;top: -11px;right: -73px;font-size: 0;opacity: 1;cursor: pointer;}
button.mfp-close:after {display: block;width: 100%;height: 100%;position: absolute;top: 1px;left: 0;font-family: 'jt-font';content: '\e944';font-size: 30px;line-height: 55px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);-webkit-transform-origin: center center;transform-origin: center center;}
button.mfp-close:active {top: -11px;}

.mfp-iframe-holder button.mfp-close {width: 55px;padding: 0;top: -11px;right: -73px;font-size: 0;}

/**/
.jt_popup_wrap {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 10000;}
.jt_popup_container {overflow:auto;max-width:814px;position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jt_popup_container:after {content:''; display: block; clear:both;}
.jt_popup_title {background-color:#0a0a0a;padding: 25px 122px 25px 48px;font-size: 0;position: relative;}
.jt_popup_title b {font-size: 24px;font-weight: 500;color:#fff;line-height: 1.55;letter-spacing: -0.01em;}
.jt_popup_title p {display: inline-block;font-size: 15px;color:#aaa;padding-left: 14px;line-height: 1.75;}
.jt_popup_close {position: absolute;top: 22px;right: 40px;padding: 10px;width: 42px;height: 42px;font-size: 0;}
.jt_popup_close:after {font-family:'jt-font';content:'\e946';font-size: 22px;line-height:22px;color:#fff;position: absolute;top: 10px;left: 10px;-webkit-transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1); transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1); transition: transform 1s cubic-bezier(.075,.82,.165,1); transition: transform 1s cubic-bezier(.075,.82,.165,1), -webkit-transform 1s cubic-bezier(.075,.82,.165,1); -webkit-transform-origin: center; transform-origin: center;}
 html.desktop .jt_popup_close:hover:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

 html.ie .jt_popup_title {padding-top:24px; padding-bottom:26px;}

.jt_popup_content_container .jt-nicescroll {position:relative;padding: 50px 60px 19px 50px;height: 643px;border: 0;background:#fff;}
.jt_popup_content_container .jt-nicescroll:after {z-index: 100; content:'';position: absolute;bottom:0;left:0;width:100%;height: 80px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)),color-stop(25%, rgba(255, 255, 255, .7)),color-stop(62%, rgba(255, 255, 255, 1)));background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, .7) 25%,rgba(255, 255, 255, 1) 62%);}
.jt_popup_content_container .jt-nicescroll__content {padding-right: 24px;}

html.desktop.ratio1_5 .jt_popup_content_container .jt-nicescroll {height:440px;}

/* JT BAD UX POPUP 오버라이드 이슈 */
#jt_popup_container.pc .jt_popup_close { padding: inherit; top: 0; }
#jt_popup_container.mobile .jt_popup_close { padding: inherit; top: auto; }
#jt_popup_container.pc .jt_popup_close:after,
#jt_popup_container.mobile .jt_popup_close:after { display: none; }



/* **************************************** *
 * SPLIT WORD
 * **************************************** */
.jt-split-word > span {display: inline-block;padding: 0 2px;}



/* **************************************** *
 * SINGLE
 * **************************************** */
.js-single-media-popup {cursor: -webkit-zoom-in;cursor: zoom-in;}

.jt-single__header {padding: 0 0 24px;}
.jt-single__header-inner {padding-bottom: 3px;border-bottom: 3px solid #111;}
.jt-single__title {font-size: 35px;margin-bottom: 18px;font-weight: 600;line-height: 1.5;letter-spacing: -0.05em;color: #111;margin-top: 23px;}
.jt-single__meta {padding-top: 16px;font-size: 0;}
.jt-single__meta > * {display: inline-block;vertical-align: middle;padding: 0 20px;font-size: 14px;font-weight: 500;line-height: normal;color: #111;}

.jt-single__meta .jt-single__category {padding-left:0;}
.jt-single__meta .jt-single__date {color:#aaa;font-weight: 500; position:relative;}
.jt-single__meta .jt-single__date:before {width:1px;height: 10px;background:#aaa;position:absolute;left:0;top: 50%;margin-top: -6px;content:'';display:block;}
html.ie .jt-single__meta .jt-single__date:before {margin-top:-4px;}
html.edge .jt-single__meta .jt-single__date:before {margin-top:-5px;}

.jt-single__body {overflow: hidden;}

.jt-single__wrap,
.jt-single__content h1,
.jt-single__content h2,
.jt-single__content h3,
.jt-single__content h4,
.jt-single__content h5,
.jt-single__content h6,
.jt-single__content p,
.jt-single__content hr,
.jt-single__content ul:not(.jt-gallery),
.jt-single__content ol:not(.jt-gallery),
.jt-single__content blockquote,
.jt-single__content blockquote.wp-block-quote {max-width: 750px;margin-left: auto;margin-right: auto;}
.jt-single__content img, .jt-single__content div.wp-caption {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.jt-single__content h1,
.jt-single__content h2,
.jt-single__content h3,
.jt-single__content h4,
.jt-single__content h5,
.jt-single__content h6 {margin-bottom: 41px;font-weight: 600;line-height: 1.5;color: #222;margin-top: 35px;letter-spacing: -0.05em;}
.jt-single__content h1,
.jt-single__content h2 {font-size: 28px;line-height: 1.4;margin-bottom: 15px;margin-top: 64px;}
.jt-single__content h3 {font-size: 19px;margin-top: 62px;margin-bottom: 18px;}
.jt-single__content h4 {font-size: 18px;}
.jt-single__content h5 {font-size: 17px;}
.jt-single__content h6 {font-size: 16px;}
.jt-single__content p {margin-bottom: 54px;font-size: 16px;font-weight: 500;line-height: 1.75;letter-spacing: -0.025em;color: #666;}
.jt-single__content b {font-weight: 600;}
.jt-single__content strong {background: rgba(208,47,56,0.2);}
.jt-single__content a {word-break: break-all;}
.jt-single__content a:not(.jt-btn__basic) {color: #636a52;border-bottom: 1px solid #636a52;-webkit-transition: all 300ms;transition: all 300ms;}
.jt-single__content hr {border-bottom-color: #aaa;margin-top: 50px;margin-bottom: 50px;}
.jt-single__content figcaption {font-size:16px;color:#888;line-height: 1.75;margin-bottom: 67px;}
html.desktop .jt-single__content a:not(.jt-btn__basic):hover {/* color: var(--color-primary-dark);border-bottom-color: var(--color-primary-dark); */}

.jt-single__content ul:not(.jt-gallery),
.jt-single__content ol:not(.jt-gallery) {margin-bottom: 46px;}
.jt-single__content li {position: relative;font-size: 16px;font-weight: 500;line-height: 1.5;margin-bottom: 8px;letter-spacing: -0.025em;color: #111;}
/* .jt-single__content li:last-child {margin-bottom:8px;} */
.jt-single__content ul li {padding-left: 13px;}
.jt-single__content ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 10px;left: 0;background: #636a52;border-radius: 50%;}
.jt-single__content ol:not(.jt-gallery){ list-style-type: decimal; list-style-position: inside;}

.jt-single__content blockquote {margin-bottom: 32px;padding-left: 20px;border-left: 4px solid #636a52;}
.jt-single__content blockquote p {margin: 0;font-style: italic;}
.jt-single__content img {margin-top: 65px;margin-bottom: 65px;}
.jt-single__content div.wp-caption {margin-top: 65px;margin-bottom: 65px;}
.jt-single__content div.wp-caption img {margin-top: 0;margin-bottom: 0;}
.jt-single__content div.wp-caption p.wp-caption-text {margin-top: 8px;margin-bottom: 0;font-size: 14px;line-height: 1.5;text-align: center;}

/* Clear */
.jt-single__content > *:first-child {margin-top: 0;}
.jt-single__content > *:last-child {margin-bottom: 0;}



/* **************************************** *
 * SINGLE COMPONENT
 * **************************************** */
/* Gallery */
.jt-gallery {max-width: 1200px;margin: 65px auto;}
.jt-gallery:after {content: '';display: table;clear: both;}
.jt-gallery .jt-gallery__icon {padding: 12px;position: relative;text-align: center;}
.jt-gallery .jt-gallery__icon a {display: block;border: none;}
.jt-gallery .jt-gallery__icon:before {display: none;}
.jt-gallery img {margin: 0;}
.jt-gallery .jt-gallery__caption {padding-top: 8px;font-size: 14px;font-weight: 500;line-height: 1.5;text-align: center;color: #666;}

/* Video */
.jt-embed-video {max-width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 65px;}
.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;-webkit-box-sizing: content-box;box-sizing: content-box;}
.jt-embed-video__poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.jt-embed-video__poster .jt-embed-video__img {display: block;width: 100%;margin: 0;}
.jt-embed-video__overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000;background: rgba(0, 0, 0, .8);}
.jt-embed-video__overlay-btn {display: block;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;border: 2px solid #fff;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: .6;-webkit-transform: scale(1) translateZ(0);transform: scale(1) translateZ(0);-webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1), -webkit-transform 1s cubic-bezier(.23,1,.32,1);transition: opacity .5s cubic-bezier(.165,.84,.44,1), -webkit-transform 1s cubic-bezier(.23,1,.32,1);transition: opacity .5s cubic-bezier(.165,.84,.44,1), transform 1s cubic-bezier(.23,1,.32,1);transition: opacity .5s cubic-bezier(.165,.84,.44,1), transform 1s cubic-bezier(.23,1,.32,1), -webkit-transform 1s cubic-bezier(.23,1,.32,1);}
.jt-embed-video__overlay-btn:after {display: block;width: 100%;height: 100%;padding-left: 2%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e92b';font-size: 26px;line-height: 68px;font-style: normal;font-weight: normal;text-align: center;color: #fff;-webkit-transition: -webkit-transform 1s cubic-bezier(.23,1,.32,1);transition: -webkit-transform 1s cubic-bezier(.23,1,.32,1);transition: transform 1s cubic-bezier(.23,1,.32,1);transition: transform 1s cubic-bezier(.23,1,.32,1), -webkit-transform 1s cubic-bezier(.23,1,.32,1);}
html.desktop .jt-embed-video__poster:hover .jt-embed-video__overlay-btn {opacity: 1;-webkit-transform: scale(1.2) translateZ(0);transform: scale(1.2) translateZ(0);}
html.desktop .jt-embed-video__poster:hover .jt-embed-video__overlay-btn:after {-webkit-transform: scale(0.8) translateZ(0);transform: scale(0.8) translateZ(0);}

/* Button */
.single-btn-group {max-width: 792px;margin: 0 auto 45px;}

/* Space */
.single-empty-space {display: block;height: 50px;max-width: 792px;margin-left: auto;margin-right: auto;}




/* **************************************** *
 * SINGLE GUTEMBERG
 * **************************************** */
/* Custom color palette */
/* !important required to work correctly (TODO dry this code) */
.jt-single__content .has-type-01-color { color: #0033ff !important;}
.jt-single__content .has-type-02-color { color: #666666 !important;}
.jt-single__content .has-type-03-color { color: #222222 !important;}
.jt-single__content .has-type-04-color { color: #ffffff !important;}

.jt-single__content .has-type-01-background-color,
.jt-single__content .wp-block-button__link.has-type-01-background-color,
.jt-single__content a.wp-block-button__link.has-type-01-background-color,
.jt-single__content button.wp-block-button__link.has-type-01-background-color { background-color: #111 !important;border-color: #111}

.jt-single__content .has-type-02-background-color,
.jt-single__content .wp-block-button__link.has-type-02-background-color,
.jt-single__content a.wp-block-button__link.has-type-02-background-color,
.jt-single__content button.wp-block-button__link.has-type-02-background-color  {  background-color: #666666 !important;border-color: #666666}

.jt-single__content .has-type-02-background-color,
.jt-single__content .wp-block-button__link.has-type-03-background-color,
.jt-single__content a.wp-block-button__link.has-type-03-background-color,
.jt-single__content button.wp-block-button__link.has-type-03-background-color  {  background-color: #222222 !important;border-color: #222222}

.jt-single__content .has-type-02-background-color,
.jt-single__content .wp-block-button__link.has-type-04-background-color,
.jt-single__content a.wp-block-button__link.has-type-04-background-color,
.jt-single__content button.wp-block-button__link.has-type-04-background-color  {  background-color: #ffffff !important;border-color: #ffffff}

/* Container */
.jt-single__content .wp-block-image,
.jt-single__content .alignundefined,
.jt-single__content .wp-block-cover,
.jt-single__content .wp-block-button,
.jt-single__content .wp-block-audio,
.jt-single__content .wp-block-pullquote,
.jt-single__content .wp-block-verse,
.jt-single__content .wp-block-code,
.jt-single__content .wp-block-preformatted,
.jt-single__content .wp-block-video,
.jt-single__content .wp-block-embed-youtube { max-width: 788px; margin-left:auto; margin-right:auto}
.jt-single__content .wp-block-image img{ max-width:100%;margin-top: 10px; margin-bottom:0}
.jt-single__content .wp-block-cover.alignfull {  width: 100%;}
.jt-single__content .alignwide{max-width: 1200px; margin-left:auto;margin-right:auto; }
.jt-single__content .alignfull{max-width: inherit; margin-left:auto;margin-right:auto; }
.jt-single__content .wp-block-image.alignfull{ width: auto;}
.jt-single__content .alignfull img{max-width:100%;width: auto;}
.jt-single__content ul.alignfull { max-width: inherit;}
.jt-single__content .wp-block-cover.alignfull { max-width: inherit;}

.wp-block-embed-wordpress.alignfull iframe,
.jt-single__content .wp-block-table.alignfull,
.jt-single__content .wp-block-text-columns.alignfull,
.jt-single__content .wp-block-audio.alignfull {width: calc(100% - 60px); margin-left:30px; margin-right:30px;}


/* Inline tags */
.jt-single__content p.has-drop-cap:not(:focus)::first-letter{ font-size:inherit; margin: inherit; line-height: inherit; font-weight: inherit; float: none;}
.jt-single__content .has-background strong{ background:none; font-weight:bold;}

/* Cover block */
.jt-single__content .wp-block-cover p { font-size: 44px;color: #fff;}

/* Blockquote block */
.jt-single__content blockquote.wp-block-quote {margin-bottom:45px;}
.jt-single__content blockquote.wp-block-quote.is-large p,
.jt-single__content blockquote.wp-block-quote.is-style-large p { font-size: 30px; }
.jt-single__content blockquote.wp-block-quote.is-large ,
.jt-single__content blockquote.wp-block-quote.is-style-large { border-left: 4px solid #636a52;}

/* Pullquote block */
.jt-single__content .wp-block-pullquote blockquote {border:none;padding:0;margin-bottom: 0;}
.wp-block-pullquote {  border-width:1px; border-color:#666; margin-bottom: 32px;}
.wp-block-pullquote p{ font-size:24px}

/* Separator block */
.single_content hr.wp-block-separator{border-color: #8f98a1;border-width: 1px;margin: 45px auto;}

/* Columns block */
.jt-single__content .wp-block-columns{max-width: 788px;margin: auto;}
.jt-single__content .wp-block-column { margin-bottom: 0;}
.jt-single__content .wp-block-column h4{ font-size:18px; margin-bottom:19px}

/* Gallery block */
.jt-single__content .wp-block-gallery.alignwide {max-width: 1200px;}
.jt-single__content .wp-block-gallery{padding-top: 10px;margin-bottom: 45px;}
.jt-single__content .wp-block-gallery .blocks-gallery-item img { max-width: inherit;}
.jt-single__content .wp-block-gallery .blocks-gallery-item figure { padding-top: 0; }
.jt-single__content .wp-block-gallery .blocks-gallery-item figcaption { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom:14px; line-height:1.6;}
.jt-single__content li.blocks-gallery-item figure > a { border-bottom: none; position:relative;display:block;}

/* Video block */
.jt-single__content .wp-block-video { margin-bottom: 32px;}
.jt-single__content .wp-block-embed.is-type-video .jt_video_wrap{margin-bottom: 0px;}
.jt-single__content .wp-block-video.alignwide video,
.jt-single__content .wp-block-video.alignfull video {max-width: inherit;max-height: 100vh;width: 100%;background: #000;}

/* Youtube block */
.jt-single__content .wp-block-embed-youtube {margin-bottom: 32px; }
.jt-single__content .wp-block-embed-youtube.alignwide{max-width: 1200px; margin-left:auto;margin-right:auto;width: 100%; }
.jt-single__content .wp-block-embed-youtube.alignfull,
.jt-single__content .wp-block-embed-youtube.alignfull .jt_video_wrap{max-width: inherit; margin-left:auto;margin-right:auto; width: 100%; }
.jt-single__content .wp-block-embed-youtube .jt_video_poster .jt_video_poster_img { width: 100%;}

/* SNS block */
.is-provider-instagram,
.is-provider-facebook,
.is-provider-twitter{ max-width: 780px;margin: auto;margin-bottom: 32px; padding: 32px 15px; background: #f5f5f5; text-align: center;}
.is-provider-wordpress-org{ max-width: 780px;margin: auto;margin-bottom: 32px; }
.wp-block-embed twitter-widget,
.wp-block-embed .instagram-media{margin: auto !important;} /* !important to overide js inline style */
.wp-block-embed-wordpress iframe {width: 100%;}

/* Code block */
.wp-block-code { background: #f5f5f5; letter-spacing:0.04em;  font-size:14px; overflow: auto;}

/* Preformatted + verse */
.wp-block-preformatted,
.wp-block-verse {font-family: 'NotoSansKR', sans-serif; margin-bottom: 32px;font-size: 16px; font-weight: 500; line-height: 2; letter-spacing: -0.025em; color: #666;overflow: auto;}

/* Button */
.jt-single__content .wp-block-button__link,
.jt-single__content a.wp-block-button__link,
.jt-single__content button.wp-block-button__link{border: 3px solid #ddd;}

html.desktop .jt-single__content .wp-block-button__link:hover,
html.desktop .jt-single__content a.wp-block-button__link:hover,
html.desktop .jt-single__content button.wp-block-button__link:hover{border-color: var(--color-primary-dark);}

.jt-single__content .wp-block-button a,
.jt-single__content .jt_btn_wrap a.jt_grad_btn{background: transparent;color: #222;width: auto;display: inline-block;padding: 20px 40px 22px; border-radius:999px}
.jt-single__content a.jt_btn:hover{ color:#fff;}

.jt-single__content .wp-block-button { margin-bottom: 50px;}
.jt-single__content p + .wp-block-button {margin-top: -10px;}

/* Gallery */
.jt-single__content .wp-block-gallery li:before {display:none}
.jt-single__content .wp-block-gallery li {list-style: none; padding-left: 0;}
.jt-single__content .wp-block-gallery img { margin: 0;}

.jt-single__content .blocks-gallery-item figure > a:after { content : ""; position: absolute; top : 0; left: -1px; display: block; bottom: -1px; right: -1px; opacity: 0; background: #111; z-index: 1; -webkit-transition: opacity 500ms; transition: opacity 500ms; }
.jt-single__content .blocks-gallery-item figure > a:before {content : '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;opacity: 0;-webkit-transition: opacity 500ms;transition: opacity 500ms;background: transparent url(../images/icon/icon-plus.svg) no-repeat center center;}
.jt-single__content .blocks-gallery-item figure > a:hover:after,
.jt-single__content .blocks-gallery-item figure > a:hover:before { opacity: 0.85; -webkit-transition: opacity 0ms; transition: opacity 0ms; }
.jt-single__content .blocks-gallery-item figure img{ margin-bottom:0 }

/* Table block  */
.jt-single__content table {max-width: 788px;position: relative;clear:both;border-top: 2px solid #111;margin: auto;margin-bottom: 45px;}
.jt-single__content table.alignwide,
.jt-single__content table.alignfull{ width: 100%;}
.jt-single__content table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.jt-single__content table tr {width: 100%;}
.jt-single__content table th {padding: 23px 0;position: relative;font-size: 15px;text-align: center;font-weight: 500;color: #222;vertical-align: middle;border: none;/* border-left: 1px solid #ddd; */border-bottom: 1px solid #ddd;background: #f8f8f8;}
.jt-single__content table th:before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #ddd;}
.jt-single__content table th:first-child:before {display: none;}
.jt-single__content table td {padding: 23px 0;font-size: 15px;font-weight: 500;text-align: center;color: #666;vertical-align: middle;border: none;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;-webkit-transition: background 300ms;transition: background 300ms;}
.jt-single__content table th:first-child,
.jt-single__content table td:first-child{ border-left:none}
.jt-single__content .wp-block-table strong{ background:none; font-weight:bold}


/* Gutemberg IE11 debug */
.jt-single__content .wp-block-gallery.columns-6 .blocks-gallery-image,
.jt-single__content .wp-block-gallery.columns-6 .blocks-gallery-item {width: calc(16.66% - 16px);}

.ie11 .jt-single__content .blocks-gallery-item {background-position : center center}
.ie11 .jt-single__content .blocks-gallery-item a {height: 100%}
.ie11 .jt-single__content .blocks-gallery-item img {opacity: 0}

/* Gutemberg IE9 IE10 debug */
.ie9 .jt-single__content .wp-block-gallery .blocks-gallery-image,
.ie9 .jt-single__content .wp-block-gallery .blocks-gallery-item,
.ie10 .jt-single__content.wp-block-gallery .blocks-gallery-image,
.ie10 .jt-single__content .wp-block-gallery .blocks-gallery-item,
.ie9 .jt-single__content .wp-block-column,
.ie10 .jt-single__content .wp-block-column{ display: block; float: left;}
.ie9 .jt-single__content .wp-block-gallery,
.ie10 .jt-single__content .wp-block-gallery,
.ie9 .jt-single__content .wp-block-columns,
.ie10 .jt-single__content .wp-block-columns {display: block;}
.ie9 .jt-single__content .wp-block-gallery:after ,
.ie10 .jt-single__content .wp-block-gallery:after {content: ""; display: table;clear: both;}



/* **************************************** *
 * A11Y
 * **************************************** */
.sr_only {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

#skip a {width: 1px;height: 1px;position: absolute;left: -10000px;top: auto;overflow: hidden;}
#skip a:focus {display: block;width: 100%;height: 40px;position: fixed;top: 0;left: 0;line-height: 40px;text-align: center;color: #fff;background: #444;z-index: 999;}

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



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

.jt-lazyload {position: relative;overflow: hidden;background:#ddd;}
.jt-lazyload img {display: block;max-width: 100%;position: absolute;left: 0;top: 0;}
.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: #aaa;opacity: 0.15;}