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



/*Quick*/
.body-main .quick {right:var(--outer-padding); bottom:calc(100% - var(--visual-h) / 2); transform: translateY(50%);}
.body-main.is-fix .quick {bottom:0; right:0;transform: translateY(0);}
.body-main.is-fix .quick.is-hold {position: absolute; right:0;}

@media (max-width: 768px){
	.body-main .quick {right:0; bottom:0; transform: translateY(0);}
}



/*Link 버튼 type1*/
.link-arrow {display: flex; align-items: center; font-size: 0; text-indent: -99999px; position: relative; padding-right:1.4rem; transition: all 0.5s ease-in-out;}
.link-arrow::before {content:''; display: block; width:4rem; height:4rem; border-radius: 50%; background-color: #fff; position: absolute; top:50%; right:0; transform:translate(0, -50%); transition: all 0.5s ease-in-out;}
.link-arrow::after {content:''; display: block; width:1.8rem; height:1.8rem; border:solid var(--color-main); border-width: 2px 2px 0 0; position: absolute; top:50%; right:1.5rem; transform: translate(0, -50%) rotate(45deg);}
.link-arrow span {flex-shrink: 0; display: block; width:100%; height:2px;background-color: var(--color-main);transition: all 0.5s ease-in-out; position: relative;}

/*title*/
.sec-header .tit {font-size:7.5rem; color:var(--color-main); font-weight: 700; display: inline-block;}
.sec-header .txt {font-size:max(1.8rem, 16px); color:#222; font-weight: 500; margin-top:1rem; line-height: 1.3;}
.sec-header .txt.type-1 {font-size: max(2.8rem, 18px); font-weight: 700; margin-top:0;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
	
	.sec-header .tit {font-size:6rem;}
	
}
@media (max-width: 768px){
	.sec-header {text-align: center;}
	.sec-header br {display: none;}
	.sec-header .tit {font-size:5rem;}
	.sec-header .txt.type-1 {margin-top:1rem;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}



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







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

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

.mainvisual-slide {width:100%; height:100vh; height: calc(var(--vh, 1vh) * 100 ); min-height: 75rem; max-height:96rem; background-color: #000; position: relative;}

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


.mainvisual-slide .slide-list .item.nth-1 .bg span {background-image: url('../images/main/visual_bg01.jpg');}
.mainvisual-slide .slide-list .item.nth-2 .bg span {background-image: url('../images/main/visual_bg02.jpg');}
.mainvisual-slide .slide-list .item.nth-3 .bg span {background-image: url('../images/main/visual_bg03.jpg');}
.mainvisual-slide .slide-list .item.nth-4 .bg span {background-image: url('../images/main/visual_bg04.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-inwrap {position: absolute; z-index: 2; top:50%; left:50%; width:calc((100% - var(--inner-padding) * 2)); max-width: 85rem; transform: translate(-50%, -50%);}

.mainvisual-txt .copy-box {position: relative; padding:6rem 4rem; background: var(--color-main) url('../images/main/copy_bg01.png') no-repeat left center / cover; text-align: center;}
.mainvisual-txt .copy-box h3 {font-size:4.8rem; color:#fff; font-weight: 700; margin-top:1rem;}
.mainvisual-txt .copy-box p {font-size:max(2rem, 15px); color:#fff; font-weight: 700; }


.mainvisual-txt .item.swiper-slide-active .copy-box {animation: clip-center 0.5s ease-in-out 0.5s both ;}
.mainvisual-txt .item.swiper-slide-active .copy-box h3 {animation: clip-center 1s ease-in-out 1.5s both ;}
.mainvisual-txt .item.swiper-slide-active .copy-box p {animation: fade-down 1s ease-in-out 1s both ;}



.mainvisual .slide-control { margin-top:3rem;}
.mainvisual .slide-control-wrap {display: flex; align-items: center; gap:3rem;}

.mainvisual .slide-control-wrap .paging {flex-grow: 1; display: flex; align-items: center; gap:2rem;}
.mainvisual .slide-control-wrap .progress{flex-grow: 1; width:100%; height:1px; background-color: var(--color-white-a2); position: relative; }
.mainvisual .slide-control-wrap .progress span{--pro: 0; width: calc(100% * var(--pro)); max-width: 100%; height:100%; display: block; background:#fff; position: absolute; top:0; left:0;}

.mainvisual .slide-control-wrap .pagination {width:auto; display: flex; align-items: center; gap:0.5rem;}
.mainvisual .slide-control-wrap .pagination span {width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; background-color: transparent; color:#fff; font-size:max(1.4rem, 11px); font-weight: 700; opacity: 1;}
.mainvisual .slide-control-wrap .pagination span.swiper-pagination-bullet-active {color:#00acff;}




.mainvisual .slide-control-wrap .btn-wrap {display: flex; align-items: center; gap:1rem;}
.mainvisual .slide-control-wrap .slide-btn {display: flex; align-items: center; justify-content: center; font-size: 0; width:2rem; height:2rem; cursor:pointer;transition: all 0.3s ease-in-out;}
.mainvisual .slide-control-wrap .slide-btn span {width:0.8rem; height: 1.2rem; background-color: #fff; mask: url('../images/main/ico_arrow02.png') no-repeat right top/contain; -webkit-mask: url('../images/main/ico_arrow02.png') no-repeat right top/contain; transition: all 0.3s ease-in-out;}
.mainvisual .slide-control-wrap .slide-btn.prev {transform: rotate(180deg);}


.mainvisual .slide-control-wrap .slide-btn:hover span {transform: translate(0.5rem, 0); }



.slide-control-wrap .play {position: relative; top:0%; left:0%; z-index: 2; display: flex; align-items: center; justify-content: center; width:5.4rem; height:5.4rem; cursor: pointer; font-size: 0; text-indent: -99999px; overflow: hidden; }

.slide-control-wrap .play span {display: inline-block; width: 0; height: 0; transition: all 0.5s ease-in-out; border: solid transparent; border-width: 7px 0 7px 12px; margin-left:1px;}
.slide-control-wrap .play span::before,
.slide-control-wrap .play span::after {content:''; display: block; width:1px; height:12px; position: absolute; top:50%; left:50%;  transition: all 0.5s ease-in-out; background-color: var(--color-sub);}
.slide-control-wrap .play span::before {transform: translate(-0.3rem, -50%);}
.slide-control-wrap .play span::after {transform: translate(0.3rem, -50%);}

.slide-control-wrap .play.on span { border-color: transparent transparent transparent var(--color-sub);}

.slide-control-wrap .play.on span::before,
.slide-control-wrap .play.on span::after {background-color: transparent; transform: translate(-50%, -50%);}



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

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

@media (max-width: 1024px){
	.mainvisual .slide-control-wrap {gap:2rem;}
	
}

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

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


@media (max-width: 576px){
	.mainvisual-inwrap {width:calc(100% - 13rem);}
	.mainvisual-txt .copy-box {padding:4rem 2rem;}
	.mainvisual-txt .copy-box h3 {font-size:3.6rem;}
}





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








/* ===================================================== */
/* SECTION 2 : S */
/*제품소개*/
.main__pro {padding:18rem 0; background: url('../images/main/section02_bg01.png') no-repeat center / cover; background-attachment: fixed; position: relative;}
.main__pro::before {content:''; display: block; width:4.6%; height:100%; background: url('../images/main/section02_symbol01.png') no-repeat center / contain; position: absolute; top:0; left:50%; transform: translate(-50%, 0); opacity: 0;}

.main__pro.aos-animate::before {animation: zoomInLeft 3s ease-in-out 0.5s both; opacity: 1;}



.main__pro-list {display: flex; flex-wrap: wrap;}
.main__pro-list .item {flex:1; flex-basis: 50%; padding:0 10rem 8rem 0;}
.main__pro-list .item:nth-child(2n) {padding:8rem 0 0 10rem;}

.main__pro-list .link {color:#fff; transition: all 0.5s ease-in-out;}

.main__pro-list .thumb {position: relative;}
.main__pro-list .thumb::before,
.main__pro-list .thumb::after {content:''; display: block; background-color: var(--color-main); position: absolute; opacity: 1; transition: all 0.5s ease-in-out;}
.main__pro-list .thumb::before {width:0rem; height:3rem; top:0; right:0; transform: translate(3rem, -100%);}
.main__pro-list .thumb::after {width:3rem; height:0rem; top:0; right:0; transform: translate(100%, -3rem);}

.main__pro-list .thumb span {display: block; overflow: hidden;}
.main__pro-list .thumb img {transition: all 0.5s ease-in-out;}
.main__pro-list .desc {padding:5rem 3rem;}
.main__pro-list .tit {font-size:2.5rem; font-weight: 700;}
.main__pro-list .stit {font-size:3.8rem; font-weight: 700; margin-top:1rem;}
.main__pro-list .txt {font-size:max(1.8rem, 16px); font-weight: 500; margin-top:1.5rem;}
.main__pro-list .link-arrow {margin-top:3rem; width: 18rem; opacity: 0; transition: all 0.5s ease-in-out 0.3s;}

.main__pro-list .link:hover {color:#035dd2;}
.main__pro-list .link:hover .link-arrow {width:20rem; opacity: 1;}
.main__pro-list .link:hover .thumb img {transform: scale(1.15);}

.main__pro-list .link:hover .thumb::before {width:13rem; opacity: 1;}
.main__pro-list .link:hover .thumb::after {height:13rem; opacity: 1;}


@media (max-width: 1280px){
	.main__pro {padding:15rem 0;}
	.main__pro-list .item {padding:0 8rem 6rem 0;}
	.main__pro-list .item:nth-child(2n) {padding:6rem 0 0 8rem;}
}

@media (max-width: 1024px){
	.main__pro {padding:12rem 0;}
	.main__pro-list .item {padding:0 6rem 6rem 0;}
	.main__pro-list .item:nth-child(2n) {padding:6rem 0 0 6rem;}

	.main__pro-list .thumb::before {height:2rem; transform: translate(2rem, -100%);}
	.main__pro-list .thumb::after {width:2rem; transform: translate(100%, -2rem);}

	.main__pro-list .desc {padding:3rem 2rem;}
	.main__pro-list .tit {font-size:max(2rem, 17px);}
	.main__pro-list .stit {font-size:max(3.2rem, 20px); margin-top:0.5rem;}
	.main__pro-list .txt {margin-top:1rem;}

	.main__pro-list .link:hover .thumb::before {width:10rem;}
	.main__pro-list .link:hover .thumb::after {height:10rem;}
}

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

@media (max-width: 640px){
	.main__pro::before {display: none;}
	.main__pro-list .item {flex-basis: 100%; padding:0 0rem 6rem 0; transition-delay: 0.1s !important;}
	.main__pro-list .item:nth-child(2n) {padding:0 0 6rem 0;}

	.main__pro-list .desc {padding:3rem 0rem;}

	.main__pro-list .link-arrow  {opacity: 1;}
}

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








/* ===================================================== */
/* SECTION 3 : S*/
/*Certification*/
.main__certi {padding:20rem 0 20rem 0; background: url('../images/main/section03_bg01.png') no-repeat left top / cover; position: relative;}
.main__certi::before {content:''; display: block; width:100%; height:20rem; background: url('../images/main/section03_bg02.png') no-repeat center / cover; position: absolute; bottom:15rem; left:0;}
.main__certi.aos-animate::before {animation: clip-center 1s ease-in-out 0.5s both; opacity: 1;}

.main__certi-wrap {display: flex; gap: 5rem;}
.main__certi .sec-header {padding-left:var(--inner-padding);}

.main__certi .sec-header .tit {font-size:inherit;}
.main__certi .sec-header .tit img{display: inline-block; position: relative;}
.main__certi .sec-header .tit span {font-size:4.6rem; font-weight: 800;}
.main__certi .sec-header .tit strong {font-size:7.5rem; color:#222; font-weight: 300;}

.main__certi .sec-header .txt {color:#666;}
.main__certi .sec-header .txt strong {font-weight: 800;}


.main__certi-list { position: relative; z-index: 1; width:60%;}

.main__certi-list .slide-control {display: flex; align-items: center; column-gap: 3rem; position: absolute; right:var(--inner-padding); top:0; z-index: 2;}
.main__certi-list .slide-control .link-arrow {width:10rem; height:5rem; padding-right:1.9rem;}
.main__certi-list .slide-control .link-arrow.prev {transform:rotate(180deg);}
.main__certi-list .slide-control .link-arrow::before {width:5rem; height:5rem; background-color: var(--color-sub); opacity: 0; right:50%;}
.main__certi-list .slide-control .link-arrow::after {border-color: #000; right:2rem;}
.main__certi-list .slide-control .link-arrow span {background-color: #000;}


.main__certi-list .slide-control .link-arrow:hover::before {width:5rem; height:5rem; background-color: var(--color-sub); opacity: 1; right:0%;}


.main__certi-list .slide-control .more {width:3rem; height:3rem; position: relative; font-size:0; text-indent:-999999px; overflow: hidden; line-height: 1; transition: all 0.5s ease-in-out;}
.main__certi-list .slide-control  .more::before,
.main__certi-list .slide-control  .more::after {content:''; display: block; width:100%; height:2px; background-color: #000; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.main__certi-list .slide-control  .more::before {transform: translate(-50%, -50%) rotate(90deg);}
.main__certi-list .slide-control .more:hover {transform: rotate(360deg); transition-duration: 1s;}






.main__certi-list .swiper { padding:9rem 0 8rem 6rem;}

.main__certi-list .swiper-wrapper,
.main__certi-list .swiper-slide {
  height: auto;
}


.main__certi-list .swiper-slide { transition: transform 0.5s ease, opacity 0.5s ease, z-index 0.5s ease; font-size: 0;}
.main__certi-list .swiper-slide-prev {opacity: 0;}
.main__certi-list .swiper-slide img {object-fit: cover; object-position: center; display: block; width:100%; height: 100%; border-radius: 1rem; border:1px solid #f1f1f1;}
.main__certi-list .swiper-slide .link {cursor: default; padding:1.5rem; background-color: #fff; border-radius: 1.5rem; border:1px solid #eaeaea; height: 100%; display: block; transition: all 0.5s ease;}
.main__certi-list .swiper-slide-active img {border:0;}
.main__certi-list .swiper-slide-active .link {cursor: pointer; border-color: var(--color-main); border-width: 2px;}






@media (max-width: 1920px){
	.main__certi-list { width:65%;}
}
@media (max-width: 1440px){
	
	.main__certi .sec-header .tit img{max-width:60%; max-height: 6rem;}
	.main__certi .sec-header .tit span {font-size:4rem;}
	.main__certi .sec-header .tit strong {font-size:6rem;}
}
@media (max-width: 1280px){
	.main__certi-wrap {gap: 3rem 2rem;}
	.main__certi .sec-header br {display: none;}
}

@media (max-width: 1024px){
	.main__certi {padding:12rem 0 20rem;}
	.main__certi-wrap {flex-wrap: wrap;}
	.main__certi .sec-header {text-align: center; width: 100%; padding:0 var(--inner-padding)}

	.main__certi-list { width:100%; padding-left:calc(var(--inner-padding) * 2)}
}

@media (max-width: 768px){
	.main__certi .sec-header .tit img{ max-height: 5rem;}
	.main__certi .sec-header .tit strong {font-size:4.7rem;}
}

@media (max-width: 640px){
	.main__certi-list {padding-left:calc(var(--inner-padding) * 1)}
	.main__certi-list .slide-control {width:100%; right:0; justify-content: center;}
	.main__certi-list .swiper { padding:14rem 0 8rem 6rem;}
}



/* SECTION 3 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 4 : S */
/*소개*/
.main__about {padding:18rem 0 0 0; background: url('../images/main/section04_bg01.png') no-repeat center / cover;}
.main__about .sec-header .tit {color:#035dd2;}
.main__about .sec-header .txt {color:#fff;}

.main__about-wrap {margin-top:8rem;}
.main__about-list {display: flex;}
.main__about-list .item {flex-basis: 25%;}
.main__about-list .link {display: block; height:100%; padding:6rem 3rem 16rem; text-align: center; transition: all 0.5s ease-in-out; position: relative;}
.main__about-list .link::before {content:''; display: block; width:100%; height:0; background-color: var(--color-main); position: absolute; bottom:0; left:0; transition: all 0.5s ease-in-out; z-index: -1;}

.main__about-list .ico {margin:0 auto; width:13rem; height:13rem; background-color: #fff; border-radius: 50%; position: relative; transition: all 0.5s ease-in-out;}
.main__about-list .ico::before {content:''; display: block; width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color:#000 ; mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain; transition: all 0.5s ease-in-out;}

.main__about-list .item.nth-1 .ico::before {mask-image: url('../images/main/section04_ico01.png'); -webkit-mask-image:url('../images/main/section04_ico01.png');}
.main__about-list .item.nth-2 .ico::before {mask-image: url('../images/main/section04_ico02.png'); -webkit-mask-image:url('../images/main/section04_ico02.png');}
.main__about-list .item.nth-3 .ico::before {mask-image: url('../images/main/section04_ico03.png'); -webkit-mask-image:url('../images/main/section04_ico03.png');}
.main__about-list .item.nth-4 .ico::before {mask-image: url('../images/main/section04_ico04.png'); -webkit-mask-image:url('../images/main/section04_ico04.png');}

.main__about-list .tit {font-size:max(1.8rem, 16px); color:#fff; font-weight: 700; margin-top:3rem; transition: all 0.5s ease-in-out;}
.main__about-list .txt {font-size:3rem; color:#177dff; font-weight: 800; margin-top:1rem; transition: all 0.5s ease-in-out; line-height: 1.2;}

.main__about-list .more {width:0rem; height:0rem; position: absolute; font-size:0; text-indent:-999999px; overflow: hidden; line-height: 1; bottom:6rem; left:50%; transform: translate(-50%, 0); transition: all 0.5s ease-in-out; opacity: 0;}
.main__about-list .more::before,
.main__about-list .more::after {content:''; display: block; width:100%; height:2px; background-color: #fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.main__about-list .more::before {transform: translate(-50%, -50%) rotate(90deg);}


.main__about-list .link:hover::before {height:100%;}
.main__about-list .link:hover .ico {animation: flipInY 1s ease-in-out 0.3s; background-color: #003983;}
.main__about-list .link:hover .ico::before {background-color: #fff;}
.main__about-list .link:hover .txt {color:#fff;}

.main__about-list .link:hover .more {width:5rem; height:5rem; transform: translate(-50%, 0) rotate(360deg); opacity: 1; transition-duration: 0.5s; transition-delay: 0.3s;}



@media (max-width: 1024px){
	.main__about {padding:12rem 0 0 0;}

	.main__about-wrap {margin-top:4rem;}

	.main__about-list .link {padding:6rem 2rem 14rem;}
	.main__about-list .ico {width:12rem; height:12rem;}
	.main__about-list .txt {font-size:max(2.4rem, 18px);}

	.main__about-list .more {bottom:3rem;}
}

@media (max-width: 960px){

	.main__about-list {flex-wrap: wrap;}
	.main__about-list .item {flex-basis: 50%;}
	.main__about-list .link {padding:4rem 2rem 12rem;}
}

@media (max-width: 576px){
	.main__about {padding:12rem 0;}
	.main__about-list {border-top:1px solid var(--color-white-a2);}
	.main__about-list .item {flex-basis: 100%;}
	.main__about-list .link {padding:3rem 3rem 3rem 3rem; display: flex; align-items: center; gap:2rem; text-align: left; border-bottom:1px solid var(--color-white-a2);}
	
	.main__about-list .ico {margin:0; flex-shrink: 0; width:10rem; height:10rem;}
	.main__about-list .desc {flex-grow: 1;}
	.main__about-list .tit {margin-top:0;}
	.main__about-list .txt {margin-top:0.5rem;}

	.main__about-list .more {position: static; opacity: 0.5; width:4rem; height:4rem; transform: translate(0, 0);}
	.main__about-list .link:hover .more {width:4rem; height:4rem; transform:translate(0, 0) rotate(360deg); opacity: 1;}
}

/* SECTION 4 : E */
/* ===================================================== */








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


/*Media Center*/
.main__media {padding-top:8rem;}
.main__media .sec-header .txt {color:#222;}


.main__media-wrap {margin-top:5rem; display: flex;}
.main__media-wrap .cols {width:50%; padding:8rem 10rem; position: relative;}

.main__media-wrap .main__news {background-color: var(--color-main);  padding-left:var(--inner-padding);}
.main__media-wrap .main__vod {background-color: #000000;  padding-right:var(--inner-padding);}

.main__media-wrap .tit-wrap {display: flex; align-items: center; justify-content: space-between; gap:2rem; margin-bottom:4rem;}
.main__media-wrap .tit-wrap .tit {font-size:4rem; color:#fff; font-weight: 700;}
.main__media-wrap .tit-wrap .link-more {display: block; width:3rem; height:3rem; position: relative; font-size: 0; text-indent: -99999px; overflow: hidden; transition: all 0.5s ease-in-out;}

.main__media-wrap .tit-wrap .link-more::before,
.main__media-wrap .tit-wrap .link-more::after {content:''; display: block; width:100%; height:2px; background-color: #000; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}
.main__media-wrap .tit-wrap .link-more::before {transform: translate(-50%, -50%) rotate(90deg);}
.main__media-wrap .main__vod .tit-wrap .link-more::before,
.main__media-wrap .main__vod .tit-wrap .link-more::after {background-color: var(--color-main);}

.main__media-wrap .tit-wrap .link-more:hover {transform: rotate(360deg); transition-duration: 1s;}

.main__media-wrap .tit-wrap .link-more:hover::before,
.main__media-wrap .tit-wrap .link-more:hover::after {background-color: #fff;}


.main__media-list {position: relative;}
.main__media-list .item-box {padding:0 0rem;}
.main__media-control {position: absolute; width:100%; left:0; top:calc(var(--control-height) / 2); z-index: 2; transition: all 0.5s ease-in-out;}

.main__media-control .slide-btn {display: flex; width:3.6rem; height:3.6rem; font-size:0; position: absolute; left:0; top:0; transform: translate(-100%, -50%); transition: all 0.5s ease-in-out;}
.main__media-control .slide-btn.next {left:auto; right:0; transform: translate(100%, -50%);}

.main__media-control .slide-btn span {display: block; width:100%; height:100%; background:url('../images/main/ico_arrow01.png') no-repeat left center / contain;}
.main__media-control .slide-btn.next span {transform: rotate(180deg);}


.main__media-control .slide-btn:hover {transform: translate(calc(0px - 100% - 1rem ), -50%);}
.main__media-control .slide-btn.next:hover {transform: translate(calc(100% + 1rem ), -50%);}


.main__media-wrap .tit-wrap .main__media-control {position: static; display: flex; align-items: center; gap:1rem; width: auto;}
.main__media-wrap .tit-wrap .main__media-control .slide-btn {position: static; transform: translate(0); width:3rem; height:3rem; display: none;}
.main__media-wrap .tit-wrap .main__media-control .slide-btn.next {margin-right:1rem;}

.main__media-wrap .tit-wrap .main__media-control .slide-btn:hover {transform: translate(calc(0px - 1rem ), 0%);}
.main__media-wrap .tit-wrap .main__media-control .slide-btn.next:hover {transform: translate(calc(0% + 1rem ), 0%);}


.main__media-list .link {display: block; transition: all 0.5s ease-in-out; color:#fff;}
.main__media-list .thumb {background-color: #f1f1f1; line-height: 1; font-size: 0; width: 100%; aspect-ratio: 550 / 330; position: relative; overflow: hidden;}
.main__media-list .thumb span {display: block; transition: all 0.5s ease-in-out; width:100%; overflow: hidden;}
.main__media-list .thumb img{object-fit: cover; object-position: center; width: 100%; height:100%; transition:all 0.3s linear;}

.main__media-list .thumb span.more {width:0rem; height:0rem; background-color: var(--color-main); box-shadow: 0 0 0rem var(--color-black-a3); position: absolute; bottom:0; right:0; transition: all 0.5s ease-in-out;}
.main__media-list .thumb span.more::after {content:''; display: block; width:0rem; height:0rem; background:url('../images/main/ico_zoom01.png') no-repeat center / contain; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.1s ease-in-out;}

.main__media-list .tit {font-size:max(2.7rem, 17px); color:#fff; font-weight: 700; margin-top:3rem;  max-height:2.45em; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; position: relative;}


.main__media-list .desc {padding-top:2rem; font-size:max(1.6rem, 13px); transition: all 0.5s ease-in-out; }
.main__media-list .txt { font-weight: 500; font-family: var(--font-pret); line-height: 1.3; max-height:2.6em; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; line-clamp:2;}
.main__media-list .date { margin-top:5rem; font-weight: 600;}

.main__media-list .link:hover .thumb img {transform: scale(1.2);}
.main__media-list .link:hover .thumb span.more {width:8.5rem; height:8.5rem;}
.main__media-list .link:hover .thumb span.more::after {width:3.2rem; height:3.2rem; opacity: 1; transition-duration: 0.5s; transition-delay: 0.3s;}

.main__media-list .link:hover .tit,
.main__media-list .link:hover .txt {color:#9dc7ff; text-decoration: underline; text-underline-offset: 0.1em;}



.main__media .vod-container {position: relative; aspect-ratio: 550 / 330; background-color: #000;}
.main__media .vod-container iframe,
.main__media .vod-container object,
.main__media .vod-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



@media (max-width: 1480px){
	.main__media-list .main__media-control {display: none;}
	.main__media-wrap .tit-wrap .main__media-control .slide-btn{display: block;}
}

@media (max-width: 1440px){
	.main__media-wrap .main__news,
	.main__media-wrap .main__vod {padding:8rem calc(var(--inner-padding) * 2);}
}

@media (max-width: 768px){
	.main__media-wrap {flex-wrap: wrap;}
	.main__media-wrap .cols {width:100%;}

	.main__media-wrap .main__news,
	.main__media-wrap .main__vod {padding:8rem calc(var(--inner-padding) * 1);}
}


/* SECTION 5 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 6 : S*/

/* SECTION 6 : E */
/* ===================================================== */