@charset "utf-8";
/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (HREE)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1800px
 * 02) 860px
 * 03) 540px
 */



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

    .main-now-slideshow__item-figure, .main-now-slideshow__item-content {height: auto; width: auto;}

}
/* 1800px */



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

	/* UTILITY */
	.br-medium{display:block}

	/* GLOBAL SETION */
	.main-section { padding: 8rem 0 8rem; min-height: inherit;}
    .main-section .wrap { margin: 0 4rem }
    .main-section__title {font-size: 4.2rem;}

    .main-one-line__slide {margin-top: 3.6rem; margin-left: -1rem; margin-right: -1rem}
    .main-two-line__slide {margin-top: 8rem; margin-left: -1rem; margin-right: -1rem}
    .main-two-line__slide .main-slideshow__item {margin-bottom: 4.5rem;}
    .main-one-line__slide .main-slideshow__item{margin-bottom: 4.5rem; padding-left:1rem; padding-right: 1rem;}
    .swiper-container-horizontal > .swiper-scrollbar { width: calc(100% - 2rem); left: 1rem;}

	/* VISUAL */
    .main-visual {padding-top: 0;}
    .main-visual__top {flex-wrap: wrap-reverse; margin-top: 4rem;}
    .main-visual__cat {font-size: 2.2rem;}
    .main-visual__images {width: 100%; height: auto; padding-top: 145.3%;}
    .main-visual__content {width: 100%; margin-top: 4rem; padding-right: 0;}
    .main-visual__title {font-size: 4.2rem; margin-top: 1.6rem;}
    .main-visual__desc {font-size: 1.6rem; margin-bottom: 4rem;}
    .main-two-line__slide .main-slideshow__item { padding: 0 1rem; }

    .main-slideshow__cat {font-size: 1.2rem;}
    .main-slideshow__title {font-size: 1.6rem; margin-top: 0.2rem;}
    .main-slideshow__desc {padding: 1rem 0 0;}
    .main-slideshow__desc .main-visual__cat {font-size: 1.2rem;}
    .main-visual .main-slideshow__images {height: auto;}

    /* STORY */
    .main-story-archive {margin: 3.6rem 0 6rem;}
    .main-story-archive__sub {font-size: 2.6rem; margin-top: 0.5rem}
    .main-story-archive__list {margin-top: 2.5rem; grid-column-gap: 2rem;}
    .main-story-archive__images {height: auto; padding-top: 100%;}
    .main-story-archive__desc {font-size: 1.6rem; margin-top: 1rem;}

    .main-story-announce__sub {font-size: 2.6rem; margin-top: 0.5rem}
    .main-story-announce__list {margin-top: 1.1rem;}
    .main-story-announce__item {padding: 2.8rem 0 2.9rem;}
    .main-story-announce__cat {font-size: 1.5rem;}
    .main-story-announce__desc {font-size: 1.5rem;}
    .main-story-announce__date {font-size: 1.5rem;}
    .main-story-announce__list li:last-child .main-story-announce__item {padding-bottom: 1rem}

	/* NOW */
    .main-now-slideshow__item-figure,
	.main-now-slideshow__item-content { display: block; width: 100%; height: auto;}
	.main-now-slideshow__item-figure { padding-top: 64%; height: auto;}
	.main-now-slideshow__item-figure-link{ display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.main-now-slideshow__item-figure-link.now-slideshow__item-figure--has-video:after {left: 50%;bottom: auto;right: auto;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 5rem;height: 5rem;line-height: 5rem;font-size: 5rem;text-indent: 0.3rem;}
    .main-now-slideshow__item-figure-link.now-slideshow__item-figure--has-video:before { content:""; position: absolute; left: 0; width: 100%; height: 100%; background: #000; top: 0; z-index: 9; opacity: 0.5; }

	.main-now-slideshow__item-content {padding: 5.5rem 5rem 5rem; min-height: 37rem;}

	.main-now-slideshow .slick_additional { margin-top: 3.5rem;}
	.main-now-slideshow .slick_slider_wrap {margin-top: 3.6rem;}
    .main-now-slideshow .slick-dots > li{width: 2.4rem; height: 2.4rem;}
    .main-now-slideshow .slick-dots > li:after {width: 0.8rem;; height: 0.8rem;}

	.main-now-slideshow__item-title { font-size: 2.2rem; margin: -0.3rem 0 2rem; }
	.main-now-slideshow__item-cat { padding: 0.5rem 1rem 0.3rem; margin-bottom: 0.8rem;}
    .main-now-slideshow__item-desc {margin-left: -0.2rem}
    .main-now-slideshow__item-desc-list-item {padding-bottom: 1rem;}
    .main-now-slideshow__item-desc-list-item-text {line-height:1.7;}
	.main-now-slideshow__item-desc-list-item-text br { display: none;}
	.main-now-slideshow__item-desc-list-item-title { width: 4.6rem;}
    .main-now-slideshow__item-desc-list-item-link::after {top: 0.6rem;}

    .main-now-slideshow__item-cat {padding-top:0.3rem; padding-bottom:0.1rem; margin-bottom: 1.2rem}
    html.ios .main-now-slideshow__item-cat {padding-top:0.3rem; padding-bottom:0.2rem;}

}
/* 860px */



/* **************************************** *
 * 540px (작업 @375px 1rem = 10px )
 * **************************************** */
@media (max-width: 540px){

    .nav-cat { margin-bottom: 1.4rem;}
	.nav-cat_item {font-size: 1.8rem;padding: 1.7rem 1.1rem;}
    .nav-cat--sub .nav-cat_item {padding: 1.2rem 1.5rem;}
	.nav-cat_item-active .nav-cat_item-inner:before{height: 1.2rem;}
    .nav-cat_item:after {font-size: 1.4rem}

	.main-section {padding: 6.4rem 0 4.5rem;overflow: hidden;}
    .main-section .wrap { margin: 0 2.5rem; overflow: visible;}
	.main-section__title { font-size: 3.6rem; margin-bottom: 0;}

    /* VISUAL */
    .main-section.main-visual {margin-top: 0; padding-top: 0;}
    .main-visual__top {margin-top: 2.5rem;}
    .main-visual__content {margin-top: 3rem;}
    .main-visual__content .main-visual__cat {font-size: 1.5rem;}
    .main-visual__title {font-size: 3rem; margin-top: 1.4rem; margin-bottom: 1rem; margin-left: -0.2rem}
    .main-visual__desc {margin-bottom: 3rem; font-size: 1.6rem; padding-right: 3rem; line-height: 1.74;}
    .main-visual__desc br {display: none;}
    .main-two-line__slide {margin: 6rem -0.7rem 0; overflow: visible;}
    .main-one-line__slide {margin: 3rem -0.7rem 0; overflow: visible;}
    .main-two-line__slide .main-slideshow__item,
    .main-one-line__slide .main-slideshow__item {width: 16.4rem; margin-bottom: 3.3rem; padding-left:0.7rem; padding-right: 0.7rem; }

    .swiper-container-horizontal > .swiper-scrollbar {display: none}
    .main-slideshow__desc {padding: 1rem 0 0;}
    .main-slideshow__cat {font-size: 1.3rem;}
    .main-slideshow__desc .main-visual__cat {font-size: 1.3rem}
    .main-two-line__slide .main-slideshow__item { padding: 0 0.7rem; }

    /* STORY */
    .main-story-archive {position: relative; margin: 2.9rem 0 5.6rem;}
    .main-story-archive__title {margin-bottom: 0;}
    .main-story-archive__title .jt-btn__renewal {position: absolute; bottom: -4.4rem; left: 50%; transform: translateX(-50%);}
    .main-story-archive__sub {font-size: 2.2rem; letter-spacing: 0}
    .main-story-archive__list {grid-template-columns: repeat(2,1fr); grid-column-gap: 4%;}
    .main-story-archive__desc {font-size: 1.5rem; margin-top: 1.2rem; margin-bottom: 3.5rem; line-height: 1.5;}

    .main-story-announce {position: relative; margin: 0 0 8.6rem;}
    .main-story-announce__title {margin-bottom: 0; padding-top: 6rem;}
    .main-story-announce__title .jt-btn__renewal {position: absolute; bottom: -6rem; left: 50%; transform: translateX(-50%);}
    .main-story-announce__sub {font-size: 2.2rem; letter-spacing: -0.02em}
    .main-story-announce__list {margin-top: 0.4rem;}
    .main-story-announce__item {grid-template-columns: auto; padding: 1.8rem 0;}
    .main-story-announce__cat {font-size: 1.4rem; }
    .main-story-announce__desc {font-size: 1.5rem; margin: 0 0 0.5rem -0.1rem;}
    .main-story-announce__date {font-size: 1.3rem; text-align: left;}

    /* NOW */
	.main-now-slideshow__item-content {padding: 4rem 3rem 4.5rem; min-height: 43rem;}
    .main-now-slideshow .slick_additional { margin-top: 2.8rem; margin-bottom: 2.1rem}
    .main-now-slideshow__item-desc-list-item-link::after {top: 0.4rem;}

}