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


    html.ie11 .main-contact__bg {background-size:cover;}

} /* 2000px */






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


    


} /* 1800px */




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


.wrap {padding:0px 20px;}
.main-visual .swiper-navigation {left:20px;}
.main-project .swiper-navigation {left:20px;}


.main-gallery .workWrapper_new {column-width:342px;column-gap:40px;}
.main-gallery .workWrapper_new > li {margin-top:0px;}
.main-gallery .main-gallery-desc {left:20px;}


.main-di .swiper-navigation {left:20px;}


}


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




    .main-visual .swiper-progress__wrap {left:38rem;}
    html.ios .main-visual .swiper-progress__wrap {margin-top:-3rem;} 


    .main-banner__title {font-size:46rem;}
    .main-banner__desc {font-size:24rem}
    .main-banner__desc br {display:none;}
    
    body.lang-ko .main-visual__slide-content-inner p {font-size:25rem;}
    body.lang-ko .main-banner__title {font-size:50rem;}
    body.lang-ko .main-banner__desc {font-size:24rem}





} /* 1480px */




@media (max-width: 1280px){


.main-gallery {padding:100rem 0 80rem}
.main-gallery .main-gallery-title h1 {font-size:40px;}
.main-gallery .main-gallery-title span {font-size:20px;}
.main-gallery .workWrapper_new > li .main-gallery-txt p {font-size:18px;}
.main-gallery .workWrapper_new > li .main-gallery-txt span {font-size:28px;}
.main-gallery .workWrapper_new {column-width:280px;column-gap:40px;clear:both;transform: translate(0);}
.main-gallery .workWrapper_new > li {margin-bottom:60px;}


.main-gallery .main-gallery-desc {position:relative;left:0px;margin-top:0px;bottom:auto;}


}




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


    /* main visual */
    .main-visual {/* height:-webkit-calc(100vh - 70rem);height:calc(100vh - 70rem); */ height:auto !important;/* padding-top:70rem; */}
.main-visual__slide-bg {background:none !important;position:relative;}
.main-visual__slide-bg > img {width:100%;}
    .main-visual__slide-bg:before {height:300rem;}
.main-visual__slide-content {position:absolute;top:0px;}
    .main-visual__slide-content-inner {margin-top:170rem;}
