@charset "utf-8";
/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */
 /* **************************************** *
 * 540px
 * **************************************** */
 @media(min-width: 540px){

 	/* My QT */
 	.jt-single__title.jt-single__title-qt{max-width: inherit;}
 	.jt-single__header-inner-top .jt-single__read-btn span{padding-left: 1rem; letter-spacing: -0.025em;}
 	.jt-attend-btn span{padding-left: 2.5rem;}

 }
 /* **************************************** *
 * 540px~680px
 * **************************************** */
 @media(min-width: 540px) and (max-width: 680px){

 	/* My QT */
 	.jt-single__title.jt-single__title-qt{max-width: 30.1rem;}

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

 	/* My QT */
 	.jt-form__btn_qt-wrap{width: 35.5rem; height: 6rem;}

 	.jt-rows .jt-row__content.jt-row__content-check > div{display: table-cell;}
 	.jt-rows .jt-row__content.jt-row__content-check .jt-row__read_wrap{padding-left: 2rem;}
 	.jt-rows .jt-row__content.jt-row__content-check .jt-row__read_wrap span{font-size: 1.4rem;}

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


	/*
	.jt-single__content h1,
	.jt-single__content h2 {font-size: 3.4rem;}
	.jt-single__content h3 {font-size: 3rem;}
	.jt-single__content h4 {font-size: 2.6rem;}
	.jt-single__content h5 {font-size: 2.2rem;}
	.jt-single__content h6 {font-size: 2rem;}
	.jt-single__content p {margin-bottom: 3.2rem;}
	*/

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

    /* **************************************** *
	 * BUTTON
	 * **************************************** */
    .jt-btn__basic { border-width: 0.2rem; padding: 1.9rem 1rem 2.1rem; font-size: 1.6rem; min-width: 21rem; transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s}
    .jt-btn__basic.jt-btn--small {font-size:1.4rem; padding: 1.3rem 1.5rem 1.5rem;}

    .jt-btn__icon {font-size: 1.5rem;padding: 1.5rem 1.9rem 1.7rem;}
	.jt-btn__icon span:after {top:0.6rem;}

    .jt-loadmore__btn span:before {top:0.6rem;}
    .jt-loadmore__spinner {top:2rem;}

	.jt-single__location {padding-left: 1.8rem;}
	.jt-single__location:before {font-size: 1.4rem; top: 0.2rem;}

    .jt-single__content .wp-block-button { margin-top: 1.8rem;  margin-bottom: 1.8rem;}
	.jt-single__content .wp-block-button .wp-block-button__link {font-size: 1.5rem;padding: 1.5rem 1.9rem 1.7rem;}
    .jt-single__content .wp-block-button.xs .wp-block-button__link { padding: 0.9rem 1.2rem 1rem; font-size: 1.4rem;}

	.jt-single__content .wp-block-gallery .blocks-gallery-item figcaption {font-size: 1.5rem; padding-bottom: 1.8rem;}

	.jt-single__subscribe { padding: 1rem 1.2rem; font-size: 1.4rem; min-width: 9rem; line-height: 1; }

    .jt-btn__arrow span:before { font-family: 'jt-font'; content: '\e903'; font-size: 1.4rem; color: #222; position: absolute; top: 0.6rem; right: 0; }
    .jt-btn__arrow span:after { font-family: 'jt-font'; content: '\e903'; font-size: 1.4rem; color: #222; position: absolute; top: 0.6rem; right: 0; }
    .jt-btn__arrow span:after{opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-10px);}

    /* html.desktop .jt-btn__arrow:hover span:after {-webkit-transform: scale(1.1) rotate(0.05deg);-ms-transform: scale(1.1) rotate(0.05deg);transform: scale(1.1) rotate(0.05deg);-webkit-transition: -webkit-transform .55s;transition: -webkit-transform .55s;transition: transform .55s;transition: transform .55s, -webkit-transform .55s;} */
    html.desktop .js_full_click:hover .jt-btn__arrow span:before,
    html.desktop .jt-login-first:hover .jt-btn__arrow span:before,
    html.desktop .jt-btn__arrow:hover span:before {opacity: 0;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);-webkit-transition: all .2s cubic-bezier(0.47, 0, 0.75, 0.72) 0s;transition: all .2s cubic-bezier(0.47, 0, 0.75, 0.72) 0s;}
    html.desktop .js_full_click:hover .jt-btn__arrow span:after,
    html.desktop .jt-login-first:hover .jt-btn__arrow span:after,
    html.desktop .jt-btn__arrow:hover span:after  {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) .3s;transition: all .3s cubic-bezier(0, 0, 0.2, 1) .3s;}
    html.desktop .jt-btn__basic:hover { background: #0f4c82; color: #fff; border-color: #0f4c82;}
    html.desktop .jt-btn--secondary:hover { background: #999; color: #fff; border-color: #999;}
    html.desktop .jt-loadmore__btn:hover { background: #ececec; color:#999; border-color:#ddd;}

    html.desktop .jt-single__content .wp-block-button__link:hover,
    html.desktop .jt-single__content a.wp-block-button__link:hover,
    html.desktop .jt-single__content button.wp-block-button__link:hover{border-color: #0f4c82; background: #0f4c82; color:#fff;}

	/* My QT */
	.jt-single__header-inner-top .jt-single__read-btn span{vertical-align: baseline;}
	.jt-form__btn-wrap.jt-qt-diary{margin-top: 5.9rem; margin-bottom: 3.9rem; width: 40rem;}

	.jt-single__content table.jt-read-list td{padding: 2.4rem 0 2.5rem;}
	.jt-single__content table.jt-read-list tr:first-child td, .jt-single__content table th{padding: 1.95rem 0 2.05rem;}

	.jt-single__content table.jt-read-list .jt-read-list__link {font-size:1.4rem; position: relative; border: 0;}
	.jt-single__content table.jt-read-list .jt-read-list__link:after {content: '';display: block;width: 100%;height: 0.1rem;background: #0f4c82;position: absolute;bottom: -0.1rem;right: 0;transition: 0.3s; -webkit-transition: 0.3s;}
	.jt-single__content table.jt-read-list .jt-read-list__link:before {content: '';display: block;width: 0;height: 0.1rem;background: #0f4c82;position: absolute;bottom: -0.1rem;left: 0;transition: 0.3s; -webkit-transition: 0.3s; transition-delay: 0.4s;}
	.jt-single__content table.jt-read-list .jt-read-list__link:hover:after { width: 0; }
	.jt-single__content table.jt-read-list .jt-read-list__link:hover:before { width: 100%; }

    .jt-accordion__content-inner.jt-accordion-qt { padding: 4rem;}



    /* **************************************** *
     * FORM
     * **************************************** */
    /* Selectric */
    .selectric .label {font-size:1.4rem;}
    .selectric-open:before {left:0.1rem}
    .selectric-open:after {right:0.1rem}
	html.mobile .jt-selectric__wrap {background: transparent;}
	html.mobile .jt-selectric__wrap > select {padding: 1.6rem 3.4rem 1.7rem 1.4rem; }


    /* **************************************** *
	 * SINGLE GUTEMBERG
	 * **************************************** */

	.swiper_control .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; margin: 0 0.75rem; border-width: 0.1rem; }
	.swiper_play_state { width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; }
	.swiper_play_state_btn:after { font-size: 1.6rem; line-height: 1.6rem; }

	.single-btn-group {max-width: 79rem; margin-top: 5.4rem;margin-bottom: 5.4rem; margin-right: auto; margin-left: auto;}
	.jt-single__content {padding-bottom:8rem; margin-top: 5.5rem;}
	.jt-single__content > .single-btn-group:last-child {margin-top:4rem;}

    .jt-single__content .jt-accordion,
	.jt-single__content .wp-block-embed-youtube,
	.jt-single__content table{ margin-right:auto; margin-left:auto}

	.jt-single__content .jt-accordion { margin-top: 2.5rem; margin-bottom: 2.5rem;}

	.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-button,
	.jt-single__content .wp-block-audio {margin-left: auto;margin-right: auto;}

	.jt-single__content h1,
	.jt-single__content h2,
	.jt-single__content h3,
	.jt-single__content h4,
	.jt-single__content h5,
	.jt-single__content h6 {margin-bottom: 2rem;margin-top: 3.5rem;}
	.jt-single__content h1 {font-size:2.8rem;}
	.jt-single__content h2 { font-size: 2.5rem; }
	.jt-single__content h3 {font-size: 2.1rem;margin-top: 5.6rem;margin-bottom: 1.8rem;}
	.jt-single__content h4 {font-size: 1.8rem;}
	.jt-single__content h5 {font-size: 1.7rem;}
	.jt-single__content h6 {font-size: 1.6rem;}

    .single-training .jt-single__content-outer,
    .single-serving .jt-single__content-outer { padding-top: 0;}

	/* jubo custom */
	.single-jubo .jt-single__content h1 {font-size: 2.8rem;}
	.single-jubo .jt-single__content h2 {font-size: 2.5rem;}
	.single-jubo .jt-single__content h3 {font-size: 2.1rem;}
	.single-jubo .jt-single__content h4 {font-size: 1.8rem;}
	.single-jubo .jt-single__content h5 {font-size: 1.7rem;}
	.single-jubo .jt-single__content h6 {font-size: 1.6rem;}

	.jt-single__content h2 + h3 {margin-top:3rem;}
    .jt-single__content h2 + ul:not(.jt-gallery),
    .jt-single__content h2 + ol:not(.jt-gallery),
    .jt-single__content h3 + ul:not(.jt-gallery),
    .jt-single__content h3 + ol:not(.jt-gallery),
    .jt-single__content p + ul:not(.jt-gallery),
    .jt-single__content p + ol:not(.jt-gallery) {margin-top:2rem;}
	.jt-single__content p.xl {font-size: 1.8rem;}

    .jt-single__content ul:not(.jt-gallery), .jt-single__content ol:not(.jt-gallery) {margin-top:4.6rem; margin-bottom:4.6rem;}
	.jt-single__content ul:not(.jt-gallery) a:after, .jt-single__content ol:not(.jt-gallery) a:after {top:0rem;}
	.jt-single__content ul:not(.jt-gallery) a[target="_blank"]:after, .jt-single__content ol:not(.jt-gallery) a[target="_blank"]:after {top:-0.1rem;}
	.jt-single__content ul li {margin-bottom:0.8rem; font-size:1.6rem;padding-left:1.3rem;}
	.jt-single__content ul li:before {top:1.1rem;}
	.jt-single__content ol li {margin-bottom:0.6rem; font-size:1.6rem;}

	.jt-single__content .wp-block-embed figcaption {font-size:1.6rem; margin-bottom:6.7rem;}

	.jt-single__content p {font-size:1.6rem; line-height:1.7;}
	.jt-single__content p + div,
	.jt-single__content p + ul.wp-block-gallery,
	.jt-single__content p + ol.wp-block-gallery,
	.jt-single__content p + .wp-block-image,
	.jt-single__content p + table {margin-top: 5.2rem;}
	.jt-single__content blockquote.wp-block-quote {margin-bottom:5.4rem;}
	.jt-single__content blockquote {margin-bottom: 3.2rem; padding: 3.4rem 5rem;}
	.jt-single__content blockquote p {font-size:1.6rem;}

	.jt-accordion__questions {font-size:1.6rem;}
	.jt-single__content .block-accordion .jt-accordion__content p {margin-bottom:0;}

	.wp-block-image figcaption {font-size:1.6rem; margin-bottom: 6.7rem;}

    .jt-single__content table {margin:auto; margin-bottom:4.5rem;}
	.jt-single__content table tr:first-child td,
	.jt-single__content table th,
	.jt-single__content table td {font-size:1.6rem;}

	.jt-single__content img {margin-top:6.5rem;margin-bottom: 6.5rem;}
	.jt-single__content .alignfull img { position: relative; left: 50%;margin-left: -50vw; width: 100vw; max-width: inherit;}
	.jt-single__content .wp-block-image img {margin-top:1rem; margin-bottom:0rem;}
	.jt-single__content .wp-block-image.image-100 img { width: 100%; } /* image 100 in very large screen */
	.jt-single__content div.wp-caption {margin-top: 6.5rem;margin-bottom: 6.5rem;}
	.jt-single__content div.wp-caption img {margin-top: 0rem;margin-bottom: 0rem;}
	.jt-single__content div.wp-caption p.wp-caption-text {margin-top: 0.8rem;margin-bottom: 0rem;}

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

	.jt-single__content .jt-single-slideshow {max-width:79rem; margin-right:auto; margin-left:auto; margin-bottom:6.7rem;}

	.jt-single .jt-tags {max-width:80rem; margin-right:auto; margin-left:auto;}
	.single-training .jt-single .jt-tags,
	.single-serving .jt-single .jt-tags {max-width:none;}

    .jt-accordion__title { padding: 2.2rem 0 2.4rem;}
	.jt-accordion__content-inner { padding: 2rem 2rem;}

    /* Pullquote block */
    .jt-single__content .wp-block-pullquote {margin-left:auto; margin-right:auto;}

	/* Youtube block */
	.jt-single__content .wp-block-embed-youtube {margin-bottom: 3.2rem;}

    /* Custom class */
	.jt-single__content ul.point,
    .jt-single__content ol.point {padding: 2rem 2rem;}
    .jt-single__content .full { position: relative; left: 50%; margin-left: -50vw; width: 100vw; max-width: inherit; padding-left: 4.5rem; padding-right: 4.5rem;} /* force align full */

	/* Separator block */
	.jt-single__content hr.wp-block-separator {margin:6.2rem auto 5.6rem; height: auto; max-width: 79rem;}
	.jt-single__content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 79rem;}

    /* shortcode */
	.divide-bar { display: inline-block; padding: 0 0.6rem; margin-top: -0.9rem; vertical-align: middle;}
	html.ie11 .divide-bar {margin-top: -0.2rem;}

	/* video */
	.jt-embed-video {margin-left: auto;	margin-right: auto;}

    /* tab */
    .jt-single__content .jt-tab { max-width: 79rem; margin-left: auto; margin-right: auto;}

    /* Nothing */
    .jt-single__content .jt-list-nothing {  max-width: 79rem; }

    /* pagination */
    html.ie .single-pagination__title.single-pagination--prev:after { top:auto; margin-top: -1.1rem; }
    html.ie .single-pagination__title.single-pagination--next:after { top:auto; margin-top: -1.1rem; }
    html.ie .single-pagination__link b {margin-top: 0.2rem;}
    html.ie .single-pagination__link b:after {margin-top: -0.4rem}

    /* **************************************** *
     * JT LIST COMPONENT
     * **************************************** */
    /* Nothing */
    .jt-list-nothing {padding-top:10rem; padding-bottom:10rem; margin: 0 auto; position: relative; text-align: center;}
    .jt-list-nothing b {font-size:2.4rem;}
	.jt-list-nothing p br {display: block;}


    /* **************************************** *
     * JT SHARE
     * **************************************** */
    .jt-header__share:after {-webkit-transition: color 0.3s;transition: color 0.3s;}
	.jt-share-popup .jt-share__title button span:before{-webkit-transition: color 0.3s, -webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition: color 0.3s, -webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition: color 0.3s, transform 1s cubic-bezier(.075,.82,.165,1);transition: color 0.3s, transform 1s cubic-bezier(.075,.82,.165,1), -webkit-transform 1s cubic-bezier(.075,.82,.165,1); display:inline-block}
	.jt-share-popup .jt-share__title button:hover span:before{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
    .jt-share-popup .jt-share__content span {position:relative; display:inline-block;}
    .jt-share-popup .jt-share__content span:before {width:100%;height:1px; background:#666; content:''; display:block; position:absolute; bottom:0; opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s}

    html.desktop .jt-header__share:hover:after {color:#666;}
    html.desktop .jt-share-popup .jt-share__title button:hover span:before {color:#666;}
    html.desktop .jt-share-popup .jt-share__content > a:hover span:before {opacity:1;}
}