/* 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 */
}

/* main css */
.left_wingbanner {
	top: 30vh;
}

.left_wing_top {
	position:absolute;
	display:block;
	z-index: 99999;
	left: 0;
	top: 0;
	height: 30vh;
	width: 6%;
	min-width:120px;
}

.left_wing_top {
	display:block;
	background-color:#641741;
	background-image:url('../img/fixed_event.png');
	background-position:center;
}

.left_wing_top::after {
	content:'';
	display:block;
	width: 1px;
	height: 8vh;
	position:absolute;
	bottom: 0;
	left: 50%;
	background-color:#783b5e
}

.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;
}

.mousescroll.b {
	color:#00183C;
}

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

.mousescroll.b .mouse {
	border: 4px solid #00183C;
}

.mousescroll .mouse .wheel {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #641741;
    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);
	}
}

.mousescroll .mouse::after {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -.5px;
    top: 60px;
}

.mousescroll.b .mouse::after {
	background-color:#641741;
}

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

.bx-wrapper img {
	display:inline-block;          
}

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

.main-slider li .bg {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.main-slider li .inner {
	position:relative;
	height: 100%;
	width: 100%;
}

.main-slider li.first .bg {
	background-image:url('../img/main/main_slider_bg01.jpg?new');
	background-position:center;
	background-size:cover;
}

.main-slider li.first p {
	position:absolute;
	top: 30vh;
	left: 25vw;
	animation: firstSlideText 1.5s 200ms ease-in-out both;
}

@keyframes firstSlideText {
	0% {
		opacity: 0;
		clip:rect(99px,167px,99px,166px);		
	}

	100% {
		opacity: 1;
		clip:rect(0,333px,198px,0);		
	}
}

.main-slider li.second .bg {
	background-image:url('../img/main/main_slider_bg02.jpg?new');
	background-position:center;
	background-size:cover;
}


.main-slider li.second p {
	position:absolute;
	left: 50%;
}

.main-slider li p.top {
	position:absolute;
	left: 50%;
	top: 45%;
	transform:translate(-50%, -100%);
}

.main-slider li.second p.top {
	animation: secondSlideText 1.5s 200ms ease-in-out both;
}



@keyframes secondSlideText {
	0% {
		opacity: 0;
		clip:rect(89px,185px,90px,185px);		
	}

	100% {
		opacity: 1;
		clip:rect(0,369px,179px,0);		
	}
}

.main-slider li p.bt {
	position:absolute;
	left: 50%;
	top: 45%;
	transform:translate(-50%, 85%);
	animation: fadeInUp 1.5s 2.5s ease-in-out both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
	margin-top: 60px;
  }

  to {
    opacity: 1;
	margin-top: 0;
    
  }
}


.main-slider li.third .bg {
	background-image:url('../img/main/main_slider_bg03.jpg?new');
	background-position:center;
	background-size:cover;
}

.main-slider li.third p.top {
	animation: thirdSlideText 1.5s 200ms ease-in-out both;
}



@keyframes thirdSlideText {
	0% {
		opacity: 0;
		clip:rect(90px,190px,90px,190px);		
	}

	100% {
		opacity: 1;
		clip:rect(0,380px,180px,0);		
	}
}

.main-slider li.forth .bg {
	background-image:url('../img/main/main_slider_bg04.jpg?new');
	background-position:center;
	background-size:cover;
}

.main-slider li.forth p.top {
	animation: forthSlideText 1.5s 200ms ease-in-out both;
}

@keyframes forthSlideText {
	0% {
		opacity: 0;
		clip:rect(99px,227px,99px,227px);		
	}

	100% {
		opacity: 1;
		clip:rect(0,455px,199px,0);		
	}
}

.main-slider li.fifth .bg {
	background-image:url('../img/main/main_slider_bg05.jpg?new');
	background-position:center;
	background-size:cover;
}

.main-slider li.fifth p.top {
	animation: fifthSlideText 1.5s 200ms ease-in-out both;
}

