@charset "utf-8";

/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 2000px
 * 02) 1800px
 * 03) 1500px
 * 04) 1200px
 * 05) 1023px
 * 06) 860px
 * 07) 540px
 * 08) 375px
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){

}



/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px){

}




/* **************************************** *
 * 1500px
 * **************************************** */
@media (max-width: 1500px){
    /* SEARCH */
    .jt-sticky__accordion-content { gap: 60rem; }

    /* PORTFOLIO */
    .jt-portfolio__list { gap: 24rem; }
    
    /* PARTNER */
    .jt-partner__list { gap: 24rem; }

    /* PARTS */
    .jt-parts__list { gap: 24rem; }

    /* NEWS */
    .jt-news__list { gap: 68rem 24rem; } 
    .jt-news__item.jt-news--large .jt-news__item-content { margin-top: 22rem; }
    .jt-news__item.jt-news--row { margin-bottom: 24rem; padding-bottom: 24rem; }

    /* CK EDITOR GUIDE */
    .jt-editor .col-list.col-4 { max-width: inherit; margin-left: 100rem; margin-right: 100rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 70rem; }
    
    /* RELATED LIST */
    .jt-related { padding: 100rem 0; }

    /* EVENT */
    .jt-event__list { gap:24rem }

    /* JT RECOMMEND */
    .jt-recommend__content .swiper-navigation .swiper-button-prev { left: -78rem; }
    .jt-recommend__content .swiper-navigation .swiper-button-next { right: -78rem; }

}




/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* BUTTON */
    .jt-btn__underline .jt-guide--icon { top: 0; }
    html.ios .jt-btn__underline .jt-guide--icon { top: -1rem; }
    
    /* SEARCH */
    .jt-search__field { width: 360rem; }
    html.ios .jt-search__input { padding-top: 2rem; }
    html.ios .jt-search__submit { margin-top: -12rem; }
    html.ios .jt-sticky__checkbox { margin-top: 2rem; }

    /* SELECTRIC */
    .jt-selectric__wrap { width: auto; }
    
    /* JT RECOMMEND */
    .jt-recommend__list { margin: 0 -12rem; padding-bottom: 72rem; }
    .jt-recommend__list .jt-recommend__item > a { margin: 0 12rem; }
    
    /* PORTFOLIO */
    .jt-portfolio__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jt-portfolio__item-content { padding:24rem; }
    .jt-portfolio__item-brand { left:24rem; right: 24rem; bottom: 24rem; }

    /* RECOMMEND */
    .jt-recommend__list .jt-portfolio__item .jt-portfolio__item-content { padding: 30rem; }
    .jt-recommend__list .jt-portfolio__item-brand { bottom: 30rem; left:30rem; right: 30rem; }
    .jt-recommend__list .swiper-control .swiper-pagination--fraction { display: inline-block; }
    .jt-recommend__list .swiper-control .swiper-pagination--bullets { display: none; }

    /* PARTNER */
    .jt-partner__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jt-partner__item > a { padding:24rem; }

    /* PARTS */
    .jt-parts__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jt-parts__item > a { padding:24rem; }

    /* NEWS */
    .jt-news__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jt-news__item-thumb .jt-thumb__icon--outlink { width: 38rem; height: 38rem; }

    /* EVENT */
    .jt-event__item-content { padding: 30rem; }

    /* RELATED LIST */
    .jt-related__head { margin-bottom: 48rem; }

    /* CAROUSEL SLIDER */
    .jt-carousel__slider-item { margin:0 12rem; height:494rem; }
    .jt-carousel__slider.swiper-initialized { padding-bottom: 72rem; }

    /* JT SUBSCRIPT */
    .jt-subscript__title .jt-guide--icon { width: 215rem; }

    /* CK EDITOR GUIDE */
    .jt-editor figure.image figcaption { padding-left: 50rem; padding-right: 50rem; }

    /* MAGNIFIC POPUP */
    .mfp-iframe-holder .mfp-content { max-width: 970rem; }
}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* BUTTON */
    .jt-btn__basic { width: 210rem; padding: 14rem 16rem; }
    .jt-btn__basic.jt-btn--small { width: auto; }

    /* FORM */
    html.ios .jt-form__field { padding: 14rem 17rem 12rem }

    /* VIDEO */
    .jt-embed-video__overlay-btn { width: 68rem; height: 68rem; margin-top: -34rem; margin-left: -34rem; }
    .jt-embed-video__overlay-btn:after { border-width: 12rem 20rem; margin-top: -12rem; margin-left: -8rem; }

    /* JT RECOMMEND */
    .jt-recommend__list { margin: 0 -10rem; overflow: visible; }
    .jt-recommend__list .jt-recommend__item > a { margin: 0 10rem; }
    .jt-recommend__list.swiper-initialized .swiper-control .swiper-control__arrow { display: inline-block; }
    .jt-recommend__content .swiper-navigation .swiper-button { display: none; }
    html.ios .jt-recommend__list .swiper-control .swiper-control__arrow,
    html.mac .jt-recommend__list .swiper-control .swiper-control__arrow { top: 1rem; }

    /* CK EDITOR GUIDE */
    .jt-editor > * { max-width: inherit; margin-left: 50rem; margin-right: 50rem; }

    .jt-editor h2 { margin-bottom: 20rem; }
    .jt-editor h3 { margin-bottom: 20rem; }
    .jt-editor h4 { margin-bottom: 20rem; }

    .jt-editor figure.image { margin-left: 0; margin-right: 0; }
    .jt-editor .image-wrap { margin-left: 0; margin-right: 0; }
    .jt-editor > img { margin-left: 0; margin-right: 0; }
    
    .jt-editor table { max-width: calc(100% - 100rem); }
    .jt-editor .col-list.col-3 { max-width: inherit; margin-left: 50rem; margin-right: 50rem; }
    .jt-editor .col-list.col-4 { margin-left: 50rem; margin-right: 50rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 60rem; }
    
    /* NEWS */
    .jt-news__list { row-gap: 56rem; }
    .jt-news__item.jt-news--row > a  { grid-template-columns: 160rem minmax(0, auto); }

    /* EVENT */
    .jt-event__item-state span { display:flex; align-items: center; justify-content: center; width: 80rem; padding: 7rem 0 7rem; height: 35rem; }

    /* ACCORDION */
    .jt-accordion__title { padding: 28rem 0; }
    .jt-accordion__control { top: 32rem; }

    /* NOTICE */
    .jt-notice__item a { padding: 28rem 0; }

    /* CAROUSEL SLIDER */
    .jt-carousel__slider-item { height:462rem; }
    .jt-carousel__slider.swiper-initialized .swiper-control .swiper-control__arrow { display: inline-block; }
    .jt-carousel__slider .swiper-button__wrap { display: none; }
    .jt-carousel__slider-item .jt-embed-video__overlay-spinner { width: 84rem; height: 84rem; margin-top: -42rem; margin-left: -42rem; }

    /* RELATED LIST */
    .jt-related { padding: 80rem 0; }

    /* MAGNIFIC POPUP */
    .mfp-container { padding-left: 20rem; padding-right: 20rem; }
}




