@charset "utf-8";
/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



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

    /* MAGNIFIC POPUP */
    .mfp-iframe-holder button.mfp-close {top: -6rem; right: 0;}

}



/* **************************************** *
 * 860px (작업 @768px 1rem = 10px )
 * **************************************** */
@media (max-width: 860px){
    /* SINGLE */
    body.single .main_container {padding-bottom: 0;}

    .jt-single__header {padding: 4.5rem 0 3rem;}
    .jt-single__header-inner {border-bottom-width: 0.2rem;}

    .jt-single__content h1, .jt-single__content h2, .jt-single__content h3, .jt-single__content h4, .jt-single__content h5, .jt-single__content h6 {margin-bottom: 1.4rem;}
    .jt-single__content h1, .jt-single__content h2 {font-size: 2.4rem;}
    .jt-single__content h3 {font-size: 2.2rem;}
    .jt-single__content h4 {font-size: 2.3rem;}
    .jt-single__content h5 {font-size: 1.9rem;}
    .jt-single__content h6 {font-size: 1.7rem;}
    .jt-single__content p {margin-bottom: 2.2rem; line-height:1.7;}
    .jt-single__content ul:not(.blocks-gallery-grid), .jt-single__content ol:not(.blocks-gallery-grid) {margin-bottom: 2.2rem;}
    .jt-single__content ul li {padding-left: 0.9rem;}
    .jt-single__content ul li:before {width: 0.3rem;height: 0.3rem;}
    .jt-single__content blockquote {margin-bottom: 2.2rem;padding-left: 1.2rem;border-left-width: 0.3rem;}
    .jt-single__content img {margin-top: 3.6rem;margin-bottom: 3.6rem;}
    .jt-single__content div.wp-caption {margin-top: 3.6rem;margin-bottom: 3.6rem;}
    .jt-single__content .wp-block-file a {padding: 1.2rem 2.2rem;font-size: 1.4rem;}

    .jt-single__content .wp-block-image {margin-bottom:4.3rem;}
    .jt-single__content .wp-block-image img {margin-top:4.3rem;}

    .jt-single__title {font-size:2.8rem;}

    /* SINGLE COMPONENT */
    .jt-gallery {margin: 3.6rem -0.4rem;}
    .jt-gallery .jt-gallery__icon {padding: 0.4rem;}
    .jt-gallery .jt-gallery__caption {font-size: 1.3rem;}

    .single-btn-group {margin-left: 2rem;margin-right: 2rem;margin-bottom: 3.6rem;}

    .jt-embed-video {margin-bottom: 3.6rem;}
    .jt-embed-video__overlay-btn {width: 6rem;height: 6rem;margin-left: -3rem;margin-top: -3rem;}
    .jt-embed-video__overlay-btn:after {font-size: 2.4rem;line-height: 5.8rem;}

    /* ATTACHMENTS */
    .jt-download-files {margin-top: 4.5rem;padding-left: 1.4rem;border-left-width: 0.2rem;}
    .jt-download-files b {padding-left: 1.8rem;}
    .jt-download-files b:before {width: 1.4rem;height: 1.4rem;margin-top: -0.6rem;font-size: 1.4rem;}
    .jt-download-files i.jt-download-files__comma {padding-right: 0.4rem;}

    /* SINGLE PAGINATION */
    .single-pagination {height: 6.8rem; border-top:1px solid #ddd; margin: 10rem auto 0;}
    .single-pagination:before {width:100%; height:6px; background:#eaeaea; border-top:0.1rem solid #ddd;content:''; display:block; position:absolute; top:-0.8rem;}
    .single-pagination__link span {padding-top:0;}
    .single-pagination__link.single-pagination--prev span {padding-left: 2.2rem; padding-right: 2.2rem;}
    .single-pagination__link.single-pagination--next span {padding-right: 2.2rem; padding-left: 2.2rem;}
    .single-pagination__link, .single-pagination__title {font-size: 1.4rem; padding-left:4rem; padding-right:4rem;}
    .single-pagination__link b {font-size: 1.8rem;}
    .single-pagination__link b:after {top: 0rem;line-height:1.8; color:#000; opacity:1;visibility:visible;}
    html.desktop .single-pagination__link:hover b {color:#000;}
    .single-pagination__link.single-pagination--prev b {padding-left: 2.2rem;}
    .single-pagination__link.single-pagination--next b {padding-right: 2.2rem;}
    .single-pagination__list {width:6.7rem; height:100%; line-height:7.1rem; top:inherit;margin-top: 0;background-size: 1.6rem auto; background:#f8f8f8; border-left:0.1rem solid #ddd; border-right:0.1rem solid #ddd;}
    .single-pagination__list:before {color:#000;}

    /* SHARE */
    .jt-share .jt-share__item {width: 3rem;height: 3rem;margin: 0 0.5rem;}
    .jt-share .jt-share__item:before {width: 3em;height: 3rem;margin-left: -2.2rem;margin-top: -2.2rem;}
    .jt-share .jt-share__item:after {font-size: 1.6rem;line-height: 3.5rem;}
    .jt-share .jt-share__item.jt-share--twitter:after {font-size: 1.4rem;}
    html.desktop .jt-share .jt-share__item:hover:before {width: 8rem;height: 8rem;margin-left: -4rem;margin-top: -4rem;}

    /* SEARCH */
    .jt-search {padding: 6% 3rem;margin-bottom: 6%;}
    .jt-search__category {width: 9rem;}
    .jt-search__category .selectric .label {height: 3.8rem;margin-right: 3rem;font-size: 1.4rem;line-height: 3.8rem;}
    .jt-search__category .selectric .button {width: 3rem;height: 3.8rem;}
    html.mobile .jt-search__category > select {padding: 1.2rem 3rem 1.2rem 1.2rem;font-size: 1.4rem;}
    html.mobile .jt-search__category:before {width: 3rem;line-height: 4rem;}
    .jt-search__input.jt_form_field {width: 22rem;height: 4rem;margin: 0 0.5rem;}
    .jt-search__submit {width: 8rem;height: 4rem;}

    /* JT LOADMORE */
    .jt-loadmore {margin-top: 3rem;}
    .jt-pagination {margin-top: 3rem;}

    /* JT LIST COMPONENT */
    .jt-list-nothing {border-top-width: 0.2rem;}
    .jt-list-nothing b {font-size: 2.2rem;}
    .jt-list-nothing p {font-size: 1.4rem;line-height: 1.55;}

    /* CATEGORY */
    .jt-category {margin-bottom: 1.6rem;}
    .jt-category ul li:before {height: 1rem;margin-top: -0.5rem;}
    .jt-category ul a {padding: 0.8rem 1.3rem;font-size: 1.4rem;}
    .jt-category__button:after {line-height: 3.8rem;}
    .jt-category__prev {left: -0.9rem;}
    .jt-category__next {right: -0.9rem;}

    html.desktop .jt-category {height: 3.8rem;}
    html.desktop .jt-category:before, html.desktop .jt-category:after {width: 3.2rem;}
    html.desktop .jt-category ul li:first-child {padding-left: 1.5rem;}
    html.desktop .jt-category ul li:last-child {padding-right: 1.5rem;}

    html.mobile .jt-category {height: 3.2rem;}
    html.mobile .jt-category:before, html.mobile .jt-category:after {width: 1.3rem;}

    /* BUTTON */
    .jt-btn__basic {padding: 1.2rem 2.2rem;font-size: 1.4rem;}
    .jt-btn__basic.jt-btn--small {padding: 0.9rem 1.4rem;font-size: 1.3rem;}
    .jt-btn__basic.jt-btn--large {padding: 1.4rem 3.5rem;}
    html.ios .jt-btn__basic {padding-top: 1.3rem;padding-bottom: 1.1rem;}
    html.ios .jt-btn__basic.jt-btn--small {padding-top: 1rem;padding-bottom: 0.8rem;}
    html.ios .jt-btn__basic.jt-btn--large {padding-top: 1.5rem;padding-bottom: 1.3rem;}

    .jt-btn__icon {padding:1rem 2.6rem 1.3rem 1.8rem;}
    .jt-btn__icon span:after {font-size: 1rem;}
    .jt-btn__icon.jt-btn--large {width: 12rem;padding-top: 1.6rem;padding-bottom: 1.6rem;}
    html.ios .jt-btn__icon {padding-top: 1rem;padding-bottom: 1.3rem;}

    /* Gutemberg Ver.6 update */
    .jt-single__content .is-layout-flex .wp-block-image img {margin-top: 0;}
}



/* **************************************** *
 * 540px (작업 @375px 1rem = 10px )
 * **************************************** */
@media (max-width: 540px){
    /* SINGLE */
    .jt-single__header {padding: 3.2rem 0 2.2rem;}
    .jt-single__header-inner {padding-bottom: 1.2rem;}
    .jt-single__title {font-size: 2.5rem;}
    .jt-single__meta {padding-top: 0.8rem;}
    .jt-single__meta > * { font-size:1.4rem; padding: 0 0.6rem;}

    .jt-single__wrap, .jt-single__content h1, .jt-single__content h2, .jt-single__content h3, .jt-single__content h4, .jt-single__content h5, .jt-single__content h6, .jt-single__content p, .jt-single__content ul:not(.jt-gallery), .jt-single__content ol:not(.jt-gallery), .jt-single__content blockquote, .jt-single__content .wp-block-verse, .jt-single__content .wp-block-preformatted, .jt-single__content blockquote.wp-block-quote,.jt-single__content .wp-block-buttons,.jt-single__content .wp-block-audio, .wp-block-table, .jt-single__content .wp-block-file {margin-left: 2.5rem;margin-right: 2.5rem;}
    .jt-single__content h1, .jt-single__content h2, .jt-single__content h3, .jt-single__content h4, .jt-single__content h5, .jt-single__content h6 {margin-top:2.5rem; margin-bottom: 1rem;}
    .jt-single__content h1, .jt-single__content h2 {font-size: 2rem;}
    .jt-single__content h3 {font-size: 1.8rem;}
    .jt-single__content h4 {font-size: 1.7rem;}
    .jt-single__content h5 {font-size: 1.6rem;}
    .jt-single__content h6 {font-size: 1.6rem;}
    .jt-single__content p {font-size:1.5rem; margin-bottom: 1.5rem;line-height: 1.8;word-break: break-all;}
    .jt-single__content p.has-light-font-size,
    .jt-single__content p.has-regular-font-size,
    .jt-single__content p.has-medium-font-size,
    .jt-single__content p.has-bold-font-size { font-size: 1.5rem !important; }
    .jt-single__content ul:not(.blocks-gallery-grid), .jt-single__content ol:not(.blocks-gallery-grid) {margin-bottom: 1.5rem;}
    .jt-single__content li {line-height: 1.7;}
    .jt-single__content ul li:before {top: 1rem;}
    .jt-single__content blockquote {margin-bottom: 1.5rem;padding-left: 1rem;border-left-width: 0.2rem;}
    .jt-single__content img {margin-top: 2.6rem;margin-bottom: 2.6rem;}
    .jt-single__content div.wp-caption {margin-top: 2.6rem;margin-bottom: 2.6rem;}
    html.ios .jt-single__content ul li:before {top:1.1rem;}

    .jt-single__content .wp-block-image {margin-bottom:2rem;}
    .jt-single__content .wp-block-image img {margin-top:2.5rem;}
    .jt-single__content .wp-block-image + h2,
    .jt-single__content .wp-block-image + h3,
    .jt-single__content .wp-block-image + h4,
    .jt-single__content .wp-block-image + h5,
    .jt-single__content .wp-block-image + h6 {margin-top:2.5rem;}

    .jt-single__content li {font-size:1.5rem;}
    .jt-single__content .wp-block-embed-youtube { margin-top: 2.3rem; margin-bottom: 4.2rem;}
    .jt-single__content table {margin-bottom:2.5rem;}
    .jt-single__content .wp-block-button a, .jt-single__content .jt_btn_wrap a.jt_grad_btn {font-size:1.4rem;padding: 1.2rem 1.8rem 1.3rem;}

    /* SINGLE COMPONENT */
    .jt-gallery {margin: 2.6rem -0.3rem;}
    .jt-gallery .jt-gallery__icon {padding: 0.3rem;}
    .jt-gallery .jt-gallery__caption {line-height: 1.35;}

    .jt-embed-video {margin-bottom: 2.6rem;}
    .jt-embed-video__overlay-btn {width: 5.6rem;height: 5.6rem;margin-left: -2.8rem;margin-top: -2.8rem;}
    .jt-embed-video__overlay-btn:after {font-size: 2.2rem;line-height: 5.2rem;}

    .single-btn-group {margin-left: 1.5rem;margin-right: 1.5rem;margin-bottom: 2.6rem;}

    /* ATTACHMENTS */
    .jt-download-files {margin-top: 3.5rem;padding-left: 1.2rem;}

    /* SINGLE PAGINATION */
    .single-pagination {height: 6.2rem; margin-top:6rem;}
    .single-pagination--prev {padding-right: 4.7rem;padding-left: 2.5rem;}
    .single-pagination--next {padding-left: 4.7rem;padding-right: 2.5rem;}
    .single-pagination__link.single-pagination--prev span {padding-right: 0rem;}
    .single-pagination__link.single-pagination--next span {padding-left: 0rem;}
    .single-pagination__list {width: 6.1rem;height: 100%; line-height:6.5; margin-left: -3.2rem;}
    .single-pagination__link, .single-pagination__title, .single-pagination__link b {font-size:1.3rem;}
    .single-pagination__link b:after {line-height:1.3rem;}
    html.ios .single-pagination__title {padding-bottom:0.5rem;}
    html.ios .single-pagination__link b {padding-bottom:0;}

    /* SINGLE KEYWORD */
    .jt-single__content .jt-single__keyword {margin-top:2.8rem;}
    .jt-single__content .jt-single__keyword ul {padding-left:6.5rem; padding-top: 0.4rem}
    .jt-single__content .jt-single__keyword li {margin-right:1rem;}
    .jt-single__content .jt-single__keyword li a {font-size:1.4rem;}

    /* SINGLE CREDIT */
    .jt-share {width:16rem}
    .jt-single-share__button:before {font-size:1.5rem;}
    .jt-single__content .jt-single__credit {display:block;width:auto;margin:4rem 0;}
    .jt-single__content .jt-single__credit-type-01,
    .jt-single__content .jt-single__credit-type-02 { margin-left:2.5rem; margin-right:2.5rem;}
    .jt-single__content .jt-single__credit-type-01 ul {margin-left:0; margin-right:0;}
    .jt-single__content .jt-single__credit-type-01 ul:last-child {margin-bottom:0;}
    .jt-single__content .jt-single__credit-type-01 ul li b, .jt-single__content .jt-single__credit-type-01 ul li span {display:inline-block;}
    .jt-single__content .jt-single__credit-type-02 {padding: 2rem 0; margin-bottom:2.8rem;}
    .jt-single__content .jt-single__credit-type-02 > b {width:27%;}

    /* SHARE */
    .jt-share .jt-share__item { width: 2.5rem; margin: 0 0.4rem;}
    .jt-share .jt-share__item:before {width: 4rem;height: 4rem;margin-left: -2rem;margin-top: -2rem;}
    .jt-share .jt-share__item:after {font-size: 1.4rem;line-height: 3.6rem;}
    .jt-share .jt-share__item.jt-share--facebook:after {font-size: 1.4rem;}
    .jt-share .jt-share__item.jt-share--twitter:after {font-size: 1.3rem;}
    .jt-share .jt-share__item.jt-share--link:after {font-size:1.3rem;}
    html.desktop .jt-share .jt-share__item:hover:before {width: 7rem;height: 7rem;margin-left: -3.5rem;margin-top: -3.5rem;}

    .jt-share--copynote { width: 90%; margin-left: -45%;padding: 1.8rem 2.5rem;left: 50%;text-align: center;}
    .jt-share--copynote p {font-size:15px;line-height: 1.5;}
    .jt-share--copynote p br {display: block;}
    html.ios .jt-share--copynote {padding-top: 1.9rem;padding-bottom: 1.7rem;}

    /* SEARCH */
    .jt-search {padding: 0;margin-bottom: 3rem;background: transparent;}
    .jt-search__category {width: 8.5rem;}
    .jt-search__field {width: -webkit-calc(100% - 8.5rem);width: calc(100% - 8.5rem);padding-left: 0.5rem;}
    .jt-search__input.jt_form_field {width: 100%;margin: 0;padding-right: 4rem;}
    .jt-search__submit {width: 4rem;height: 4rem;padding: 0;position: absolute;top: 0;right: 0;font-size: 0;background: none;border: none;}
    .jt-search__submit:after {display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e932';font-size: 1.3rem;font-weight: normal;line-height: 4rem;color: #a89968;}

    /* PAGINATION */
    .jt-pagination {margin-top: 3.2rem;}

    /* JT LOADMORE */
    .jt-loadmore {margin-top: 2.4rem;margin-bottom:1.1rem;}
    .jt-loadmore__btn {font-size:1.2rem; position:relative;}
    .jt-loadmore__btn:after {width:100%; height:0.1rem; background:#aaa; content:''; display:block; position:absolute; bottom:0;left:0;}
    .jt-loadmore__btn:before {display:none;}
    .jt-loadmore__btn b {display:none;}

    /* JT LIST COMPONENT */
    .jt-list-nothing {padding: 15% 1.5rem;}
    .jt-list-nothing b {font-size: 2rem;}

    /* Table block  */
    .jt-single__content table th,
    .jt-single__content table td {font-size:1.4rem; line-height:1.4;padding:1.5rem 0.5rem; }
    .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {word-break: keep-all;}

    .jt-single__content .wp-block-table.mini {margin:4rem 2.5rem 2.8rem;}
    .jt-single__content .wp-block-table.mini table {padding: 1.5rem 0;}
    .jt-single__content .wp-block-table.mini td { display: inline-block; width: 50%;}

    /* gallery */
    .jt-single__content .wp-block-gallery { padding-top: 2rem; }

    /* MAGNIFIC POPUP */
    .mfp-video-popup button.mfp-arrow {width:6rem;}
    .mfp-video-popup button.mfp-arrow:before {font-size:4rem;}
    .mfp-video-popup .mfp-arrow-left {margin-left:0;}
    .mfp-video-popup .mfp-arrow-right {margin-right:0;}

    .mfp-iframe-holder button.mfp-close { top: -5rem; right: -1rem;}
    button.mfp-close:after {font-size:2rem;}

    /* Button */
    .load-more__btn-inner {padding-top:0; font-size:1.2rem;}
    .jt-btn__renewal {padding: 1.2rem 3.9rem 1.1rem 4.1rem}

}