@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS, Sumi)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) BUTTON
 * 02) FORM
 * 03) CATEGORY
 * 04) SEARCH
 * 05) PAGINATION
 * 06) SINGLE PAGINATION
 * 07) SINGLE HEADER
 * 09) ATTACHMENTS
 * 10)
 * 11) JT LIST COMPONENT
 * 12) JT COMING SOON
 * 13) JT SHARE
 * 14) JT LOADMORE
 * 15) JT Alert
 * 16) TABS
 * 17) MEMBER (미완성)       // 대기중
 * 18) NICESCROLL
 * 19) CONTACT FROM 7        // 2020 kms update
 * 20)
 * 21)
 * 22) MAGNIFIC POPUP        // 2020 kms update
 * 23) SPLIT WORD
 * 24) A11Y                  // ?????????
 * 25) LAZYLOAD
 * 26) BROKEN IMAGE (개발중)
 */


/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.jt-btn__wrap {text-align:center;}
.jt-btn__basic {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 27rem 27rem 28rem;width:240rem;font-size: 18rem;line-height:1;font-weight: 700;letter-spacing: -0.03em;color: #fff;border: 3rem solid #000; background: #000;-webkit-transition: all 300ms;transition: all 300ms;}
html.desktop .jt-btn__basic:hover {border-radius:40rem;}

.jt-btn__round {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 27rem 42rem 27rem;font-size: 18rem;font-weight: 700;letter-spacing: -0.03em;color: #222;border: 3rem solid #ddd;background: transparent;-webkit-transition: border-radius 300ms, border 300ms;transition: border-radius 300ms, border 300ms;}
.jt-btn__round.jt-btn__round--large {min-width:233rem; font-size:20rem;  padding: 27rem 42rem 27rem}
.jt-btn__round.jt-btn__round--small {font-size:16rem; line-height:1.8; padding: 16rem 32rem;}
html.desktop .jt-btn__round:hover {border-radius:40rem;}
html.desktop .jt-btn__round--small:hover {border-radius:30rem;}
html.desktop .jt-btn__round.jt-btn--type-01:hover {border-color:#d60000;}
html.desktop .jt-btn__round.jt-btn--type-02:hover {border-color:#2d5fff;}
html.desktop .jt-btn__round.jt-btn--type-03:hover {border-color: #000; color:#000;}

.jt-btn__basic.jt-btn--type-02 {color: #fff;border-color: #fff; background:none;}
html.desktop .jt-btn__basic.jt-btn--type-02:hover {color: #000;background: #fff;}
.jt-btn__basic.jt-btn--type-03 {color: #000;border-color: #ddd; background:none;}
html.desktop .jt-btn__basic.jt-btn--type-03:hover {color: #fff;background: #000; border-color:#000;}
.jt-btn__basic.jt-btn--type-04 {color: #fff;border-color:#d60000; background:#d60000;}
/* html.desktop .jt-btn__basic.jt-btn--type-04:hover {color:#d60000;background: #fff; border-color:#d60000;} */

.jt-btn__basic.jt-btn__small { border-width:2rem; font-size:16rem; font-weight: 500; padding:19rem 20rem 21rem;}
.jt-btn__basic.jt-btn__large { border-width:2rem; font-size:20rem; padding:27rem 27rem 28rem;}
html.ios .jt-btn__basic.jt-btn__large {padding-top:25rem; padding-bottom:29rem;}

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


/* Icon Button */
.jt-btn__icon {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;width: 120rem;padding: 16rem;font-size: 16rem;font-weight: 400;letter-spacing: -0.025em;color: #222;border: 1rem solid #ddd;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.jt-btn__icon span {display: inline-block;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.jt-btn__icon span:after {display: block;width: 20rem;height: 20rem;position: absolute;right: -12rem;top: 50%;margin-top: -9rem;font-family: 'jt-font';font-size: 12rem;font-weight: normal;line-height: 20rem;text-align: center;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
html.desktop .jt-btn__icon:hover span {padding-right: 12rem;}
html.desktop .jt-btn__icon:hover span:after {opacity: 1;}

.jt-btn__icon.jt-btn--large {width: 160rem;padding-top: 19rem;padding-bottom: 19rem;}

.jt-btn__icon.jt-btn--icon-check span:after {content: '\e935';}
.jt-btn__icon.jt-btn--icon-home span:after {content: '\e92c';}

.jt-btn__icon.jt-btn--type-02 {color: #fff;background:#000;border-color:#000;}

html.ios .jt-btn__icon {padding-top: 17rem;padding-bottom: 15rem;}
html.ios .jt-btn__icon.jt-btn--large {padding-top: 20rem;padding-bottom: 18rem;}


/* Underline Button */
.jt-btn__underline {display: inline-block;position: relative;vertical-align: middle;line-height: 1.6;text-align: center;padding: 0 0 4rem;font-size: 18rem;font-weight: 700;color: #222;}
.jt-btn__underline:before, .jt-btn__underline:after {content: '';display: block;height: 2rem;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:before {width: 100%;right: 0;background: #ddd;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.jt-btn__underline:after {width: 0;left: 0;background:#000;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .jt-btn__underline:hover:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .jt-btn__underline:hover:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

.jt-btn__underline.jt-btn__underline--type-02 {color:#fff;}
.jt-btn__underline.jt-btn__underline--type-02:before, .jt-btn__underline.jt-btn__underline--type-02:after {background:#fff;}



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

.jt-form__data {margin-bottom: 35rem;}
.jt-form__data:last-child {margin-bottom: 0;}
.jt-form__data--col-2 {margin:0 -16rem;}
.jt-form__data--col-2 .jt-form__data {width:-webkit-calc(50% - 32rem);width:calc(50% - 32rem); margin:0 16rem; display:inline-block; vertical-align:top;}

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

/* Label */
.jt-form__label {display: inline-block;position: relative;font-size: 22rem;line-height: 1.55;font-weight: 600;color: #222; letter-spacing:-0.03em;}
.jt-form--required .jt-form__label:after {width:6px;height:6px;border-radius:50%;background:#d60000;content: '';display: block;vertical-align: top;position:absolute;right: -13rem;top: 6rem;}

/* Input */
.jt-form__field {display: inline-block;width: 100%;margin: 0;padding: 0 0 17rem;vertical-align: middle;font-size: 20rem;line-height: 1;color: #000;letter-spacing:-0.03em;border:none;border-bottom: 1rem solid #ddd;outline: none;background: #fff;-webkit-box-sizing: border-box;-moz-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: 420rem; padding:50rem 40rem; overflow: auto;resize: none; border:1rem solid #ddd;}
html.desktop .jt-form__field:hover {border-color:#000;}
.jt-form__field:focus {border-color:#000;}
html.desktop .jt-form__field:focus {}
.jt-form__field:disabled, .jt-form__field:-moz-read-only {background: #eee;border-color: #eee;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:disabled, html.desktop .jt-form__field:read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.ie11 .jt-form__field:-ms-input-placeholder {color: #999;}

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

.jt-form__email .jt-form__field-wrap-group {margin-left:-16rem; margin-right:-16rem;}
.jt-form__email .jt-form__field-wrap { display:inline-block; width:-webkit-calc(50% - 32rem); width:calc(50% - 32rem); margin-left:16rem; margin-right:16rem;}
.jt-form__email .jt-form__email-domain {position:relative;}
.jt-form__email .jt-form__email-domain:before {font-size:22rem;font-weight:500;line-height:1;color:#999;content:'@';display:block;position:absolute;left: 0;top: 3rem;font-family:'Montserrat', 'NotoSansKR', sans-serif;}
.jt-form__email .jt-form__email-domain:after {z-index:-1;cursor:pointer; font-family: 'jt-font';content:'\e961'; font-size:17rem; color:#ddd; position:absolute ;right:7rem; top:6rem;-webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition:transform .3s; transition: transform .3s, -webkit-transform .3s; transition: transform .3s,-webkit-transform .3s;}
.jt-form__email .jt-form__email-domain .jt-form__field {padding-left: 35rem; background:transparent;}
.jt-form__email .jt-form__email-domain .jt-selectric__wrap {position:absolute; /*top:0; visibility:hidden; opacity:0;*/}
.jt-form__email .jt-form__email-domain--active:after { color:#000; -webkit-transform: rotate( -180deg ); -ms-transform: rotate(-180deg); transform: rotate( -180deg );}
html.mobile .jt-form__email .jt-form__field-wrap-group {margin-left:0; margin-right:0;}
html.mobile .jt-form__email .jt-form__field-wrap {width:100%; margin-left:0; margin-right:0;}
html.mobile .jt-form__email .jt-form__email-domain {display:none;}

.jt-form__data .not-valid-tip {display:block;margin-top: 15rem;font-size:15rem;line-height:1;font-weight:500;letter-spacing:-0.03em;color:#d60000;position: absolute;}
.jt-form__data.jt-form__message .not-valid-tip {position:static;}

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

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

/* CHECKBOX, RADIO */
.jt-checkbox, .jt-radiobox {display: block;margin-top: -6rem;margin-bottom: -6rem;position: relative;font-size: 0;}
.jt-checkbox input, .jt-radiobox input {position: absolute;opacity: 0;cursor: pointer;}
.jt-checkbox label, .jt-radiobox label {display: inline-block;padding: 4rem 0 4rem 42rem;margin-right: 25rem;position: relative;font-size: 20rem;font-weight:500;line-height: 1.6;color: #000;cursor: pointer;}
.jt-checkbox label {padding-left:44rem;}
.jt-checkbox span, .jt-radiobox span {letter-spacing:-0.03em}
.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: 30rem;width: 30rem;position: absolute;top: 5rem;left: 0;border: 1px solid #ddd;-webkit-transition: border .3s, background .1s;transition: border .3s, background .1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-checkbox label > span:after, .jt-radiobox label > span:after {content: '';display: none;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-checkbox label > span:before {border-radius: 0;}

.jt-checkbox label > span:before {content: '';display: block;position: absolute;top: 8rem;left: 0;border: 1rem solid #ddd;-webkit-transition: border .3s, background .1s;transition: border .3s, background .1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-checkbox label > span:after {content: '';display: none;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-checkbox label > span:before {border-radius: 0;}
.jt-checkbox label > span:after {width:9rem;height: 14rem;left: 11rem;top: 13rem;border: solid #000;border-width: 0 3rem 3rem 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: 22rem;height: 22rem;left: 4rem;top: 9rem;background: #fff;border-radius: 50%;}
.jt-checkbox input:checked + span:before {border-color: #000;}
.jt-radiobox input:checked + span:before {border-color: #000;}
.jt-radiobox input:checked + span:after {background: #000;}
.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: #ddd;background: #ddd;}
.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: #ddd;background: #ddd;}
.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(:disabled) + span:before,
html.desktop .jt-radiobox label:hover input:not(:disabled) + span:before {border-color: #000;}
html.ie .jt-radiobox label > span:after {width: 20px;height: 20px;left: 4px;top: 8px;}
html.ie .agreement__box ul li:before {top:12rem;}
html.ios .jt-checkbox label, html.ios .jt-radiobox label { padding-top:5rem;}
html.ios .jt-checkbox label > span:before {top:7rem;}

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

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

.selectric {width: 100%;text-align: left;background: #fff;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.selectric-items ul, .selectric-items li {width: 100%;font-size: 20rem; line-height:1; text-align: left;}
.selectric-items {background: #fff;border:solid #000;border-width:1rem; margin-top:-1rem; -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: 12rem 35rem;line-height: 1;font-weight: 500;color: #999;-webkit-transition: color 0.4s;transition: color 0.4s;}
.selectric-items li:first-child {padding-top: 40rem;}
.selectric-items li:last-child {padding-bottom: 40rem;}
html.desktop .selectric-items li:hover, .selectric-items li.selected {color:#000;background: #fff;}
.selectric-hover .selectric {background: #fff;border-color:#000;}
.selectric-hover .selectric:after {opacity: 1;}
.selectric-focus .selectric {background: #fff;border-color:#000;}
.selectric-focus .selectric:after {opacity: 1;-webkit-box-shadow:0 0 4rem #000;box-shadow:0 0 4rem #000;}
.selectric-open .selectric {background: #fff;border-color:#000;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);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.selectric-open .selectric-items {opacity: 1;}
.selectric-above.selectric-open .selectric {border-radius: 0 0 4rem 4rem;border-top-color: #ddd;border-bottom-color:#000;}
.selectric-above.selectric-open .selectric:after {border-bottom:2rem solid #000;border-top: none;border-radius: 0 0 4rem 4rem;}
.selectric-above.selectric-open .selectric-items {border-radius: 4rem 4rem 0 0;border-width: 2rem 2rem 0;}

.jt-selectric__type--01 .selectric {border: 3rem solid #ddd;border-radius: 50rem;}
.jt-selectric__type--01 .selectric .label {height: 84rem;margin: 0px 65rem 0 37rem;font-size: 20rem;line-height: 84rem;font-weight: 700;color: #000;letter-spacing: -0.03em;}
.jt-selectric__type--01 .selectric:after {content: '';display: block;position: absolute;left: -3rem;right: -3rem;top: -3rem;bottom: -3rem;border:3rem solid #000;border-radius: 50rem;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.jt-selectric__type--01 .selectric .button {width: 88rem;height: 84rem;}
.jt-selectric__type--01 .selectric .button:after {width: 100%;font-family: 'jt-font';content: '\e961';font-size: 18rem;font-weight: normal;color: #000;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;}
.jt-selectric__type--01 .selectric-items {border:3rem solid #ddd;border-top:none;border-radius:0 0 50rem 50rem; -webkit-transition: none; transition: none;}
.jt-selectric__type--01 .selectric-items li {font-size:20rem;line-height: 1;padding: 17rem 38rem;}
.jt-selectric__type--01 .selectric-items li:first-child {padding-top:13rem;}
.jt-selectric__type--01 .selectric-items li:last-child {margin-bottom:28rem;}
.jt-selectric__type--01 .selectric-hover .selectric {border-color:#000;}
.jt-selectric__type--01 .selectric-open .selectric {border-radius: 45rem 45rem 0 0;border-bottom:none;border-color: #000;}
.jt-selectric__type--01 .selectric-open .selectric:after {border-radius: 45rem 45rem 0 0;}
.jt-selectric__type--01 .selectric-open .selectric-items {border-color:#000;}
.jt-selectric__type--01 .selectric-open.selectric-above  {bottom:-3rem;}
.jt-selectric__type--01 .selectric-open.selectric-above .selectric { border-top:none; border-bottom:3rem solid #000;border-radius: 0 0 45rem 45rem;}
.jt-selectric__type--01 .selectric-open.selectric-above .selectric:after {border-radius: 0 0 45rem 45rem;}
.jt-selectric__type--01 .selectric-open.selectric-above .selectric-items {border-width:3rem; border-radius:45rem 45rem 0 0; border-top:3rem solid #000; border-bottom:none; padding-bottom:0;}
.jt-selectric__type--01 .selectric-open.selectric-above .selectric-items li:last-child {margin-bottom:0;}
.jt-selectric__type--01 .selectric-open.selectric-above .selectric-items li:first-child {margin-top:28rem;}
html.desktop .jt-selectric__type--01 .selectric-items li:hover, .jt-selectric__type--01 .selectric-items li.selected {background:none;}

.ie11 .jt-selectric__type--01 .selectric .button:after {top: 3rem;}
.ie11 .jt-selectric__type--01 .selectric-items .selectric-scroll {-ms-overflow-style: none; scrollbar-width: none; overflow-x: hidden;}
.ie11 .jt-selectric__type--01 .selectric-items .nicescroll-rails-hr {opacity: 0; visibility: hidden;} /* ie11 horizontal scrollbar hidden */ 
.ie11 .jt-selectric__type--01 .selectric-open .selectric-items {width: 100% !important;}

html.mobile .jt-selectric__wrap {background: #fff;overflow: hidden; height:100%; position:relative;}
html.mobile .jt-selectric__wrap:after { width: 30rem; height: 30rem; line-height: 30rem; position: absolute; top: 50%; right: 32rem; text-align: center;    margin-top: -15rem;font-family: 'jt-font';font-weight: normal;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;}
html.mobile .jt-selectric__wrap > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: 100%;margin: 0;position: relative;font-family:'NotoSansKR','Montserrat', sans-serif;font-size: 20rem;line-height: 1;font-weight: 700;color: #000;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}

html.mobile .jt-selectric__wrap.jt-selectric__type--01 {height:90rem;}
html.mobile .jt-selectric__wrap.jt-selectric__type--01:after {content: '\e961';font-size: 18rem;}
html.mobile .jt-selectric__wrap.jt-selectric__type--01 > select {padding: 14rem 65rem 14rem 37rem;border: 3rem solid #ddd;border-radius: 50rem;}


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

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

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

/* Control */
.jt-form__control {padding-top: 80rem;font-size: 0;text-align: center;}
.jt-form__action {display: inline-block;min-width: 180rem;padding: 21rem 29rem;position: relative;vertical-align: middle;font-size: 16rem;font-weight: 400;letter-spacing: -0.025em;line-height: 1;color: #fff;text-align: center;background: #222;border: 1rem solid #222;border-radius: 4rem;-webkit-box-sizing: border-box;-moz-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;}



/* **************************************** *
 * CATEGORY
 * **************************************** */
.jt-category {margin-bottom: 24rem;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%, #ffffff), to(#ffffff));background: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);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(#ffffff), color-stop(40%, #ffffff));background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 1)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);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: 1rem;height: 14rem;position: absolute;top: 50%;margin-top: -7rem;left: 0;border: none;border-radius: 0rem;background: #d7d7d7;}
.jt-category ul a {display: block;padding: 10rem 18rem;font-size: 16rem;font-weight: 400;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:#000;}
.jt-category ul li:first-child:before {display: none;}

.jt-category__button {width: 30rem;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: 12rem;font-weight: normal;text-align: center;line-height: 46rem;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: 45rem;}
html.desktop .jt-category:before, html.desktop .jt-category:after {width: 48rem;}
html.desktop .jt-category ul li:first-child {padding-left: 30rem;}
html.desktop .jt-category ul li:last-child {padding-right: 30rem;}

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



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

.jt-search__field {display: inline-block;position: relative;vertical-align: top;background: #f4f4f4;border-radius: 30rem;}
.jt-search__label {display:block; padding: 0 85rem 0 38rem;}
.jt-search__input.jt-form__field {width: 453rem;height: 61rem;margin: 0 0; padding-bottom:0; vertical-align: top;font-size:17rem;line-height:1;background: transparent;border: none;text-overflow: ellipsis;}
html.desktop .jt-search__input.jt-form__field:hover {border:none;box-shadow: none;-webkit-box-shadow: none;}
.jt-search__input.jt-form__field:focus {border-color:#000; }
.jt-search__input.jt-form__field::-webkit-input-placeholder {font-size: 17rem; color:#666;}
.jt-search__input.jt-form__field::-moz-placeholder {font-size: 17rem; color:#666;}
.jt-search__input.jt-form__field:-ms-input-placeholder {font-size: 17rem; color:#666;}
.jt-search__submit {position: absolute;top:0;right: 0;display: inline-block;vertical-align: top;width: 50rem;height: 61rem;padding: 0;border: none;background: none;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}
.jt-search__submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: -10rem;font-family: 'jt-font';content: '\e965';font-size: 19rem;line-height: 61rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-search__remove-value {opacity:0;visibility:hidden;position:absolute;right: 50rem;top: 50%;border:none;background:none;padding: 0;width:40rem;height: 40rem;display: block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor:pointer;z-index:100;}
.jt-search__remove-value:after {display: block;width: 100%;height: 100%;line-height: 40rem;font-family: 'jt-font';content: '\e90f';font-size: 17rem;font-weight: normal;text-align: center;color: #aaa;}
.jt-search.jt-search--active .jt-search__remove-value {opacity:1; visibility:visible;}
html.desktop .jt-search__submit:hover {}


/* large search */
.large-search__field-wrap {max-width:1290rem; height:90rem; font-size:0;}
.large-search__field-wrap > label {width:-webkit-calc(100% - 210rem);width:calc(100% - 210rem);height: 100%; padding-left: 50rem; padding-right:68rem; background: #f4f4f4;border-radius: 50rem 0 0 50rem;display:inline-block;vertical-align: middle;position:relative;}
.large-search__field::-webkit-input-placeholder {font-size: 20rem;}
.large-search__field::-moz-placeholder {font-size: 20rem;}
.large-search__field:-ms-input-placeholder {font-size: 20rem;}
.large-search__field {height:100%;width: 100%;font-size: 20rem;font-weight:500;letter-spacing:-0.03em; border:none;background: #f4f4f4; text-overflow: ellipsis; padding:0;}
.large-search__submit {width:200rem;height:100%;margin-left:10rem;padding: 0;background:#000;border:none;font-size:20rem;line-height: 1;font-weight:700;letter-spacing:-0.03em;color:#fff;border-radius:0 50rem 50rem 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.large-search__submit span {margin-right:20rem}
.large-search__remove-value {opacity:0;visibility:hidden;position:absolute;right: 25rem;top: 50%;border:none;background:none;padding: 0;width:40rem;height: 40rem;display: block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); cursor:pointer;}
.large-search__remove-value:after {display: block;width: 100%;height: 100%;line-height: 40rem;font-family: 'jt-font';content: '\e90f';font-size: 20rem;font-weight: normal;text-align: center;color: #aaa;}
.large-search__field-wrap.large-search__field-wrap--active .large-search__remove-value {opacity:1; visibility:visible;}

.ie11 .large-search__remove-value {margin-top: 1rem;}



/* **************************************** *
 * PAGINATION
 * **************************************** */
.jt-pagination {display: block;width: 100%;margin-top: 100rem;font-size: 0;text-align: center;}
.jt-pagination:empty {margin-top: 0;}
.jt-pagination .jt-pagination__numbers {display: inline-block;width: 32rem;height: 32rem;padding: 0 6rem;margin: 0rem 5rem;position: relative;font-family:'Montserrat', 'NotoSansKR', sans-serif;font-size: 16rem;font-weight: 500;line-height: 31rem;text-align: center;vertical-align: top;color: #bbb;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-pagination .jt-pagination__numbers i {font-style:normal;display: block;position: relative;}
.jt-pagination .jt-pagination__numbers i:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1rem solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.desktop .jt-pagination .jt-pagination__numbers:hover {color:#000;}
.jt-pagination .jt-pagination__numbers.jt-pagination--current {color:#000;}
.jt-pagination .jt-pagination__numbers.jt-pagination--current:hover { color:#000;}
.jt-pagination .jt-pagination__numbers.jt-pagination--current i:after {width: 100%;height: 3rem;background: #000;top: auto;bottom: 0;}
.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;margin: 0;width: 30rem;}
.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: 12rem;font-weight: normal;line-height: 31rem;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first {margin-left: 0;margin-right: 0;}
.jt-pagination .jt-pagination__numbers.jt-pagination--first:before {content: '\e952'; font-size:14rem;}
.jt-pagination .jt-pagination__numbers.jt-pagination--prev:before {content: '\e962';}
.jt-pagination .jt-pagination__numbers.jt-pagination--next:before {content: '\e963';}
.jt-pagination .jt-pagination__numbers.jt-pagination--last {margin-left: 0;margin-right: 0;}
.jt-pagination .jt-pagination__numbers.jt-pagination--last:before {content: '\e951'; font-size:14rem;}
html.desktop .jt-pagination .jt-pagination__numbers.jt-pagination--first:hover:before, html.desktop .jt-pagination .jt-pagination__numbers.jt-pagination--prev:hover:before, html.desktop .jt-pagination .jt-pagination__numbers.jt-pagination--next:hover:before, html.desktop .jt-pagination .jt-pagination__numbers.jt-pagination--last:hover:before {color:#000;}




/* **************************************** *
 * SINGLE PAGINATION
 * **************************************** */
.single-pagination {display: table;width: 100%;max-width: 1278rem;height: 167rem;margin: 160rem auto 0;position: relative;border-top: 1rem solid #ddd;}
.single-pagination__link,
.jt-blocks a.single-pagination__link ,
.single-pagination__title {display: table-cell;width: 50%;height: 100%;position: relative;font-size: 18rem;font-weight: 400;vertical-align: middle;color: #999; letter-spacing:-0.03em;}
.single-pagination--next {padding-left: 85rem;text-align:right;}
.single-pagination--prev {padding-right: 85rem; text-align:left;}
.single-pagination__title span {display:block; margin-top:12rem; font-size:18rem; line-height:1.3; letter-spacing:-0.03em; }
.single-pagination__title.single-pagination--prev b:before, .single-pagination__link.single-pagination--prev b:before {content:'PREV'; display:inline-block;}
.single-pagination__title.single-pagination--next b:before, .single-pagination__link.single-pagination--next b:before {content:'NEXT'; display:inline-block; }
.single-pagination__link span {display:block; margin-top:12rem; opacity: 0;visibility: hidden;display: block;font-size:18rem; line-height:1.3; letter-spacing:-0.03em;-webkit-transition: opacity .3s, visibility .3s, color .3s;transition: opacity .3s, visibility .3s, color .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.single-pagination__title b, .single-pagination__link b {margin-top:29rem; display: inline-block;position: relative;font-size: 26rem;line-height: 1;font-weight:700;text-transform: uppercase;-webkit-transition: color .3s, padding .3s;transition: color .3s, padding .3s;}
.single-pagination__title b:after, .single-pagination__link b:after {content: '';display: block;width: 22rem;height: 22rem;position: absolute;top: 2rem;font-family: 'jt-font';font-size: 15rem;line-height: 22rem;font-weight: normal;text-align: center;color: #999;-webkit-transition: color .3s, opacity .3s, left .2s, right .2s;-webkit-transition:color .3s;transition: color .3s;opacity: .3s, left .2s, right .2s;}
.single-pagination__title.single-pagination--prev b, .single-pagination__link.single-pagination--prev b {padding-left: 21rem;}
.single-pagination__title.single-pagination--prev b:after, .single-pagination__link.single-pagination--prev b:after {left: -8rem;content: '\e90e';}
.single-pagination__title.single-pagination--prev span, .single-pagination__link.single-pagination--prev span {padding-left:21rem;}
.single-pagination__title.single-pagination--next b, .single-pagination__link.single-pagination--next b {padding-right: 21rem;}
.single-pagination__title.single-pagination--next b:after, .single-pagination__link.single-pagination--next b:after {right: -8rem;content: '\e90c';}
.single-pagination__title.single-pagination--next span, .single-pagination__link.single-pagination--next span {padding-right:21rem;}
html.desktop .single-pagination__link:hover span {color:#000;}
html.desktop .single-pagination__link:hover b {color:#000;}
html.desktop .single-pagination__link:hover b:after {color:#000;}
html.desktop .single-pagination__link:hover span {opacity: 1;visibility: visible;}

.single-pagination__list {display: block;width: 86rem;height: 86rem;position: absolute;top: 50%;left: 50%;margin-top: -43rem;margin-left: -43rem; background:#000; border:1rem solid #000; z-index: 1;-webkit-transition: background 300ms;transition: background 300ms;}
.single-pagination__list:before {font-family: 'jt-font'; content:'\e908'; font-size:23rem; font-weight:normal; color:#fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);-webkit-transition: color .3s;transition: color .3s;}
html.desktop .single-pagination__list:hover {background-color: #fff;}
html.desktop .single-pagination__list:hover:before {color:#000;}

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



/* **************************************** *
 * SINGLE HEADER
 * **************************************** */
.jt-single__header {padding: 140rem 0 0;}
.jt-single__header-inner {padding-bottom: 50rem;border-bottom: 1rem solid #ddd;}
.jt-single__meta + .jt-single__title {margin-top:24rem;}
.jt-single__title {font-size: 58rem;font-weight: 700;line-height: 1.25;letter-spacing: -0.03em;color: #222; word-break: break-all;}
.jt-single__meta {font-size: 0;}
.jt-single__meta > * {display: inline-block;vertical-align: middle;font-size: 16rem;font-weight: 500;line-height: 1;color: #999;letter-spacing: -0.03em;}
.jt-single__meta .jt-single__category {font-size:0;}
.jt-single__meta .jt-single__author > b {color: #222;}
.jt-single__category li {position:relative; display:inline-block;vertical-align:middle;font-size:16rem;line-height: 1.8;letter-spacing:-0.03em;font-weight:700; padding-right:15rem; margin-right:7rem;}
.jt-single__category li:before {content: "\e90c"; font-family: 'jt-font'; font-size:10rem; font-weight:normal; color:#999; position:absolute; right:0; top:-webkit-calc(50% + 1rem); top:calc(50% + 1rem); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.jt-single__category li:last-child {padding-right:0; margin-right:0;}
.jt-single__category li:last-child:before {display:none;}
.jt-single__category li:first-child {color:#999;}
/*
.jt-single__category li + li {position:relative;padding-left: 15rem;margin-left: 7rem;}
.jt-single__category li + li:before {content: "\e90c"; font-family: 'jt-font'; font-size:10rem; font-weight:normal; color:#999; position:absolute; left:0; top:-webkit-calc(50% + 1rem); top:calc(50% + 1rem); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
*/
html.ios .jt-single__category li + li {margin-top:-1rem;}


/* **************************************** *
 * SINGLE CONTENT
 * **************************************** */
.jt-single__body {margin-top:95rem;}
.jt-single__content {position:relative; min-height:100rem; margin-bottom:100rem;}
.jt-single__content-pdf.jt-single__wrap {max-width:100%;}
.jt-single__content-pdf + * {margin-top:120rem;}
.jt-single__content-pdf img {margin:0 auto}
.jt-single__content + .jt-btn__wrap, .jt-single-attachments + .jt-btn__wrap {margin-top:120rem;}

.jt-single__prd .jt-single__content p { margin-bottom: 15rem;}

.jt-single__content-pdf .jt-pdfviewer-container {padding:0;}
.jt-single__content-pdf .jt-pdfviewer__toolbar {padding:20rem;}
.jt-single__content-pdf .jt-pdfviewer__download { min-width: 167rem; font-size:15rem; bottom:11rem; padding: 16rem 28rem 16rem 28rem; font-family:'NotoSansKR','Montserrat', sans-serif; -webkit-transition:all .3s; -webkit-transition:all .3s; transition:all .3s;}
.jt-single__content-pdf .jt-pdfviewer__download span {position:relative; padding-right:20rem;}
.jt-single__content-pdf .jt-pdfviewer__download span:after {font-family: 'jt-font'; content:'\e911'; font-size:13rem; font-weight:normal; color:#000;  display:block; position: absolute;top: 50%;right: 0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:color .3s; transition:color .3s}
.jt-single__content-pdf .jt-pdfviewer-btn {margin:0 5rem; width:30rem; height:30rem;}
.jt-single__content-pdf .jt-pdfviewer-btn span {display:block; width:100%; height:100%;}
.jt-single__content-pdf .jt-pdfviewer-btn span:before {-webkit-transition:color .3s; transition:color .3s}
.jt-single__content-pdf .jt-pdfviewer-plus span:before, .jt-single__content-pdf .jt-pdfviewer-plus span:after, .jt-single__content-pdf .jt-pdfviewer-minus span:after { width:auto; height:auto; display:none; background:none; border:none; -webkit-transform:none; -ms-transform:none; transform:none; }
.jt-single__content-pdf .jt-pdfviewer-full span:before, .jt-single__content-pdf .jt-pdfviewer-full span:after, .jt-single__content-pdf .jt-pdfviewer-full:before, .jt-single__content-pdf .jt-pdfviewer-full:after {width:auto; display:none; border:none;-webkit-transform:none;-ms-transform:none;transform:none;}
.jt-single__content-pdf .jt-pdfviewer-full span:before { font-family: 'jt-font'; content:'\e902'; font-size:15rem; line-height:1; font-weight:normal; color:#aaa; display:block;width: 100%; position: absolute;left: 50%;top:-webkit-calc(50% - 1rem); top:calc(50% - 1rem); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.jt-single__content-pdf .jt-pdfviewer-plus span:before {font-family: 'jt-font';content:'\e900';font-size:15rem;line-height: 1;font-weight:normal;color:#aaa;display:block;width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.jt-single__content-pdf .jt-pdfviewer-minus span:before { font-family: 'jt-font'; content:'\e904'; font-size:15rem; line-height:1; font-weight:normal; color:#aaa; display:block;width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.jt-single__content-pdf .jt-pdfviewer .swiper-pagination.swiper-pagination-fraction {color:#fff; font-size:15rem;}
.jt-single__content-pdf .jt-pdfviewer .swiper-pagination-fraction > span {color:#fff;}
.jt-pdfviewer-fullscreen .jt-single__content-pdf .jt-pdfviewer-full span:before, .jt-pdfviewer-fullscreen .jt-single__content-pdf .jt-pdfviewer-full span:after {-webkit-transform:none;-ms-transform:none;transform:none; border:none;}
html.desktop .jt-single__content-pdf .jt-pdfviewer-btn:hover span:before {color:#000;}
html.desktop .jt-single__content-pdf .jt-pdfviewer__download:hover {/*background:#000; color:#fff;*/ border-radius:40rem;}
html.ios .jt-single__content-pdf .jt-pdfviewer__download {padding-top:16rem; padding-bottom:18rem;}
html.ios .jt-single__content-pdf .jt-pdfviewer__download span:after {top:-webkit-calc(50% - 1rem); top:calc(50% - 1rem);}

.jt-single__content .aligncenter {margin:0 auto;}

/* **************************************** *
 * ATTACHMENTS
 * **************************************** */
.jt-download-files {padding-left: 20rem;font-size: 0;border-left: 3rem solid #000;}
.jt-download-files b {display: block;padding-left: 23rem;position: relative;font-size: 16rem;font-weight: 600;letter-spacing: -0.025em;line-height: 1.6;color: #000;}
.jt-download-files b:before {display: block;width: 16rem;height: 16rem;position: absolute;left: 0;top: 50%;margin-top: -7rem;font-family: 'jt-font';content: '\e947';font-size: 16rem;line-height: 1;font-weight: normal;color: #000;}
.jt-download-files a, .jt-download-files i {display: inline-block;vertical-align: middle;font-size: 16rem;font-weight: 400;line-height: 1.8;color: #666;}
.jt-download-files a {position:relative; padding-left:12rem; border-bottom: 1rem solid transparent;-webkit-transition: border .3s;transition: border .3s;}
.jt-download-files a:before {width: 5px;height: 5px;background:#999;content:'';display:block;position:absolute;left:0; top:12rem; border-radius:50%;}
html.desktop .jt-download-files a:hover {border-bottom-color: #000;}
.jt-download-files i.jt-download-files__comma {padding-right: 8rem;font-style: normal;display: block; font-size: 0;}
.jt-download-files__list {margin-top:10rem;}

/*
.jt-single-attachments {margin-top:100rem;}
.jt-download-files__list {font-size: 0;padding-left: 80rem;}
.jt-single-attachments b {display: inline-block;position: relative;font-size: 17rem;font-weight: 600;line-height: 1.6;vertical-align: middle;color: #0a0a0a;position: absolute;}
.jt-download-files__list a:first-child:before {display: block;position: absolute;left: 0;top: 8rem;font-family: 'jt-font';content: '\e947';font-size: 14rem;line-height: 1;font-weight: normal;color: #666;}
.jt-download-files__list a,
.jt-download-files__list i {display: inline;vertical-align: middle;font-size: 17rem;font-weight: 400;line-height: 1.6;color: #666;position: relative;top:0;letter-spacing: -0.03em;padding-left:5rem;}
.jt-download-files__list a:first-child {padding-left: 20rem; margin-left:0;}
.jt-download-files__list a {margin-left:10rem; }
.jt-download-files__list a {font-weight:400; border-bottom:1rem solid transparent; -webkit-transition: 300ms; transition: 300ms;}
html.desktop .jt-download-files__list a:hover {border-bottom-color: #888;}
.jt-download-files__list i.comma {padding-right: 8rem;font-style: normal;}
*/


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

/* Control */
.jt-list-control {padding-top: 40rem;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;}

/* Product List */
.product-list__count {margin-bottom: 32rem; font-size: 16rem; line-height: 1.8rem; letter-spacing: -0.03em; color: #666; font-weight: 500; }
.product-list__count span { color: #000;}
.product-list { margin:-21rem -16rem;font-size:0;}
.product-list__item {display:inline-block;vertical-align:top;width:-webkit-calc(33.33% - 32rem);width:calc(33.33% - 32rem);margin:21rem 16rem;position: relative;}
.product-list__item a:after {content:'';position: absolute;top: -1px;left: -1px;width: -webkit-calc(100% - 2px);width: calc(100% - 2px);height: -webkit-calc(100% - 2px);height: calc(100% - 2px);border:2px solid transparent;-webkit-transition: .3s;transition: .3s;}
html.desktop .product-list__item a:hover:after {border-color:#0a0a0a;}
.product-list__item a {display:block;min-height:313rem;padding:52rem 42rem 42rem;border:1rem solid #ddd; -webkit-transition:border 0.3s; transition:border 0.3s}
html.desktop .product-list__item a:hover {border-color:#000; opacity: 1;}
.product-list__category li {display:inline-block; vertical-align:middle; position:relative; margin-top:8rem; padding-right:10rem; margin-right:10rem;}
.product-list__category li:before { width:1rem; height:14rem; background:#ddd; content:''; display:block; position:absolute; right:0; top:50%; margin-top:-7rem;}
.product-list__category li:last-child {padding-right:0; margin-right:0;}
.product-list__category li:last-child:before {display:none;}

.product-list__category-primary { color:#d60000; font-size:14rem; font-weight:500; line-height:1;}
.product-list__category-secondary {color:#888; font-size:14rem; font-weight:400; line-height:1;}
.product-list__title {margin-top: 7rem;font-size:28rem;font-weight:500;line-height: 1.56;letter-spacing:-0.02em; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em;}
.product-list__info { font-size: 16rem; font-weight: 400; letter-spacing: -0.03em; line-height: 1.75; color: #666; display: block; margin-top: 14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-list__desc {margin-top:8rem; font-size:18rem; line-height:1.6; font-weight:400; letter-spacing:-0.03em; color:#666;}
.product-list__download {margin-left: -17rem;display:inline-block;position:relative;background:none;border:none;cursor:pointer;position: absolute;bottom: 35rem; z-index:10;}
.product-list__download:before {font-family: 'jt-font';content:'\e907';font-size: 25rem;color:#000;padding:10rem;}

.product-list__type-thumb.product-list {margin-top:-40rem; margin-bottom:-40rem;}
.product-list__type-thumb .product-list__item {width:-webkit-calc(25% - 32rem);width:calc(25% - 32rem); margin-top:40rem; margin-bottom:40rem;}
.product-list__type-thumb .product-list__item a {border:none;padding: 0;}
.product-list__type-thumb .product-list__item a:after {display:none;}
.product-list__type-thumb .product-list__item figure {border:1rem solid #ddd; padding-top:112.5%; -webkit-transition:border 0.3s; transition:border 0.3s}
html.desktop .product-list__type-thumb .product-list__item figure:hover {border-color:#000;}
.product-list__type-thumb .product-list__item img {display: block;width: 100%;webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate( 0deg ); transform: scale(1) rotate( 0deg ); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; will-change:transform;}
html.desktop .product-list__type-thumb .product-list__item:hover img {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}
.product-list__type-thumb .product-list__title {margin-top: 22rem;font-size: 26rem;line-height: 1.48;}

.discontinued-notice-wrap {text-align:center;}
.discontinued-notice {padding: 70rem 55rem 76rem;border:3rem solid #ddd;text-align:center;display:inline-block;}
.discontinued-notice .discontinued-notice__title {padding-top: 91rem;font-size:20rem;line-height:1;letter-spacing:-0.03em;font-weight:700;position:relative;margin-bottom: 0;}
.discontinued-notice .discontinued-notice__title:before {font-family: 'jt-font';content:'\e912';font-size: 62rem;font-weight:normal;color:#000;display:block;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.discontinued-notice .discontinued-notice__desc {font-size:18rem;line-height:30rem;letter-spacing:-0.03em;font-weight:500;color:#000;margin-bottom:0;margin-top: 21rem;display: block;}


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



/* **************************************** *
 * JT SHARE
 * **************************************** */
.jt-single-share { position:relative;}
.jt-single-share__inner {position:absolute;right: -3rem;top: -59rem;}
.jt-single-share__btn { height: 100%;-webkit-transition:opacity .3s, visibility .3s; transition:opacity .3s, visibility .3s;}
.jt-single-share__btn:before {font-family: 'jt-font';content:'\e94b';font-size: 22rem;color:#bbb;padding: 5rem;}
.jt-share {position: absolute;right: 0;top: -61rem;font-size: 0;text-align: center;background: #fff;opacity: 0;visibility: hidden;z-index: 1; -webkit-transition:opacity .3s, visibility .3s; transition:opacity .3s, visibility .3s;}
.jt-share .jt-share__item {width:25rem; height:25rem; display: inline-block;position: relative;vertical-align: middle;-webkit-transition: 0.3s;transition: 0.3s;z-index: 2;}
.jt-share .jt-share__item + .jt-share__item {margin-left: 20rem;}
.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: 20rem;line-height: 25rem;font-weight: normal;text-align: center;color: #bbb;-webkit-transition: color 300ms;transition: color 300ms;}
.jt-share .jt-share__item.jt-share--kakao:after {content: '\e949';}
.jt-share .jt-share__item.jt-share--url:after {content: '\e948';}
html.desktop .jt-single-share--active:hover .jt-single-share__btn {opacity:0; visibility:hidden; }
html.desktop .jt-single-share--active:hover .jt-share {opacity:1; visibility:visible; }
html.desktop .jt-share .jt-share__item:hover:after {color:#000;}

.jt-share--copynote {padding: 26px 45px;position: fixed;left: 80px;bottom: 40px;background: #000;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: 60rem;font-size: 0;text-align: center;}
.jt-loadmore__spinner {display: none;width: 70rem;margin: 0;position: absolute;top: 15rem;left: 50%;margin-left: -35rem;text-align: center;}
.jt-loadmore__spinner > div {display: inline-block;width: 10rem;height: 10rem;margin: 0 4rem;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:#000000;background-color: rgba(0, 0, 0, .4);z-index: 99999;}
.jt-alert__container {position: relative;width: 90%;max-width: 532rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;-webkit-box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1);box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1);}
.jt-alert__content {width: 100%;min-height: 110rem;text-align: center;padding: 43rem 20rem 29rem;}
.jt-alert__content h1 {font-size: 22rem;line-height: 1.55;color: #222;font-weight: 600;margin-top: -9rem;}
.jt-alert__content p {vertical-align: middle;font-size: 16rem;line-height: 1.7;color:#666;word-wrap: break-word;word-break: keep-all;}
.jt-alert__btn {font-size: 22rem;line-height: 1;font-weight: 700;color: #484848;background: #f8f8f8;border: 1rem 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:#000; border:1rem solid #000; color: #fff; }
html.desktop .jt-alert--primary-button .jt-alert__btn.jt-alert--ok:hover {background:#000; border-color:#000;}

.jt-alert--button-icon .jt-alert__btn:before {font-family:'jt-font';line-height: 1;font-size:12rem;padding-right: 9rem;}
.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:#000; }

.jt-alert--has-icon .jt-alert__content h1 {position:relative;padding-top: 86rem;}
.jt-alert--has-icon .jt-alert__content h1:before {font-family: 'jt-font';font-size: 64rem; line-height:1;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-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:'\e910';color:#000;}
.jt-alert--has-icon.jt-alert__type-error .jt-alert__content h1:before {content:'\e950';color:#dd4242;}

.jt-alert--no-message .jt-alert__content h1{margin-top: 0;}

/* Classic */
.jt-alert__style-classic .jt-alert__container { background: #fff; }
.jt-alert__style-classic .jt-alert__container .jt-alert__actions { border-top: 1rem solid #ddd; }
.jt-alert__style-classic .jt-alert__actions {padding: 20rem 0; margin: 0 20rem; text-align: center;}
.jt-alert__style-classic .jt-alert__btn { padding: 7rem 29rem 9rem 28rem; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn { width: 159rem; margin-right: 15rem; }
.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:25rem;}
.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: 76rem;}

/* 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: 146rem;padding: 58.9rem 20rem 70rem;}
.jt-alert__style-basic .jt-alert__content h1 {}
.jt-alert__style-basic .jt-alert__actions {background: #fff; border-top: 1rem solid #ddd;}
.jt-alert__style-basic .jt-alert__btn {padding: 28rem 0;width: 100%;height:100%;border-radius: 0;background: #000;border: 1rem solid #000;color:#fff;}
html.desktop .jt-alert__style-basic .jt-alert__btn:hover { background: #000; }
.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:#000;background:#fff; border: 0; border-top: 1rem solid #ddd;}
html.desktop .jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn:hover {  color:#fff; background:#000;  border-top:1rem solid #000; }
.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:#000;}
html.desktop .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt_alert_ok:hover { background:#000; }
.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: 1rem solid #ddd; padding-top:12rem; }
.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: 38rem 20rem 35rem; }
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom: 18rem;margin-bottom: 33rem;border-bottom: 1rem solid #ddd;}
.jt-alert__style-basic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 71rem;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content {padding: 58rem 20rem 70rem;}
.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 60rem;border: solid #ddd;border-width: 1rem 1rem 0 1rem;}
.jt-tabs__menu li {display: table-cell;position: relative;vertical-align: middle;background: #f4f5f6;border-left: 1rem solid #ddd;border-bottom: 1rem solid #ddd;cursor: pointer;}
.jt-tabs__menu li:before {content: '';display: block;height: 3rem;position: absolute;left: -1rem;right: -1rem;top: -1rem;background: transparent;z-index: 1;}
.jt-tabs__menu li:first-child {border-left: none;}
.jt-tabs__menu li a {display: block;width: 100%;padding: 22rem 15rem;font-size: 18rem;font-weight: 400;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:#000;}
html.desktop .jt-tabs__menu li:hover a, .jt-tabs__menu li.jt-tabs--active a {color:#000;}
.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: 40rem 0;vertical-align: middle;}
.jt_member {width: 380rem;margin: 0 auto;}

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

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

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

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

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

/* Other */
.jt_member_ohter {font-size:0;text-align:center;}
.jt_member_ohter a {display: inline-block;margin: 0 9rem;position: relative;font-size: 14rem;color: #222;-webkit-transition: 300ms;transition: 300ms;}
.jt_member_ohter a:before {content: '';display: block;width: 1rem;height: 13rem;position: absolute;left: -9rem;top: 50%;margin-top: -6.5rem;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: 5rem;}

/* Check */
.jt_member_check {margin-top: 17rem;}
.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: 1rem solid #222;}

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

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



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



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

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

span.wpcf7-list-item {margin-left: 35rem;}
span.wpcf7-list-item.first {margin-left: 0;}

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

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


/* **************************************** *
 * SWIPER
 * **************************************** */
 .swiper-navigation button {position:relative;width: 40rem;height: 40rem;background: transparent;border-radius:50%;border:none;padding:0;text-align:center;margin-top: -21rem;-webkit-transition: opacity .3s;transition: opacity .3s;}
 .swiper-navigation button:after {font-family:'jt-font';display:block;font-size: 24rem;font-weight:normal;color: #ddd;position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 10;-webkit-transition: color .3s;transition: color .3s;}
 .swiper-button-prev {left: 30rem;}
 .swiper-button-prev:after {content: '\e962';}
 .swiper-button-next {right: 30rem;}
 .swiper-button-next:after {content: '\e963';}
 html.desktop .swiper-navigation button:hover:after {color:#222}

 .swiper-pagination {display: inline-block;position: relative; bottom:0;}
 .swiper-pagination-bullet {display: inline-block;width: 36rem;height: 20rem;position: relative;cursor: pointer;opacity: 0.2;vertical-align: middle;background: transparent;}
 .swiper-pagination-bullet i {display: block;width: 28rem;height:6rem;margin: 0;padding: 0;position: relative;top: 50%;left: 50%;font-size: 0;border-radius: 0;background:#fff;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);cursor: pointer;-webkit-transition: border-radius .3s;transition: border-radius .3s;}
 .swiper-pagination-bullet-active > i {border-radius: 5rem;}
 .swiper-pagination-bullet-active {opacity: 1;}
 .swiper-pagination-fraction {font-size:0;}
 .swiper-pagination-fraction > span {font-size:16rem;line-height: 1;color: #000;font-weight: 500;}
 .swiper-pagination-fraction > .slash {margin:0 6rem; width:2rem;height:11rem;background:#000;opacity:.3;display: inline-block;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
 .swiper-pagination-fraction > .swiper-pagination-total {opacity:.3;}

 .swiper__play-state {display: inline-block;vertical-align: middle;width: 24rem;height: 24rem;position: absolute;right: -25rem;top: 50%;margin-top: -12rem; visibility:hidden;}
 .swipe-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;color: #fff;cursor: pointer;}
 .swipe-play__state-btn:after {display: block;font-family: 'jt-font';font-size: 20rem;font-weight: normal;text-align: center;/* line-height: 20rem; */color: #fff;margin-top: 2rem;}
 .swiper__play-state--play:after {content: "";border-left: 7rem solid #fff;border-bottom: 5rem solid transparent;border-top: 5rem solid transparent;margin-left: 10rem;margin-top: 2rem;}
 .swiper__play-state--pause:after {content: '\e93a';}
 .swiper__play-state.play .swiper__play-state--pause {/* top:-1rem; */opacity: 1;visibility: visible;}
 .swiper__play-state.pause .swiper__play-state--play {opacity: 1; visibility: visible;}
 html.android .swiper__play-state.play .swiper__play-state--pause,
 html.ios .swiper__play-state.play .swiper__play-state--pause {top:0;}
 html.desktop.safari .swiper__play-state.play .swiper__play-state--pause {top:0;}

 .swiper-scrollbar {width: 100%;left: 0;bottom: 0;background:#000000;background: rgba(0, 0, 0, .05);border-radius: 0;}
 .swiper-container-horizontal>.swiper-scrollbar {width:100%;left:0;height: 4rem;}
 .swiper-scrollbar-drag {background: #000;opacity: 0.1;border-radius: 0;}
 .swiper-control {opacity:0; -webkit-transition:opacity 0.2s; transition: opacity 0.2s;}
 .swiper-container-horizontal .swiper-control{opacity:1;}
 .swiper-control__inner { display: inline-block;position: relative;}

 /* progress */
 .swiper-progress-wrap {display: block;width: 111rem;height: 2rem;position: absolute;left: 33rem;top: 50%;margin-top: -1rem;background: #fff;overflow: hidden; visibility:hidden;}
 .swiper-progress {display: block;width: 0;height: 100%;background: #040404;}



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
/* Overlay */
.mfp-bg {background: #000;opacity: 0.76;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.76;}
.mfp-iframe-holder .mfp-content {max-width:1200rem;}
.mfp-iframe-scaler iframe {width:-webkit-calc(100% + 0rem); width:calc(100% + 0rem); height:-webkit-calc(100% + 0rem); height:calc(100% + 0rem); }

/* Close button */
button.mfp-close {width: 55rem;height: 55rem;top: -74rem;right: -3rem;font-size: 0;opacity: 1;cursor: pointer;}
button.mfp-close:after {display: block;width: 100%;height: 100%;position: absolute;top: 1rem;left: 0;font-family: 'jt-font';content: '\e90a';font-size: 31rem;line-height: 55rem;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;-ms-transform-origin: center center;transform-origin: center center;}
button.mfp-close:active {top: -74rem;}

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


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


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

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

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


/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
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 img.jt-lazyload--loaded {height: auto;}

/* Color preview */
.jt-lazyload__color-preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #f5f5f5;opacity: 1;}



/* **************************************** *
 * BROKEN IMAGE (개발중)
 * **************************************** */
img.is_broken {display: none;}

.broken_image_wrap {width: 100%;padding: 24rem 20rem 20rem;position: absolute;left: 0;top: 0;bottom: 0;z-index: 10;}
.broken_image_wrap:before {content: '';display: inline-block;vertical-align: middle;height: 100%;}
.broken_image_inner {display: inline-block;vertical-align: middle;width: 100%;max-width: 100%;text-align: center;}
.broken_image_wrap p {font-size: 15rem;line-height: 1.65;font-weight: 400;color: #666;}
.broken_image_wrap p > span {display: inline-block;padding-left: 22rem;position: relative;}
.broken_image_wrap p > span:before {display: block;width: 16rem;height: 16rem;position: absolute;left: 0;top: 4rem;font-family: 'jt-font';content: '\e924';font-size: 16rem;font-weight: normal;text-align: center;line-height: 1;color: #666;}
.broken_image_reload {display: block;width: 110rem;padding: 6rem 0;margin: 12rem auto 0;font-size: 13rem;font-style: normal;line-height: 1.4;color: #666;background: #e8e8e8;border: 1rem solid #ddd;border-radius: 4rem;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}
html.desktop .broken_image_reload:hover {background: #ddd;}



/* **************************************** *
 * ACCORDION
 * **************************************** */
.jt-accordion__item {border-bottom:1rem solid #ddd;}
.jt-accordion__title {background:none;border:none;width:100%;text-align:left; color:#000; padding: 40rem 50rem 40rem 0;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.jt-accordion__title h3 {font-size:28rem;font-weight:500;line-height: 1.3;}
.jt-accordion__content {display:none;padding: 41rem 0;background:#f8f8f8;border-top:1rem solid #000;font-size: 0;}
.jt-accordion__content p {font-size: 18rem;line-height: 1.6; word-break: break-all;}
.jt-accordion__control {border:none;background:none;position: absolute;right: 17rem;top: 50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.jt-accordion__control:before {font-family:'jt-font';content:'\e956';display:block;font-size: 20rem;color:#000;-webkit-transition: transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition: transform .3s, -webkit-transform .3s;}
.jt-accordion--active .jt-accordion__control:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}



/* **************************************** *
 * TABLE
 * **************************************** */
.jt-basic-table {width: 100%;position: relative;border-top: 2rem solid #222;table-layout: fixed;}
.jt-basic-table caption {width: 1rem;height: 1rem;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.jt-basic-table th {text-align:center;padding: 29rem 30rem;position: relative;vertical-align: middle;font-size: 22rem;line-height: 1.46;font-weight: 600;border-left: 1rem solid #ddd;border-bottom: 1rem solid #ddd;width: 50%;}
.jt-basic-table th:first-child {border-left: none;}
.jt-basic-table tbody th{ padding: 19rem 30rem;}
.jt-basic-table tbody > tr:first-child th:before {content: '';display: block;width: 1rem;height: 17rem;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}
.jt-basic-table tbody > tr:first-child th:first-child:before {display: none;}
.jt-basic-table td {padding: 50rem 80rem;vertical-align: top;font-size: 18rem;line-height: 1.6;border-bottom: 1rem solid #ddd;border-left: 1rem solid #ddd;}
.jt-basic-table td:first-child {border-left: none;}
.jt-basic-table td b {font-weight: 600;color: #222;}
.biz-prd-table__oem-odm .jt-basic-table {table-layout:auto;}