.main-visual__slide-content-title img {width:50%;}
    .main-visual__slide-content-inner h2 { font-size:80rem;}
    .main-visual__slide-content-inner p {font-size:22rem;}
    .main-visual .swiper-navigation {bottom:38rem;margin-left: -2rem; left:0;}
    .main-visual .swiper-navigation button {display:block;}
    .main-visual .swiper-pagination-current {margin-left:0;}
    .main-visual .swiper-progress__hidden-space {width:140rem;margin-right:5rem;}
    .main-visual .swiper-progress__wrap {width:140rem; left:30rem;}
    .main-visual .swiper-pagination-total {font-weight:700;}
    .main-visual__slide--03 .swiper-pagination-current {color:#fff;}
    .main-visual__slide--03 .swiper-pagination,
    .main-visual__slide--03 .swiper-navigation button:after {color:#999;}
    .main-visual__slide--03 .swiper-progress {background:#fff;}
    .main-visual__slide--03 .swiper-progress__wrap {background:rgba(255,255,255,0.2)}
    body.lang-ko .main-visual__slide-content-inner p {font-size:20rem;}

.main-gallery .main-gallery-title h1 {margin-bottom:30px;}
.main-gallery .main-gallery-title span {margin-left:20px;}
.main-gallery .workWrapper_new {column-width:280px;column-gap:40px;clear:both;}
.main-gallery .workWrapper_new > li {margin-bottom:120px;}
.main-gallery .workWrapper_new > li.action-area {margin-top:0px;}
.main-gallery .workWrapper_new > li.action-area-sec {margin-top:0px;}
.main-gallery .main-gallery-desc {left:0px;margin-top:30px;transform: translate(0);}


    /* main project */
    .main-project {padding-top:120rem; padding-bottom:100rem;}
    .main-project__text {width:100%;margin-bottom: 30rem;margin-top:0;}
    .main-project__title {font-size:60rem;}
    .main-project__desc {font-size:22rem; margin-top:10rem;}
    .main-project__desc br {display:none;}
    .main-project__container {width:100%; padding-bottom:100rem;}
    .main-project__slide-content-title {font-size:20rem; margin-top:20rem;}
    .main-project .swiper-navigation {bottom:0;margin-left: 0rem;}
    .main-project .swiper-navigation button {display:none;}
    .main-project .swiper-pagination-current {margin-left:0;}
    body.lang-ko .main-project__desc {font-size: 20rem;}


    /* main banner */
    .main-banner {height:580rem;}
    .main-banner__title {font-size:35rem;}
    .main-banner__desc {font-size:20rem;}
    body.lang-ko .main-banner__title {font-size: 33rem;}
    body.lang-ko .main-banner__desc {font-size: 18rem;}
.main_youtube_style .main-banner__title {font-size:35px !important;}
.main_youtube_style .main-banner__title:before {height:5px;}
.main_youtube_style .main-banner__desc {font-size:20px !important;margin-top:0px;}
.main_youtube_style span.chanel_img img {height:140px;}
.main_youtube_style .wrap .youtube {position:relative;background:url('../img/main_youtube.jpg') no-repeat center top;width:100%;height:400px;margin:0px auto;margin-top:50px;display:block;}
.main_youtube_style .wrap .youtube .wr-btn {font-size:100px;color:#fff;padding-top:100px;display:inline-block;}


    /* main di */
    .main-di {padding-top:120rem; padding-bottom:100rem;}
    .main-di__text {width:100%; margin-bottom:30rem; margin-top:0;}
    .main-di__title {font-size:60rem;}
    .main-di__desc {font-size:22rem; margin-top:10rem;}
    .main-di__desc br {display:none;}
    .main-di__container {width:100%; padding-bottom:100rem;}
    .main-di .swiper-navigation {bottom:0;margin-left: 0rem;}
    .main-di .swiper-navigation button {display:none;}
    .main-di .swiper-pagination-current {margin-left:0;}
    .main-di__slide-content-title {font-size:20rem; margin-top:20rem;}
    body.lang-ko .main-di__desc{font-size: 20rem;}


    /* main contact */
    .main-contact__content {height:600rem;}
    .main-contact__title {font-size:45rem;}
    .main-contact__message {font-size:55rem;}
    body.lang-ko .main-contact__title {font-size:43rem; }


} /* 1023px */






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


    .main-visual__slide-bg:before {height:362rem;}
    .main-visual__slide-content-inner {margin-top:230rem;}
    .main-visual__slide-content-inner h2 {font-size:80rem;}
    .main-visual__slide-content-inner p {font-size:20rem;}
    .main-visual .swiper-progress__wrap {margin-top:0;}
    body.lang-ko .main-visual__slide-content-inner p {font-size:18rem;}
    html.ios .main-visual .swiper-progress__wrap {margin-top:-2rem;}


    .main-project__title {font-size:55rem;}
    .main-project__slide-content-title {font-size:18rem;}


    .main-banner__title {font-size:38rem;}
    .main-banner__desc br {display:none;}


    .main-di__title {font-size:55rem;}
    .main-di__slide-content-title {font-size:18rem;}


    body.lang-ko .main-banner__title {font-size:37rem;}
    body.lang-en .main-banner__title br {display:none;}

.main-gallery {padding:50rem 0 40rem}
.main-gallery .workWrapper_new {column-width:280px;column-gap:40px;clear:both;}
.main-gallery .workWrapper_new > li {margin-bottom:30px;}
.main-gallery .workWrapper_new > li .main-gallery-txt {left:20px;top:20px;color:#fff;}
.main-gallery .workWrapper_new > li .main-gallery-txt p {font-size:16px;letter-spacing:0px;margin-bottom:20px;color:#fff;}
.main-gallery .workWrapper_new > li .main-gallery-txt span {font-size:25px;letter-spacing:-1px;}


.main-gallery .main-gallery-desc {left:0px;margin-top:0px;}
.main-gallery .main-gallery-desc p {font-size:15px;line-height:1.5;}
.main-gallery .main-gallery-desc span {margin-top:20px;}
.main-gallery .main-gallery-desc span a {font-size:12px;letter-spacing:3px;}
.main-gallery .main-gallery-desc span a:before {top:7px;}


} /* 860px */






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


    /*.main-visual__slide--01 .main-visual__slide-bg {background-position:26% center;}
    .main-visual__slide--02 .main-visual__slide-bg {background-position:0% center;}*/


    .main-visual {/*height: -webkit-calc(100vh - 100rem);height: calc(100vh - 100rem);padding-top:100rem;*/ }
    .main-visual__slide-bg:before {height: 237rem;}
    .main-visual__slide-content-inner {margin-top:159rem;}
    .main-visual__slide-content-inner h2 {font-size:44rem;line-height:1.2;}
    .main-visual__slide.main-visual__slide--01 h2 {letter-spacing:-0.025em;}
    .main-visual__slide-content-inner p {font-size:18rem; padding-top:21rem;line-height: 1.7;}
    .main-visual .swiper-progress__wrap {margin-top:-2rem;}
    html.ios .main-visual .swiper-progress__wrap {margin-top:-3rem;}
    body.lang-ko .main-visual__slide-content-inner p {line-height:1.5}
    /* html.ios .main-visual__slide-bg:before {height: 241rem;} */
.main-visual .swiper-navigation {left:10px;}




    /* main project */
    .main-project {padding-top:77rem; padding-bottom:78rem; overflow:hidden;}
    .main-project__container {overflow:visible;}
    .main-project__title {font-size:38rem;} 
    .main-project__desc {font-size: 18rem;margin-top: 5rem;}
    body.lang-ko .main-project__desc {font-size: 18rem;}
    .main-project__container {padding-bottom:58rem;}
    .main-project__slide-content-title {font-size:16rem;margin-top: 12rem;line-height:1.6;}
    .main-project__slide {max-width:303rem; margin-right:20rem;}
    .main-project__slide:last-child {margin-right:0}
    .main-project__slide-content {width:100%;}


    /* main banner */
    .main-banner {height:auto; padding: 80rem 0 80rem;}
    .main-banner__title {font-size:24rem; line-height:1.35;}
    .main-banner__title br {display:block;}
    .main-banner__desc {font-size:16rem; margin-top:20rem;line-height: 1.65;}
    .main-banner__desc br {display:none;}
    .main-banner__link {margin-top:21rem;}
    body.lang-ko .main-banner__title {font-size: 28px !important;}
    body.lang-ko .main-banner__desc {font-size: 14px !important;}
.main_youtube_style .main-banner__title:before {display:none;}



    /* main di */
    .main-di {padding-top:77rem; padding-bottom:78rem; overflow:hidden;}
    .main-di__container {overflow:visible;}
    .main-di__title {font-size:30rem;} 
    .main-di__desc {font-size: 14rem;margin-top: 5rem;}
    .main-di__container {padding-bottom:58rem;}
    .main-di__slide-content-title {font-size:16rem;margin-top: 12rem;line-height:1.6;}
    .main-di__slide {max-width:303rem;margin-right:20rem;}
    .main-di__slide:last-child {margin-right:0}
    .main-di__slide-content {width:100%;}
    body.lang-ko .main-di__desc{font-size: 18rem;}
/*.swiper-pagination {left:20px;}*/


    /* main contact */
    .main-contact {margin-top: 81rem;}
    .main-contact__content {height:358rem;}
    .main-contact__title {font-size:26rem;line-height: 1.4;margin-bottom:40rem;}
    body.lang-ko .main-contact__desc {font-size:20rem; }
body.lang-ko .main-contact__title {font-size:26rem; }
    .main-contact__message {font-size:38rem; line-height:1.2;}
    .main-contact__message .mobile-block {display:none;}
    .main-contact .main-contact__link {margin-top:22rem;}
    


} /* 540px */




/* **************************************** *
 * 750px
 * **************************************** */
@media(min-width: 860px) and (max-height: 750px){
    .main-visual__slide-bg:before {height:350rem;}
    .main-visual__slide-content-inner {margin-top: 170rem;}
    .main-visual .swiper-navigation {bottom:80rem;}
    .main-visual__slide-content {}


}