/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
    
    /* BUTTON */
    html.android .jt-btn__underline .jt-guide--icon { top: 0; }
    html.ios .jt-btn__basic { padding-bottom: 13rem; }

    html.ios .jt-btn__basic.jt-btn--small { padding-bottom: 7rem; }

    /* VIDEO */
    .jt-embed-video__popup-container { width: calc(100% - 72rem); }

    /* FORM */
    .jt-form__wrap { gap: 36rem 16rem; }
    .jt-form__wrap + .jt-form__title { margin-top: 60rem; }
    .jt-form__explain { position: relative; top: auto; }

    .jt-checkbox label > span:after { top: 7rem; width: 6rem; height: 11rem; }
    
    .jt-form__harf { width: 100%; }
    .jt-form__harf:nth-of-type(1) { padding-right: 0; }
    .jt-form__harf:nth-of-type(2) { padding-left: 0; margin-top: 50rem; }

    .jt-form__field-wrap.jt-form--certify.jt-form--tel + .jt-form__explain { opacity: 1; visibility: visible; }

    /* JT POPUP */
    .jt-popup--pc { display: none; }
    .jt-popup--mobile { display: block; }

    .jt-popup--mobile .jt-popup__container { overflow: hidden; border-radius: 16rem 16rem 0 0; left: 0; bottom: 0; top: auto; width: 100%; transform: none; }

    .jt-popup__solution { position:absolute; top: 0; left: 0; width: 100%; background: #fff; }
    .jt-popup__solution:before { content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #ebebeb; }
    .jt-popup__solution-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10rem; }
    .jt-popup__solution-item { color:var(--color-secondary); }
    .jt-popup__solution-item a { color: inherit; }
    html.desktop .jt-popup__solution-item a:hover { border-bottom: 1px solid var(--color-base); color: var(--color-base); }

    .jt-popup__tab-scroll { margin: 22rem 20rem; }

    .jt-popup__tab-list { font-size: 0; overflow-x: auto; white-space: nowrap; }
    .jt-popup__tab-list::-webkit-scrollbar { display: none;}
    
    .jt-popup__tab-item { display: inline-block; vertical-align: top; margin: 0 9rem; }
    .jt-popup__tab-item:first-child { margin-left: 18rem; }
    .jt-popup__tab-item:last-child { margin-right: 18rem; }
    .jt-popup__tab-item button { position: relative; padding: 18rem 0; color:#bbb; border:0; margin:0; background: transparent; transition: color .3s; }
    .jt-popup__tab-item button:after { content:""; position: absolute; left: 0; bottom: 0; height: 2rem; width: 0; background: var(--color-base); }
    .jt-popup__tab-item.jt-popup__tab--active button { color: var(--color-base); }
    .jt-popup__tab-item.jt-popup__tab--active button:after { width: 100%; }

    .jt-popup__tab-content { display: none; overflow-y: auto; max-height: calc(((var(--vh, 1vh) * 100) * 0.7) - 63rem); }
    .jt-popup__tab-content.jt-popup__tab--active { display: block; }

    .jt-popup__solution-explan { position: relative; margin:0 20rem 24rem; background: #f8f8f8; padding: 12rem 10rem 12rem 34rem; color:#999; font-size: 0; border-radius: var(--border-radius); }
    .jt-popup__solution-explan .jt-guide--icon { position: absolute; width: 20rem; left: 10rem; margin-top: -1rem; }

    .jt-popup__overlay#jt-popup__company .jt-popup__content-container .jt-nicescroll { max-height: calc((var(--vh, 1vh) * 100) - 172rem); }
    html.ios .jt-popup__overlay#jt-popup__company .jt-popup__content-container .jt-nicescroll { max-height: calc(100svh - 172rem); }

    /* SEARCH */
    #frm_search { height: auto; } 
    .jt-filter__nav { display: none; }
    .jt-filter__mobile { display: block; }
    .jt-filter__mobile-inner { position: relative; overflow-x: auto; padding: 0 36rem 12rem; margin: 0 -36rem 20rem; border-bottom: 1px solid #ebebeb; }
    .jt-filter__mobile-inner::-webkit-scrollbar { display: none;}
    .jt-filter__mobile-list { font-size: 0; white-space: nowrap; }
    .jt-filter__mobile-item { display: inline-block; vertical-align: top; margin-right: 4rem; }
    .jt-filter__mobile-item:last-child { margin-right: 36rem; }
    .jt-filter__mobile-item button { position: relative; border:0; background: #fff; padding: 7rem 30rem 7rem 18rem; margin:0; border-radius: 99rem; color: var(--color-secondary); border:1px solid var(--color-base-line) }
    .jt-filter__mobile-item.jt-filter--single button { padding-right: 18rem; }
    .jt-filter__mobile-item .jt-guide--icon { position: absolute; width: 10rem; top:50%; right: 16rem; margin-top: -4rem; }
    .jt-filter__mobile-item.jt-filter--active button { border-color: var(--color-primary); color: var(--color-primary); background:#FCF2F6; }
    .jt-filter__mobile-item.jt-filter--active .jt-guide--icon path { stroke: var(--color-primary); }

    /* empty recommend slider */
    .jt-recommend + .article-section .jt-filter__mobile-inner { border-top: 9rem solid #ebebeb; padding-top: 12rem; }

    .jt-filter__mobile .jt-search { position: relative; margin-bottom: 70rem; width: 100%; }
    .jt-filter__mobile .jt-search__field { width: 100%; }

    .jt-filter__mobile-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: rgba(0, 0, 0, .6); }
    .jt-filter__popup { position: absolute; display: flex; bottom: 0; left: 0; width: 100%; max-height: 70%; background:#fff; border-radius: 16rem 16rem 0 0; overflow: hidden; }
    
    .jt-filter__container { padding: 40rem 20rem 59rem; }
    .jt-filter__container-inner { padding-bottom: 38rem; overflow-y: auto; height: 100%; }
    .jt-filter__container-inner::-webkit-scrollbar { display: none;}

    .jt-filter__bundle { padding-bottom: 24rem; overflow: hidden; }
    .jt-filter__bundle:last-child { padding-bottom: 0; }
    .jt-filter__bundle > b { display: block; margin-bottom: 12rem; }
    .jt-filter__bundle-list { font-size: 0; margin:-3rem -2rem; }
    .jt-filter__bundle-item { display: inline-block; vertical-align: top; margin:3rem 2rem; }
    .jt-filter__bundle-item input[type=radio] { position: absolute; opacity: 0; cursor: pointer; left:-9999px; }
    .jt-filter__bundle-item span { display: inline-block; vertical-align: top; padding:6rem 16rem; border: 1px solid var(--color-base-line); color:var(--color-secondary); background:#fff; border-radius: 99rem; }
    .jt-filter__bundle-item input[type=radio]:checked + span { border-color: var(--color-primary); color: var(--color-primary); background: #FCF2F6; }
    .jt-filter__bundle-item.jt-filter--entire { position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; }

    .jt-filter__checkbox { padding-top: 16rem; }
    html.ios .jt-filter__checkbox .jt-checkbox label > span:before { top: 1rem; }
    html.ios .jt-filter__checkbox .jt-checkbox label > span:after { top: 6rem; }

    .jt-filter__btn { position: absolute; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: 3.5fr 6.5fr; }
    .jt-filter__btn button { border:0; background: 0; padding:0; margin:0; height: 59rem; }
    .jt-filter__btn .jt-filter--clear { background: #eee; color: var(--color-base); }
    .jt-filter__btn .jt-filter--action { background: var(--color-primary); color: #fff; }
    html.ios .jt-filter__btn button > span { display: block; margin-bottom: -3rem; }

    .jt-filter--close { position: absolute; right: 24rem; top: 24rem; background: transparent; border:0; padding: 0; margin: 0; cursor: pointer; }
    .jt-filter--close .jt-guide--icon { width: 24rem; vertical-align: top; transition: transform .3s; }
    .jt-filter--close .jt-guide--icon path { transition: stroke .3s; }
    html.desktop .jt-filter--close:hover .jt-guide--icon {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    html.desktop .jt-filter--close:hover .jt-guide--icon path { stroke: var(--color-base); }

    .jt-search__bundle { width: 100%; }
    .jt-search__popup { right: auto; left: 0; }
    .jt-search__submit { margin-top: -11rem; }
    .jt-search__submit .jt-guide--icon { margin-top: -1rem; }

    .jt-filter--empty { padding-bottom: 84rem; }

    /* LIST COMPONENT */
    .jt-nothing__wrap { padding: 80rem 50rem; }

    /* SWIPER */
    .swiper-state { margin-left: 9rem; }

    /* JT RECOMMEND */
    .jt-recommend { padding-bottom: 60rem; }
    .jt-recommend .swiper-control .swiper-pagination { margin-top: 2rem; }
    .jt-recommend__list.jt-recommend--uninit .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jt-recommend__list.jt-recommend--uninit .jt-recommend__item:nth-child(n+3) { display: none; }
    .jt-recommend__list .jt-news__item .jt-news__item-content { margin-top: 20rem; }

    /* PORTFOLIO */
    .jt-portfolio__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rem; }
    .jt-portfolio__item-title { margin-top: 4rem; }

    /* PARTNER */
    .jt-partner__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rem; }

    /* PARTS */
    .jt-parts__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rem; }

    /* NEWS */
    .jt-news__list { gap: 44rem 16rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jt-news__item.jt-news--row { margin-bottom: 20rem; padding-bottom: 20rem; }
    .jt-news__item.jt-news--row > a { grid-template-columns: 200rem minmax(0, auto); }
    .jt-news__item.jt-news--large .jt-news__item-content { margin-top: 20rem; }
    .jt-news__item.jt-news--medium .jt-news__item-content { margin-top: 20rem; }
    .jt-news__item.jt-news--medium .jt-news__item-title { margin-top: 12rem; height: 54rem; }
    .jt-news__item.jt-news--medium .jt-news__item-date { margin-top: 8rem; }
    
    .jt-news__item-source { margin-top: 7rem; }
    .jt-news__item-source:before { top: 12rem; }
    html.ios .jt-news__item-source { margin-top: 9rem; }
    html.ios .jt-news__item-source:before { top: 11rem; }

    /* EVENT */
    .jt-event__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rem; }
    html.ios .jt-event__item-state span { padding: 9rem 0 6rem; }

    /* NOTICE */
    .jt-notice__item-title { margin-bottom: 6rem; }
    .jt-notice__item-desc { margin-bottom: 10rem; }

    /* RELATED LIST */
    .jt-related { padding: 80rem 0; }
    .jt-related__head { margin-bottom: 36rem; }

    /* CAROUSEL SLIDER */
    .jt-carousel__slider-item { margin:0 6rem; height:348rem; }

    /* CK EDITOR GUIDE */
    .jt-editor { font-family: sans-serif; }
    .jt-editor > * { max-width: inherit; margin-left: 36rem; margin-right: 36rem; }

    .jt-editor h2 { margin-bottom: 16rem; }
    .jt-editor h3 { margin-bottom: 16rem; }
    .jt-editor h4 { margin-bottom: 16rem; }

    .jt-editor ul > li { padding-left: 14rem; }
    .jt-editor ul > li:before { width: 4rem; height: 4rem; top: 14rem; }
    html.ios .jt-editor ul > li:before { top: 13rem; }

    .jt-editor li ul, .jt-editor li ol { margin: 6rem 0 0 16rem; }

    .jt-editor figure.image figcaption { padding-left: 36rem; padding-right: 36rem; }

    .jt-editor blockquote { padding-left: 20rem; }

    .jt-editor table { max-width: calc(100% - 72rem); }
    .jt-editor table th, .jt-editor table td { padding: 30rem 15rem; }
    .jt-editor table th:first-child, .jt-editor table td:first-child { padding-left: 30rem; }

    .jt-editor .col-list { column-gap: 36rem; row-gap: 36rem; }
    .jt-editor .col-list > li > h4 { margin-top: 18rem; }
    .jt-editor .col-list > li > b { margin-top: 18rem; }
    .jt-editor .col-list > li > p { margin-top: 6rem; }
    .jt-editor .col-list.col-3 { max-width: inherit; grid-template-columns: 1fr 1fr; margin-left: 36rem; margin-right: 36rem; }
    .jt-editor .col-list.col-4 { max-width: inherit; grid-template-columns: 1fr 1fr; margin-left: 36rem; margin-right: 36rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 50rem; }
    
    /* FILE */
    .jt-file-upload__btn { padding: 0 42rem; }
    .jt-file-upload__text { margin-bottom: 10rem; }
    html.ios .jt-file-upload__btn { line-height: 56rem; }

    /* JT SUBSCRIPT */
    .jt-subscript { padding: 40rem 24rem; }
    .jt-subscript__btn { margin-top: 12rem; }
    .jt-subscript__title .jt-guide--icon { width: 180rem; top: -1rem; }
    html.ios .jt-subscript__sticky-title .jt-guide--icon:not(.jt-subscript__sticky-ci) { width: 8px; top: -1rem; }
    html.ios .jt-subscript__btn .jt-guide--icon { top: -1.5rem; }

    /* LOADMORE */
    .jt-loadmore__icon .jt-guide--icon { width: 48rem; }

    /* JT POPUP */
    .jt-popup__close { right: 20rem; }
    .jt-popup__close .jt-guide--icon { width: 24rem; }

    /* MAGNIFIC POPUP */
    .mfp-container { padding-left: 20rem; padding-right: 20rem; }
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){
    /* VIDEO */
    .jt-embed-video__popup-container { width: calc(100% - 40rem); }

    /* BUTTON */
    .jt-btn__basic { width: 190rem; padding: 12rem 16rem; }
    html.android .jt-btn__basic { padding-bottom: 13rem; }
    html.ios .jt-btn__basic { padding: 14rem 16rem 12rem; }

    html.android .jt-btn__basic.jt-btn--small { padding: 7rem 20rem 8rem; }
    html.ios .jt-btn__basic.jt-btn--small { padding: 7rem 20rem 6.5rem; }

    html.ios .jt-btn__underline { padding-right: calc(8px + 6rem); }
    html.ios .jt-btn__underline .jt-guide--icon { width: 8px; position: absolute; top: calc(50% - 2rem); transform: translateY(-50%); right: 0; }

    .jt-btn__round { padding:12rem 24rem; }

    /* FORM */
    .jt-form { padding-top: 0; border-top: 0; }
    .jt-form__title { margin-bottom: 24rem; }
    .jt-form__wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .jt-form--full { grid-column: auto; }
    .jt-form__explain { margin-top: 6rem; }

    .jt-checkbox label > span:before,
    .jt-radiobox label > span:before { top: 2rem; }
    .jt-radiobox label > span:after { top: 10rem; }
    .jt-checkbox .jt-form__field-wrap label > span:before,
    .jt-radiobox .jt-form__field-wrap label > span:before { top:1rem; }

    .jt-popup__overlay#jt-popup__company .jt-popup__title { padding:30rem; }
    .jt-popup__overlay#jt-popup__company .jt-radiobox { margin-right: 20rem; }
    .jt-popup__overlay#jt-popup__company .jt-popup__content-container .jt-nicescroll { padding:0 15rem 70rem 30rem; }
    .jt-popup__overlay#jt-popup__company .jt-popup__content-container .jt-nicescroll__content { padding-right: 16rem; }
    .jt-popup__overlay#jt-popup__company .jt-popup__close { right: 20rem; }

    .jt-company__head { display: none; }
    .jt-company__body { border-top: 1px solid var(--color-base); }
    .jt-company__body li { grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid var(--color-base-line); padding:24rem 0;; }
    .jt-company__body li span { border: 0; padding:0; text-align: left; }
    .jt-company--nothing span { text-align: center; }


    /* CERTIFICATE */
    .jt-form__btn-code em { display: none; }
    .jt-form__btn-confirm em { display: none; }
    .jt-form__field-wrap.jt-form--certify { grid-template-columns: auto minmax(0, 80rem); }
    .jt-form__field-wrap.jt-form--certify.jt-form--timeout > time { right: 106rem; }

    /* Control */
    .jt-form__control { padding-top: 38rem; margin-top: 38rem; }
    .jt-form__control .jt-btn__basic { width: 190rem; }
    
    /* FILE */
    .jt-file-upload__btn { padding: 0 40rem; height: 48rem; line-height: 48rem; }
    html.mac .jt-file-upload__btn { line-height: 49rem; }
    html.ios .jt-file-upload__btn { line-height: 49rem; }

    /* SEARCH */
    .jt-filter__mobile-inner { padding: 0 20rem 12rem; margin: 0 -20rem 20rem; }
    .jt-filter__mobile-item:last-child { margin-right: 20rem; }
    .jt-filter--close { position: absolute; right: 20rem; top: 20rem; }
    .jt-filter--close .jt-guide--icon { width: 20rem; }
    html.ios .jt-filter__checkbox .jt-checkbox label > span:before { top: 0; }
    html.ios .jt-filter__checkbox .jt-checkbox label > span:after { top: 5rem; }
    
    /* empty recommend slider */
    .jt-recommend + .article-section .jt-filter__mobile-inner { padding-top: 12rem; }

    .jt-filter--empty { padding-bottom: 0; margin-bottom: 36rem; }
    .jt-filter--empty .jt-search { margin-top: 0; }
    
    .jt-search { width: 100%; position: relative; margin-top: 4rem; }
    .jt-search__submit { left: 10rem; }
    .jt-search__field { width: 100%; }
    .jt-search__input { padding-left: 39rem; }
    .jt-search__label { left: 39rem; width: calc(100% - 51rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: 14rem; }
    
    html.ios .jt-search__submit { left:8rem; }
    html.ios .jt-search__input { padding-left: 37rem; }
    html.ios .jt-search__label { top: 16rem; left:39rem; }

    .jt-search__popup { margin-top: 10rem; }

    .jt-filter .jt-selectric__wrap { width: 100%; }
    html.mobile .jt-category .jt-selectric__wrap > select { width: 100%; }

    /* PAGINATION */
    .jt-pagination { margin-top: 45rem; }
    .jt-pagination .jt-pagination__numbers { height: 24rem; min-width: 24rem; margin:0 10rem; }

    /* LOADMORE */
    .jt-loadmore { margin-top: 67rem; }

    /* LIST COMPONENT */
    .jt-nothing__wrap { padding: 60rem 20rem; }
    .jt-nothing__icon { width: 56rem; }
    .jt-nothing p br { display: none; }

    /* SHARE */
    .jt-share .jt-share__item { width: 38rem; height: 38rem; }
    .jt-share .jt-share__item .jt-guide--icon { width: 18rem; }
    .jt-share__tooltip { bottom: 32rem; }
    
    /* JT CATEGORY */
    .jt-category__item-type { padding-top: 2px; margin-top: 0; }
    html.ios .jt-category__item-type { margin-top: -1rem; }

    /* SWIPER */
    .swiper-state__btn .jt-guide--icon { width: 9rem; }
    .swiper-state.swiper-state--pause .swiper-state__btn--pause .jt-guide--icon { width: 18rem; }
    .swiper-state, .swiper-sound { width: 24rem; height: 24rem; margin-left: 15rem; }
    .swiper-pagination--slug { width: 3px; height: 3px; }
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { width: 7rem; height: 7rem; }
    
    .swiper-control .swiper-control__arrow { width: 24rem; height: 24rem; }
    .swiper-control .swiper-control__arrow.swiper-button-prev { margin-right: 31rem; }
    .swiper-control .swiper-control__arrow.swiper-button-next { margin-left: 31rem; }

    /* VIDEO */
    .jt-embed-video__overlay-btn { width: 52rem; height: 52rem; margin-top: -26rem; margin-left: -26rem; }
    .jt-embed-video__overlay-btn:after { border-width: 10rem 16rem; margin-top: -10rem; margin-left: -6rem; }

    /* JT RECOMMEND */
    .jt-recommend { padding-bottom: 45rem; }
    .jt-recommend__list { margin: 0; padding-bottom: 53rem; }
    .jt-recommend__list .jt-recommend__item > a { margin: 0 5rem; }
    .jt-recommend__list .jt-portfolio__item .jt-portfolio__item-content { padding:22rem; }
    .jt-recommend__list .jt-portfolio__item .jt-portfolio__item-category { margin-top: 14rem; }
    .jt-recommend__list .jt-portfolio__item-brand { bottom: 22rem; left:22rem; right: 22rem; }

    .jt-recommend .swiper-control .swiper-control__arrow.swiper-button-prev { margin-right: 58rem; }
    .jt-recommend .swiper-control .swiper-control__arrow.swiper-button-next { margin-left: 58rem; }

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

    .jt-recommend__list .jt-news__item .jt-news__item-title { margin-right: 16rem; }
    .jt-recommend__list .jt-news__item .jt-news__item-desc { margin-right: 16rem; }
    
    .jt-recommend__toggle { padding: 0; background-color: transparent; border-radius: 0; color: var(--color-base); top: 50%; transform: translateY(-50%); }
    .jt-recommend__toggle .jt-guide--icon path { fill: var(--color-base); }
    html.desktop .jt-recommend__toggle:hover { background-color: transparent; }
    html.ios .jt-recommend__toggle .jt-guide--icon { top: -1rem; }
    html.android .jt-recommend__toggle .jt-guide--icon { top: .5rem; }
    
    /* JT ACCORDION */
    .jt-accordion__questions { padding-right: 32rem; }
    .jt-accordion__title { padding: 24rem 0; }
    .jt-accordion__control { top: 27rem; }
    .jt-accordion__content-inner { padding: 0 32rem 24rem 0; }
    .jt-accordion__content-inner .jt-editor { word-break: break-all; }

    /* PORTFOLIO */
    .jt-portfolio__list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .jt-portfolio__item-title { height: auto; }
    .jt-portfolio__item-content { padding:22rem; }
    .jt-portfolio__item-brand { left: 22rem; right: 22rem; bottom: 22rem; gap: 6rem; }
    .jt-portfolio__item-favicon figure { width: 28rem; }
    .jt-portfolio__item-ad-badge { margin-left: -6rem; }
    .jt-portfolio__item-thumb .jt-embed-video__overlay-btn { width: 38rem; height: 38rem; }
    html.ios .jt-portfolio__item-brand span { margin-top: 1rem; }

    /* PARTNER */
    .jt-partner__list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .jt-partner__item > a { padding: 20rem; }
    .jt-partner__item-logo { margin-top: 4rem; margin-bottom: 24rem; }
    .jt-partner__item-content { padding-top: 20rem; }
    .jt-partner__item-category { margin-top: 14rem; }

    /* PARTS */
    .jt-parts__list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .jt-parts__item > a { padding: 20rem; }
    .jt-parts__item-logo { margin-top: 4rem; margin-bottom: 24rem; }
    .jt-parts__item-content { padding-top: 20rem; }
    .jt-parts__item-category { margin-top: 14rem; }

    /* NEWS */
    .jt-news__list { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 40rem; }
    .jt-news__item.jt-news--large .jt-news__item-title { margin-top: 6rem; }
    .jt-news__item.jt-news--row > a { grid-template-columns: 105rem minmax(0, auto); }
    .jt-news__item.jt-news--row .jt-news__item-title { margin-top: 4rem; }
    .jt-news__item.jt-news--row .jt-news__item-content { padding:2rem 0 0 16rem; }
    .jt-news__item.jt-news--row .jt-news__item-desc { display: none; }
    .jt-news__item.jt-news--medium .jt-news__item-title { height: auto; }

    .jt-news__item-source:before { top: 9rem; }
    html.ios .jt-news__item-source:before { top: 8rem; }

    /* EVENT */
    .jt-event__list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .jt-event__item-content { padding: 22rem; }
    .jt-event__item-date { margin-top: 8rem; }

    /* FAQ */
    .jt-filter .jt-category + .jt-search { margin-top: 10rem; }
    
    /* NOTICE */
    .jt-notice__item a { padding: 24rem 0; }
    .jt-notice__item-title { margin-bottom: 5rem; }
    .jt-notice__item-desc { margin-bottom: 8rem; }
    
    /* RELATED LIST */
    .jt-related { padding: 67rem 0; }
    .jt-related__head { margin-bottom: 28rem; }

    /* CAROUSEL SLIDER */
    .jt-carousel__slider.swiper-initialized { padding-bottom: 53rem; }
    .jt-carousel__slider-item { margin:0 3rem; height:168rem; }
    .jt-embed-video__popup-close { top: -40rem; }
    .jt-embed-video__popup-close .jt-guide--icon { width: 24rem; }
    .jt-carousel__slider .swiper-control .swiper-control__arrow.swiper-button-prev { margin-right: 58rem; }
    .jt-carousel__slider .swiper-control .swiper-control__arrow.swiper-button-next { margin-left: 58rem; }
    .jt-carousel__slider-item .jt-embed-video__overlay-spinner { width: 64rem; height: 64rem; margin-top: -32rem; margin-left: -32rem; }

    /* CK EDITOR GUIDE */
    .jt-editor > * { max-width: inherit; margin-left: 20rem; margin-right: 20rem; }

    .jt-editor h2 { margin-top: 32rem; }
    .jt-editor h3 { margin-top: 32rem; }
    .jt-editor h4 { margin-top: 32rem; }
    .jt-editor p { margin-bottom: 32rem; }

    .jt-editor ul,
    .jt-editor ol { margin-top: 32rem; margin-bottom: 32rem; }
    .jt-editor ul > li:before { top: 11rem; }
    html.ios .jt-editor ul > li:before { top: 10rem; }

    .jt-editor blockquote { margin-top: 32rem; margin-bottom: 32rem; }

    .jt-editor figure.image { margin-top: 60rem; margin-bottom: 60rem; }
    .jt-editor figure.image figcaption { padding-left: 20rem; padding-right: 20rem; }
    .jt-editor .image-wrap { margin-top: 60rem; margin-bottom: 60rem; }
    .jt-editor > img { margin-top: 60rem; margin-bottom: 60rem; }

    .jt-editor .embed-video { margin-top: 60rem; margin-bottom: 60rem; }

    .jt-editor hr { height: 4rem; margin: 60rem auto; background-image: linear-gradient(to right, rgba(0,0,0,1) 0rem 4rem, rgba(0,0,0,0) 4rem 20rem, rgba(0,0,0,1) 20rem 24rem, rgba(0,0,0,0) 24rem 40rem, rgba(0,0,0,1) 40rem 44rem); background-size: 44rem 100%; }

    .jt-editor table { max-width: calc(100% - 40rem); margin-top: 60rem; margin-bottom: 60rem; }
    .jt-editor table th, .jt-editor table td { padding: 20rem 20rem; }
    .jt-editor table th:first-child, .jt-editor table td:first-child { padding-left: 20rem; }

    .jt-editor .title-logo { margin-top: 60rem; margin-bottom: 60rem; }
    .jt-editor .title-logo img { height: 37rem; }
 
    .jt-editor .col-list { margin-top: 60rem; margin-bottom: 60rem; margin-left: 20rem; margin-right: 20rem; column-gap: 20rem; row-gap: 36rem; }
    .jt-editor .col-list > li > h4 { margin-top: 16rem; }
    .jt-editor .col-list > li > b { margin-top: 16rem; }
    .jt-editor .col-list > li > p { margin-top: 4rem; }
    .jt-editor .col-list.col-3 { margin-left: 20rem; margin-right: 20rem; }
    .jt-editor .col-list.col-4 { margin-left: 20rem; margin-right: 20rem; }

    /* JT NICESCROLL */
    .jt-nicescroll__content { padding-right: 18rem; }
    
    /* AGREEMENT */
    .jt-agreement { margin-top: 38rem; }
    .jt-agreement__content { padding-left: 0; }
    .jt-agreement__content .jt-nicescroll { padding: 18rem 10rem 18rem 18rem; }
    .jt-agreement__content ul > li:before { top: 7rem; }
    html.ios .jt-agreement__title .jt-checkbox label > span:before { top: 0; }
    html.ios .jt-agreement__control { top: -1rem; }
    html.ios .jt-agreement__content ul > li:before { top: 6rem; }

    /* JT SUBSCRIPT */
    .jt-subscript { padding: 32rem 20rem; }
    .jt-subscript__title .jt-guide--icon { width: 178rem; top: -2rem; }
    .jt-subscript__sticky-ci { width: 100rem; }
    html.ios .jt-subscript__sticky-ci { margin-top: -3rem; }

    /* LOADMORE */
    .jt-loadmore__icon .jt-guide--icon { width: 36rem; }

    /* MAGNIFIC POPUP */
    button.mfp-close:before { width: 28rem; }
    button.mfp-close:after { width: 28rem; }
    .mfp-iframe-holder button.mfp-close { top: -55rem; }
    .mfp-container { padding-left: 12rem; padding-right: 12rem; }
}



/* **************************************** *
 * 375px
 * **************************************** */
 @media (max-width: 375px){
    /* BUTTON */
    html.ios .jt-btn__underline .jt-guide--icon { top: calc(50% - 1rem); }

    /* JT SUBSCRIPT */
    html.ios .jt-subscript__sticky-title .jt-guide--icon:not(.jt-subscript__sticky-ci) { top: -2rem; }
 }