@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){
}

/*Quick*/
.body-main main {position: relative; font-family: var(--font-footb);}
.body-main .quick { right:0; bottom:calc(100% - var(--visual-h)); transform: translateY(3rem);}
.body-main.is-fix .quick {bottom:0; transform: translateY(0); }
.body-main.is-fix .quick.is-hold {position: absolute; bottom:0; transform: translateY(3rem);}


.body-main .quick-wrap .item.nth-2 .link span::before {transform: rotate(180deg);}
.body-main.is-fix .quick-wrap .item.nth-2 .link span::before {transform: rotate(0);}
.body-main .quick-wrap .item.nth-2 .link:hover span::before {transform: rotate(180deg) translateY(-0.5rem);}
.body-main.is-fix .quick-wrap .item.nth-2 .link:hover span::before {transform: rotate(0)  translateY(-0.5rem);}

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







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

.mainvisual {position: relative; }
.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: 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: block; 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');}

.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-txt { position: absolute; bottom: 27%; left:0; width: 100%; z-index: 2;}


.mainvisual-txt .copy-box {margin:0 var(--inner-padding); position: relative;}
.mainvisual-txt .copy-box h3 {font-size:6.5rem; color:#fff; font-weight: 700; line-height: 1.1;}
.mainvisual-txt .copy-box p {font-size:max(2.3rem, 18px); color:var(--color-main); font-weight: 700; margin-top:1.5rem;}


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





.mainvisual .slide-control {position: absolute; bottom:15%; left:var(--inner-padding); color:#fff; z-index: 2;}
.mainvisual .slide-control-wrap {display: flex; align-items: center; gap:2rem;}


.mainvisual .slide-control-wrap .paging {display: flex; width:40rem; position: relative;}
.mainvisual .slide-control-wrap .pagination {width:100%; display: flex; justify-content: space-between; align-items: center;}
.mainvisual .slide-control-wrap .pagination span {font-size:max(1.8rem, 13px); line-height: 1; display: block;}


.mainvisual .slide-control-wrap .pagination-bullet {position: absolute; width:100%; height:100%; padding:0 4rem; display: flex; align-items: center; gap:1rem;}
.mainvisual .slide-control-wrap .pagination-bullet .bullet {flex-grow: 1; height:100%;  display: block; position: relative; font-size: 0; cursor: pointer;}
.mainvisual .slide-control-wrap .pagination-bullet .bullet::before {content:''; display: block; width:100%; height:2px; background-color:rgba(255, 255, 255, 0.15); position: absolute; top:50%; left:0; transform: translateY(-50%);}
.mainvisual .slide-control-wrap .pagination-bullet .bullet::after {content:''; display: block; width:0; height:2px; background-color: #fff; position: absolute; top:50%; left:0; transition: width 0.2s linear; transform: translateY(-50%);}
.mainvisual .slide-control-wrap .pagination-bullet .bullet.is-active::after {width: 100%; transition-duration: 5s;}
.mainvisual .slide-control-wrap .pagination-bullet .bullet:first-child.is-active::after { transition-duration: 10s}
.mainvisual .slide-control-wrap .pagination-bullet .bullet:nth-child(2).is-active::after { transition-duration: 10s}



.mainvisual .slide-control-wrap .slide-btn {display: flex; align-items: center; justify-content: center; font-size: 0; width:3rem; height:2rem; cursor:pointer;transition: all 0.3s ease-in-out;}
.mainvisual .slide-control-wrap .slide-btn span {width:2.3rem; height: 1.8rem; background-color: #fff; mask: url('../images/main/ico_arrow01.svg') no-repeat right top/contain; -webkit-mask: url('../images/main/ico_arrow01.svg') 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 {background-color: var(--color-main);transform: translate(0.7rem, 0); }







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

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

@media (max-width: 1024px){
	.mainvisual-txt .copy-box h3 {font-size:5.5rem; line-height: 1.2;}
}

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

@media (max-width: 768px){
	.mainvisual-txt {text-align: center; bottom:25rem;}
	.mainvisual-txt .copy-box h3 {font-size:5rem;}
	.mainvisual-txt .copy-box h3 br {display: none;}


	.mainvisual .slide-control {width:calc(100% - var(--inner-padding) * 2); bottom:16rem;}
	.mainvisual .slide-control-wrap {justify-content: center;}


	.mainvisual .slide-control-wrap .paging {max-width: 32rem;}
}


@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 */
/*Product*/
.main__product {padding:12rem 0 5rem; background:url('../images/main/section02_bg01.png') no-repeat 100% 100% / cover;}

.main__product .sec-header .tit {font-size:3.5rem; color:var(--color-main); font-weight: 700; display: inline-block;}

.main__product-wrap {display: flex; justify-content: space-between;}

.main__product-nav {padding-top:2rem; width:40%; display: flex; flex-direction: column; gap:5rem;}

.main__product-tab  {order:1;}
.main__product-tab .item {font-size:max(2rem, 16px); color:var(--color-main); font-weight: 700; transition: all 0.5s ease-in-out; position: relative; height:5.5rem; display: flex; align-items: center; cursor: pointer;}
.main__product-tab .item::before {content:''; display: block; height:100%; width:300%; background-color: var(--color-main); position: absolute; top:0; right:2rem; transform: translateX(-100%) skew(30deg); transition: transform 0.5s ease-in-out;}


.main__product-tab .link {display: flex; width: 100%; height:0%; position: absolute; top:0; left:0; font-size:0; transition: height 0s ease-in-out;z-index: 2;}

.main__product-tab .txt {padding-right:8rem;}
.main__product-tab .txt::before,
.main__product-tab .txt::after {content:''; display: block; position: absolute; transition: all 0.5s ease-in-out;}
.main__product-tab .txt::before {width:8rem; height: 100%; background-color: #000; top:0; right:100%; opacity: 0; transform: skew(30deg);}
.main__product-tab .txt::after {width:2.3rem; height: 1.8rem; background-color: #fff; mask: url('../images/main/ico_arrow01.svg') no-repeat right top/contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat right top/contain; top:50%; right:6rem; margin-top:-1rem; animation:flash 2s linear infinite; visibility: hidden;}


.main__product-tab .item:hover .txt {text-decoration: underline; text-underline-offset: 0.2em;}

.main__product-tab .item.is-active {color:#fff;}
.main__product-tab .item.is-active::before {transform: translateX(0) skew(30deg); z-index: -1;}
.main__product-tab .item.is-active .link {height: 100%; transition-delay: 0.2s;}

.main__product-tab .item.is-active .txt::before {opacity: 1; right:0; transition-delay: 0.1s;}
.main__product-tab .item.is-active .txt::after {visibility: visible;right:2.5rem; transition-delay: 0.3s;}


.main__product-desc {min-height:var(--mainpro-desc-h); position: relative;}
.main__product-desc .item {position: absolute; top:0; left:0; max-width: 100%; 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 .tit {font-size:6rem; color:#222; font-weight: 700;}
.main__product-desc .txt {font-size:max(1.8rem, 14px); font-family: var(--font-pret); font-weight: 500; line-height: 1.3; margin-top:1rem;}


.main__product-image {position: relative; font-size:0; text-align: right; width: 51%;}
.main__product-image.aos-animate {animation: fade-left 1s ease-in-out;}
.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;}


.circle-bg {position: absolute; right:0; top:-2rem; font-size: 0; }
.circle-bg span {display: block; background-color: transparent; border:1px solid rgba(0, 154, 160, 0.2); border-radius: 50%; animation: circle-ani 12s linear infinite; opacity: 0; transition:opacity 2s ease-in-out;}
.main__product-image.aos-animate .circle-bg span{opacity: 1;}

@keyframes circle-ani {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}



@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.main__product-desc .tit {font-size:5rem;}
}
@media (max-width: 1024px){
	.main__product-nav {width:45%;}
	.main__product-image {width:55%;}

}
@media (max-width: 768px){
	.main__product .sec-header {text-align: center;}

	.main__product-wrap {flex-wrap:wrap; justify-content: center; row-gap: 5rem;}
	.main__product-nav {width:100%;}
	.main__product-tab {order:0; padding:2rem 0; border:solid #222; border-width: 1px 0;}
	.main__product-desc {text-align: center;}
	.main__product-desc .item {width:100%;}
	.main__product-desc .tit {font-size:4.5rem;}


	.main__product-image {width:70%;}
}
@media (max-width: 576px){
	.main__product-image {width:100%;}
}
@media (max-width: 480px){
	
}

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





/* ===================================================== */
/* SECTION 3 : S*/

/*정보*/
.main__info {padding:17rem 0 19rem; background: url('../images/main/section03_bg01.jpg') no-repeat center bottom / cover;}

.main__info .sec-header {text-align: center;}
.main__info .sec-header .txt {font-size:2.3rem; color:var(--color-main); line-height: 1.2; margin-top: 1rem;}
.main__info .sec-header .img {margin-top:2rem;}



.main__info-item {margin-top:10rem;}
.main__info-item .list {display: flex; gap:2.8%;}
.main__info-item .item {flex:1; border:1px solid rgba(255, 255, 255, 0.3); padding:5rem 2rem; text-align: center; color:#fff;}
.main__info-item .stit {font-size:2.5rem; font-weight: 700;}
.main__info-item .num {font-size:6rem; color:#47c5cb; font-weight: 700; margin-top:2rem;}
.main__info-item .txt {font-size:max(1.6rem, 13px); margin-top:1rem; line-height: 1.5;}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.main__info .sec-header .tit img {max-width:22%;}
	.main__info .sec-header .img img {max-width: 20%;}
}
@media (max-width: 1024px){
	.main__info-item .list {gap:2%;}
	.main__info-item .item {padding:4rem 2rem;}
}
@media (max-width: 768px){
	.main__info {padding:15rem 0 16rem;}

	.main__info-item .list {flex-wrap: wrap; gap:2rem;}
	.main__info-item .item {flex:1; flex-basis: 30%;}
}
@media (max-width: 640px){
	
	.main__info .sec-header .tit img,
	.main__info .sec-header .img img {max-width: 35%;}

	.main__info-item .item {flex-basis: 40%;}
}
@media (max-width: 480px){
	.main__info-item .item {flex-basis: 100%;}
}

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









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

/*Technical Resources*/
.main__tech {padding:12rem 0 20rem; position: relative;}
.main__tech-bg {position: absolute; inset:0; background-color: #000; z-index: -1;}
.main__tech-bg::after {content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background-color: rgba(0, 68, 88, 0.4); z-index: 1; background-blend-mode: screen;}


.main__tech .sec-header .tit {font-size:6.5rem; color:#fff; font-weight: 700; letter-spacing: 0.05em; display: inline-block;}
.main__tech .sec-header .txt {font-size:max(2.0rem, 16px); color:#fff; letter-spacing: -0.025em;}

.main__tech-wrap {z-index: 1;}


.main__tech-list {margin-top:6rem;}
.main__tech-list .list {border:2px solid #fff; display: grid; grid-template-columns: repeat(3, 1fr);}
.main__tech-list .item {display: flex; align-items: center; border:solid #e6e6e6; border-width:0 1px 1px 0;}
.main__tech-list .item:nth-child(3n) {border-right-width:0;}
.main__tech-list .item:nth-child(n+4) {border-bottom-width:0;}

.main__tech-list .link {display: block; width: 100%; height: 100%; padding:5rem 6rem; position: relative; transition: all 0.5s ease-in-out;}
.main__tech-list .link::before,
.main__tech-list .link::after {content:''; display: block; position: absolute; transition: all 0.5s ease-in-out; z-index: -1;}

.main__tech-list .link::before {width:51%; height:100%; background-color: #fff; left:0; top:0; }
.main__tech-list .link::after {width:51%; height:100%; background-color: #fff; right:0; top:0; }


.main__tech-list .tit {font-size: 2.5rem; color:#222; position: relative; min-height:2.4em; transition: all 0.5s ease-in-out;}
.main__tech-list .ico {font-size:0; line-height: 1; text-align: right; margin-top:1rem;}
.main__tech-list .ico span {display: inline-block; width:6.4rem; height:6.4rem; background-color: var(--color-main); mask: url('../images/main/section04_ico01.png') no-repeat center / contain; -webkit-mask: url('../images/main/section04_ico01.png') no-repeat center / contain; transition: background-color 0.5s ease-in-out;}


.main__tech-list .item.nth-1 .ico span {mask-image: url('../images/main/section04_ico01.png'); -webkit-mask-image: url('../images/main/section04_ico01.png');}
.main__tech-list .item.nth-2 .ico span {mask-image: url('../images/main/section04_ico02.png'); -webkit-mask-image: url('../images/main/section04_ico02.png');}
.main__tech-list .item.nth-3 .ico span {mask-image: url('../images/main/section04_ico03.png'); -webkit-mask-image: url('../images/main/section04_ico03.png');}
.main__tech-list .item.nth-4 .ico span {mask-image: url('../images/main/section04_ico04.png'); -webkit-mask-image: url('../images/main/section04_ico04.png');}
.main__tech-list .item.nth-5 .ico span {mask-image: url('../images/main/section04_ico05.png'); -webkit-mask-image: url('../images/main/section04_ico05.png');}
.main__tech-list .item.nth-6 .ico span {mask-image: url('../images/main/section04_ico06.png'); -webkit-mask-image: url('../images/main/section04_ico06.png');}


.main__tech-list .ico::after {content:''; display: block; width:15.4rem; height:2.6rem; background-color: #fff; mask: url('../images/main/ico_arrow02.png') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow02.png') no-repeat center / contain; position: absolute; left:4rem; bottom:6rem; opacity: 0; transition: all 0.5s ease-in-out; }



.main__tech-list .link:hover::before,
.main__tech-list .link:hover::after {width:0;}

.main__tech-list .link:hover .tit {color:#fff;}
.main__tech-list .link:hover .ico::after {transform:translateX(2rem); opacity: 1; background-color: var(--color-main); transition-delay:0.3s ;}
.main__tech-list .link:hover .ico span {background-color: #fff;}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
	.main__tech-list .link {padding:3rem 4rem;}
	.main__tech-list .ico span {width:5rem; height:5rem;}
	.main__tech-list .ico::after {width:10rem; left:2rem; bottom:4rem;}
}
@media (max-width: 768px){
	.main__tech .sec-header {text-align: center;}
	.main__tech .sec-header .tit {font-size:5rem;}

	.main__tech-list .list {grid-template-columns: repeat(2, 1fr);}
	.main__tech-list .item:nth-child(3n) {border-right-width:1px;}
	.main__tech-list .item:nth-child(2n) {border-right-width:0;}
	.main__tech-list .item:nth-child(n+4) {border-bottom-width:1px;}
	.main__tech-list .item:nth-child(n+5) {border-bottom-width:0;}

	.main__tech-list .tit {min-height: auto;}
	.main__tech-list .tit br{display: none;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
	.main__tech .sec-header .tit {font-size:4.5rem;}
	.main__tech-list .list {grid-template-columns: repeat(1, 1fr);}
	.main__tech-list .item {border-right:0 !important;}
	.main__tech-list .item:nth-child(n+4) {border-bottom-width:0;}
	.main__tech-list .item:nth-child(n+5) {border-bottom-width:1px;}
	.main__tech-list .item:last-child {border-bottom-width:0;}
}

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









/* ===================================================== */
/* SECTION 5 : S */
/*News*/
.main__news {padding:12rem 0 0 0; background: url('../images/main/section05_bg01.png') no-repeat center / cover;}

.main__news .sec-header {display: flex; align-items: center; justify-content: space-between;}
.main__news .sec-header .tit {font-size:6.5rem; color:#222; font-weight: 700; letter-spacing: 0.05em; display: inline-block;}
.main__news .sec-header .txt {font-size:max(2.0rem, 16px); color:#222; letter-spacing: -0.025em;}

.main__news-control .btn-wrap {display: flex; gap:0 2rem; align-items: center;}
.main__news-control .slide-btn { display: flex; width:6rem; height: 6rem; border-radius: 50%; background-color: #fff; align-items: center; justify-content: center; font-size: 0; text-indent: -9999px; overflow: hidden; transition: all 0.5s ease-in-out; box-shadow: 0 0 2rem var(--color-black-a1);}

.main__news-control .slide-btn span {width:2.3rem; height: 1.8rem; background-color: #222; mask: url('../images/main/ico_arrow01.svg') no-repeat right top/contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat right top/contain; transition: all 0.3s ease-in-out; position: relative; }
.main__news-control  .slide-btn.prev {transform: rotate(180deg);}
.main__news-control  .slide-btn.more {background: #222;}
.main__news-control  .slide-btn.more span {width:1.8rem; height:0.2rem; mask:none; background: transparent;}
.main__news-control  .slide-btn.more span::before,
.main__news-control  .slide-btn.more span::after {content:''; display: block; width:100%; height:100%; background-color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.main__news-control  .slide-btn.more span::before {transform: translate(-50%, -50%) rotate(90deg);}

.main__news-control  .slide-btn:hover {background-color: var(--color-main);}
.main__news-control  .slide-btn:hover span {background-color: #fff;transform: translate(0.3rem, 0);}
.main__news-control  .slide-btn.more:hover span {transform: rotate(360deg); transition-duration: 1s;}



.main__news-list {margin-top: 4rem; padding-bottom:10rem;}

.main__news-list .swiper-slide {height: auto;}
.main__news-list .item-box {height: 100%; padding-top:2rem; transition: all 0.5s ease-in-out; min-height:53rem;}
.main__news-list .swiper-slide:hover .item-box{padding:0 0 2rem 0;}


.main__news-list .link {display: block; padding : 2rem; background-color: #fff; border:1px solid #e6e6e6; color:#222; transition: all 0.5s ease-in-out;}
.main__news-list .thumb {overflow: hidden; background-color: #f1f1f1; line-height: 1; font-size: 0; width: 100%; aspect-ratio: 450 / 285; position: relative;}
.main__news-list .thumb span {display: block; transition: all 0.5s ease-in-out; width:100%; height:100%;}
.main__news-list .thumb img{object-fit: cover; object-position: center; width: 100%; height:100%; transition:all 0.3s linear;}

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


.main__news-list .desc {max-height: 0; padding-top:2rem; transition: all 0.5s ease-in-out; opacity: 0; overflow: hidden;}

.main__news-list .txt {font-size:max(1.6rem, 13px); font-weight: 600; font-family: var(--font-pret); line-height: 1.3; min-height:2.6em; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; line-clamp:2;}
.main__news-list .date {text-align: right; font-size: max(2rem, 16px); margin-top:4rem;}



.main__news-list .plus {display: block; width:9rem; height:9rem; background-color:#fff; transition: all 0.5s ease-in-out; position: absolute; top:10rem; left:2rem; opacity: 0;}
.main__news-list .plus::before,
.main__news-list .plus::after {content:''; display: block; width:4.3rem; height:2px; background-color:var(--color-main); transition: all 0.5s ease-in-out; position: absolute; left:50%; top:50%;}

.main__news-list .plus::before {transform:translate(-50%, -50%);}
.main__news-list .plus::after {transform:translate(-50%, -50%) rotate(90deg);}





.main__news-list .link:hover {background-color: var(--color-main); border-color:var(--color-main); color:#fff;}
.main__news-list .link:hover .thumb span {transform: scale(1.2);}

.main__news-list .link:hover .desc {max-height:13rem; opacity: 1;}

.main__news-list .link:hover .plus {opacity: 1; top:2rem;}
.main__news-list .link:hover .plus::before {transform:translate(-50%, -50%) rotate(360deg); transition-duration: 1s;}
.main__news-list .link:hover .plus::after {transform:translate(-50%, -50%) rotate(450deg); transition-duration: 1s;}

.main__news-list .nodata{width: 100% !important; padding: 5% 0 !important; margin: 0 !important; font-size: 20px !important; text-align: center !important; color: #888 !important; border:1px solid #e1e1e1;}




@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.main__news-list {padding-bottom:8rem;}
}
@media (max-width: 1023px){
	.main__news-list {padding-bottom:6rem;}
	.main__news-list .item-box {min-height:58rem;}
}
@media (max-width: 768px){
	.main__news .sec-header .tit {font-size:5rem;}
}
@media (max-width: 640px){
	.main__news .sec-header {text-align: center; flex-wrap: wrap; justify-content: center; row-gap: 4rem;}
	.main__news .title-wrap {width: 100%; }
	

	.main__news-list {padding-bottom:8rem;}
	.main__news-list .desc {max-height:13rem; opacity: 1;}
}
@media (max-width: 480px){
	.main__news .sec-header .tit {font-size:4.5rem;}
}









/*블로그 링크*/

.main__blog {padding:8rem 0; border-top:2px solid #232323;}
.main__blog-wrap {display: flex; align-items: center; justify-content: space-between;}

.main__blog .tit {font-size:6.5rem; color:#222;}
.main__blog .tit strong {font-weight: 700;}
.main__blog .tit em {color:var(--color-main);}


.main__blog .link {flex-shrink: 0; display: flex; align-items: center; background-color: #fff; border:0.6rem solid #00c73c; height:8.5rem; position: relative; transition: all 0.5s ease-in-out; padding-right:2rem;}


.main__blog .link::after {content:''; display: block; }
.main__blog .link::after {flex-shrink: 0; width:2.8rem; height:2.8rem;  background-color: #00c73c; mask: url('../images/main/section05_ico02.png') no-repeat right top/contain; -webkit-mask: url('../images/main/section05_ico02.png') no-repeat right top/contain; transition: all 0.5s ease-in-out;}


.main__blog .link .ico {flex-shrink: 0; display: flex; align-items: center; height:100%; background-color: #00c73c; padding:0 2rem; transition: all 0.5s ease-in-out;}
.main__blog .link .txt {display: inline-block; margin:0 4rem 0 3rem; font-size:2.5rem; color:#222;}

.main__blog .link:hover {border-color:var(--color-main);}
.main__blog .link:hover::after,
.main__blog .link:hover .ico {background-color: var(--color-main);}




@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1600px){
	.main__blog-wrap {padding-right:10rem;}
}
@media (max-width: 1024px){
	.main__blog-wrap {padding-right:8rem;}
	.main__blog .tit {font-size:6rem;}
	
}
@media (max-width: 960px){
	
}
@media (max-width: 768px){
	.main__blog-wrap {flex-wrap: wrap; justify-content: center; gap:4rem; padding:0 6rem;}
	.main__blog .tit {font-size:5rem; text-align: center; width:100%;}
	
}
@media (max-width: 576px){
	.main__blog-wrap {flex-wrap: wrap; justify-content: center; gap:4rem; padding:0 4rem;}
	.main__blog .link {flex-shrink: 1; width: 100%; justify-content: space-between;}
	.main__blog .link .ico {width:25%; padding:0 1rem;}
	.main__blog .link .txt {padding: 0 1rem; margin:0;}
}
@media (max-width: 480px){
	.main__blog .tit {font-size:4.5rem;}
}

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







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




@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){
}

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