@keyframes fifthSlideText {
	0% {
		opacity: 0;
		/*clip:rect(95px,197px,96px,198px);		*/
	}

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

.section-01 .bx-wrapper .bx-pager {
	display:none
}

.section-01 {
	position:relative;
}

.section-01::after {
	display:block;
	transition-duration: 0.5s;
	transition-property: opacity;
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	opacity: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,226,230,0) 0%, rgba(221,228,234,1) 100%);
	z-index: 1000 !important;
}

.section-01.effect::after {
	opacity: 1;
}

.view-more {
	float:right;
	margin: 10px 60px 0 0;
}

.view-more,
.view-detail {
	position:relative;
	display:inline-block;
	color:#fff;
}

.section-01 .vd-wrap {
	position:absolute;
	top: 45%;
	left: 50%;
	transform:translateX(-50%);
	margin: 50px 0 0 22px;
	animation: fadeIn 1s 1.7s ease-in-out both;
}

.view-more,
.view-detail.blue {
	color: #00183c;
	font-weight:bold;
}

.view-more span,
.view-detail span {
	display: inline-block;
    position: relative;
    z-index: 9;
    vertical-align: top;
    margin-top: .5px;
}

.view-more::after,
.view-detail::before {
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    display: inline-block;
    content: '';
    background-image: url('../img/main/view_more_arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 20px;
    margin-right: 10px;
	border:1px solid #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    z-index: 7;
    transition: all 400ms;
}

.view-more::after {
	left: auto;
	right: -60px;
}

.view-more::after,
.view-detail.blue::before {
	background-color:#00183c;
	border-color:#00183c;
	
}

.view-more:hover,
.view-detail.blue:hover {
	color:#fff;
}

.view-more:hover::after,
.view-detail:hover::before,
.view-detail.blue:hover::before {
    position: absolute;
	background-image: url('../img/main/view_more_arrow_over.png');
    background-position: 12% center;
    width: 140%;
    text-align: left;
    padding: 0 20px;
    border-radius: 20px;
	
}

.view-more:hover::after {
	background-position: 88% center;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		visibility:hidden;
	}

	100% {
		opacity: 1;
		visibility:visible;
	}
}

.section-02 {
	background-image:url('../img/main/section02_bg.jpg');
	background-size:cover;
	background-position:center;
	
}

.section-02 .row {
	max-width:1240px;
	height: 100%;
}

.section-02 .left-box {
	position:relative;
	width: 50%;
}

.section-02 .left-box p {
	/*position:absolute;
	top: 0;
	left: 0;*/
}

.section-02 .video-box {
	margin-top: 270px;
}

.section-02 .right-box {
	letter-spacing:-1px;
	width: 50%;
	padding:0 0 0 30px;
}

.section-02 .right-box .title {
	font-size:22px;
	margin-bottom: 10px;
	color:#6d88b1;
}

.section-02 .right-box .content {
	color:#30323a;
}

.section-02 .view-detail {
	margin: 30px 0 0 50px;
}

.section-03 .row {
	max-width:1240px;
}

.section-03 .title {
	margin-bottom: 40px;
}



.section-03 .zone-slider li {
	animation: fadeInUp 1s ease-in-out both;
}



.section-03 .zone-slider li .img-zone {
	width: 50%;
}

.section-03 .zone-slider li .text-zone {
	position:relative;
	background-color:#345030;
	width: 50%;
	height: 490px;
	padding: 80px 50px;
}

.section-03 .zone-slider li.second .text-zone {
	background-color:#004033;
}

.section-03 .zone-slider li.third .text-zone {
	background-color:#441a23
}

.section-03 .zone-slider li .text-zone .floor {
	position:absolute;
	top: 25px;
	right: 25px;
}

.section-03 .zone-slider li .text-zone .view-more-btn {
	position:relative;
	display:inline-block;
	border:1px solid rgba(255, 255, 255, .3);
	color:#fff;
	width: 130px;
	text-align:center;
	margin-top: 30px;
	line-height:30px;
	height: 30px;
	font-size:13px;
	transition: all 400ms;
}

