/* **************************************** *
 * Layout
 * **************************************** */
body.home .main-container {padding-bottom: 0;}


.sr-only { position: absolute; clip: rect(1rem, 1rem, 1rem, 1rem);  -webkit-clip-path: inset(0rem 0rem 99.9% 99.9%);  clip-path: inset(0rem 0rem 99.9% 99.9%); overflow: hidden; height: 1rem; width: 1rem; padding: 0; border: 0;}




/* **************************************** *
 * MAIN VISUAL
 * **************************************** */
.main-visual {height: 100vh; opacity:0;-webkit-transition: opacity 0.5s; transition:opacity 0.5s; /* background: #f5f5f5; */}
.main-visual__slide-bg:before { content: ''; position: relative; position: absolute; width: 100%; height: 420rem; display: block; background:rgba(0,0,0,0.2); margin-top: -420rem; z-index: 0; -webkit-transition-duration: 1.3s; transition-duration: 1.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;display:none;}
.main-visual--loaded .main-visual__slide-bg:before { margin-top: 0rem;}
.main-visual.visual-loaded {opacity:1;}


.main-visual__container,
.main-visual__wrapper,
.main-visual__slide,
.main-visual__slide-bg{width: 100%; height: 100%; overflow:hidden;}


.main-visual__slide-bg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: no-repeat center center;background-size: cover;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition: transform 1.3s;-webkit-transition: -webkit-transform 1.3s;transition: -webkit-transform 1.3s;transition: transform 1.3s;transition: transform 1.3s, -webkit-transform 1.3s;will-change: transform;}
.main-visual__slide-bg--overlay:before { content: ""; background: #000; opacity: 0.6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.main-visual--loaded .main-visual__slide-bg {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}


.main-visual__slide-content {width: 100%;height: 100%;position: relative; z-index: 1;}
.main-visual__slide-content-inner {margin-top:238rem;}
.main-visual__slide-content-title {display: block;font-size:110px;font-weight: 700;line-height: 1.2;color: #222; opacity:0;}
.main-visual__slide-content-desc {padding-top: 8rem;font-size: 26rem;line-height: 1.65;font-weight: 500; color: #222; opacity:0; will-change: transform;/*-webkit-transition: opacity 500ms;transition: opacity 500ms; -webkit-transition-delay: 1s; transition-delay:1s*/ }
.main-visual--loaded .main-visual__slide-content-desc {opacity:1;}


/* .main-visual__slide--01 .main-visual__slide-bg {background-image: url(../images/main/main-visual-01.jpg);}
.main-visual__slide--02 .main-visual__slide-bg {background-image: url(../images/main/main-visual-02.jpg);}
.main-visual__slide--03 .main-visual__slide-bg {background-image: url(../images/main/main-visual-03.jpg);} */


.main-visual .swiper-navigation__wrap {position:relative; font-size:0;}
.main-visual .swiper-navigation {position:absolute;bottom: 125rem;left: -9rem;opacity:0;z-index:10;/*-webkit-transition: opacity 300ms;transition: opacity 300ms; -webkit-transition-delay: 1.3s; transition-delay:1.3s*/}
.main-visual .swiper-navigation button:before, .main-visual .swiper-navigation button:after {color:#888;}
.main-visual .swiper-control {text-align: center;width: 100%;z-index: 100;}
.main-visual__btn_play { position: absolute; bottom: 2rem; left: 2rem; display: block; width: 4.5rem; height: 4.5rem; background: #fff; border-radius: 50%; }
.main-visual__btn_play:after { content: ''; border-top: 0.5rem solid transparent; border-left: 0.7rem solid #0f4c82; border-bottom: 0.5rem solid transparent; position: absolute; top: 50%; left: 50%; width: auto; height: auto; margin-left: -0.2rem; margin-top: -0.5rem; z-index: 2;}
.main-visual--loaded .swiper-navigation {opacity:1;}
.main-visual .swiper-extend-navigation.swiper-button-next, .main-visual .swiper-extend-navigation.swiper-button-prev {height: calc(100% - 420rem); top:auto; bottom:0;}


.main-visual .swiper-pagination {font-size:14rem; font-weight:700; color:#888;}
.main-visual .swiper-pagination-current {font-weight:700;}
.main-visual .swiper-progress__hidden-space {display: inline-block;vertical-align: middle;width: 160rem;height: 3rem;margin: 0 0px 0 3rem;position: relative;}
.main-visual .swiper-progress__hidden-space:before {display:none;}
.main-visual .swiper-progress__wrap {display: block;width: 160rem;height: 3rem;position: absolute;left: 34rem;top: 50%;margin-top: -1px;background: rgba(0,0,0,0.2);overflow: hidden;}
.main-visual .swiper-progress {display: block;width: 0;height: 100%;background: #222;}
.main-visual .swiper-pagination-total {margin-right:0;margin-left: 2rem;}


.main-visual__slide-content-inner h2 > span,
.main-visual__slide-content-inner p > span, 
.main-visual__btn > span{opacity:0;}
.main_visual_item.swiper-slide-active .main-visual__slide-content-inner > div > * { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}
.main-visual__slide-content-inner { vertical-align: middle; padding-top: 1rem;}
.main-visual__slide-content-inner h2 {font-size: 110px;line-height: 1.1;letter-spacing: 0;text-indent: -0.2rem;font-weight: 700;color: #222;overflow:hidden;}
.main-visual__slide-content-inner h2 > span {display:block;}
.main-visual__slide-content-inner h2 > span > span {font-size:4.6rem;} 
.main-visual__slide-content-inner p {padding-top: 39rem;font-size: 26rem;line-height: 1.6;font-weight: 500;color: #222;}
.main-visual__slide-content-inner p > span {display:block;}
.main-visual__slide-content-inner p br {display: block;}
body.lang-ko .main-visual__slide-content-inner p {font-size:23rem; letter-spacing:-0.025em;padding-left:10px;}


body.home .scroll-down {bottom:100rem;}
body.home .scroll-down:after {color:#888;}


/* split text motion */
.split-text-motion {opacity:0; visibility:hidden;}
.split-parent { overflow: hidden; }
.split-child {display: inline-block;will-change: transform;}




/* **************************************** *
 * MAIN GALLERY
 * **************************************** */
.main-gallery {font-size:0; padding:180rem 0 160rem;position:relative;}
.main-gallery .main-gallery-title h1 {font-size:70px;font-style:italic;color:#000;display:inline-block;margin-bottom:70px;}
.main-gallery .main-gallery-title span {font-size:30px;color:#666;display:inline-block;margin-left:20px;}
.main-gallery .workWrapper_new {column-width:442px;column-gap:78px;}
.main-gallery .workWrapper_new > li {display:inline-block;width:100%;margin-bottom:120px;position:relative;}
.main-gallery .workWrapper_new > li .main-gallery-txt {position:absolute;left:50px;top:50px;color:#fff;}
.main-gallery .workWrapper_new > li .main-gallery-txt p {font-size:25px;font-weight:normal;letter-spacing:0px;margin-bottom:30px;color:#fff;}
.main-gallery .workWrapper_new > li .main-gallery-txt span {font-size:35px;font-weight:normal;letter-spacing:-2px;}
.main-gallery .workWrapper_new > li .main-gallery-txt.color p {color:#333;}
.main-gallery .workWrapper_new > li .main-gallery-txt.color span {color:#a07051;}
.main-gallery .workWrapper_new > li .main-gallery-txt.color2 p {color:#ffffff;}
.main-gallery .workWrapper_new > li .main-gallery-txt.color2 span {color:#ffffff;}
.main-gallery .workWrapper_new > li.action-area {margin-top:140px;}
.main-gallery .workWrapper_new > li.action-area-sec {margin-top:30px;}
.main-gallery .workWrapper_new > li .image_area {width:100%;border-radius:5px;}
.main-gallery .workWrapper_new > li a figure {margin:0px;}
.main-gallery .wrap {position:relative;}
.main-gallery .main-gallery-desc {position:absolute;bottom:50px;left:0px;}
.main-gallery .main-gallery-desc p {font-size:17px;color:#333;line-height:2;}
.main-gallery .main-gallery-desc span {margin-top:60px;display:inline-block;}
.main-gallery .main-gallery-desc span a {font-size:16px;color:#666;letter-spacing:3px;position:relative;}
.main-gallery .main-gallery-desc span a:before {content:'';position:absolute;width:15px;height:1px;background:#666;right:-20px;top:12px;transition: all 0.3s}
.main-gallery .main-gallery-desc span a:hover:before {width:30px;right:-35px;}


/* **************************************** *
 * MAIN PROJECT
 * **************************************** */
.main-project {font-size:0; padding:180rem 0 160rem;background:#f8f8f8;}
.main-project .wrap {position:relative;font-size:0px;}
.main-project__text {display: inline-block;vertical-align: top;width: 34.2%;margin-top: -22rem;}
.main-project__title {font-size:34rem;font-weight:700;line-height: 1.25;color:#a07051;font-style:italic;letter-spacing:5px;}
.main-project__desc {margin-top: 26rem;font-size:56rem;font-weight:500;line-height:1.3;}
.main-project__container {display: inline-block;vertical-align: top;width: 65.8%; min-height:300rem;}
.main-project__slide {font-size:0px;}
.main-project__slide-content {display:inline-block;vertical-align:top;margin:0 20rem;width: -webkit-calc(50% - 20rem);width: calc(50% - 20rem);}
.main-project__slide-content:first-child {margin-left:0;}
.main-project__slide-content:last-child {margin-right:0;}
.main-project__slide-content figure {overflow:hidden;margin:0px;}
.main-project__slide-content img { width:100%; display:block; webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s;}
 html.desktop .main-project__slide-content a:hover img {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}
.main-project__slide-content-title {margin-top:30rem; font-size:22rem; font-weight:500;}
.main-project .swiper-navigation {position:absolute;bottom: -7rem;left: -13rem;}
body.lang-ko .main-project__desc {font-size: 43rem; letter-spacing:0;}
/* .main-project .swiper-slide {opacity:0;}
.main-project .swiper-slide.swiper-slide-active,
.main-project .swiper-slide.swiper-slide-next {opacity:1;} */






/* **************************************** *
 * MAIN BANNER
 * **************************************** */
.main-banner {width: 100%; height: 680rem; position: relative; text-align:center; color:#fff; display:table; overflow:hidden;padding-top:150px;}
.main-banner__bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-size:cover; /*background:url(../images/main/main-banner-bg.jpg) no-repeat center center;*/ -webkit-transform: translateZ(0) scale(1.1);transform: translateZ(0) scale(1.1);-webkit-transition: -webkit-transform 1800ms;transition: -webkit-transform 1800ms;transition: transform 1800ms;transition: transform 1800ms, -webkit-transform 1800ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.main-banner__text { display:table-cell; vertical-align:middle;}
.main-banner__title {font-size:42rem; font-weight:700;}
.main-banner__desc {margin-top: 23rem;font-size:22rem;line-height: 1.7;}
.main-banner__link {color:#fff;margin-top: 50rem;}
.main-banner__link:before {background:#fff;}
body.lang-ko .main-banner__title {font-size: 40rem; letter-spacing:-0.025em;}
body.lang-ko .main-banner__desc {font-size: 20rem; letter-spacing:-0.025em;}
.main_youtube_style {}
.main_youtube_style .main-banner__title {font-size:50px !important;color:#333;font-weight:normal;position:relative;display:inline-block;}
.main_youtube_style .main-banner__title:before {display:inline-block;height:10px;width:100%;content:'';background:rgba(234, 110, 121, 0.15);bottom:17px;position:absolute;mix-blend-mode: multiply;}
.main_youtube_style .main-banner__desc {font-size:30px !important;color:#88665a;}
.main_youtube_style .wrap {position:relative;}
.main_youtube_style span.chanel_img {position:absolute;top:0px;width:100%;text-align:center;left:0px;z-index:-1;}
.main_youtube_style .wrap .youtube {position:relative;background:url('../../img/main_youtube01.jpg');width:1040px;height:584px;margin:0px auto;margin-top:50px;display:block;}
.main_youtube_style .wrap .youtube .wr-btn {font-size:150px;color:#fff;padding-top:150px;display:inline-block;}
/* ºñµð¿À ·¹À̾î */
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:1000}
#videolayer {display:none; position:fixed; left:50%; width:60%; margin-left:-30%; z-index:1010}




/* **************************************** *
 * MAIN ABOUT DI
 * **************************************** */
.main-di {font-size:0; padding:180rem 0 160rem; background:#f8f8f8;}
.main-di .wrap {position:relative;}
.main-di__text {display: inline-block;vertical-align: top;width: 34.2%;margin-top: -22rem;}
.main-di__title {font-size:34rem;font-weight:700;line-height: 1.25;color:#a07051;font-style:italic;letter-spacing:5px;}
.main-di__desc {margin-top: 26rem;font-size:56rem;font-weight:500;line-height:1.3;}
.main-di__container {display: inline-block;vertical-align: top;width: 65.8%; min-height:300rem;}
.main-di__slide-content {display:inline-block; vertical-align:top;margin:0 20rem;width: -webkit-calc(50% - 20rem);width: calc(50% - 20rem);}
.main-di__slide-content:first-child {margin-left:0;}
.main-di__slide-content:last-child {margin-right:0;}
.main-di__slide-content figure {overflow:hidden;margin:0px;}
.main-di__slide-content img { width:100%; display:block; webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s;}
 html.desktop .main-di__slide-content a:hover img {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}
.main-di__slide-content-title {margin-top:30rem; font-size:22rem; font-weight:700;}
.main-di .swiper-navigation {position:absolute; bottom: 9rem;left: -13rem;}
body.lang-ko .main-di__desc{font-size:43rem; letter-spacing:-0.025em;}




/* **************************************** *
 * MAIN CONTACT
 * **************************************** */
.main-contact { margin-top:160rem; }
.main-contact__title {margin-bottom:80rem; font-size:56rem; font-weight:700; text-align:center; }
.main-contact__bg {width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: -1; background:url('../../img/main_bottom_img.jpg') no-repeat center center;  background-size: cover; }
.main-contact__content {width:100%; height:840rem; margin:0 auto; text-align:center; position:relative; display:table;position:relative;}
.main-contact__content:before {width:100%; height:50%; background:#222; content:''; display:block; position:absolute; bottom:0; z-index:-1;}
.main-contact__text  { display:table-cell; vertical-align:middle;}
.main-contact__content .wr_btn {border:solid 1px #000;padding:10px 50px;color:#000;font-size:20px;display:inline-block;}
.main-contact__content.motion-loaded .main-contact__message,
.main-contact__content.motion-loaded .main-contact__link {opacity:1;}
body.lang-ko .main-contact__desc {margin-top: 26rem;font-size:36rem;font-weight:500;line-height:1.3;color:#a07051;font-style:italic;text-align:center;}
body.lang-ko .main-contact__title {font-size:45px;font-weight:normal;color:#000; letter-spacing:-0.025em;}
body.lang-ko .main-contact__title strong {font-weight:bold;}
html.ie11 .main-contact__bg {background-size:auto auto;}




/* **************************************** *
 * MAIN NOTICE
 * **************************************** */
.section04 {position:relative;background:#a07051;padding:150px 0px;transition: all 0.3s}
.section04 .sectionCon {}
.section04 .sectionCon .title {width:100%;text-align:center;margin-bottom:50px;}
.section04 .sectionCon .title h2 {font-size:45px;margin:0px 0px 10px !important;color:#fff;font-weight:normal;}
.section04 .sectionCon .title p {font-size:20px;margin:0px 0px 0px !important;color:#fff;font-weight:lighter;}
.section04 .sectionCon .noti-content {position:relative; width:100%; overflow:hidden;margin:0px auto;width:1400px;font-size:0px;}
.section04 .sectionCon .noti-content .left {width:49%;display:inline-block;vertical-align:top;margin-right:2%;}
.section04 .sectionCon .noti-content .right {width:49%;display:inline-block;vertical-align:top;}


.section04 .sectionCon .noti-content .right table {width:100%;position;relative;}
.section04 .sectionCon .noti-content .right table #chcul tr:nth-child(5) {display:none;}
.section04 .sectionCon .noti-content .right table #chcul tr:nth-child(6) {display:none;}
.section04 .sectionCon .noti-content .right table #chcul tr td:first-child {display:none;}
.section04 .sectionCon .noti-content .right table #chcul tr td:nth-child(2) {display:none;}
.section04 .sectionCon .noti-content .right table #chcul tr td {padding:35px 30px;position:relative;background:#a07051;font-size:16px;color:#fff;}
.section04 .sectionCon .noti-content .right table #chcul tr td:before {position:absolute;left:0px;height:1px;width:100%;bottom:0px;content:'';background:#ac856d;} 
.section04 .sectionCon .noti-content .right table #chcul tr td a {font-size:17px;width:85%;display:inline-block;transition:all 0.5s ease;font-family:'Montserrat','Noto Sans KR';color:#fff;}
.section04 .sectionCon .noti-content .right table #chcul tr td a:hover {color:#af8d5c;}
.section04 .sectionCon .noti-content .right table #chcul tr td a:hover {text-decoration:none;}


.section04 .sectionCon .more-btn {position:relative;width:100%;text-align:center;padding-top:30px;}
.section04 .sectionCon .more-btn a {font-size:20px;color:#fff;position:relative;display:inline-block;letter-spacing:3px;}
.section04 .sectionCon .more-btn a:before {content:'';position:absolute;right:-30px;top:13px;height:1px;width:15px;background:#ac856d;transition:all 0.5s ease;}
.section04 .sectionCon .more-btn a:hover:before {width:55px;right:-70px;}
.section04 .root_daum_roughmap .wrap_controllers {display:none;}
.section04 .address_info {margin-top:30px;}
.section04 .address_info > span {display:inline-block;margin-right:22px;font-size:17px;color:#fff;}
.section04 .address_info > span a {font-size:17px;color:#fff;}


@media screen and (max-width:1400px) {
.section04 .sectionCon .noti-content  {width:100%;padding:0px 20px;}
.section04 .sectionCon .noti-content .left {width:48%;}
.section04 .sectionCon .noti-content .right {width:50%;}
}
@media screen and (max-width:1280px) {


.section04 {padding:100px 0px;}
.section04 .sectionCon .noti-content .left {width:48%;}
.section04 .sectionCon .noti-content .right {width:50%;}
.section04 .sectionCon .title h2 {font-size:30px;}
.section04 .sectionCon .title p {font-size:16px;}
.section04 .sectionCon .hp001 ul li a {font-size:20px;width:85%;}
.section04 .sectionCon .hp001 ul li > span {font-size:14px;width:15%;}

}
@media screen and (max-width:1024px) {
.section04 {padding:50px 0px;}
.section04 .sectionCon .noti-content .left {width:100%;margin-right:0px;}
.section04 .sectionCon .noti-content .right {width:100%;}



}
@media screen and (max-width:768px) {
.section04 .sectionCon {padding:0px 0px;}
.section04 .sectionCon .title h2 {font-size:25px;}
.section04 .sectionCon .title p {font-size:16px;}
.section04 .sectionCon .title {padding:0px 20px;position:relative;margin-bottom:30px;}


.section04 .sectionCon .noti-content {height:auto;}


.section04 .sectionCon .noti-content .left table #chcul tr td a {font-size:18px;top:35%;padding:10px;}
 .section04 .sectionCon .noti-content .right {margin-top:20px;}
 .section04 .sectionCon .noti-content .right table #chcul tr td:last-child {display:none;}
 .section04 .sectionCon .noti-content .right table #chcul tr td {padding:25px 0px 25px 20px;}
 .section04 .sectionCon .noti-content .right table #chcul tr td a{font-size:15px;width:100%;}




.section04 .sectionCon .more-btn {position:relative;padding-top:20px;}
.section04 .sectionCon .more-btn a {font-size:16px;}
}
@media screen and (max-width:480px) {

}


/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper-navigation > button {width: 30rem;background:none;border:none;margin:0;padding:10rem 0;text-align:center;-webkit-transition: opacity .3s;transition: opacity .3s;position: relative;display: inline-block;vertical-align: middle;height: auto;-webkit-transition: color .3s;transition: color .3s;}
.swiper-navigation > button:before, .swiper-navigation > button:after {font-family:'xeicon';display:block;font-size: 20rem;font-weight:normal;color: #ddd;z-index: 10; -webkit-transform:translateZ(10rem); -ms-transform:translateZ(10rem); transform:translateZ(10rem);-webkit-transition: color .3s;transition: color .3s;}
.swiper-button-prev {left: 0;}
.swiper-button-prev:hover:before {color:#000;}
.swiper-button-prev:before {content: '\e93d';}
.swiper-button-next {right: 0;}
.swiper-button-next:hover:after {color:#000;}
.swiper-button-next:after {content: '\e940';}
html.desktop .swiper-navigation > button:hover, html.desktop .swiper-navigation > button:hover,
html.desktop .swiper-navigation > button:hover:before, html.desktop .swiper-navigation > button:hover:after {color:#999;}
html.ios .swiper-pagination {bottom:2rem;}
html.ios .swiper-progress__hidden-space {margin-top:2rem}


.swiper-pagination {display: inline-block;position: relative; display: inline-block; position: relative; width: auto; vertical-align: middle; bottom: 0; font-size:22rem; color:#999;}
.swiper-pagination-bullet {display: inline-block;width: 25rem;height: 25rem;position: relative;cursor: pointer;background: transparent;opacity: 1;vertical-align: middle;}
.swiper-pagination-bullet i {display: block;width: 6rem;height: 6rem;margin: 0;padding: 0;position: relative;top: 50%;left: 50%;font-size: 0;/* border: 2rem solid #fff; */background:#222;border-radius: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);cursor: pointer;-webkit-transition: background 200ms;transition: background 200ms;}
.swiper-pagination-bullet:after {content: '';display: block;width: 12rem;height: 12rem;position: absolute;left: 50%;top: 50%;border:2rem solid #222;background: transparent;border-radius: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);opacity: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: opacity 0.4s;transition: opacity 0.4s;}
.swiper-pagination-bullet-active > i {background: transparent;border-color:#222;}
.swiper-pagination-bullet-active:after {opacity: 1;border-color:#222;}
.swiper-pagination-bullet:focus {outline:none;}
html.ios .swiper-pagination-bullet i {width:5rem; height:5rem;}
html.ios .swiper-pagination-bullet:after {width:11rem; height:11rem; border:2rem solid #222;}


.swiper-pagination-current {color:#222;font-weight:500;width: 30rem;display: inline-block;vertical-align:middle;margin-left: 7rem;}
.swiper-pagination-current.include-zero:before {content : '0'}
.swiper-pagination-total {width: 30rem;display: inline-block;vertical-align:middle;margin-right: 5rem;}
.swiper-pagination-total.include-zero:before {content : '0'}
.swiper-progress__hidden-space {position:relative;margin: 0 10rem 1rem 7rem;display:inline-block;vertical-align:middle;}
.swiper-progress__hidden-space:before {width:2rem; height:14rem; background:#777; content:''; display:block; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}


.swiper__play-state {display: inline-block;vertical-align: middle;width: 24rem;height: 24rem;position: absolute;right: -25rem;top: 50%;margin-top: -12rem;}
.swipe-play__state-btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;color: #fff;cursor: pointer;}
.swipe-play__state-btn:after {display: block;font-family: 'jt-font';font-size: 20rem;font-weight: normal;text-align: center;/* line-height: 20rem; */color: #fff;margin-top: 2rem;}
.swiper__play-state--play:after {content: "";border-left: 7rem solid #fff;border-bottom: 5rem solid transparent;border-top: 5rem solid transparent;margin-left: 10rem;margin-top: 2rem;}
.swiper__play-state--pause:after {content: '\e93a';}
.swiper__play-state.play .swiper__play-state--pause {/* top:-1rem; */opacity: 1;visibility: visible;}
.swiper__play-state.pause .swiper__play-state--play {opacity: 1; visibility: visible;}
html.android .swiper__play-state.play .swiper__play-state--pause,
html.ios .swiper__play-state.play .swiper__play-state--pause {top:0;}
html.desktop.safari .swiper__play-state.play .swiper__play-state--pause {top:0;}


.swiper-scrollbar {width: 100%;left: 0;bottom: 0;background:#000000;background: rgba(0, 0, 0, .05);border-radius: 0;}
.swiper-container-horizontal>.swiper-scrollbar {width:100%;left:0;height: 4rem;}
.swiper-scrollbar-drag {background: #000;opacity: 0.1;border-radius: 0;}
.swiper-control {opacity:1; -webkit-transition:opacity 0.2s; transition: opacity 0.2s;}
.swiper-container-horizontal .swiper-control{opacity:1;}
.swiper-control__inner { display: inline-block;position: relative;}


.swiper-extend-navigation.swiper-button-next, .swiper-extend-navigation.swiper-button-prev {width: 180rem;height: 100%;margin: 0;top: 0;bottom: auto;background: none;border: none;z-index: 2;}
.use-mouse .swiper-extend-navigation.swiper-button-next, .use-mouse .swiper-extend-navigation.swiper-button-prev, .swiper-extend-navigation.swiper-button-disabled {outline: none;}
.swiper-extend-navigation.swiper-button-next:after, .swiper-extend-navigation.swiper-button-prev:before {content: '';display: none;}
.swiper-extend-navigation.swiper-button-next {right: 0;left: auto;}
.swiper-extend-navigation.swiper-button-prev {left: 0;right: auto;}


/* progress */
.swiper-progress-wrap {display: block;width: 111rem;height: 2rem;position: absolute;left: 33rem;top: 50%;margin-top: -1rem;background: #fff;overflow: hidden;}
.swiper-progress {display: block;width: 0;height: 100%;background: #040404;}


/* state */
.swiper-play-state {display: inline-block;vertical-align: middle;width: 26rem;height: 26rem;position: relative;top: 0;left: -7rem;}
html.ie .swiper-play-state {top:-1rem;}
.swiper-play-state__btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.swiper-play-state__btn:after {display: block;font-family:'xeicon';font-size: 19rem;font-weight: normal;text-align: center;line-height: 27rem;color: #222;/* text-shadow: 1rem 1rem 5rem rgba(0, 0, 0, .5); */}
.swiper-state--play:after {content: '\ea3e';}
.swiper-state--pause:after {content: '\ea3b';}
.swiper-play-state.play .swiper-state--pause {opacity: 1; visibility: visible;}
.swiper-play-state.pause .swiper-state--play {opacity: 1; visibility: visible;}


/* **************************************** *
 * CURSOR
 * **************************************** */
/* global */
#custom-cursor, #custom-cursor__text {width: 110rem;height: 110rem;position: fixed;top: 0;left: 0;z-index: 99999;pointer-events: none;}
.custom-cursor__inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom-cursor__circle, .custom-cursor__txt {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;opacity: 0;}
.custom-cursor__circle {z-index: 1;background: #fff no-repeat center center;}
html.ie .custom-cursor__circle {background: #ffffff;background: rgba(255, 255, 255, .5);}
.custom-cursor__txt {z-index: 2; display: block;width: 100%;height: 100%;font-size: 18rem;font-weight:700;text-align: center;line-height: 110rem;color: #222;}


#custom-cursor__text.custom-hover--drag .custom-cursor__txt {background: url(../images/icon/icon-drag.svg) no-repeat center center;background-size: 89rem auto;}


#custom-cursor__text.custom-hover--plus .custom-cursor__txt {font-size: 0;}
#custom-cursor__text.custom-hover--plus .custom-cursor__txt:after {content: '\e943'; font-family: 'jt-font'; font-size: 21rem; width: 100%; height: 100%; text-align: center; lien-height: inherit;}


html.ie10 #custom-cursor, html.ie10 #custom-cursor__text {display: none;}
html.edge #custom-cursor__text.custom-hover--drag .custom-_cursor__txt {background-size: 90rem auto;}