/* main css */


/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.intro {
	position:fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	overflow:auto;
	z-index: 10002;
}

.intro .Rel {
	width: 100%;
	height: 100%;
}

.intro video,
.intro iframe {
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	min-height:100%;
}

.intro .intro-skip-btn {
	position:absolute;
	cursor:pointer;
	right: 5%;
	bottom: 10%;
	z-index: 10002;
}

.popup-box {
	!display:none;
	position:fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color:rgba(26, 41, 67, .9);
	z-index:10001;
	min-width:1440px;
}

.popup-box.open {
	animation: fadeInLeft 1s ease-in-out both;
}

.popup-box.close {
	animation: fadeInClose 1s ease-in-out both;
}

@keyframes fadeInLeft {
  from {
  	z-index: 1;
    opacity: 0;
	left: -100%;
  }

  to {
  	z-index: 10001;
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInClose {
  from {
  	z-index: 10001;
    opacity: 1;
    left: 0;
  }

  to {
  	
	z-index: 1;
    opacity: 0;
	left: -100%;
  }
}

.popup-box .inner {
	width: 100%;
	height: 100%;
}

.popup-box .close-btn {
	position:absolute;
	top: 50px;
	right: 50px;
	cursor:pointer;
	z-index: 10001 !important;
}

.owl-carousel .owl-item img {
	display:inline-block;
	width: auto;
}

.popup-box .title {
	position:absolute;
	left: 100px;
	top: 45%;
	text-align:left;
	margin: auto;
}


.popup-box .popup-slider {
	position:absolute;
	left: 50%;
	top: 50%;
	transform:translate(-35%, -50%);
	max-width:1300px;
}

@media(max-width:1600px) {
	.popup-box .popup-slider {
		max-width:1000px;
	}
}

.popup-box .owl-theme .owl-nav  {
	display:none !important;
	position:absolute;
	top: -9999px;
	left: -9999px;
}

.popup-box .owl-nav  {
	position:absolute;
	top: 58%;
	left: 110px;
}


.popup-box .owl-nav [class*=owl-] {
	position:absolute;
	width: 36px;
	height: 36px;
	background-size:100% 100%;
}

.popup-box .owl-nav [class*=owl-].disabled {
	opacity: .5;
    cursor: default;
}

.popup-box .owl-nav .owl-prev {
	left: 0;
	background-image:url('../img_n/popup_arrow_left.png') !important;
}

.popup-box .owl-nav .owl-next {
	left: 46px;
	background-image:url('../img_n/popup_arrow_right.png') !important;
}


.mousescroll {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 11px;
    transition: all 250ms;
	z-index: 999;
}

.mousescroll .mouse {
    width: 25px;
    height: 45px;
    border-radius: 20px;
    border: 4px solid #fff;
    position: relative;
    margin: auto;
    z-index: 100;
}

.mousescroll .mouse .wheel {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color:#4B5E81;
    top: 5px;
    left: 50%;
    margin-left: -3px;
    animation: wheel 1s ease-out infinite;
}

@keyframes wheel {
	0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

50% {
    transform: translate3d(0, 10px, 0);
    opacity: 0;
}

100% {
    transform: translate3d(0, 0, 0);
}
}

.popup-open-btn {
	position:fixed;
	z-index: 1001;
	top: 150px;
	cursor:pointer;
	left: 20px;
}

.bx-wrapper {
	border:none;
	margin-bottom: 0;
	box-shadow: none;
}

.main-slider li {
	height: 100vh;
}

.slide-inner {
	position:relative;
	width: 100%;
	height: 100%;
}

.slide-inner .bg {
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/*.fullpage-wrapper {
  width: 100% !important;
  transform: none !important;
}
.fullpage-wrapper .fp-section {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
.fullpage-wrapper .fp-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.fullpage-wrapper .fp-section .fp-slidesContainer {
  width: 100% !important;
  transform: none !important;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.scrollable-content{
  overflow-y:scroll;
	width: 100%;
	height:100%;
}*/


.section-01 .first .bg {
	background-image:url('../img_n/main/s01_slider01_bg.jpg');
	background-position:center;
	background-size:cover;
}

.section-01 .first.active .bg {
	animation:bg-size 3.8s 300ms linear both;
}



@keyframes bg-size {
	  from {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	  }
}

.section-01 .first .text-box {
	position:absolute;
	left: 20vh;
	top: 25vh;
}

.section-01 .first .text-box .top {
	width: 377px;
	position:absolute;
	left: 0;
	top: 0;
	
}

.section-01 .first.active .text-box .top {
	animation:top-text 800ms 500ms ease-in-out both;
}

@keyframes top-text {
	0%{
		opacity: 0;
		clip:rect(0,0,26px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,377px,26px,0);
	}
}

.section-01 .first .text-box .bt01 {
	width: 539px;
	position:absolute;
	left: 0;
	top: 50px;
}

.section-01 .first .open-text {
	position:absolute;
	left: 0;
	top: 100px;
	animation:fadeInUp 1s 3.8s ease-in-out both;
}

.section-01 .first.active .text-box .bt01 {
	animation:bt01-text 1.2s 1.3s ease-in-out both;
}

@keyframes bt01-text {
	0%{
		opacity: 0;
		clip:rect(0,0,51px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,539px,51px,0);
	}
}

.section-01 .first .text-box .bt02 {
	width: 518px;
	position:absolute;
	left: 0;
	top: 115px;
}

.section-01 .first.active .text-box .bt02 {
	animation:bt02-text 1.3s 2.5s ease-in-out both;
}

@keyframes bt02-text {
	0%{
		opacity: 0;
		clip:rect(23px,259px,23px,259px);
	}

	100%{
		opacity: 1;
		clip:rect(0,518px,46px,0);
	}
}

/*.section-01 .first .text-box .bt01 {
	width: 32px;
	position:absolute;
	left: 0;
	top: 50px;
}

.section-01 .first.active .text-box .bt01 {
	animation:bt01-text 400ms 1.2s ease-in-out both;
}

@keyframes bt01-text {
	0%{
		opacity: 0;
		clip:rect(0,0,45px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,35px,45px,0);
	}
}

.section-01 .first .text-box .bt02 {
	width: 176px;
	position:absolute;
	left: 50px;
	top: 50px;
	margin-top: -2px;
}

.section-01 .first.active .text-box .bt02 {
	animation:bt02-text 550ms 1.6s ease-in-out both;
}

@keyframes bt02-text {
	0%{
		opacity: 0;
		clip:rect(25px,88px,26px,88px);
	}

	100%{
		opacity: 1;
		clip:rect(0,176px,51px,0);
	}
}

.section-01 .first .text-box .bt03 {
	width: 32px;
	position:absolute;
	left: 240px;
	top: 50px;
}

.section-01 .first.active .text-box .bt03 {
	animation:bt01-text 400ms 2.1s ease-in-out both;
}

.section-01 .first .text-box .bt04 {
	width: 251px;
	position:absolute;
	left: 290px;
	top: 50px;
	margin-top: -3px;
}

.section-01 .first.active .text-box .bt04 {
	animation:bt04-text 550ms 2.5s ease-in-out both;
}

@keyframes bt04-text {
	0%{
		opacity: 0;
		clip:rect(22px,123px,23px,122px);
	}

	100%{
		opacity: 1;
		clip:rect(0,251px,45px,0);
	}
}

.section-01 .first .text-box .bt05 {
	width: 424px;
	position:absolute;
	left: 0;
	top: 115px;
}

.section-01 .first.active .text-box .bt05 {
	animation:bt05-text 600ms 3.1s ease-in-out both;
}

@keyframes bt05-text {
	0%{
		opacity: 0;
		clip:rect(0,0,45px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,424px,45px,0);
	}
}

.section-01 .first .text-box .bt06 {
	width: 81px;
	position:absolute;
	left: 440px;
	top: 115px;
}

.section-01 .first.active .text-box .bt06 {
	animation:bt06-text 450ms 3.7s ease-in-out both;
}

@keyframes bt06-text {
	0%{
		opacity: 0;
		clip:rect(23px,40px,23px,41px);
	}

	100%{
		opacity: 1;
		clip:rect(0,81px,46px,0);
	}
}*/

.section-01 .second .bg {
	background-image:url('../img_n/main/s01_slider02_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-01 .second.active .bg {
	animation:bg-size 3.8s 300ms linear both;
}

.section-01 .second .text-box {
	position:absolute;
	left: 50%;
	top: 25vh;
}

.section-01 .second .text-box .top {
	width: 377px;
	position:absolute;
	top: 0;
	left: 50%;
	margin-left: -185px;
}

.section-01 .second.active .text-box {
	min-width: auto;
}

.section-01 .second .open-text {
	position:absolute;
	left: 50%;
	margin-left: -100px;
	top: 100px;
	animation:fadeInUp 1s 3.8s ease-in-out both;
}

.section-01 .second.active .text-box .top {
	animation:top-text 700ms 500ms ease-in-out both;
}

.section-01 .second .text-box .bt01 {
	width: 799px;
	position:absolute;
	top: 50px;
	left: 50%;
	margin-left: -400px;
}

.section-01 .second.active .text-box .bt01 {
	animation:bt011-text 900ms 1.2s ease-in-out both;
}

@keyframes bt011-text {
	0%{
		opacity: 0;
		clip:rect(0,0,46px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,799px,46px,0);
	}
}


.section-01 .second .text-box .bt02 {
	width: 577px;
	position:absolute;
	top: 115px;
	left: 50%;
	margin-left: -288px;
	margin-top: -3px;
}

.section-01 .second.active .text-box .bt02 {
	animation:bt012-text 900ms 2.1s ease-in-out both;
}

@keyframes bt012-text {
	0%{
		opacity: 0;
		clip:rect(23px,288px,23px,288px);
	}

	100%{
		opacity: 1;
		clip:rect(0,577px,46px,0);
	}
}

/*.section-01 .second.active .text-box .top {
	animation:top-text 700ms 500ms ease-in-out both;
}

.section-01 .second .text-box .bt01 {
	width: 300px;
	position:absolute;
	top: 50px;
	left: 50%;
	margin-left: -410px;
}

.section-01 .second.active .text-box .bt01 {
	animation:bt011-text 600ms 1.2s ease-in-out both;
}

@keyframes bt011-text {
	0%{
		opacity: 0;
		clip:rect(0,0,45px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,300px,45px,0);
	}
}


.section-01 .second .text-box .bt02 {
	width: 258px;
	position:absolute;
	top: 50px;
	left: 50%;
	margin-left: -90px;
	margin-top: -3px;
}

.section-01 .second.active .text-box .bt02 {
	animation:bt012-text 600ms 1.8s ease-in-out both;
}

@keyframes bt012-text {
	0%{
		opacity: 0;
		clip:rect(23px,129px,23px,129px);
	}

	100%{
		opacity: 1;
		clip:rect(0,258px,46px,0);
	}
}

.section-01 .second .text-box .bt03 {
	width: 217px;
	position:absolute;
	top: 50px;
	left: 50%;
	margin-left: 175px;
}

.section-01 .second.active .text-box .bt03 {
	animation:bt013-text 200ms 2.4s ease-in-out both;
}

@keyframes bt013-text {
	0%{
		opacity: 0;
		clip:rect(0,0,45px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,217px,45px,0);
	}
}

.section-01 .second .text-box .bt04 {
	width: 256px;
	position:absolute;
	top: 115px;
	left: 50%;
	margin-left: -285px;
}

.section-01 .second.active .text-box .bt04 {
	animation:bt014-text 600ms 2.6s ease-in-out both;
}

@keyframes bt014-text {
	0%{
		opacity: 0;
		clip:rect(0,0,46px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,256px,46px,0);
	}
}

.section-01 .second .text-box .bt05 {
	width: 304px;
	position:absolute;
	top: 115px;
	left: 50%;
	margin-left: -10px;
	margin-top: -3px;
}

.section-01 .second.active .text-box .bt05 {
	animation:bt015-text 600ms 3.2s ease-in-out both;
}

@keyframes bt015-text {
	0%{
		opacity: 0;
		clip:rect(23px,152px,23px,152px);
	}

	100%{
		opacity: 1;
		clip:rect(0,304px,46px,0);
	}
}*/



.section-01 .third .bg {
	background-image:url('../img_n/main/s01_slider03_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-01 .third.active .bg {
	animation:bg-size 3.6s 300ms linear both;
}

.section-01 .third .text-box {
	position:absolute;
	right: 20vh;
	top: 25vh;
}

.section-01 .third .text-box .top {
	width: 377px;
	position:absolute;
	right:0px;
	top: 0;
	
}

.section-01 .third.active .text-box .top {
	animation:top-text 700ms 500ms ease-in-out both;
}

.section-01 .third .text-box .bt01 {
	width: 752px;
	position:absolute;
	top: 50px;
	right:0px;
}

.section-01 .third.active .text-box .bt01 {
	animation:bt0111-text 1.2s 1.2s ease-in-out both;
}

@keyframes bt0111-text {
	0%{
		opacity: 0;
		clip:rect(0,0,46px,0);
	}

	100%{
		opacity: 1;
		clip:rect(0,752px,46px,0);
	}
}

.section-01 .third .open-text {
	position:absolute;
	right:0px;
	top: 100px;
	animation:fadeInUp 1s 3.8s ease-in-out both;
}


.section-01 .third .text-box .bt02 {
	width: 508px;
	position:absolute;
	top: 115px;
	right: 0;
}

.section-01 .third.active .text-box .bt02 {
	animation:bt0122-text 1.2s 2.4s ease-in-out both;
}

@keyframes bt0122-text {
	0%{
		opacity: 0;
		clip:rect(25px,254px,26px,254px);
	}

	100%{
		opacity: 1;
		clip:rect(0,508px,51px,0);
	}
}

.section-02 .p1 {
	position:absolute;
	right: 0;
	top: 50%;
	margin-top: -134px;
	z-index: 999;
	cursor:pointer;
}

.premium-slider li {
	height: 100vh;
}

.section-01 .open-text {
		border:1px solid #fff;
		text-align:center;
		padding: 10px 0;
		min-width:200px;
		font-size:18px;
		color:#fff;
		top: 200px !important;
}

.section-02 .bg::before {
	content:'';
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,.3);
}

.section-02 .first .bg {
	background-image:url('../img_n/main/s02_slider01_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .second .bg {
	background-image:url('../img_n/main/s02_slider02_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .third .bg {
	background-image:url('../img_n/main/s02_slider03_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .forth .bg {
	background-image:url('../img_n/main/s02_slider04_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .fifth .bg {
	background-image:url('../img_n/main/s02_slider05_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .sixth .bg {
	background-image:url('../img_n/main/s02_slider06_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 .seventh .bg {
	background-image:url('../img_n/main/s02_slider07_bg.jpg');
	background-size:cover;
	background-position:center;
}

.section-02 li.active .bg {
	animation:bg-size 3.8s 300ms linear both;
}

.section-02 li .text-box {
	position:absolute;
	right: 200px;
	bottom:200px;
}

.section-02 li.active .text-box p {
	animation:fadeInUp 1s 300ms ease-in-out both;
}

.section-02 li .text-box .gauge-bar {
	position:absolute;
	display:inline-block;
	right: -200px;
	top: 100px;
	width: 190px;
	height: 1px;
	background-color:rgba(255,255,255, .5);
}

.section-02 li .text-box .gauge-bar .bar {
	display:inline-block;
	width: 100%;
	height: 100%;
}

.section-02 li .text-box .gauge-bar .bar::before {
	content:'';
	display:inline-block;
	position:absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 1px;
	background-color:rgba(255,255,255,1);
}

.section-02 li.active .text-box .gauge-bar .bar::before {
	animation: w 3.7s 1.3s linear both;
}

@keyframes w {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.section-02 li .text-box .viewmore-btn {
	position:relative;
	margin-top: 30px;
	float:right;
	width: 151px;
	height: 34px;
	display:inline-block;
	border:1px solid #fff;
}	

.section-02 li.active .text-box .viewmore-btn {
	animation:fadeInUp2 1s 1.3s ease-in-out both;
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.viewmore-btn span {
	position:relative;
	display:inline-block;
	width: 100%;
	height: 100%;
	background-image:url('../img_n/main/view_more_w.png');
	z-index: 9;
}

.viewmore-btn span a {
	position:absolute;
	display:inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

.viewmore-btn::before {
	content:'';
	display:inline-block;
	position:absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 32px;
	transition:all 400ms;
	background-color:#fff;
}

.viewmore-btn:hover span {
	background-image:url('../img_n/main/view_more.png');
}

.viewmore-btn:hover::before {
	width: 100%;
}

.section-03 .li {
	position:relative;
	height: 100vh;
}

.section-03 .bg {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.section-03 .first .bg {
	background-color:#2d2219;
}

.section-03 .first .bg-item {
	height: 100%;
	width: calc(50vw + 545px);
	background-image:url('../img_n/main/s3_bg.jpg');
	background-position:center;
	background-size:cover;
}

.section-03 .img-box {
	width: 1300px;
	height: 585px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -292px;
	margin-left: -650px;
}

.section-03.active .img-box {
	animation:s3 1s ease-in-out both;
}

@keyframes s3 {
	0% {
		clip:rect(0,650px,635px,650px);
	}

	100% {
		clip:rect(0,1300px,635px,0)
	}
}

.section-03 .img-box .title {
	position:absolute;
	left: 0;
	top: 0;
}

.section-03 .img-box .image {
	position:absolute;
	right: 0;
	bottom: 0;
}

.section-03 .img-box .viewmore-btn {
	position:absolute;
	left: 0;
	top: 180px;
	width: 151px;
	height: 34px;
	display:inline-block;
	border:1px solid #fff;
}	


.section-03 .second .bg {
	background-color:#071122
}

.section-03 .second .bg-item {
	position:absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: calc(50vw + 545px);
	background-image:url('../img_n/main/s3_bg2.jpg');
	background-position:center;
	background-size:cover;
}


.section-03 .second .img-box .title {
	left: auto;
	right: 0;
}

.section-03 .second .img-box .image {
	right: auto;
	left: 0;
}

.section-03 .second .img-box .viewmore-btn {
	left: auto;
	right: 0;
}	

.section-04 {
	background-image:url('../img_n/main/s4_bg.jpg');
	background-position:center;
	background-size:cover;
}

.section-04 .title {
	position:absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -250px);
}

.section-04 .item-box {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1190px;
	margin-left: -595px;
	height: 472px;
	margin-top: -136px;
}


.fp-slidesNav {
	display:none;
}
.bx-wrapper .bx-pager {
	top: 50%;
	transform:translate(0, -50%);
	height: 53px;
	padding-left: 30px;
}

.bx-wrapper .bx-pager-item,
.fp-slidesNav ul li {
	display:block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color:transparent !important;
	border:2px solid #fff;
	width: 12px;
	height: 12px;
	border-radius:50%;
	margin: 8px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color:transparent;
	border:2px solid #fff;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color:#fff !important;
	width: 12px;
	height: 12px;
}
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a span, 
.fp-slidesNav ul li a.active span, 
.fp-slidesNav ul li:hover a span {
	background-color:#fff;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
}

.section-03 .arrow-wrap {
	display:none;
	position:absolute;
	width:1300px;
	top: 50%;
	height: 53px;
	margin-top: 292px;
	left: 50%;
	margin-left: -650px;
}

.section-03.on .arrow-wrap {
	margin-top: 293px;
}

.section-03  .arrow {
	position:relative;
	width: 100%;
}

.section-03 .arrow .prev {
	display:inline-block;
	position:absolute;
	left: auto;
	right: 53px;
	bottom: -53px;
	width: 53px;
	height: 53px;
	background-image:url('../img_n/main/s3_arrow.png');
	cursor:pointer;
}

.section-03 .arrow .next {
	display:inline-block;
	position:absolute;
	left: auto;
	right: 0;
	bottom: -53px;
	width: 53px;
	height: 53px;
	background-image:url('../img_n/main/s3_arrow.png');
	background-position:100% center;
	cursor:pointer;
}

.section-03.on .arrow .prev {
	right: auto;
	left: 0;
}

.section-03.on .arrow .next {
	right: auto;
	left: 53px;
}




@media(max-width:1830px) {
	.section-03 .first .bg-item,
	.section-03 .second .bg-item {
		width: calc(50vw + 395px);
	}
	.section-03 .img-box,
	.section-03 .bx-controls,
	.section-03 .arrow-wrap {
		width: 1000px;
		margin-left: -500px;
	}
}

@media(max-width:1600px) {
	.section-03 .img-box,
	.section-03 .bx-controls,
	.section-03 .arrow-wrap,
	.section-03.on .arrow-wrap {
		width: 750px;
		margin-left: -375px;
		margin-top: -215px;
		height: 430px;
	}

	.section-03 .img-box .image {
		max-width: 80%;
	}

	

	@keyframes s3 {
		0% {
			clip:rect(0,375px,430px,375px);
		}

		100% {
			clip:rect(0,750px,430px,0)
		}
	}

}



/* Layer Popup */
/* .layerPopup { position: absolute; border: 1px solid #313565; z-index: 100} */
.layerPopup .layerBox a { display: block}
.modal-today { display: flex; align-items: center; padding: 10px 20px; background: #fff; border-top: 1px solid #d5d5d5;}
.modal-today .checkboxSet { display: flex; align-items: center}
.modal-today .checkboxSet input[type=checkbox] { margin-top: 2px}
.modal-today .checkboxSet label { display: block; font-size: 14px; color: #666; margin-left: 5px; cursor: pointer}
.modal-today .modalClose { font-size: 14px; color: #666; margin-left: auto}