.section-03 .zone-slider li .text-zone .view-more-btn:hover {
	color:#345030;
	background-color:#fff;
}

.section-03 .zone-slider li .text-zone .view-more-btn::after {
	content:'';
	display:block;
	width: 10px;
	height: 1px;
	background-color:#fff;
	position:absolute;
	left: 50%;
	margin-left: 40px;
	top: 50%;
}

.section-03 .bx-wrapper .bx-pager {
	display:none;
}

.section-03 .bx-wrapper .bx-prev {
	position:absolute;
	display:inline-block;
	left: auto;
	right: 49px;
	top: -60px;
	height: 40px;
	width: 40px;
	background-image:url('../img/main/s3_arrow.png') !important;
	background-position:0 center;
}

.section-03 .bx-wrapper .bx-next {
	position:absolute;
	display:inline-block;
	left: auto;
	right: 0;
	top: -60px;
	height: 40px;
	width: 40px;
	background-image:url('../img/main/s3_arrow.png') !important;
	background-position:100% center;
}

.section-04 {
	background-color:#edf5fe;
}

.section-04 .row {
	max-width:1240px;
}

.section-04 .title {
	margin-bottom: 40px;
}

@media(max-width:1600px) {
	.section-04 .title {
		margin-bottom: 10px;
	}
}

.section-04 .title {
	
}

.section-04 .store li {
	position:relative;
	width: 24.25%;
	text-align:center;
	border:1px solid #d5d5d5;
	float: left;
	margin: 10px 0;
	margin-right: 1%;
	/*padding: 40px;*/
	letter-spacing: -1px;
	font-size: 14px;
	background-color:#fff;
	height: 280px;
}

.section-04 .store li .state {
	position:absolute;
	left: 0;
	top: 0;
	padding: 0 5px 0 10px;
	height: 35px;
	line-height:35px;
	font-size:14px;
	color:#fff;
	background-color:#00183c;

}

.section-04 .store li .state i {
	position:relative;
	z-index: 5;
}

.section-04 .store li .state::after {
	position:absolute;
	margin-left: -3px;
	content:'';
	display:inline-block;
	width: 20px;
	height: 35px;
	transform:skew(-25deg, 0);
	background-color:#00183c;
}

.section-04 .store li .state.new {
	background-color:#641741;
}

.section-04 .store li .state.new::after {
	background-color:#641741;
}


.section-04 .store li .state.exp {
	background-color:#006400;
}

.section-04 .store li .state.exp::after {
	background-color:#006400;
}




.section-04 .store li:nth-child(4n) {
	margin-right: 0;
}

.section-04 .store li .Abs {
	position:absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform:translateY(-50%);
}

.section-04 .store li .image {
	/* position:absolute;
	left: 0;
	width: 100%;
	top: 30%;
	transform:translateY(-50%); */
	margin-bottom: 20px;
}

.section-04 .store li h6 {
	/* position:absolute;
	left: 0;
	width: 100%;
	text-align:center;
	top: 50%;
	transform:translateY(-50%); */
	position:relative;
	font-size: 25px;
	line-height:100%;
	margin-bottom: 30px;
}
.section-04 .store li .fh{
    line-height: 30px;
}

.section-04 .store li h6::after {
	position:absolute;
	content:'';
	display:inline-block;
	width: 14px;
	height: 1px;
	background-color:#252525;
	bottom: -17px;
	left: 50%;
	margin-left: -7px;

}

.section-04 .store li p {
	/* position:absolute;
	left: 0;
	width: 100%;
	text-align:center;
	top: 50%;
	transform:translateY(70%); */
	margin-bottom: 10px;
}

.section-04 .store li strong {
	display:block;
	/* position:absolute;
	left: 0;
	width: 100%;
	text-align:center;
	bottom: 35px; */
	font-family:'NotoSansKR-Bold';
	font-size:15px;
}





/* 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}
.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}
/*
@media (max-width: 575px) {
	.layerPopup { left: 50%; top: 100px; min-width:400px; transform: translateX(-50%)}
}
*/