@charset "utf-8";

/*
 * File       : sub.css
 * Author     : STUDIO-JT (JSH)
 * Guideline  : JTstyle.2.0
 *
 * SUMMARY:
 * 01) PORTFOLIO
 * 02) POPUP SOLUTION
 * 03) PARTNER
 * 04) PARTS
 * 05) NEWS
 * 06) EVENT
 * 07) SUPPORT
 * 08) CONSULT
 * 09) POLICY
 * 10) SITEMAP
 * 11) ACCOUNT ID/PW FIND
 * 12) LOGIN
 * 13) JOIN
 * 14) SERVICE
 * 15) MYCONSULT
 * 16) MYPAGE
 * 17) PARTNER INQUIRY
 * 18) KEYFRAMES
 */



/* **************************************** *
 * PORTFOLIO
 * **************************************** */
.portfolio-content { padding-top: 120rem; }
.portfolio-content__info { margin-bottom: 60rem; }
.portfolio-content__info-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8rem; background: var(--color-base-bg); padding: 40rem; border-radius: var(--border-radius); }
.portfolio-content__info-list > li { display: grid; grid-template-columns: 60rem minmax(0, auto); column-gap: 12rem; }
.portfolio-content__info-data { color:var(--color-secondary); }

.portfolio-content__request .jt-editor > * { max-width: inherit; margin-left: 0; margin-right: 0; }
.portfolio-content__request .jt-editor p { margin-bottom: 16rem; }
.portfolio-content__request .jt-editor > *:last-child { margin-bottom: 0; }



/* **************************************** *
 * POPUP SOLUTION
 * **************************************** */
.solution-similar__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(14.28%, auto));}
.solution-similar__list > li p { position: sticky; top: -1px; height:55rem; padding:12rem 12rem; background:var(--color-base-bg); display: flex; align-items: center; text-align: center; justify-content: center; z-index: 1; }
.solution-similar__list > li p:after { content:""; position: absolute; width: 1rem; height: 13rem; background:var(--color-base-line); top:50%; right: 0; margin-top: -6rem; }
.solution-similar__list > li:last-child p:after { display: none; }
.solution-similar__list ul { padding:16rem 12rem; }
.solution-similar__list ul li { padding-bottom: 6rem; text-align: center; color:var(--color-secondary); }
.solution-similar__list ul li:last-child { padding-bottom: 0; }
.solution-similar__list ul li a { position: relative; color: inherit; }

html.desktop .solution-similar__list > li p > a:hover { color: var(--color-primary); }
html.desktop .solution-similar__list ul li a:hover { color:var(--color-base); border-bottom: 1px solid var(--color-base); }



/* **************************************** *
 * PARTNER
 * **************************************** */
