/* main css */
.row {
	max-width: 1560px;
}

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

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


.section-01 .bx-wrapper {
	margin-top: 100px;
}

.main-slider li {
	position:relative;
	text-align:center;
	height: calc(100vh - 100px);
	padding-top: 130px;
}

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

.main-slider li.active-slide .bg {
	animation: zoomOut 4.8s .2s ease both;
	background-size:cover;
	background-position: center 100%;
}

@keyframes zoomOut {
	from {
		transform:scale3d(1.08, 1.08, 1.08);
	}

	to {
		transform:scale3d(1, 1, 1);
	}
}

.main-slider li.first .bg {
	background-image:url('../img/main/slide_bg04.png');
	background-position: center 0;
}

.main-slider li.second .bg {
	background-image:url('../img/main/slide_bg01.jpg');
}

.main-slider li.third .bg {
	background-image:url('../img/main/slide_bg02.jpg');
}

.main-slider li.forth .bg {
	background-image: url('../img/main/slide_bg03.jpg');
}

.main-slider li p {
	position:relative;
	z-index: 3;
}

.main-slider li p.top {
	margin-bottom: 145px;
}


.main-slider li p .image-text {
	
	display:block;
	width: 0px;
    opacity: 0;
	height: 190px;
    margin: auto;
	background-image:url('../img/main/slide_main_text.png');
	animation: widthText 700ms 300ms ease-in-out both;
	margin-bottom: 10px;
}

.main-slider li p.top2 .image-text {
	
	display:block;
	width: 0px;
    opacity: 0;
	height: 164px;
    margin: -70px auto;
	background-image:url('../img/main/slide_main_text2.png');
	animation: widthText2 700ms 300ms ease-in-out both;
	margin-bottom: 10px;
}

@keyframes widthText {
		0% {width: 0; opacity: 0;}
		100% {width: 818px; opacity: 1;}
}

@keyframes widthText2 {
		0% {width: 0; opacity: 0;}
		100% {width: 705px; opacity: 1;}
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.main-slider li p.bottom {
	animation: zoomIn 400ms 800ms ease-in-out both;
}


.section-01 .bx-wrapper .bx-pager {
	padding-top: 0;
	bottom: 60px;
	padding-right: 74px;
}


body > div.container > div.section-01 > div > div.bx-controls.bx-has-controls-direction.bx-has-pager > div.bx-pager.bx-default-pager >div.bx-pager-item > a {
	background-color:#fff;
	border: 1px solid #9b9b9b;
	
}

body > div.container > div.section-01 > div > div.bx-controls.bx-has-controls-direction.bx-has-pager > div.bx-pager.bx-default-pager >div.bx-pager-item > a.active {
	border: none;
	background-color: transparent !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color:#fff;
	border: none;
	
}

.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color:#fb8c00;
	text-indent:-9999px;
}

.section-01 .bx-wrapper .bx-pager .bx-pager-item a.active {
	margin-bottom: -6px;
}

