@charset "utf-8";
/* ===================================================== */
/* MAIN-COMMON */
.body-main #skip-nav::before {content: ''; position: fixed; inset: 0; pointer-events: none; background-color: #000; z-index: 9999; animation: fade-out .8s ease-in .2s both;}


.color-b {color:#222 !important;}
.color-g {color:#666 !important;}
.color-1 {color:var(--color-main) !important;}
.color-2 {color:#2865b5 !important;}





.body-main .section {overflow: hidden;}



@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}

/*화살표*/
.more-arrow {position: relative; height:3.2rem; --morebg:#6d7ee7; font-size:0; text-indent: -9999px; line-height:1; transition: all 0.5s ease-in-out;}
.more-arrow span::before,
.more-arrow span::after {content:''; display: block;  background-color: var(--morebg); position: absolute; transition: all 0.3s ease-in-out;}
.more-arrow span::before {width:2.4rem; height:100%; mask: url('../images/main/ico_arrow01.svg') no-repeat right center / contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat right center / contain;right:0rem; top:0; transform: translate(0, 0%);}
.more-arrow span::after {width:100%; height:calc(100% / 8); right:0.1rem; top:50%; border-radius: 2rem; margin-top:-0.35rem;}

/* MAIN-COMMON */
/* ===================================================== */







/* ===================================================== */
/* MAIN-VISUAL : S */

.mainvisual {position: relative; --copy-padding:7rem;}
.mainvisual-wrap {overflow: hidden; transition:all 0.5s linear 0.5s; position: relative;}

.mainvisual-slide {height:100vh; height: calc(var(--vh, 1vh) * 100 ); min-height: 70rem; max-height:96rem; background-color: #000; position: relative;transition: height 0.3s ease-in-out;}

.mainvisual-slide .slide-list {height: 100%;}
.mainvisual-slide .item {position: relative; height:100%; overflow: hidden; display: flex; align-items: center;}
.mainvisual-slide .item .bg {height:100%; width:100%; position: absolute; z-index: -1;}
.mainvisual-slide .item .bg::after {content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background-color: rgba(0, 0, 0, 0.5); z-index: 2;}
.mainvisual-slide .item .bg span{display: block; width: 100%;height: 100%; background:no-repeat 80% center/cover; transform: scale(1); transition: all 10s linear;}
.mainvisual-slide .item.is-active .bg span {transform: scale(1.2);}


.mainvisual-slide .item.nth-1 .bg span {background-image: url('../images/main/visual_bg01.jpg');}
.mainvisual-slide .item.nth-2 .bg span {background-image: url('../images/main/visual_bg02.jpg');}
.mainvisual-slide .item.nth-3 .bg span {background-image: url('../images/main/visual_bg03.jpg');}

.main__visual-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.mainvisual-slide .swiper-slide .bg.vod {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	transition: all 10s ease-in-out;
	
}


.mainvisual-slide .copy-box {margin:0 var(--inner-padding); padding:0 var(--copy-padding); flex-grow: 1; position: relative; text-align: center;}
.mainvisual-slide .copy-box h3 {font-size:9rem; color:#fff; font-weight: 100;}
.mainvisual-slide .copy-box p {font-size:3.5rem; color:#fff; font-weight: 700; margin-top:2.5rem;}


.mainvisual-slide .item.is-active .copy-box h3 {animation: clip-center 1s ease-in-out 1s both ;}
.mainvisual-slide .item.is-active .copy-box p {animation: fade-up 1s ease-in-out 1.2s both ;}




.mainvisual-slide .slide-control {position: absolute; z-index: 1; right:0; top:50%; transform: translate(0, -50%);  opacity: 0;}
.mainvisual-wrap.is-active .mainvisual-slide .slide-control {opacity: 1; transition: opacity 0.5s ease-in-out 1s;}

.mainvisual-slide .slide-control-wrap .paging {width:auto; height:auto; display: flex; gap:3rem; flex-direction: column;}
.mainvisual-slide .slide-control-wrap .paging em {font-size:max(1.6rem, 12px); color:#fff; font-weight: 100;display: block; padding-bottom:1rem; transition: all 0.5s ease-in-out; opacity: 0.7;}

.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet {width:var(--copy-padding); height:auto; margin:0; border-radius: 0;  opacity: 1; background-color:transparent; transition: all 0.5s ease-in-out; position: relative;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet::before {content:''; display: block; width:0; height:0.3rem; background-color: #fff; position: absolute; bottom:0; right:0; transition: all 0.3s linear;}

.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet-active em{font-weight: 700; opacity: 1;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet-active::before {width:100%;transition: all 0.5s linear;}

.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet:hover em{opacity: 1;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet:hover::before {background-color: var(--color-sub); width:100%;}




@media (max-width: 1440px){
	.mainvisual-slide .copy-box h3 {font-size:8rem;}
	.mainvisual-slide .copy-box p {font-size:3rem; margin-top:2rem;}
}


@media (max-width: 1280px){
	.mainvisual {--copy-padding:6rem;}

	.mainvisual-slide .copy-box h3 {font-size:7rem;}
	.mainvisual-slide .copy-box p {font-size:2.8rem;}
}


@media (max-width: 1024px){
	.mainvisual { --copy-padding:5rem;}

	.mainvisual-slide .copy-box  {padding:0;}
	.mainvisual-slide .copy-box h3 {font-size:6.4rem;}
	.mainvisual-slide .copy-box p {font-size:2.4rem;}


	.mainvisual-slide .slide-control {top:auto; bottom:3rem; transform: translate(0, 0%);}
	.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet::before {height:0.2rem;}
}

@media (max-width: 768px){
	.mainvisual { --copy-padding:4rem;}
	.mainvisual-slide .copy-box h3 {font-size:5.8rem;}
}



@media (max-width: 576px){
	
}




/* 스크롤 다운 */
.visual-scroll { position: absolute; left:50%; bottom: 2.5rem; transform: translate(-50%, 0); transition: .3s; z-index: 1;}

.scroll-btn {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1; opacity: 0;}
.scroll-btn a {display: block; height:100%; font-size:0; text-indent: -8888px; }


.visual-scroll-line {display: flex; position: relative; width: 2rem; height:6.5rem; font-size:0; line-height: 1; flex-direction: column; gap:1rem; align-items: center;}
.visual-scroll-line em {display: flex; flex-direction: column; gap:1rem; align-items: center; }
.visual-scroll-line em::before,
.visual-scroll-line em::after {content:''; display: block; width:2px; height:2px; border-radius: 50%; background-color: #fff;}
.visual-scroll-line::after {content: ''; display: block; width:2rem; height:2rem; border:solid #fff; border-width: 2px 2px 0 0; transform:rotate(135deg); bottom:1rem; left:0; position: absolute;animation: scroll-arrow 1.5s infinite linear;}
@keyframes scroll-arrow {
	33% { transform: translateY(6px) rotate(135deg); } 
	66% { transform: translateY(-3px) rotate(135deg); } 
}


@media (max-width: 1440px){

}
/*.is-fix .mainvisual-wrap.is-active {margin:0; border-radius: 0;}*/


/* MAIN-VISUAL : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 2 : S */
/*R&D*/
.main__rnd {height:100vh; min-height: 70rem; max-height:96rem; background-color: #030303;}
.main__rnd-wrap {position: relative; display: flex; height:100%; justify-content: flex-end;}

.main__rnd-bg {position: absolute; top:0; left:0%; transform: translate(0%, 0%); overflow: hidden; height: 100%; width: 100%;}
.main__rnd-bg .item {display: block;position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; height:100%; background: no-repeat 25% center / cover; opacity: 0; transition: opacity 0.8s ease-in-out;}
.main__rnd-bg .item.is-active {opacity: 1;}
.main__rnd-bg .item.nth-1 {background-image: url('../images/main/section02_bg01.jpg');}
.main__rnd-bg .item.nth-2 {background-image: url('../images/main/section02_bg02.jpg');}
.main__rnd-bg .item.nth-3 {background-image: url('../images/main/section02_bg03.jpg');}



.main__rnd-btn {position: relative; z-index: 1; width: 50%; display: flex; flex-direction: column; gap:1px;}
.main__rnd-btn .item {flex:1; position: relative; display: flex; align-items: center; cursor: pointer;}
.main__rnd-btn .item::before {content: ''; display: block; width:100%; height:100%; background-color: #fff; position: absolute; top:0; right:0; transition: width 0.5s ease-in-out;}
.main__rnd-btn .item.is-active::before {width:0;}

.main__rnd-btn .link {display: block; font-size:0; text-indent: -9999px; overflow: hidden; position: absolute; width:100%; height:0; top:0; left:0; transition: height 0.5s ease-in-out 0.3s;}
.main__rnd-btn .item.is-active .link{height:100%; z-index: 1;}



.main__rnd-btn .item-box {width:100%; padding:0 calc(var(--outer-padding) * 2) 0 8rem; position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap:2rem;}
.main__rnd-btn .tit {font-size:4.5rem; color:#222; font-weight: 700; transition: all 0.3s ease-in-out;}
.main__rnd-btn .txt {font-size:3rem; color:#222; font-weight: 300; transition: all 0.3s ease-in-out;}

.main__rnd-btn .item.is-active .tit {color:#fff; font-size:6rem; transition-duration: 0.3s;}
.main__rnd-btn .item.is-active .txt {color:#12ed30; font-size:max(2rem, 16px); font-weight: 700; transition-duration: 0.3s;}


.main__rnd-btn .more-arrow {width:10rem; --morebg:#fff;  opacity: 0; flex-shrink: 0; transform: translateX(-4rem);}
.main__rnd-btn .more-arrow::before {content:''; display: block; width:5.6rem; height:5.6rem; background-color: var(--color-sub); border-radius: 50%; position: absolute; left:calc(100% - 4rem); top:50%; transform: translate(0, -50%);}

.main__rnd-btn .item.is-active .more-arrow {opacity: 1; transition-delay: 0.3s; transform: translateX(0);}


@media (max-width: 1280px){
	.main__rnd-btn .item-box {padding-left:6rem;}
	.main__rnd-btn .tit {font-size:4rem;}
	.main__rnd-btn .txt {font-size:max(2.5rem, 19px); margin-top:0.5rem;}

	.main__rnd-btn .item.is-active .tit {font-size:5rem;}
}


@media (max-width: 1024px){

	.main__rnd-btn .item-box {padding-left:4rem;}
	.main__rnd-btn .tit {font-size:3.6rem;}
	.main__rnd-btn .txt {font-size:max(2.5rem, 19px); margin-top:0.5rem;}
	.main__rnd-btn .item.is-active .tit {font-size:4.5rem;}
	.main__rnd-btn .more-arrow {width:8rem; height:2.8rem;}
	.main__rnd-btn .more-arrow::before {width:5rem; height:5rem; left:calc(100% - 3.5rem);}
	.main__rnd-btn .more-arrow span::after {margin-top:-0.3rem;}
}
@media (max-width: 768px){
	.main__rnd-wrap {flex-wrap: wrap; justify-content:flex-start; align-items: flex-start;}

	.main__rnd-bg .item {background: no-repeat center bottom / cover;}
	.main__rnd-bg .item.nth-1 {background-image: url('../images/main/section02_bg01_m.png');}
	.main__rnd-bg .item.nth-2 {background-image: url('../images/main/section02_bg02_m.png');}
	.main__rnd-bg .item.nth-3 {background-image: url('../images/main/section02_bg03_m.png');}



	.main__rnd-btn {width:100%; flex-direction: row;}
	.main__rnd-btn .item {padding:3rem 2.5rem; align-items: flex-start;}
	.main__rnd-btn .item-box { padding:0; flex-wrap: wrap;  gap:3rem; align-items: flex-start;}


	.main__rnd-btn .item.is-active {background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%) no-repeat left bottom;}



	.main__rnd-btn .tit {font-size:2.6rem;}
	.main__rnd-btn .txt {font-size:max(1.7rem, 13px); margin-top:0.5rem;}
	.main__rnd-btn .item .txt br {display: none;}
	.main__rnd-btn .item.is-active .tit {font-size:2.6rem;}
	.main__rnd-btn .item.is-active .txt {font-size:max(1.7rem, 13px); font-weight: 300;}
	

	.main__rnd-btn .more-arrow {width:6rem; height:2.4rem; position: absolute; top:calc(100% + 2rem); left:0rem;}
	.main__rnd-btn .more-arrow::before {width:4rem; height:4rem; left:calc(100% - 2.8rem);}
	.main__rnd-btn .more-arrow span::after {margin-top:-0.31rem;}
	





}
@media (max-width: 576px){
	.main__rnd  {min-height: 100rem;}
	.main__rnd-btn {width:100%; flex-direction: column;}

	.main__rnd-btn .item-box { padding-right:1rem; flex-wrap: nowrap;  gap:1rem; align-items: center;}
	.main__rnd-btn .more-arrow {position: relative; top:0; right:0;}
}
@media (max-width: 480px){
	
}


/* SECTION 2 : E */
/* ===================================================== */





/* ===================================================== */
/* SECTION 3 : S*/
/*제품*/
.main__product { background-color: #000; position: relative; padding:18rem 0; }
.main__product-bg {position: absolute; inset:0; background-color: #000;}
.main__product-bg::after {content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background-color: rgba(0, 0, 0, 0.7); z-index: 1;}


.main__product-wrap {position: relative; z-index: 2; color:#fff; display: flex; justify-content: space-between; margin: 0 var(--inner-padding); gap:5rem;}

.main__product-nav {position: relative; width:40%; min-height:var(--mainpro-h);transition: all 0.5s ease-in-out; flex-shrink: 0;}
.main__product-nav::before {content: ''; display: block; width:0.5rem; height:var(--mainpro-h); background-color: #fff; position: absolute; left:0; top:0; transition: height 0.5s ease-in-out;}



.main__product-tab .item {font-size:2.5rem; font-weight: 200; transition: all 0.5s ease-in-out; padding-left:6rem; position: relative;}
.main__product-tab .item::before {content: ''; display: block; width:0.5rem; height:0%; background-color: var(--color-sub); opacity: 0; position: absolute; left:0; top:0; transition: all 0.5s ease-in-out; }
.main__product-tab .item + .item {margin-top:1.5rem;}
.main__product-tab .item:hover{font-weight: 700;}
.main__product-tab .item.is-active {color:#39b54a; font-weight: 700;}
.main__product-tab .item.is-active::before {height: 100%; opacity: 1;}



.main__product-desc {position: relative; margin-top:8rem;}
.main__product-desc .item {position: absolute; top:0; left:0; transition: opacity 1s ease-in-out; opacity: 0;}
.main__product-desc .item.is-active {opacity: 1; animation: fade-right 1s ease-in-out both; z-index: 1;}

.main__product-desc .link {display: block; padding-left:12rem;}
.main__product-desc .tit {font-size:8rem; font-weight: 700;}
.main__product-desc .txt {font-size:2rem; font-weight: 700; line-height: 1.3; margin-top:1rem;}

.main__product-desc .more-btn {display: flex; align-items: center; font-size:max(1.8rem, 14px); color:#fff; font-weight: 700; line-height: 1; letter-spacing: 0.025em; transition: all 0.3s ease-in-out; width: 13rem; height:4.6rem; padding:0.5rem 3rem; border-radius: 1rem; background-color: var(--color-sub); margin-top:3rem; position: relative;}

.main__product-desc .more-btn::before,
.main__product-desc .more-btn::after {content:''; display: block; width:1.4rem; height:2px;background-color:#fff; position: absolute; top:50%; right:2.5rem; transform: translate(0, -50%);}
.main__product-desc .more-btn::before {transform: translate(0, -50%) rotate(90deg);}

.main__product-desc .link:hover .more-btn {background-color: #2865b5;}

.main__product-desc .more-arrow {width:18rem; height:4.8rem; position: absolute; top:0; left:0; transform: translate(-50%, 1.5rem); --morebg:#fff;}
.main__product-desc .more-arrow span::after {margin-top:-0.5rem;}

.main__product-desc .link:hover  .more-arrow {--morebg:var(--color-sub); transform: translate(calc(0px - 50% + 2rem), 1.5rem);}


.main__product-image {position: relative; font-size:0; text-align: right; width: 50%;}
.main__product-image .bg {opacity: 0;}
.main__product-image .item {position: absolute; top:0; right:0; transition: opacity 1s ease-in-out; opacity: 0;}
.main__product-image .item.is-active {opacity: 1; animation: fade-left 1s ease-in-out both; z-index: 1;}




@media (max-width: 1440px){
	.main__product-desc .tit {font-size:7rem;}
}
@media (max-width: 1280px){
	.main__product-nav {width:50%;}
}
@media (max-width: 1024px){
	.main__product {padding:14rem 0;}

	.main__product-tab .item {font-size:2.4rem; padding-left:4rem;}
	.main__product-desc {margin-top:6rem;}

	.main__product-desc .link {display: block; padding-left:10rem;}
	.main__product-desc .tit {font-size:6rem;}
	.main__product-desc .txt {font-size:2rem;}

	.main__product-desc .more-arrow {width:14rem; height:4rem;}
	.main__product-desc .more-arrow span::after {margin-top:-0.45rem;}

}
@media (max-width: 767px){
	.main__product-wrap {flex-wrap: wrap; justify-content: center;}
	.main__product-nav {width:100%;}
	.main__product-image { width: 100%; text-align: center;}
	.main__product-image .item {width:100%;}
	.main__product-image img {max-width: 80%;}
	.main__product-image .item.is-active {animation-name: fade-up;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* SECTION 3 : E */
/* ===================================================== */









/* ===================================================== */
/* SECTION 4 : S */

/*News*/
.main__news {padding:12rem 0 18rem; background: url('../images/main/section04_bg01.png') no-repeat left top / cover, url('../images/main/section04_bg02.png') no-repeat right bottom / cover;}

.main__news-wrap {display: flex; justify-content: space-between; gap:5rem;}
.main__news-wrap .sec-header .tit {font-size:10rem; color:#222; font-weight: 100;}
.main__news-wrap .sec-header .txt {font-size:max(2.5rem, 18px); color:#222; font-weight: 700; margin-top:1rem;}



.main__news-list {width:65%;}
.main__news-list .list-top {position: relative; z-index: 2;}
.main__news-list .list-top::before {content:''; display: block; width:200%; height:2px; background-color: #000; position: absolute;left:0; bottom:0;}
.main__news-list .news-more {display: block; width:6rem; height:6rem; background-color: #fff; font-size:0; position: absolute; right:0; top:50%; transform: translate(0,-50%);}
.main__news-list .news-more::before,
.main__news-list .news-more::after {content: ''; display: block; width:2rem; height:100%; background-color: #fff; position: absolute; top:0; pointer-events: none;}
.main__news-list .news-more::before {left:100%;}
.main__news-list .news-more::after {right:100%;}
.main__news-list .news-more span {display: block;width:100%; height:100%; position: relative; transition: all 0.3s ease-in-out;}
.main__news-list .news-more span::before,
.main__news-list .news-more span::after {content:''; display: block; width:100%; height:2px; background-color: #000; position: absolute; top:50%; left:50%; transition: all 0.5s ease-in-out;}
.main__news-list .news-more span::before {transform: translate(-50%, -50%);}
.main__news-list .news-more span::after {transform: translate(-50%, -50%) rotate(90deg);}


.main__news-list .news-more:hover span {transform: rotate(360deg); transition-duration: 1s;}

.main__news-list .item {position: relative; padding:4rem 0 0 0; border-bottom:1px solid #dfdfdf; cursor: pointer;}


.main__news-list .item .link {display: block; font-size:0; text-indent: -9999px; overflow: hidden; position: absolute; width:100%; height:0; top:0; left:0; transition: height 0.5s ease-in-out 0.3s;}


.main__news-list .subject {display: flex; align-items: center; gap:4rem; color:#666;}
.main__news-list .tit {font-size:max(2.5rem, 18px); font-weight: 600; flex-grow: 1; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; transition: all 0.5s ease-in-out;}
.main__news-list .tit span {background: linear-gradient(to right, rgba(203, 208, 238, 0.5) 0, rgba(203, 208, 238, 0.5) 100%) no-repeat left bottom; background-size:0 50%; transition: background-size 0.5s ease-in-out;}
.main__news-list .date {font-size:max(1.8rem, 14px); font-weight: 600; flex-shrink: 0;}
.main__news-list .desc {font-size:max(1.6rem, 13px); font-weight: 500; margin-bottom:4rem; transition: all 0.3s ease-in-out; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:3; line-clamp:3; height:0;}


.main__news-list .item.is-active .link{height:100%; z-index: 1;}
.main__news-list .item.is-active .tit {font-size:max(3rem, 22px); font-weight: 800; color:var(--color-main);}
.main__news-list .item.is-active .tit span {background-size:100% 50%; transition-delay: 0.5s;}


.main__news-list .item.is-active .desc {height:4.5em; margin:2rem 0 4rem;}




@media (max-width: 1440px){
	.main__news-list {margin-right:var(--inner-padding);}
}
@media (max-width: 1024px){
}
@media (max-width: 960px){
	.main__news {padding:7rem 0 12rem; background-size: contain, contain;}
	.main__news-wrap {flex-wrap: wrap; gap:8rem;}
	.main__news-wrap .sec-header {width: 100%; text-align: center;}
	.main__news-wrap .sec-header .tit {font-size:8rem;}
	.main__news-wrap .sec-header .txt br{display: none;}
	.main__news-list {width:100%; margin:0; padding:0 1rem;}

	.main__news-list .list-top {margin-bottom:1rem;}
	.main__news-list .item {padding:3rem 0 0 0;}
	.main__news-list .desc {margin-bottom:3rem;}
}

@media (max-width: 768px){
}
@media (max-width: 576px){
	.main__news-list .subject {flex-wrap: wrap; gap:1rem;}
	.main__news-list .tit {width: 100%;}
}
@media (max-width: 480px){
}
/* SECTION 4 : E */
/* ===================================================== */









/* ===================================================== */
/* SECTION 5 : S */

/*VIDEO*/
.mvod-slogan {position: absolute; top:0; left:0; width:100%; transform: translateY(-70%);}
.mvod-slogan .item { font-size:16.5rem; color:rgba(40, 53, 133, 0.7); font-weight: 700; text-transform: uppercase; line-height:1; overflow: hidden; }
.mvod-slogan .item::before {content: attr(data-mtext) attr(data-mtext); display: inline-block; white-space: pre; animation: c_marquee 30s linear infinite;}
/*.mvod-slogan .item:hover::before {-webkit-animation-play-state: paused; animation-play-state: paused;}*/
@keyframes c_marquee {
	0% {transform: translate(0%, 0);}
	100% {transform: translate(-50%, 0);}
}



.main__vod {background-color: #000;}
.main__vod-wrap {padding: 15rem 0;}

.main__vod .sec-header {text-align: center;}
.main__vod .sec-header .tit{font-size:5rem; color:#fff; font-weight: 100; display: inline-block;}

.main__vod-con {position: relative; margin-top:12rem;}
.main__vod-box {max-width: 90rem; margin:0 auto;}
.main__vod-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.main__vod-container iframe,
.main__vod-container object,
.main__vod-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}





@media (max-width: 1440px){
	.main__vod-wrap {padding: 12rem 0;}
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
	.main__vod-con {position: relative; margin:12rem var(--inner-padding) 0;}
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* SECTION 5 : E */
/* ===================================================== */







/* ===================================================== */
/* SECTION 6 : S*/
/*바로가기*/
.main__info {background:#000 url('../images/main/section06_bg01.png') no-repeat center bottom / cover; padding:10rem 0 20rem;}

.main__info .link__item {display: flex; gap:6rem;}
.main__info .link__item .item {height:100%; width:50%;}
.main__info .link__item .link {display: flex; align-items: center; height:100%; padding:5rem 9rem; background-color: transparent; border:2px solid var(--color-main); border-radius: 1rem; transition: all 0.5s ease-in-out;}

.main__info .link__item .link .tit {flex-grow: 1; color:#fff;}
.main__info .link__item .link .tit span {display: block;}
.main__info .link__item .link .txt {font-size: 6.5rem; font-weight: 100;}
.main__info .link__item .link .stxt {font-size: 2.5rem; font-weight: 700; display: none !important;}
.main__info .link__item .link .ico {flex-shrink: 0; border-radius: 50%; background-color: #fff; font-size:0;}

.main__info .link__item .link:hover {background-color: var(--color-main);}





@media (max-width: 1440px){
	.main__info .link__item .link {padding:5rem 4rem;}
}
@media (max-width: 1280px){
	.main__info .link__item .link .txt {font-size: 5rem;}
	.main__info .link__item .link .stxt {font-size:max(2.4rem, 18px); margin-top:0.8rem;}
}

@media (max-width: 1024px){
	.main__info {padding:5rem 0 15rem;}
	.main__info .link__item {gap:5rem 2rem;}
	.main__info .link__item .link {padding:4rem 4rem;}
	.main__info .link__item .link .txt {font-size: 4rem;}
	.main__info .link__item .link .ico {width: 10rem;}
}
@media (max-width: 767px){
	.main__info .link__item {gap:5rem 2rem; flex-wrap: wrap;}
	.main__info .link__item .item {width:100%;}
	.main__info .link__item .link {padding:3rem 3rem;}
	.main__info .link__item .link .txt {font-size: 3.6rem;}
	.main__info .link__item .link .ico {width: 9rem;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}




/*문의하기*/
.main__inquiry {margin-top:14rem; background: url('../images/main/section06_bg02.png') no-repeat right center / cover; padding:10rem 9rem; border-radius: 1rem;}
.main__inquiry-wrap {display: flex; align-items: center;}


.main__inquiry .tit {flex-grow: 1; color:#fff;}
.main__inquiry .tit span {display: block;}
.main__inquiry .tit .txt {font-size: 7rem; font-weight: 100;}
.main__inquiry .tit .stxt {font-size: 2.5rem; font-weight: 700; margin-top: 1rem;}

.main__inquiry .link-btn {flex-shrink: 0; width:max(22.5%, 25rem);}
.main__inquiry .link {flex-shrink: 0; display: block; border-radius: 1rem; background-color: #030303; padding:5rem 6rem; transition: all 0.5s ease-in-out;}
.main__inquiry .link .txt {font-size:2.5rem; color:#6d7ee7; font-weight: 800; transition: all 0.5s ease-in-out;}
.main__inquiry .link:hover {background-color: #fff; box-shadow: 0 0 2rem var(--color-black-a3);}
.main__inquiry .link:hover .txt {color:var(--color-main); transition-delay: 0.5s;}
.main__inquiry .link:hover .more-arrow {transform: translateX(1rem); --morebg:var(--color-main); transition-delay: 0.5s;}





@media (max-width: 1280px){
	.main__inquiry {margin-top:10rem; padding:8rem 7rem;}

	.main__inquiry .tit .txt {font-size: 5rem;}
	.main__inquiry .tit .stxt {font-size: max(2.4rem, 18px); margin-top: 0.8rem;}
	.main__inquiry .link {padding:4rem 5rem;}
}
@media (max-width: 1024px){
	.main__inquiry .tit .txt {font-size: 4rem;}
	
}
@media (max-width: 767px){
	.main__inquiry {padding:6rem  3rem;}
	.main__inquiry-wrap {flex-wrap: wrap; justify-content: center; gap:4rem;}
	.main__inquiry .tit {width: 100%; text-align: center;}
	.main__inquiry .tit .txt {font-size: 3.6rem;}
	
	.main__inquiry .link-btn {width:max(50%, 30rem);}
	.main__inquiry .link {padding:3rem 4rem;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* SECTION 6 : E */
/* ===================================================== */