.partner.single { padding-top: 0; margin-bottom: 0; }
.partner.single .single__header { margin-bottom: 0; background: var(--color-dark-bg); padding:64rem 0; }
.partner.single .single__title { color:#fff; margin-bottom:0; }

.partner-title { display: flex; align-items: center }
.partner-title__name { margin-right: 4rem; }
.partner-title__ad-badge { width: 40rem; height: 40rem; }

.partner-content { padding:80rem 0 120rem; }
.partner-content .wrap-narrow:after { content:""; display: table; clear: both; }
.partner-content__info { float: left; width: calc(100% - 256rem); padding-right: 92rem;}
.partner-content__portfolio { padding-bottom: 60rem; }
.partner-content__portfolio-list { background: var(--color-base-bg); border-radius: var(--border-radius); padding: 32rem; }
.partner-content__portfolio-list > li { display: grid; grid-template-columns: 44rem minmax(0, 1fr); column-gap: 12rem; margin-bottom: 8rem; }
.partner-content__portfolio-list > li:last-child { margin-bottom: 0; }
.partner-content__portfolio-list > li > ul { font-size: 0; }
.partner-content__portfolio-list > li > ul > li { display: inline-block; vertical-align: middle; }
.partner-content__portfolio-list > li > ul > li sup { font-weight: 500; }
.partner-content__portfolio-list > li > ul > li > a { color: inherit; transition: color .3s; }
html.desktop .partner-content__portfolio-list > li > ul > li > a:hover { color: var(--color-primary); }
.partner-content__description { padding-bottom: 60rem; }
.partner-content__description p { color:var(--color-secondary) }
.partner-content__description .jt-editor > * { max-width: inherit; margin-left: 0; margin-right: 0; }
.partner-content__description .jt-editor p { margin-bottom: 16rem; }
.partner-content__description .jt-editor > *:last-child { margin-bottom: 0; }
.partner-content__attachment { margin-top: 24rem; }
.partner-content__attachment a { display: inline-block; font-size: 0; vertical-align: middle; position: relative; }
.partner-content__attachment a > span { display: inline-block; vertical-align: middle; position: relative; top: 1rem; }
html.android .partner-content__attachment a > span { top: 0; }
.partner-content__attachment a > .jt-guide--icon { width: 18rem; margin-left: 4rem; vertical-align: middle; }
.partner-content__attachment a:before,
.partner-content__attachment a:after { content: ''; display: block; height: 2rem; position: absolute; bottom: 0; background: var(--color-base); transition: width .4s; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.partner-content__attachment a:before { width: 100%; right: 0; transition-delay: .2s; }
.partner-content__attachment a:after { width: 0; left: 0; transition-delay: 0s; }
html.desktop .partner-content__attachment a:hover:before { width: 0; transition-delay: 0s; }
html.desktop .partner-content__attachment a:hover:after { width: 100%; transition-delay: .2s; }

.partner-content__corp { position: relative; float: right; width: 256rem;}
.partner-content__corp-logo { width:164rem; padding-bottom: 24rem; }
.partner-content__corp-logo figure { padding-top: 30.48%; }
.partner-content__corp-logo .jt-lazyload__color-preview { background: transparent; }
.partner-content__corp-list { padding:24rem 0; border-top: 1px solid var(--color-base-line); }
.partner-content__corp-list > li { display: grid; grid-template-columns: 72rem minmax(0, 1fr); margin-bottom: 12rem; }
.partner-content__corp-list > li:last-child { margin-bottom: 0; }
.partner-content__corp-list > li p { display: block; padding-left: 20rem; color: var(--color-secondary); }
.partner-content__corp-list > li a:not(.jt-btn__minimize) { display: block; color: inherit; }
.partner-content__corp-list > li .jt-btn__minimize { vertical-align: top; line-height: 1; }
.partner-content__corp-share { border-top: 1px solid var(--color-base-line); padding-top: 24rem; }
.partner-content__corp-share .jt-share > span { vertical-align: middle; }
.partner-content__corp-share .jt-share__item { margin-left: 20rem; }
html.desktop .partner-content__corp-list > li a:not(.jt-btn__minimize):hover > span { border-bottom: 1px solid var(--color-secondary); }

.partner-content__corp-btns { border-top: 1px solid var(--color-base-line); padding-top: 24rem; text-align: center; }
.partner-content__corp-btn { display: block; }
.partner-content__corp-btn path,
.partner-content__corp-btn circle { fill: #fff; -webkit-transition: fill .3s; transition: fill .3s; }
.partner-content__corp-btn:hover .jt-guide--icon circle.jt-guide--icon-circle-02 { opacity: 0; animation: flicker-first 2s steps(1) infinite; }
.partner-content__corp-btn:hover .jt-guide--icon circle.jt-guide--icon-circle-03 { opacity: 0; animation: flicker-second 2s steps(1) infinite; }

#jt-popup__partner-copy .jt-popup__container { max-width: 480rem; width:calc(100% - 40rem); padding: 48rem 48rem 110rem; border-radius: 0; text-align: center; }
#jt-popup__partner-copy .jt-copy { display: inline-block; vertical-align: top; color: #888; font-size: 0; margin-top: 16rem; position: relative; padding-right: 4rem; }
#jt-popup__partner-copy .jt-copy i { width: 24rem; height: 24rem; vertical-align: middle; margin-right: 4rem; }
#jt-popup__partner-copy .jt-copy path { fill: #888; }
#jt-popup__partner-copy .jt-copy span { vertical-align: middle; }
#jt-popup__partner-copy .jt-copy:before,
#jt-popup__partner-copy .jt-copy:after { content: ''; display: block; height: 1px; position: absolute; bottom: 0; background: #888; transition: width .4s; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); }
#jt-popup__partner-copy .jt-copy:before { width: 100%; right: 0; transition-delay: .2s; }
#jt-popup__partner-copy .jt-copy:after { width: 0; left: 0; transition-delay: 0s; }
html.desktop #jt-popup__partner-copy .jt-copy:hover:before { width: 0; transition-delay: 0s; }
html.desktop #jt-popup__partner-copy .jt-copy:hover:after { width: 100%; transition-delay: .2s; }
#jt-popup__partner-copy .jt-popup__action { width: 100%; background: var(--color-primary); color: #fff; padding: 16rem; }



/* **************************************** *
 * PARTS
 * **************************************** */
.parts.single { padding-top: 0; margin-bottom: 0; }
.parts.single .single__header { margin-bottom: 0; background: var(--color-dark-bg); padding:64rem 0; }
.parts.single .single__title { color:#fff; margin-bottom:0; }
.parts.single .jt-portfolio__item-content { padding-left: 0; padding-right: 0; padding-bottom: 0; }

.parts-content { padding:80rem 0 120rem; }
.parts-content .wrap-narrow:after { content:""; display: table; clear: both; }
.parts-content__info { float: left; width: calc(100% - 256rem); padding-right: 92rem;}
.parts-content__portfolio { padding-bottom: 60rem; }
.parts-content__portfolio-list { background: var(--color-base-bg); border-radius: var(--border-radius); padding: 32rem; }
.parts-content__portfolio-list > li { display: grid; grid-template-columns: 44rem minmax(0, 1fr); column-gap: 12rem; margin-bottom: 8rem; }
.parts-content__portfolio-list > li:last-child { margin-bottom: 0; }
.parts-content__portfolio-list > li > ul { font-size: 0; }
.parts-content__portfolio-list > li > ul > li { display: inline-block; vertical-align: middle; }
.parts-content__portfolio-list > li > ul > li sup { font-weight: 500; }
.parts-content__description { padding-bottom: 60rem; }
.parts-content__description p { color:var(--color-secondary) }
.parts-content__description .jt-editor > * { max-width: inherit; margin-left: 0; margin-right: 0; }
.parts-content__description .jt-editor p { margin-bottom: 16rem; }
.parts-content__description .jt-editor > *:last-child { margin-bottom: 0; }

.parts-content__corp { position: relative; float: right; width: 256rem;}
.parts-content__corp-logo { width:164rem; padding-bottom: 24rem; }
.parts-content__corp-logo figure { padding-top: 30.48%; }
.parts-content__corp-logo .jt-lazyload__color-preview { background: transparent; }
.parts-content__corp-list { padding:24rem 0; border-top: 1px solid var(--color-base-line); }
.parts-content__corp-list > li { display: grid; grid-template-columns: 72rem minmax(0, 1fr); margin-bottom: 12rem; }
.parts-content__corp-list > li:last-child { margin-bottom: 0; }
.parts-content__corp-list > li p,
.parts-content__corp-list > li a { display: block; padding-left: 20rem; color: var(--color-secondary); }
.parts-content__corp-share { border-top: 1px solid var(--color-base-line); padding-top: 24rem; }
.parts-content__corp-share .jt-share > span { vertical-align: middle; }
.parts-content__corp-share .jt-share__item { margin-left: 20rem; }
html.desktop .parts-content__corp-list > li a:hover > span { border-bottom: 1px solid var(--color-secondary); }



/* **************************************** *
 * NEWS
 * **************************************** */
.news.article .jt-subscript { position: absolute; left: 0; bottom: 0; width: 100%; }



/* **************************************** *
 * EVENT
 * **************************************** */
.event .single__title { margin-right: 50rem; }
.event .single__header .jt-share { top: 0; }



/* **************************************** *
 * SUPPORT
 * **************************************** */
/* FAQ */
.faq__content .jt-accordion { margin-top: 43rem; border-top: 1px solid var(--color-base); }
.faq__content .jt-accordion + .jt-pagination { padding-top: 16rem; }

/* QNA */
.qna .article__header { margin-bottom: 60rem; }
.qna__content .jt-agreement__accordion:last-child .jt-agreement__content { padding: 10rem 0 0 34rem; }
.qna .jt-form__field { width: 100%; }

/* QNA - Complete */
.article--qna-complete .article__header { text-align: center; }
.qna-complete__bundle { border-radius: var(--border-radius); background: #fff; padding:24rem 40rem 0; margin-bottom: 12rem; box-shadow: 0 0 200rem rgba(0, 0, 0, .06); }
.qna-complete__bundle:last-of-type { margin-bottom: 0; }

.qna-complete__head { position: relative; display: flex; justify-content: space-between; padding-bottom: 24rem; }
.qna-complete__body { border-top: 1px solid #ebebeb; padding-top:24rem; padding-bottom: 40rem; }

html.ios .qna-complete__key span { display: block; margin-top: 1rem; }
.qna-complete__value { color: var(--color-secondary); }

.qna-complete__item { display: grid; grid-template-columns: 87rem minmax(0, 1fr); margin-bottom: 14rem; }
.qna-complete__item:last-child { margin-bottom: 0; }
.qna-complete__item-key { position: relative; }
.qna-complete--required:after { content: ''; display: inline-block; width: 5rem; height: 5rem; border-radius: 50%; background: var(--color-primary); vertical-align: middle; margin-left: 4rem; margin-top: -10rem; }
.qna-complete__item-value { padding-left: 20rem; color: var(--color-secondary); }
.qna-complete__item-value:empty:after { content:'-'; }

.qna-complete__control { padding-top: 60rem; text-align: center; }

/* NOTICE */
.notice .single__header .jt-share { top: 0; }



/* **************************************** *
 * CONSULT
 * **************************************** */
.consult .article__header { text-align: center; margin-bottom: 60rem; }
.consult .jt-form__field { width: 100%; }

/* Complete */
.consult-complete__bundle { border-radius: var(--border-radius); background: #fff; padding:28rem 40rem 0; margin-bottom: 12rem; box-shadow: 0 0 200rem rgba(0, 0, 0, .06); }
.consult-complete__bundle:last-of-type { margin-bottom: 0; }

.consult-complete__head { position: relative; display: flex; justify-content: space-between; padding-bottom: 24rem; }
.consult-complete__body { border-top: 1px solid #ebebeb; padding-top:24rem; padding-bottom: 40rem; }

.consult-complete__key { position: relative; }
.consult-complete__value { position: relative; color: var(--color-secondary); top: 1rem; }
html.ios .consult-complete__key { top: 1rem; }
html.ipad .consult-complete__key { top: 2rem; }
html.mobile .consult-complete__value { top: 0; }

.consult-complete__item { display: grid; grid-template-columns: 87rem minmax(0, 1fr); margin-bottom: 14rem; }
.consult-complete__item:last-child { margin-bottom: 0; }
.consult-complete__item-key { position: relative; }
.consult-complete--required:after { content: ''; display: inline-block; width: 5rem; height: 5rem; border-radius: 50%; background: var(--color-primary); vertical-align: middle; margin-left: 4rem; margin-top: -10rem; }
.consult-complete__item-value { padding-left: 20rem; color: var(--color-secondary); }
.consult-complete__item-value:empty:after { content:'-'; }

.consult-complete__add { display: flex; justify-content: space-between; align-items: center; margin-top: 28rem; border-radius: var(--border-radius); background: #F6D9E5; padding:24rem 40rem 24rem 37rem; }
.consult-complete__add-msg { color: var(--color-primary); }

.consult-complete__control { padding-top: 60rem; text-align: center; }

/* Additional */
.consult-additional { padding: 60rem 0; border-top: 1px solid var(--color-base-line); }
.consult-additional__bundle { position: relative; margin-bottom: 80rem; }
.consult-additional__bundle:last-child { margin-bottom: 0; }
.consult-additional__bundle .jt-form__explain { color: var(--color-primary); display: none; }

.consult-additional__question:after { content: ''; display: inline-block; width: 5rem; height: 5rem; border-radius: 50%; background: var(--color-primary); vertical-align: middle; margin-left: 4rem; margin-top: -10rem; }

.consult-additional__answer { margin-top: 28rem; }
.consult-additional__answer-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12rem 20rem; }
.consult-additional__answer-item > label { cursor: pointer; position: relative; }

.consult-additional--card .consult-additional__answer-list { row-gap: 20rem; }
.consult-additional--card .consult-additional__answer-item { overflow: hidden; box-shadow: 0 0 200rem rgba(0, 0, 0, .06); }
.consult-additional--card .consult-additional__answer-item > label { display: block; width: 100%; overflow: hidden; background: #fff; border-radius: var(--border-radius); }
.consult-additional--card .consult-additional__answer-item > label:after { content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(196, 4, 82, 0); border:2px solid var(--color-base); border-radius: var(--border-radius); opacity: 0; will-change: opacity; }
html.desktop .consult-additional--card .consult-additional__answer-item > label:hover:after { opacity: 1; }

.consult-additional__answer-thumb { display: block; border-radius: var(--border-radius); overflow: hidden; margin-bottom: 13rem; }
.consult-additional__answer-thumb .jt-lazyload { display: block; padding-top: 75%; }
.consult-additional__answer-icon { display: block; text-align: center; padding: 28rem 0 8rem; }
.consult-additional__answer-icon:after { content:""; display: block; width: 40rem; height: 40rem; margin:0 auto; top: 0; left: 0; bottom: 0; right: 0; background: var(--color-base); -webkit-mask-size: cover; mask-size: cover; }
.consult-additional__answer-name { display: block; padding:0 15rem 15rem; text-align: center; color:var(--color-secondary); }
.consult-additional__answer-icon + .consult-additional__answer-name { padding-bottom: 23rem; }

.consult-additional__answer-item > input:checked + label:after { opacity: 1; border-color: var(--color-primary); background-color: rgba(196, 4, 82, .1); }
.consult-additional__answer-item > input:checked + label .consult-additional__answer-icon:after { background: var(--color-primary) ; }
.consult-additional__answer-item > input:checked + label .consult-additional__answer-name { color:var(--color-primary); }

[for=sector-enterprise] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-enterprise.svg); mask-image: url(/@resource/images/sub/sector-enterprise.svg); }
[for=sector-store] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-store.svg); mask-image: url(/@resource/images/sub/sector-store.svg); }
[for=sector-culture] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-culture.svg); mask-image: url(/@resource/images/sub/sector-culture.svg); }
[for=sector-education] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-education.svg); mask-image: url(/@resource/images/sub/sector-education.svg); }
[for=sector-lodgment] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-lodgment.svg); mask-image: url(/@resource/images/sub/sector-lodgment.svg); }
[for=sector-hospital] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-hospital.svg); mask-image: url(/@resource/images/sub/sector-hospital.svg); }
[for=sector-traffic] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-traffic.svg); mask-image: url(/@resource/images/sub/sector-traffic.svg); }
[for=sector-etc] .consult-additional__answer-icon:after { -webkit-mask-image: url(/@resource/images/sub/sector-etc.svg); mask-image: url(/@resource/images/sub/sector-etc.svg); }

