@charset "utf-8";

/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (Chaehee)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



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

	/* SHOWROOM */
	.main-showroom {padding-bottom: 160rem;}

	/* CENTER */
	.main-center__item--entrance, .main-center__item--testing, .main-center__item--fermenting {width: 24%;}
	.main-center__item--greeting, .main-center__item--beginning {width: 32%;}

	/* MATERIAL */
	.main-material {padding-top: 180rem; padding-bottom: 180rem;}
	.main-material__list-wrap {overflow: visible;}
	.main-material__item {width: -webkit-calc(10% - 48rem);width: calc(10% - 48rem);}

	/* PRODUCT */
	.main-product {padding-top: 180rem; padding-bottom: 173rem;}
	.main-product .main-section__head {left: 60rem;}
}



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

	/* COMMON */
	.main-section__head h2 {font-size: 34rem;}
	.main-section__head-icon-arrow:after { font-size: 30rem; }

	/* VISUAL */
	.main-visual__content-title {font-size: 42rem;}
	.main-visual__content-desc {font-size: 17rem;}

	/* CENTER */
	.main-center__title {font-size: 19rem;}
	.main-center__item--entrance, .main-center__item--testing, .main-center__item--fermenting {width: 360rem;}
	.main-center__item--greeting, .main-center__item--beginning {width: 480rem;}

	/* SHOWROOM */
	.main-showroom {padding-bottom: 160rem;}

	/* RND */
	.main-rnd {padding-top: 211rem; padding-bottom: 252rem;}
	.main-rnd__title {font-size: 34rem;}
	.main-rnd__typo {font-size: 32rem;}

	/* RESEARCH */
	.main-research {height: 860rem;}
	.main-research-slider__title {font-size: 34rem; margin-bottom: 20rem;}
	.main-research-slider__content-title {font-size: 22rem;}
    .main-research-slider__pagination .swiper-pagination-bullet > span:after { margin-top: -12rem; }

	/* MATERIAL */
	.main-material {padding-top: 160rem; padding-bottom: 160rem;}

	/* PRODUCT */
	.main-product {padding-top: 160rem; padding-bottom: 153rem;}
	.main-product .main-section__head {left: 40rem;}
	.main-product__content-title {font-size: 22rem;}
}



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

	/* COMMON */
	.main-section__head h2 {font-size: 32rem; line-height: 1.1;}
	.main-section__head p {font-size: 15rem; margin-top: 16rem;}
	.main-section__head-icon-arrow {margin-left: 12rem;}
	.main-section__head-icon-arrow:after { font-size: 28rem; }

	/* VISUAL */
	.main-visual__content-title {font-size: 38rem; line-height: 1.3;}
	.main-visual__content-desc {font-size: 16rem; margin-top: 24rem;}
	.main-visual__btn {margin-top: 32rem;}

	/* CENTER */
	.main-center { padding-top: 137rem; padding-bottom: 136rem; }
	.main-center__title {font-size: 18rem;}
	.main-center__list-wrap {margin-left: -15rem; margin-right: -15rem; margin-top: 63rem;}
	.main-center__item {margin: 0 15rem;}
	.main-center__item--entrance, .main-center__item--testing, .main-center__item--fermenting {width: 315rem;}
	.main-center__item--greeting, .main-center__item--beginning {width: 420rem;}

	/* SHOWROOM */
	.main-showroom {padding-top: 137rem; padding-bottom: 120rem;}
	.main-showroom__illust {margin-top: -40rem;}

	/* RND */
	.main-rnd {padding-top: 171rem; padding-bottom: 212rem;}
	.main-rnd__title {font-size: 32rem;}
	.main-rnd__map { width: 380rem; height: 217rem; }
	.main-rnd__typo {font-size: 28rem; margin-top: 400rem;}
	.main-rnd__illust-list > li {width: 80rem; margin: 0 15rem;}

	/* RESEARCH */
	.main-research {height: 800rem;}
	.main-research-slider__index-inner {padding-left: 60rem; padding-right: 60rem;}
	.main-research-slider__title {font-size: 32rem; margin-bottom: 18rem;}
	.main-research-slider__content-inner {padding-left: 30rem; padding-right: 30rem;}
	.main-research-slider__content-pic {width: 120rem; margin-bottom: 26rem;}
	.main-research-slider__content-title {font-size: 20rem;}
	.main-research-slider__content-desc {font-size: 15rem; margin-top: 16rem;}
	.main-research-slider__content .jt-btn__basic {margin-top: 32rem;}
	.main-research-slider__pagination .swiper-pagination-bullet {font-size: 15rem;}
	.main-research-slider__pagination .swiper-pagination-bullet > span:after { font-size: 20rem; width: 20rem; height: 20rem; margin-top: -11rem; }
	.main-research-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span {padding-left: 28rem;}

	/* MATERIAL */
	.main-material {padding-top: 140rem; padding-bottom: 140rem;}
	.main-material__typo {font-size: 22rem;}
	.main-material__list-wrap {margin-left: -15rem; margin-right: -15rem; margin-top: 66rem;}
	.main-material__item {width: -webkit-calc(12.5% - 30rem);width: calc(12.5% - 30rem); margin: 0 15rem;}
	.main-material__txt {font-size: 16rem;}

	/* PRODUCT */
	.main-product {padding-top: 140rem; padding-bottom: 133rem;}
	.main-product__item--primary {width: 42%;}
	.main-product__item--secondary {width: 42%;}
	.main-product__content {margin-top: 26rem;}
	.main-product__content-title {font-size: 20rem;}
	.main-product__content-desc {font-size: 15rem; margin-top: 11rem;}
    .main-product__content-btn {margin-top:30rem;}
}



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

	/* COMMON */
	.main-section__head h2 {font-size: 30rem;}
	.main-section__head p {font-size: 14rem; margin-top: 12rem;}
	.main-section__head-icon-arrow {top: 2rem; margin-left: 10rem;}
	.main-section__head-icon-arrow:after { font-size: 24rem; }

	/* VISUAL */
	.main-visual__content-title {font-size: 34rem; line-height: 1.2;}
	.main-visual__content-desc {font-size: 15rem; margin-top: 16rem;}
	.main-visual__btn {margin-top: 26rem;}

	/* CENTER */
	.main-center { padding-top: 97rem; padding-bottom: 93rem; }
	.main-center__title {font-size: 17rem;}
	.main-center__list-wrap {margin-top: 53rem;}
	.main-center__item--entrance, .main-center__item--testing, .main-center__item--fermenting {width: 264rem;}
	.main-center__item--greeting, .main-center__item--beginning {width: 362rem;}
	.main-center__thumb-map { width: 80rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.main-center__thumb-map-title { font-size: 11rem; }
	.main-center__item--entrance .main-center__thumb-map-title {white-space: nowrap;}

	/* SHOWROOM */
	.main-showroom {padding-top: 97rem; padding-bottom: 80rem;}

	/* RND */
	.main-rnd {padding-top: 131rem; padding-bottom: 172rem;}
	.main-rnd__title {font-size: 30rem; line-height: 1.4;}
	.main-rnd__typo {font-size: 22rem; margin-top: 220rem;}

	/* RESEARCH */
	.main-research-slider__index-inner {padding-left: 44rem; padding-right: 44rem;}
	.main-research-slider__title {font-size: 30rem; margin-bottom: 16rem;}
	.main-research-slider__content-title {font-size: 19rem;}
	.main-research-slider__content-desc {font-size: 14rem; margin-top: 14rem;}
	.main-research-slider__content .jt-btn__basic {margin-top: 28rem;}
	.main-research-slider__pagination .swiper-pagination-bullet > span:after { font-size: 16rem; width: 16rem; height: 16rem; margin-top: -8rem; }
	.main-research-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span {padding-left: 24rem;}

	/* MATERIAL */
	.main-material {padding-top: 100rem; padding-bottom: 100rem;}
	.main-material__list-wrap {margin-top: 56rem;}
	.main-material__typo {font-size: 20rem; line-height:1.4;}
	.main-material__item {width: -webkit-calc(16.6% - 30rem);width: calc(16.6% - 30rem);}
	.main-material__txt {font-size: 15rem;}

	/* PRODUCT */
	.main-product {padding-top: 100rem; padding-bottom: 93rem;}
	.main-product__content {margin-top: 22rem;}
	.main-product__content-desc {font-size: 14rem; line-height: 1.43; margin-top: 6rem;}
	.main-product .main-section__head {left: 32rem;}
}



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

	/* COMMON */
	.main-section__head h2 {font-size: 24rem;}
	.main-section__head p {margin-top: 10rem;}
	.main-section__head p br {display: none;}

	/* VISUAL */
	.main-visual__content-title {font-size: 30rem; font-weight: 600;}
	.main-visual__content-title br {display: none;}
    .main-visual__content-desc {font-size:14rem;}
	.main-visual__content-desc br {display: none;}
	.main-visual__bg.large {display: none;}
	.main-visual__bg.small {display: block;}

	/* CENTER */
	.main-center {padding-top: 60rem; padding-bottom: 60rem;}
	.main-center__list-wrap {margin-left: -8rem; margin-right: -8rem; margin-top: 30rem;}
	.main-center__item {margin: 0 8rem;}
	.main-center__item--entrance, .main-center__item--testing, .main-center__item--fermenting {width: 248rem;}
	.main-center__item--greeting, .main-center__item--beginning {width: 336rem;}
	.main-center__title {font-size: 14rem; margin-top: 10rem;}

	/* SHOWROOM */
	.main-showroom {padding-top: 60rem; padding-bottom: 60rem;}
	.main-showroom__illust { overflow: hidden; margin-top: 0; padding-top: 70%; }
	.main-showroom__illust-pic { width: 260%; height: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -120rem; }

	/* RND */
	.main-rnd {padding-top: 80rem; padding-bottom: 118rem; background-position-x:28%;}
	.main-rnd__title {font-size: 20rem;}
    .main-rnd__title br {display:none;}
	.main-rnd__typo {font-size: 18rem; margin-top: 140rem;}
	.main-rnd__illust-list > li { width: -webkit-calc(16.6% - 16rem); width: calc(16.6% - 16rem); margin: 0 8rem; }
	.main-rnd__illust-list { margin-left: -8rem; margin-right: -8rem; }
	.main-rnd__map { width: 200rem; height: 201rem; margin-top: 40rem;}
	.main-rnd__map--large {display: none;}
	.main-rnd__map--small {display: inline-block;}

	/* RESEARCH */
	.main-research { height: auto; background: #ede8e2; padding-top: 60rem; }
	.main-research .main-section__head {display: block;}
	.main-research-slider-wrap {margin-top: 30rem;}
	.main-research-slider__item  {padding-left: 20rem; padding-right: 20rem;}
	.main-research-slider__item > div { float: none; height: auto; }
	.main-research-slider__first { width: 100%; padding-top: 100%; }
	.main-research-slider__last { width: 100%; padding-top: 40rem; padding-bottom: 60rem; background: transparent;}
	.main-research-slider__index { display: block; width: 100%; height: auto; top: 290rem; }
	.main-research-slider__index-inner { padding-left: 20rem; padding-right: 20rem; padding-top: 0; display: block; text-align: center; }
	.main-research-slider__title {display: none;}
    .main-research-slider__content-inner {padding-left: 0; padding-right: 0;}
	.main-research-slider__content-pic { display: none; }
	.main-research-slider__content-title {font-size: 18rem;}
	.main-research-slider__content-desc {margin-top: 12rem; line-height: 1.43;}
	.main-research-slider__content-desc br {display: none;}

	.main-research-slider__pagination .swiper-pagination { display: inline-block; vertical-align: middle; text-align: center; }
	.main-research-slider__pagination .swiper-pagination-bullet { width: 20rem; height: 20rem; margin: 0 3rem; font-size: 0; line-height: normal; padding: 0; display: inline-block; vertical-align: top; border-radius: 100%; background: transparent; opacity: 1; }
	.main-research-slider__pagination .swiper-pagination-bullet > span { width: 100%; height: 100%; }
	.main-research-slider__pagination .swiper-pagination-bullet > span:after { content: ''; font-size: 0; width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; border: 1rem solid #fff; border-radius: 50%; margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transition: width .3s, height .3s, opacity .4s; transition: width .3s, height .3s, opacity .4s; }
	.main-research-slider__pagination .swiper-pagination-bullet > span:before { width: 6rem; height: 6rem; bottom: auto; top: 50%; left: 50%; margin-top:  -3rem; margin-left:  -3rem; font-size: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; transition: none; border-radius: 50%; opacity: 1; }
	.main-research-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span { padding-left: 0; }
	.main-research-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span:after { left: 50%; width: 100%; height: 100%; }

	/* MATERIAL */
	.main-material {padding-top: 60rem; padding-bottom: 60rem;}
	.main-material .wrap-middle { padding-left: 20rem; padding-right: 20rem; }
	.main-material__list-wrap {margin-top:35rem; margin-left: -8rem; margin-right: -8rem;}
	.main-material__typo {font-size: 18rem;}
	.main-material__item { width: -webkit-calc(25% - 16rem); width: calc(25% - 16rem); margin: 0 8rem; }
	.main-material__txt {font-size: 14rem;}
	.main-material .jt-btn__basic { margin-top: 40rem; }
    .main-material__item--active .main-material__txt {-ms-transform: translate(-50%,-50%) scale(1.15); transform: translate(-50%,-50%) scale(1.15); }

	/* PRODUCT */
	.main-product { padding-top: 60rem; padding-bottom: 80rem; }
	.main-product .main-section__head { position: relative; top: auto; left: auto; }
	.main-product__list { margin-top: 40rem; }
	.main-product__item { display: block; }
	.main-product__item--primary { width: 248rem; margin-top: 0; }
	.main-product__item--secondary { width: 248rem; margin-top: 60rem; }
	.main-product__content {margin-top: 20rem;}
	.main-product__content-title {font-size: 18rem;}
	.main-product__content-desc br {display: none;}

}