.section-01 .bx-wrapper .bx-pager .bx-pager-item:first-child a.active {
	width: 185px;
	height: 18px;
	background-image:url('../img/main/indc_btn004_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-01 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a.active {
	width: 145px;
	height: 18px;
	background-image:url('../img/main/indc_btn001_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-01 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a.active {
	width: 155px;
	height: 18px;
	background-image:url('../img/main/indc_btn002_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-01 .bx-wrapper .bx-pager .bx-pager-item:nth-child(4) a.active {
	width: 247px;
	height: 18px;
	background-image:url('../img/main/indc_btn003_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-01 .bx-wrapper .bx-controls-direction a.bx-prev {
	background-image:url('../img/main/slider_controls.png');
}

.section-01 .bx-wrapper.first .bx-controls-direction a.bx-prev {
	transform:translate(100px, 0);
}

.section-01 .bx-wrapper.second .bx-controls-direction a.bx-prev {
	transform:translate(80px, 0);
}

.section-01 .bx-wrapper.third .bx-controls-direction a.bx-prev {
	transform:translate(90px, 0);
}
.section-01 .bx-wrapper.forth .bx-controls-direction a.bx-prev {
	transform:translate(130px, 0);
}

.section-01 .bx-wrapper .bx-controls-direction a.bx-next {
	background-image:url('../img/main/slider_controls.png');
	background-position:100%;
}

.section-01 .bx-wrapper.first .bx-controls-direction a.bx-next {
	transform:translate(165px, 0);
}

.section-01 .bx-wrapper.second .bx-controls-direction a.bx-next {
	transform:translate(150px, 0);
}

.section-01 .bx-wrapper.third .bx-controls-direction a.bx-next {
	transform:translate(160px, 0);
}
.section-01 .bx-wrapper.forth .bx-controls-direction a.bx-next {
	transform:translate(200px, 0);
}

.section-01 .bx-wrapper.first .bx-controls-direction a.bx-prev::after {
	content:'';
	display:inline-block;
	width: 30px;
	height: 29px;
	background-image:url('../img/main/indc_page01.png');
	margin: -8px 0 0 25px;
}

.section-01 .bx-wrapper.second .bx-controls-direction a.bx-prev::after {
	content:'';
	display:inline-block;
	width: 33px;
	height: 29px;
	background-image:url('../img/main/indc_page02.png');
	margin: -8px 0 0 22px;
}

.section-01 .bx-wrapper.third .bx-controls-direction a.bx-prev::after {
	content:'';
	display:inline-block;
	width: 33px;
	height: 29px;
	background-image:url('../img/main/indc_page03.png');
	margin: -8px 0 0 22px;
}

.section-01 .bx-wrapper.forth .bx-controls-direction a.bx-prev::after {
	content:'';
	display:inline-block;
	width: 33px;
	height: 29px;
	background-image:url('../img/main/indc_page04.png');
	margin: -8px 0 0 22px;
}

.section-01 .bx-wrapper .bx-controls-direction a {
	z-index: 2;
	position:absolute;
	bottom: 60px;
	width: 10px;
	height: 15px;
	left: 50%;
	cursor:pointer;
	font-size:0px;
}

/* #f-1f li.hidden:nth-of-type(3) {
	display:none !important;
} */

.section-02,
.section-03 {
	padding: 80px 0;
}

.section-02 {
	position:relative;
	height: 658px;
}

.section-02 .row {
	background-image:url('../img/main/main_banner001.png');
	background-position: 20px center;
}

.section-02 .row {
	position:absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	width: 100%;
	clip:rect(0,0,527px,0);
}

.section-02 .row.aos-animate {
	transition-delay:300ms;
	transition-duration:1.2s;
	clip:rect(0,1560px,527px,0);
}


.section-02 .left-box {
	width: 1114px;
	height: 527px;
}

.section-02 .more-btn {
	position:absolute;
	right: 500px;
	bottom: 60px;
}


.section-02 .right-box .item {
	position:absolute;
	right: 20px;
	top: 0;
	margin-top: -5px;
	opacity: 0;
	transform:translateY(-60px);
}


.section-02 .right-box .item.sns {
	margin-top: -20px;
	right: 20px;
	top: auto;
	bottom: 0;
	transform:translateY(60px);
}

.section-02 .row.aos-animate .right-box .item {
	transition-delay:1.2s;
	transition-duration:1s;
	opacity: 1;
	transform:translateY(0);
}

/* .section-02 .row.aos-animate .right-box .item {
	transition-delay:600ms;
	transition-duration:2s;
	clip:rect(0,398px,272px,0);
} */

.section-03 {
	background-color:#f4f4f4
}

.section-03 .title {
	margin-bottom: 80px;
	transform:translateY(-80px);
	opacity: 0;

}

.section-03.aos-animate .title {
	transition-delay:300ms;
	transition-duration:700ms;
	transform:translateY(0);
	opacity: 1;

}

.section-03 .bx-wrapper {
/* 	font-size:0px;
	margin-bottom: 30px; */
	transform:translateY(-60px);
	opacity: 0;
}

.section-03.aos-animate .bx-wrapper {
	transition-delay:1s;
	transition-duration:700ms;
	transform:translateY(0);
	opacity: 1;
}

.section-03 .floor li {
	display:inline-block;
	width: 80px;
	font-family:'GmarketSansTTFLight';
	position:relative;
	font-size:20px;
	cursor:pointer;
	transition:all 300ms;
}

.section-03 .floor li:hover,
.section-03 .floor li.active {
	font-family:'GmarketSansTTFBold';
}

.section-03 .floor li:nth-child(2)::before {
	content:'';
	display:inline-block;
	left: 0;
	width: 1px;
	height: 10px;
	background-color:#d5d5d5;
	position:absolute;
	top: 50%;
	margin-top: -5px;
}

.section-03 .floor li:nth-child(2)::after {
	content:'';
	display:inline-block;
	right: 0;
	width: 1px;
	height: 10px;
	background-color:#d5d5d5;
	position:absolute;
	top: 50%;
	margin-top: -5px;
}

.section-03 .bx-wrapper {
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-viewport {
	
}

.section-03 .one-banner {
	font-size:0px;
}



.section-03 .one-banner .banner-box {
	text-align:left;
}

.section-03 #f-b1f .one-banner .banner-box {
	text-align:center;
}

.section-03 .one-banner .banner-box li {
	display:inline-block;
}

.section-03 .one-banner .banner-box li.hidden {
	display:none;
}

.section-03 .one-banner .btn-box {
	position:relative;
	margin-top: 20px;
	z-index: 51;
}

.section-03 .one-banner .btn-box a {
	display:inline-block;
	cursor:pointer;
	
}

/* 2021-03-30 추가 */

.section-03 .bx-wrapper .bx-pager {
	top: -60px;
	position:absolute;
	height: 21px;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item {
	width: 80px;
	text-align:center;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:first-child {
	width: 90px;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item a {
	position:relative;
	display:inline-block;
	border-radius: 0px;

}



.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a::before {
	content:'';
	display:inline-block;
	left: 0;
	width: 1px;
	height: 10px;
	background-color:#d5d5d5;
	position:absolute;
	top: 50%;
	margin: -5px 0 0 -25px;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a::after {
	content:'';
	display:inline-block;
	right: 0;
	width: 1px;
	height: 10px;
	background-color:#d5d5d5;
	position:absolute;
	top: 50%;
	margin: -5px -25px 0 0;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:first-child a {
	width: 41px;
	height: 21px;
	background-image:url('../img/main/inc_b1f.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:first-child a:hover,
.section-03 .bx-wrapper .bx-pager .bx-pager-item:first-child a.active {
	width: 43px;
	height: 21px;
	background-image:url('../img/main/inc_b1f_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a {
	width: 25px;
	height: 21px;
	background-image:url('../img/main/inc_1f.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a:hover,
.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(2) a.active {
	width: 26px;
	height: 21px;
	background-image:url('../img/main/inc_1f_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a {
	width: 30px;
	height: 21px;
	background-image:url('../img/main/inc_2f.png');
	background-size:100% 100%;
	background-color:transparent;
}

.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a:hover,
.section-03 .bx-wrapper .bx-pager .bx-pager-item:nth-child(3) a.active {
	width: 31px;
	height: 21px;
	background-image:url('../img/main/inc_2f_on.png');
	background-size:100% 100%;
	background-color:transparent;
}

.more li a {
	width: 300px;
	height: 152px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 0;
}

.more li a img {
	transition:all 400ms ease-in-out;
}

.more li a:hover img {
	transform:scale3d(1.07, 1.07, 1.07)
}

@media(max-width:1600px) {
	
	.main-slider li {
		padding-top: 120px;
	}

	.main-slider li p.top {
		margin-bottom: 60px;
	}

	.main-slider li p.top2 {
		margin-bottom: 30px;
	}
	
	.section-01 .bx-wrapper .bx-controls-direction a,
	.section-01 .bx-wrapper .bx-pager {
		bottom: 40px;
	}

	.section-02 .left-box {
		width: 70%;
	}

	.section-02 .left-box {
		width: 70%;
		/* height: auto; */
	}

	.section-02 .right-box {
		width: 29%;
	}

	.section-02 .row {
		background-image:url('../img/main/main_banner001.png');
		background-size: auto 100%;
	}


}