.consult-additional__answer-etc { padding-top: 24rem; display: none; overflow: visible !important; }
.consult-additional__answer-etc .jt-form__field-wrap { margin-top: 0; }

.jt-popup__overlay#jt-popup--consult .jt-popup__container { width:calc(100% - 40rem); max-width: 568rem; border-radius: 0; padding: 40rem 48rem 104rem; }
html.ios .jt-popup__overlay#jt-popup--consult .jt-popup__container { padding: 40rem 46rem 104rem; }
.jt-popup__overlay#jt-popup--consult .jt-popup__title { text-align: left; padding: 0 0 20rem 0; }
.jt-popup__overlay#jt-popup--consult .jt-popup__icon { width: 64rem; margin-bottom: 12rem; }
.jt-popup__overlay#jt-popup--consult .jt-popup__icon figure { padding-top: 100%; }
.jt-popup__overlay#jt-popup--consult .jt-popup__icon .jt-lazyload__color-preview { background: transparent; }
.jt-popup__overlay#jt-popup--consult .jt-popup__content-container { color:var(--color-secondary) }
.jt-popup__overlay#jt-popup--consult .jt-popup__content-list > li { position: relative; padding-left: 24rem; }
.jt-popup__overlay#jt-popup--consult .jt-popup__content-list > li:before { content:''; position: absolute; width: 5rem; height: 5rem; border-radius: 3rem; background: var(--color-secondary); left: 10rem; top: 12rem; }
.jt-popup__overlay#jt-popup--consult .jt-popup__content-list > li > span { color: var(--color-primary); }
.jt-popup__overlay#jt-popup--consult .jt-popup__action { width: 100%; background: var(--color-primary); color: #fff; padding: 16rem 0; }
html.ios .jt-popup__overlay#jt-popup--consult .jt-popup__content-list > li:before { top: 9rem; }
html.ipad .jt-popup__overlay#jt-popup--consult .jt-popup__content-list > li:before { top: 11rem; }



/* **************************************** *
 * POLICY
 * **************************************** */
/* privacy */
.policy .jt-editor h2 { display: inline-block; vertical-align: top; margin-top: 64rem; margin-bottom: 36rem; color: var(--color-base); font-size: var(--font-size-en-04); line-height: var(--font-lineheight-en-04); letter-spacing: var(--letter-spacing-02); font-weight: 700; }
.policy .jt-editor h3 { display: inline-block; vertical-align: top; margin-top: 0; margin-bottom: 0;  color: var(--color-base); font-size: var(--font-size-en-06); line-height: var(--font-lineheight-en-06); letter-spacing: var(--letter-spacing-03); font-weight: 500; }
.policy .jt-editor p { margin-bottom: 20rem; color: var(--color-secondary); }
.policy .jt-editor li + li { margin-top: 0; }
.policy .jt-editor ul li,
.policy .jt-editor ol li,
.policy .jt-editor span { font-weight: 500; display: block; }
.policy .jt-editor .jt-policy-list__intro { margin-bottom: 0; }
.policy .jt-editor .jt-policy-list__item ol > li:before { content: counter(item)'. '; color: var(--color-base); position: relative; top: auto; left: auto; }
.policy .jt-editor .jt-policy-list__item > ul:not(.jt-policy-list__table) > li:before { display: none; }
.policy .jt-editor .jt-policy-list__item ul > li > ol > li::before { color: var(--color-secondary); }
.policy .jt-editor .jt-policy-list__item ol > li > ul:not(.jt-policy-list__table) > li { padding-left: 11rem; margin-left: 11rem; }
.policy .jt-editor .jt-policy-list__item ul > li > ul:not(.jt-policy-list__table) > li { padding-left: 11rem; margin-left: 11rem; }
.policy .jt-editor .jt-policy-list__item ol > li > ul:not(.jt-policy-list__table) > li:before { display: block; width: 5rem; height: 1rem; top: 15rem; border-radius: 0; border: 0; background: var(--color-secondary);}
.policy .jt-editor .jt-policy-list__item ul > li > ul:not(.jt-policy-list__table) > li:before { display: block; width: 5rem; height: 1rem; top: 15rem; border-radius: 0; border: 0; background: var(--color-secondary);}
.policy .jt-editor .jt-policy-list__item ul.jt-policy-list__table p + ul > li ,
.policy .jt-editor .jt-policy-list__item ul.jt-policy-list__table .jt-table-wrap ul li { padding-left: 0; margin-left: 0; }
.policy .jt-editor .jt-policy-list__item ul.jt-policy-list__table p + ul > li::before ,
.policy .jt-editor .jt-policy-list__item ul.jt-policy-list__table .jt-table-wrap ul li::before { display: none; }
.policy .jt-editor .jt-policy-list__item ul > li ,
.policy .jt-editor .jt-policy-list__item ol > li { padding-left: 0; }
.policy .jt-editor .jt-policy-list__item > ul:not(.jt-policy-list__table) > li:not(:first-child) { margin-top: 36rem; }
.policy .jt-editor .jt-policy-list__item > ol:not(.jt-policy-list__table) > li:not(:first-child) { margin-top: 20rem; }
.policy .jt-editor .jt-policy-list__item ul,
.policy .jt-editor .jt-policy-list__item ol { margin: 0; }
.policy .jt-editor .jt-policy-list__item > *:last-child { margin-bottom: 0; }
.policy .jt-editor .jt-policy-list__item ul > li:empty:before { display: none; }

.policy .jt-editor .jt-policy-list__table b { position: relative; color: var(--color-base); font-weight: 500; }
.policy .jt-editor .jt-policy-list__table > li { position: relative; margin-left: 11rem; }
.policy .jt-editor .jt-policy-list__table > li:not(:first-child) { margin-top: 20rem; }
.policy .jt-editor .jt-policy-list__table > li::before { width: 3px; height: 3px; top: 13rem; }
.policy .jt-editor .jt-policy-list__table > li > ul { margin-left: 0; }
.policy .jt-editor .jt-policy-list__table > li > ul > li { margin-top: 0rem; padding-left: 11rem; }
.policy .jt-editor .jt-policy-list__table > li > ul > li > ul { margin-bottom: 20rem; }
.policy .jt-editor .jt-policy-list__table > li > ul > li > ul > li { margin-top: 0; } 
.policy .jt-editor .jt-policy-list__table p { margin-bottom: 0; }
.policy .jt-editor .jt-policy-list__notice { display: block; margin: 20rem 0; }
.policy .jt-editor .jt-table-wrap { display: flex; gap: 5rem; }
.policy .jt-editor .jt-table-wrap span { white-space: nowrap; }
.policy .jt-editor .jt-table-wrap ul { margin-left: 0; margin-top: 0; }

.policy .jt-editor ul.jt-policy-list__table b { padding-left: 11rem; }
.policy .jt-editor ul.jt-policy-list__table > li > p { padding-left: 11rem; }

/* policy */
.policy.use-terms .jt-editor .jt-policy-list__item > ul > li > ol > li:not(:last-child) { margin-bottom: 20rem; }
.policy.use-terms .jt-editor .jt-policy-list__item ol > li:before { color: var(--color-secondary); }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ol:not(.jt-policy-list__table) { margin-left: 11rem; }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ol > li:last-child { margin-bottom: 0; }
.policy.use-terms .jt-editor .jt-policy-list__item ol > li > ol > li:before { content: '('counter(item)') '; }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ul > li + li { margin-top: 0; }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ol > li > ul { margin-bottom: 20rem; }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ol > li > ul > li + li { margin-top: 0; }
.policy.use-terms .jt-editor .jt-policy-list__item > ol > li > ul.jt-policy-list__table > li + li { margin-top: 20rem; }
.policy.use-terms .jt-editor .jt-policy-list__item > ul > li > ol > li > ol { margin-left: 11rem; }

.policy.use-terms .jt-editor .jt-policy-list__table b { color: var(--color-secondary) ; }
.policy.use-terms .jt-editor .jt-policy-list__table b::before { background: var(--color-secondary) ; }

.policy .jt-selectric__wrap { display: inline-block; margin-top: 50rem; }
.policy .jt-policy--enforce { margin-top: 36rem; }



/* **************************************** *
 * SITEMAP
 * **************************************** */
.jt-sitemap__wrap { margin-bottom: 80rem; }
.jt-sitemap__wrap:last-child { margin-bottom: 0; }
.jt-sitemap__title { padding-bottom: 23rem; margin-bottom: 24rem; border-bottom: 1px solid var(--color-base-line); }
.jt-sitemap__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 40rem; }
.jt-sitemap__item a { display: inline-block; padding: 5rem 0; }
.jt-sitemap__item a span { position: relative; color: var(--color-secondary); -webkit-transition: color .3s; transition: color 0.3s; }
.jt-sitemap__item a span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -1rem;background: var(--color-primary);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .jt-sitemap__item a:hover span { color: var(--color-primary); }
html.desktop .jt-sitemap__item a:hover span:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}



/* **************************************** *
 * ACCOUNT ID/PW FIND
 * **************************************** */
.account .article__header { text-align: center; }
.account .jt-form { border-top: 0; padding-top: 0; }
.jt-form__account { max-width: 494rem; margin:0 auto; }
.jt-form__account .jt-form__field { width: 100%; }
.jt-form__account .jt-form__field-wrap:first-child { margin-top: 0; }
.jt-form__account-link { font-size:0; text-align: center; margin-top: 20rem; }
.jt-form__account-link a { position: relative; display: inline-block; vertical-align: middle; color: var(--color-secondary); padding-left:12rem; margin-left: 12rem; transition: color .3s; }
.jt-form__account-link a:before { content:""; display: block; position: absolute; left:0; top: 50%; margin-top: -5rem; width: 1px; height: 10rem; background: var(--color-base-line); }
.jt-form__account-link a:first-child { margin-left: 0; padding-left: 0; }
.jt-form__account-link a:first-child:before { display: none; }
.jt-form__account-link a > span { position: relative; }
.jt-form__account-link a > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 0;background: var(--color-base);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .jt-form__account-link a:hover { color: var(--color-base); }
html.desktop .jt-form__account-link a:hover > span:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
html.ios .jt-form__account-link a:before { margin-top: -6rem; }

.jt-form__account .jt-form--action { margin-top: 20rem; }
.jt-form__account .jt-form--action .jt-btn__basic { width: 100%; }
.jt-form__account .jt-form--action .jt-form--explain { text-align: center; margin-top: 20rem; }
.jt-form__account .jt-form--action .jt-form--explain a { position: relative; color: var(--color-primary); }
.jt-form__account .jt-form--action .jt-form--explain a:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 0;background: var(--color-primary);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .jt-form__account .jt-form--action .jt-form--explain a:hover:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

.jt-form__account-field { display: flex; align-items: center; justify-content: space-between; height: 55rem; padding: 0 17rem; border: 2px solid var(--color-base-line); border-radius: var(--border-radius); background: var(--color-base-bg); }
.jt-form--useremail { position: relative; color: var(--color-secondary); }
.jt-form--registered { position: relative; color: #888; text-align: right; }
html.ios .jt-form--useremail { top: 1rem; }
html.ios .jt-form--registered { top: 1rem; }
html.mac .jt-form--useremail { top: 1rem; }
html.mac .jt-form--registered { top: 1rem; }



/* **************************************** *
 * LOGIN
 * **************************************** */
.jt-form__account-between { display: flex; align-items: center; justify-content: space-between; margin-top: 20rem; }
.jt-form__account-between .jt-form__account-link { text-align: right; margin-top: 0; }
html.ios .login .jt-form__account-between .jt-checkbox label > span:before { top: 2.5rem; }

.login .jt-popup__wrap { border-top: 1px solid var(--color-base-line); text-align: center; padding-top: 20rem; margin-top: 40rem; }
.login .jt-popup__btn { position: relative; padding-left: 28rem; color: #888; display: inline-block; }
.login .jt-popup__btn .jt-guide--icon { position: absolute; width: 24rem; left: 0; top: 3rem; }
.login .jt-popup__btn span { position: relative; }
.login .jt-popup__btn span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 0;background: #888;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .login .jt-popup__btn:hover span:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

#grecaptcha > div { margin:24rem auto 0; }

.jt-popup__overlay#jt-popup__otp .jt-popup__title { text-align: left; padding: 40rem 55rem 30rem 40rem; }
.jt-popup__overlay#jt-popup__otp .jt-popup__container { width:calc(100% - 40rem); max-width: 497rem; border-radius: 0; overflow: auto; }
.jt-popup__overlay#jt-popup__otp .jt-popup__content-container { color:var(--color-secondary); }
.jt-popup__overlay#jt-popup__otp .jt-popup__content-container .jt-nicescroll { height: auto; padding: 0 20rem 40rem 40rem; }
.jt-popup__overlay#jt-popup__otp .jt-popup__content-container .jt-nicescroll__content { max-height: 410rem; padding-bottom: 0; }
.jt-popup__overlay#jt-popup__otp .jt-popup__close { right: 16rem; top: 16rem; }
.jt-popup__overlay#jt-popup__otp .jt-popup__close .jt-guide--icon { width: 24rem; vertical-align: top; }
.jt-popup__overlay#jt-popup__otp .jt-form__wrap { gap: 41rem; }
.jt-popup__overlay#jt-popup__otp .jt-form__data { position: relative; }
.jt-popup__overlay#jt-popup__otp .jt-form__data + .jt-form__data:before { content: ''; position: absolute; top: -20rem; height: 1px; left: 0; width: 100%; background: var(--color-base-line); }
.jt-popup__overlay#jt-popup__otp .jt-form__field-wrap { margin-top: 6rem; }
.jt-popup__overlay#jt-popup__otp .jt-radiobox + .jt-radiobox { margin-top: 6rem; }
.jt-popup__overlay#jt-popup__otp .jt-otp__selector { display: none; }
.jt-popup__overlay#jt-popup__otp .jt-otp__selector.jt-otp--active { display: block; }
.jt-popup__overlay#jt-popup__otp .jt-otp__field { display: none; }
.jt-popup__overlay#jt-popup__otp .jt-otp__field.jt-otp--active { display: block; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading { display: flex; position: absolute; width: calc(100% - 20rem); height: 100%; left: 0; bottom: 0; background: #fff; align-items: center; justify-content: center; gap: 16rem; visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading.jt-otp--active { visibility: visible; opacity: 1; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading-circle { display: block; width: 16rem; height: 16rem; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading-circle:before { content: ''; display: block; width: 100%; height: 100%; background: #bbb; border-radius: 50%; transform: scale(0); }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading-circle:nth-child(1):before { animation: otp-loading 1s infinite; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading-circle:nth-child(2):before { animation: otp-loading 1s .1s infinite; }
.jt-popup__overlay#jt-popup__otp .jt-otp__loading-circle:nth-child(3):before { animation: otp-loading 1s .2s infinite; }
.jt-popup__overlay#jt-popup__otp .jt-otp__code-wrap { display: flex; gap: 16rem; align-items: center; }
.jt-popup__overlay#jt-popup__otp .jt-otp__code-wrap time { color: var(--color-primary); }
.jt-popup__overlay#jt-popup__otp .jt-otp__code { display: flex; gap: 8rem; }
.jt-popup__overlay#jt-popup__otp .jt-otp__code label { width: 54rem; }
.jt-popup__overlay#jt-popup__otp .jt-otp__code input { text-align: center; }
.jt-popup__overlay#jt-popup__otp .jt-otp__code input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; }
.jt-popup__overlay#jt-popup__otp .jt-otp__desc { margin-top: 30rem; }
.jt-popup__overlay#jt-popup__otp .jt-otp__desc .jt-btn__underline { color: #aaa; }
.jt-popup__overlay#jt-popup__otp .jt-otp__desc .jt-btn__underline > span:after { background: #aaa; bottom: 6rem; }

.jt-popup__overlay#jt-popup__snslogin .jt-popup__title { text-align: left; padding: 0 15rem 30rem 0; }
.jt-popup__overlay#jt-popup__snslogin .jt-popup__container { width:calc(100% - 40rem); max-width: 500rem; border-radius: 0; padding: 40rem 40rem 100rem; }
.jt-popup__overlay#jt-popup__snslogin .jt-popup__content-container { color:var(--color-secondary) }
.jt-popup__overlay#jt-popup__snslogin .jt-popup__content-container b { color: var(--color-primary); }
.jt-popup__overlay#jt-popup__snslogin .jt-popup__close { right: 20rem; top: 20rem; }
.jt-popup__overlay#jt-popup__snslogin .jt-popup__close .jt-guide--icon { width: 24rem; vertical-align: top; }



/* **************************************** *
 * JOIN
 * **************************************** */
.join .jt-agreement .jt-popup__btn { position: relative; color: var(--color-primary); }
.join .jt-agreement .jt-popup__btn:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: 0;background: var(--color-primary);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop .join .jt-agreement .jt-popup__btn:hover:after {-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

.jt-popup__overlay#jt-popup__policy .jt-popup__title { text-align: left; }
.jt-popup__overlay#jt-popup__policy .jt-popup__container { width: calc(100% - 40rem); max-width: 988rem; border-radius: 0; }
.jt-popup__overlay#jt-popup__privacy .jt-popup__title { text-align: left; }
.jt-popup__overlay#jt-popup__privacy .jt-popup__container { width: calc(100% - 40rem); max-width: 988rem; border-radius: 0; }



/* **************************************** *
 * SERVICE
 * **************************************** */
.article.service .article__header { text-align: center; margin-bottom: 120rem; }
.article.service .article__subtitle { display: block; margin-bottom: 24rem; color: var(--color-primary); }

.service-intro { position: relative; width: 100%; height: 250vh; overflow: hidden; text-align: center; }
.service-intro__bg { position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100vh; /* max-height: -webkit-fill-available; */ }
.service-intro__bg .jt-fullvid-container:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .6; z-index: 1;  }
.service-intro__content { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; /* max-height: -webkit-fill-available; */ display: flex; align-items: center; z-index: 1; }
.service-intro__content-inner { width: 100%; }
.service-intro__typo { color: #fff; opacity: .5; }
.service-intro__typo + .service-intro__typo { margin-top: 32rem; }
.service-intro__bg--fixed { position: fixed; right: 0; bottom: 0; height: 100vh; max-height: unset; }
.service-intro__bg--fixed-end { top: auto; right: auto; bottom: 0; }

.service-intro__media { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.service-intro__video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transform: translateZ(0); }
.service-intro__video:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .6; z-index: 1; }
.service-intro__video video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service-intro__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; }

.service-solution { padding: 160rem 0; background-color: #fff; }
.service-solution__list { display: flex; flex-direction: row; gap: 36rem; }
.service-solution__list-item { width: 33.33%; }
.service-solution__list-figure { border-radius: 6rem; overflow: hidden; }
.service-solution__list-figure img { max-width: 100%; vertical-align: top; }
.service-solution__list-title { margin-top: 32rem; }
.service-solution__list-desc { margin-top: 8rem; color: var(--color-secondary); }

.service-process { padding: 160rem 0 0; text-align: center; overflow: hidden; }

.service-process__step-mark { margin-top: 24rem; font-size: 0; }
.service-process__step-mark-label { position: relative; display: inline-block; color: #888; }
.service-process__step-mark-label:after { content: ''; display: block; position: absolute; top: 6rem; left: 40rem; width: calc(100% - 80rem); height: 8rem; border: 2rem solid #bbb; border-top: 0; }
.service-process__step-mark-label:first-child { width: calc(75% + 23rem); margin-right: -23rem; }
.service-process__step-mark-label:last-child { width: calc(25% + 23rem); margin-left: -23rem; }
.service-process__step-mark-label span { position: relative; display: inline-block; padding: 0 16rem; background: var(--color-base-bg); z-index: 1; }
.service-process__step-list { display: flex; width: calc(100% - 46rem); font-size: 0; margin-top: 60rem; margin-left: auto; margin-right: auto; }
.service-process__step-list-item { position: relative; width: calc(25% + 46rem); margin: 0 -23rem; border-radius: 50%; background: var(--color-primary); -webkit-transition: transform .6s cubic-bezier(0.32, 0.6, 0.46, 1); transition: transform .6s cubic-bezier(0.32, 0.6, 0.46, 1); }
.service-process__step-list-item:nth-child(1) { background-color: #EBA7C3; transform: translateX(-75rem); }
.service-process__step-list-item:nth-child(2) { background-color: #DF75A0; transform: translateX(-25rem); }
.service-process__step-list-item:nth-child(3) { background-color: #D3437D; transform: translateX(25rem); }
.service-process__step-list-item:nth-child(4) { transform: translateX(75rem); }
.service-process__step-list-item:nth-child(n).animate { transform: translateX(0); }
.service-process__step-list-inner { display: block; width: 100%; padding-top: 100%; }
.service-process__step-list-content { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 0 12rem; }
.service-process__step-list-content span { display: inline-block; color: #fff; }
.service-process__step-list-content b { display: block; color: #fff; margin-top: 2rem; }

.service-process__list { padding: 16rem 40rem; background: #fff; text-align: left; margin-top: 60rem; counter-reset: item; border-radius: 6rem; }
.service-process__list > li { position: relative; border-bottom: 1rem solid #ebebeb; padding: 24rem 40rem; counter-increment: item; }
.service-process__list > li:last-child { border-bottom: 0; }
.service-process__list > li:before { content: counter(list-item); position: absolute; left: 0; top: 27rem; width: 26rem; height: 26rem; border-radius: 50%; background: var(--color-primary); color: #fff; text-align: center; line-height: 26rem; font-family: var(--font-secondary); font-size: 14rem; font-weight: 700; }
.service-process__list > li > p { color: var(--color-secondary); margin-top: 4rem; }

.service-process__cta { padding: 160rem 0 0; }
.service-process__cta-typo span { color: var(--color-primary); }
.service-process__cta-btn-wrap { margin-top: 60rem; font-size: 0; }
.service-process__cta-btn-wrap .jt-btn__basic + .jt-btn__basic { margin-left: 16rem; }



/* **************************************** *
 * MYCONSULT
 * **************************************** */
.myconsult .back-to-list-btn { display: inline-block; vertical-align: top; position: absolute; top: 7rem; right: 0; color: #888; padding: 5rem 0 5rem 15rem; z-index: 11; transition: color .3s; }
.myconsult .back-to-list-btn .jt-guide--icon { position: absolute; top: 50%; left: 0; width: 7rem; margin-top: -6rem; }
.myconsult .back-to-list-btn .jt-guide--icon svg path { stroke: #888; transition: .3s; }
html.desktop .myconsult .back-to-list-btn:hover { color: var(--color-primary); }
html.desktop .myconsult .back-to-list-btn:hover .jt-guide--icon svg path { stroke: var(--color-primary); }

.myconsult__accordion { border-top: 1px solid var(--color-base); }
.myconsult__accordion .jt-accordion__title { position: relative; padding-left: 121rem; }
.myconsult__accordion .jt-accordion__state { position: absolute; top: 36rem; left: 0; }
.myconsult__accordion .jt-accordion__state span { color: #888; }
.myconsult__accordion .jt-accordion__state--complete span { color: var(--color-primary); }
.myconsult__accordion .jt-accordion__meta { font-size: 0; }
.myconsult__accordion .jt-accordion__date { display: inline-block; vertical-align: top; margin-bottom: 8rem; color: var(--color-secondary); }
.myconsult__accordion .jt-accordion__cat { display: inline-block; vertical-align: top; margin-bottom: 8rem; color: var(--color-secondary); position: relative; padding-left: 17rem; }
.myconsult__accordion .jt-accordion__cat:before { content: ''; display: block; width: 1px; height: 12rem; background: #ddd; position: absolute; top: 7rem; left: 8rem; }
.myconsult__accordion .jt-accordion__title p { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.myconsult__accordion .jt-accordion__title p br { display: none; }
.myconsult__accordion .jt-accordion__content { padding-left: 121rem; }
.myconsult__accordion .jt-accordion__content-info-card { padding: 24rem; background: #fff; border-radius: 6rem; margin-bottom: 24rem; }
.myconsult__accordion .jt-accordion__content-info-card-item { margin-top: 16rem; }
.myconsult__accordion .jt-accordion__content-info-card-item:first-child { margin-top: 0; }
.myconsult__accordion .jt-accordion__content-info-card-item b { display: block; margin-bottom: 4rem; color: #000; }
.myconsult__accordion .jt-accordion__content-info-card-item p a { color: inherit; }
.myconsult__accordion .jt-accordion__content-info-card-item p a:hover { color: var(--color-primary); }
.myconsult__accordion .jt-accordion__content-info-card-item ul li { position: relative; padding-left: 24rem; }
.myconsult__accordion .jt-accordion__content-info-card-item ul li:before { content: ''; display: block; width: 4rem; height: 4rem; border-radius: 50%; background: #666; position: absolute; top: 12rem; left: 10rem; }
.myconsult__accordion .jt-accordion__content-info-card-item ul li a { transition: color .3s; }
.myconsult__accordion .jt-accordion__content-info-card-item ul li a:hover { color: var(--color-primary); }
.myconsult__accordion .jt-accordion__content-connect { margin-top: 24rem; }
.myconsult__accordion .jt-accordion__content-connect b { display: block; margin-bottom: 4rem; color: #000; }
.myconsult__accordion .jt-accordion__content-connect ul li { position: relative; padding-left: 24rem; }
.myconsult__accordion .jt-accordion__content-connect ul li:before { content: ''; display: block; width: 4rem; height: 4rem; border-radius: 50%; background: #666; position: absolute; top: 12rem; left: 10rem; }
.myconsult__accordion .jt-accordion__control { top: 75rem; }
.myconsult__accordion .jt-accordion__content-editor-title { display: block; margin-bottom: 4rem; color: #000; }
.myconsult__accordion.myconsult__accordion--partner .jt-accordion__title { padding-left: 0; }
.myconsult__accordion.myconsult__accordion--partner .jt-accordion__content { padding-left: 0; }

.myconsult .jt-nothing__btn-wrap { font-size: 0; margin-top: 40rem; }
.myconsult .jt-nothing__btn-wrap > .jt-btn__basic { padding-left: 16rem; padding-right: 16rem; min-width: 209rem; }
.myconsult .jt-nothing__btn-wrap > .jt-btn__basic + .jt-btn__basic { margin-left: 6rem; }

.article--connect-consult .back-to-list-btn { top: -76rem; }



/* **************************************** *
 * MYPAGE
 * **************************************** */
.mypage__info { position: relative; padding: 40rem; background: #fff; border-radius: 6rem; margin-bottom: 12rem; }
.mypage__info-title span { color: var(--color-primary); }
.mypage__info-email { display: block; margin-top: 4rem; color: var(--color-secondary); }
.mypage__info-btn-wrap { position: absolute; top: 50%; right: 40rem; transform: translateY(-50%); font-size: 0; }
.mypage__info-btn { display: inline-block; font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); font-weight: 700; letter-spacing: var(--letter-spacing-03); padding: 7rem 20rem; color: #999; border: 2rem solid #999; text-align: center; transition: color .3s, border .3s, background .3s; }
.mypage__info-btn + .mypage__info-btn { margin-left: 8rem; }
.mypage__info-btn--dark { color: #fff; border-color: var(--color-base); background: var(--color-base); }
html.desktop .mypage__info-btn:hover { color: #fff; background: #999;}
html.desktop .mypage__info-btn--dark:hover { border-color: var(--color-primary); background: var(--color-primary); }

.mypage__card-group { display: grid; grid-column-gap: 12rem; grid-template-columns: 1fr 1fr; }
.mypage__card { padding: 40rem; background: #fff; border-radius: 6rem; margin-bottom: 12rem; }
.mypage__card > a h2, .mypage__card > a span { transition: .2s; }
.mypage__card-header { display: flex; justify-content: space-between; padding-bottom: 24rem; border-bottom: 1rem solid #ebebeb; }
.mypage__card-num, .mypage__card-count { color: var(--color-primary); }
.mypage__card-txt { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 270rem; }
.mypage__card-date { position: absolute; top: 0; right: 25rem; font-weight: 500; color: #999; font-feature-settings: 'tnum'; transition: color .2s; }
.mypage__card-count { position: absolute; top: 0; right: 25rem; }
.mypage__card-list { margin-top: 24rem; }
.mypage__card-list > li { margin-top: 5rem; }
.mypage__card-list > li:first-child { margin-top: 0; }
.mypage__card-list > li a { position: relative; display: block; color: var(--color-secondary); transition: color .2s; }
.mypage__card-list > li .jt-guide--icon { position: absolute; top: 50%; right: 0; width: 7rem; margin-top: -5rem; }
.mypage__card-nothing { margin-top: 24rem; color: #bbb; }
.mypage__card .jt-guide--icon svg path { stroke: #bbb; transition: .2s; }
html.desktop .mypage__card > a:hover h2 { color: var(--color-primary); }
html.desktop .mypage__card > a:hover span { color: var(--color-primary); }
html.desktop .mypage__card-list > li a:hover { color: var(--color-primary); }
html.desktop .mypage__card-list > li a:hover span { color: var(--color-primary); }
html.desktop .mypage__card-list > li a:hover .jt-guide--icon svg path { stroke: var(--color-primary); }

.mypage__parts { position: relative; padding: 32rem 40rem; background: #fff; border-radius: 6rem; margin-bottom: 12rem; }
.mypage__parts a { transition: color .3s; }
.mypage__parts .jt-guide--icon { position: absolute; top: 50%; right: 40rem; transform: translateY(-50%); width: 7rem; }
.mypage__parts .jt-guide--icon svg path { stroke: #bbb; transition: .3s; }
html.desktop .mypage__parts a:hover { color: var(--color-primary); }
html.desktop .mypage__parts a:hover .jt-guide--icon svg path { stroke: var(--color-primary); }

/* MODIFY */
.article--mypage-modify .jt-form { border-top: 0; padding-top: 0; }
.article--mypage-modify .jt-form__control .jt-btn__basic + .jt-btn__basic { margin-left: 8rem; }

.article--mypage-modify .jt-form__explain.jt-form__explain--error { color: var(--color-primary); }
.article--mypage-modify input[type="number"]::-webkit-outer-spin-button,
.article--mypage-modify input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.article--mypage-modify .jt-form--email { margin-top: 65rem; }
.article--mypage-modify .jt-form--authentication .jt-checkbox label { margin-right: 50rem; }

.jt-member-tab ul { display: flex; }
.jt-member-tab ul > li { position: relative; width: 50%; border-bottom: 1rem solid #ddd; }
.jt-member-tab ul > li:after { content: ''; display: block; width: 100%; height: 3rem; position: absolute; bottom: -1rem; left: 0; opacity: 0; background: var(--color-primary); visibility: hidden; }
.jt-member-tab ul > li a { position: relative; display: block; text-align: center; font-size: 18rem; padding: 24rem 10rem; color: #999; }
.jt-member-tab ul > li.jt-member-tab--active:after { opacity: 1; visibility: visible; }
.jt-member-tab ul > li.jt-member-tab--active a { color: var(--color-base); }

.jt-member-tab__content { display: none; padding-top: 80rem; }
.jt-member-tab__content--active { display: block; }

.select-group label:before { border-color: var(--color-base-line); border-width: 2rem; }
.select-group label.left:before, .select-group label.left:after { border-radius: 6rem 0 0 6rem; }
.select-group label.right:before, .select-group label.right:after { border-radius: 0 6rem 6rem 0; }

.withdraw-list-wrap .title-area { padding: 11rem 0 9rem; }

.jt-form__field--file-secondary.partmer-modify-image > span { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 140rem); column-gap: 6rem; position: relative; }
.jt-form__field--file-secondary.partmer-modify-image > span * { pointer-events: none; }
.jt-form__field--file-secondary.partmer-modify-image input[type="file"] { width: 100%; height: 100%; z-index: 2; pointer-events: auto; }

/* MODIFY - 회원탈퇴 팝업 */
#popupMemberWithdraw .jt-popup__container { width: calc(100% - 40rem); max-width: 900rem; padding: 40rem 40rem 100rem; border-radius: 0; }
#popupMemberWithdraw .jt-popup__title { padding: 0 15rem 30rem 0; text-align: left; }
#popupMemberWithdraw .jt-popup__close { right: 20rem; top: 20rem; }
#popupMemberWithdraw .jt-popup__close .jt-guide--icon { width: 24rem; }

#popupMemberWithdraw .jt-popup__content-container .jt-nicescroll { padding: 0; }
#popupMemberWithdraw .jt-popup__content-container .jt-nicescroll__content { padding-bottom: 0; }

#popupMemberWithdraw .jt-popup__content-container .jt-nicescroll__content > * { margin-top: 10rem; color: var(--color-secondary); }
#popupMemberWithdraw .jt-popup__content-container .jt-nicescroll__content > *:first-child { margin-top: 0; }
#popupMemberWithdraw .jt-popup__content-container .jt-nicescroll__content > *.highlight { color: var(--color-base); }

#popupMemberWithdraw .jt-popup__content-container li ol,
#popupMemberWithdraw .jt-popup__content-container li ul { margin-top: 5rem; margin-bottom: 10rem; }
#popupMemberWithdraw .jt-popup__content-container > ul > li + li,
#popupMemberWithdraw .jt-popup__content-container > ol > li + li { margin-top: 6rem; }
#popupMemberWithdraw .jt-popup__content-container ol { counter-reset: item; }
#popupMemberWithdraw .jt-popup__content-container ol > li { counter-increment: item; padding-left: 18rem; position: relative; }
#popupMemberWithdraw .jt-popup__content-container ol > li:nth-child(n+10) { padding-left: 28rem; }
#popupMemberWithdraw .jt-popup__content-container ol > li:before { content: counter(item)'.'; position: absolute; left: 0; font-feature-settings: 'tnum'; }
#popupMemberWithdraw .jt-popup__content-container ul > li { padding-left: 12rem; position: relative; }
#popupMemberWithdraw .jt-popup__content-container ul > li:before { content: '-'; position: absolute; left: 0; }

#popupMemberWithdraw .jt-popup__content-container table { width: 100%; margin-top: 6rem; margin-bottom: 10rem; border-top: 1px solid var(--color-base); border-bottom: 1px solid var(--color-base-line); }
#popupMemberWithdraw .jt-popup__content-container table th:nth-child(2),
#popupMemberWithdraw .jt-popup__content-container table td:nth-child(2) { width: 60rem; text-align: right; }
#popupMemberWithdraw .jt-popup__content-container table th { padding: 12rem 15rem; background: var(--color-base-bg); }
#popupMemberWithdraw .jt-popup__content-container table td { padding: 5rem 15rem; }
#popupMemberWithdraw .jt-popup__content-container table tbody tr:first-child td { padding-top: 12rem; }
#popupMemberWithdraw .jt-popup__content-container table tbody tr:last-child td { padding-bottom: 12rem; }

#popupMemberWithdraw .jt-popup__content-container .jt-radiobox label { display: block; margin-right: 0; }
#popupMemberWithdraw .jt-popup__content-container .text-area { margin-top: 6rem; }
#popupMemberWithdraw .jt-popup__content-container .text-area textarea.jt-form__field { max-width: inherit; height: 160rem; }
#popupMemberWithdraw .jt-popup__content-container .text-area .count-text { margin-top: 6rem; text-align: right; }

/* PARTNER OTP */
.article--partner-otp .article__header { text-align: center; }

.article--partner-otp .jt-form { border-top: 0; padding-top: 0; }
.article--partner-otp .jt-form__wrap { display: block; gap: 0; max-width: 494rem; margin: 0 auto; text-align: center; }
.article--partner-otp .jt-form__title { text-align: left; display: flex; justify-content: space-between; margin-bottom: 24rem; }
.article--partner-otp .jt-form__info-text { color: #999; padding: 80rem 0; }
.article--partner-otp .jt-form__control { margin-top: 20rem; padding-top: 0; border-top: 0; }
.article--partner-otp .jt-form__control .jt-btn__basic { width: 100%; }

.multiple-login-list-wrap { padding: 40rem; background: #fff; border-radius: 6rem; margin-top: 24rem; text-align: right; }
.multiple-login-list-wrap:first-child { margin-top: 40rem; }
.multiple-login-list-wrap ul { border-bottom: 1px solid #ebebeb; padding-bottom: 22rem; }
.multiple-login-list-wrap ul > li { display: flex; justify-content: space-between; margin-top: 12rem; gap: 10rem; }
.multiple-login-list-wrap ul > li:first-child { margin-top: 0; }
.multiple-login-list-wrap ul > li > * { display: inline-block; vertical-align: top; }
.multiple-login-list-wrap ul > li > b { white-space: nowrap; }
.multiple-login-list-wrap ul > li > span { color: var(--color-secondary); }
.multiple-login-list-wrap .jt-checkbox label { vertical-align: middle; }
.multiple-login-list-wrap .jt-checkbox label > span { vertical-align: middle; }
.multiple-login-list-wrap .jt-checkbox label:not(:last-child) { margin-right: 20rem; }
.multiple-login-delete-btn { display: inline-block; font-size: var(--font-size-ko-07); line-height: var(--font-lineheight-ko-07); font-weight: 700; letter-spacing: var(--letter-spacing-03); padding: 7rem 20rem; color: #999; border: 2rem solid #999; text-align: center; transition: color .3s, border .3s, background .3s; margin-top: 24rem; }
html.desktop .multiple-login-delete-btn:hover { color: #fff; background: #999; }

.jt-otp__member { padding: 40rem; background: #fff; border-radius: var(--border-radius); text-align: left; max-width: 494rem; margin: 16rem auto 50rem; }
.jt-otp__member-info li { display: flex; justify-content: space-between; margin-top: 12rem; }
.jt-otp__member-info li:first-child { margin-top: 0; }
.jt-otp__member-info span { color: var(--color-secondary); }



/* **************************************** *
 * PARTNER INQUIRY
 * **************************************** */
.partner-inquiry .article__header { margin-bottom: 60rem; text-align: center; }
.partner-inquiry .article__desc { margin-top: 60rem; }

.partner-inquiry__step { font-size: 0; margin-top: 32rem; }
.partner-inquiry__step > li { display: inline-block; vertical-align: middle; color: #999; position: relative; white-space: nowrap; padding-right: 48rem; }
.partner-inquiry__step > li:last-child { padding-right: 0; }
.partner-inquiry__step .jt-guide--icon { display: inline-grid; align-items: center; justify-content: center; width: 24rem; height: 24rem; position: absolute; right: 12rem; top: 50%; translate: 0 -50%; }
.partner-inquiry__step .jt-guide--icon svg { width: auto; height: 12rem; }
.partner-inquiry__step .jt-guide--icon path { stroke: #bbb; }
.partner-inquiry__step-number { position: relative; display: inline-block; vertical-align: middle; border-radius: 50%; overflow: hidden; background: #bbb; width: 24rem; height: 24rem; color: #fff; text-align: center; line-height: 24rem; margin-right: 8rem; }
html.ipad .partner-inquiry__step-number { top: -1.5rem; }
html.mobile .partner-inquiry__step-number { line-height: 25rem; }
.partner-inquiry__step-title { display: inline-block; vertical-align: middle; position: relative; top: 1rem; }
.partner-inquiry__step > li.partner-inquiry__step--active { color: var(--color-primary); }
.partner-inquiry__step > li.partner-inquiry__step--active .partner-inquiry__step-number { background: var(--color-primary); }
.partner-inquiry__step > li:first-child .partner-inquiry__step-number { text-indent: -1px; }
html.ios .partner-inquiry__step > li:first-child .partner-inquiry__step-number { text-indent: 0; }

.partner-inquiry__banner { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 120rem; }
.partner-inquiry__banner-image .jt-lazyload { padding-top: 58.66%; }
.partner-inquiry__banner-content { background: #fff; display: grid; align-items: center; align-content: center; padding: 40rem 80rem; gap: 16rem; }
.partner-inquiry__banner-title { display: block; }
.partner-inquiry__banner-desc { color: var(--color-secondary); }

.partner-inquiry__service { margin-top: 160rem; }
.partner-inquiry__service > h2 { text-align: center; margin-bottom: 80rem; opacity: 0; }
.partner-inquiry__service-list { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; margin: 0 -36rem; }
.partner-inquiry__service-item { padding: 0 36rem; opacity: 0; }
.partner-inquiry__service-item + .partner-inquiry__service-item { border-left: 1px solid var(--color-base-line); }
.partner-inquiry__service-icon { text-align: center; margin-bottom: 24rem; }
.partner-inquiry__service-icon .jt-lazyload { width: 64rem; height: 64rem; margin: auto; }
.partner-inquiry__service-icon .jt-lazyload__color-preview { background: transparent; }
.partner-inquiry__service-title { display: block; margin-bottom: 6rem; }
.partner-inquiry__service-desc { color: var(--color-secondary); }

.partner-inquiry__btns { text-align: center; margin-top: 120rem; opacity: 0; }

.partner-inquiry .jt-company__number { color: #888; display: block; }
.partner-inquiry .jt-company__number:before { content: '사업자등록번호: '; }
.partner-inquiry .jt-company__number:empty { display: none; }
.partner-inquiry .jt-company__number:not(:empty) + .jt-form__explain { display: none !important; }
.partner-inquiry .jt-form__label[for=field__code] { opacity: 0; text-indent: -9999rem; }
.partner-inquiry .jt-certificator { display: grid; grid-template-columns: 1fr 1fr; gap: 36rem; }
.partner-inquiry .jt-form__field-wrap.jt-form--certify { align-content: space-between; margin-top: 0; }