@charset "utf-8";

/* main-tit */
.main-tit { font-size:75px; font-weight:600; }
.main-tit span { font-weight:600; }
.main-tit__eng { font-family:var(--engFont1); font-size:85px; font-weight:600; }
.main-tit__eng span { font-weight:600; }
.main-desc { font-family:var(--engFont1); color:var(--mainColor1); font-weight:500; }
@media (max-width:1440px) { 
	.main-tit { font-size:65px; }
	.main-tit__eng { font-size:75px; }
}
@media (max-width:1200px) { 
	.main-tit { font-size:60px; }
	.main-tit__eng { font-size:65px; }
}
@media (max-width:1024px) { 
	.main-tit { font-size:45px; }
	.main-tit__eng { font-size:50px; }
}
@media (max-width:768px) { 
	.main-tit { font-size:35px; }
	.main-tit__eng { font-size:40px; }
}
@media (max-width:576px) { 
	.main-tit { font-size:28px; }
	.main-tit__eng { font-size:32px; }
}

/* animation */
.main-tit,
.main-tit__eng { overflow:hidden }
.main-tit span,
.main-tit__eng span { display:block; opacity:0; }
.subOn .main-tit span,
.subOn .main-tit__eng span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

/* main-visual */
.main-visual { overflow:hidden; position:relative; height:100vh; }
.main-visual .swiper-container { height:100%; }
.main-visual .video { width:100%; height:100%; object-fit:cover; }
.main-visual .link { position:relative; height:100%;  display:block; }
.main-visual figure { height:100%; }
.main-visual .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:url(/img/main/visual_img01.jpg) no-repeat center / cover; }
.main-visual.slide2 .bg { display:none }
.main-visual .txt-bx { position:absolute; width:100%; bottom:100px; left:50%; transform:translateX(-50%); z-index:5; }
.main-visual .txt-bx .txt { overflow:hidden; color:#FFF; font-family:var(--engFont2); font-size:120px; font-style:italic; line-height:1.3; font-weight:300; letter-spacing:-2.4px; }
.main-visual.slide2 .txt-bx .txt { color:#000; }
.main-visual .txt-bx .txt span { opacity:0; font-weight:300; display:block }
.main-visual .txt-bx .txt strong { font-weight:500; }
.main-visual .swiper-slide-active .txt-bx .txt-1 span { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.main-visual .swiper-slide-active .txt-bx .txt-2 span { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
.main-visual .swiper-control { position:absolute; width:100%; top:46.5%; left:50%; transform:translateX(-50%); z-index:2; }
.main-visual .txtbox { opacity:0; position:absolute; top:50%; display:flex; align-items:center; right:110px; transform:translateY(-50%); z-index:5; text-align:right; }
.main-visual .txtbox .txt { }
.main-visual .txtbox .txt > div { font-family:var(--engFont1); text-transform:uppercase; display:block; }
.main-visual .txtbox .txt > div:not(:last-child) { margin-bottom:30px; }
.main-visual .txtbox .txt > div span { opacity:0; display:inline-block; }
.main-visual .txtbox .txt > div span.m { margin-left:-8px; }
.main-visual .txtbox .txt > div span.s { min-width:12px; }
.main-visual .swiper-slide-active .txtbox { opacity:1; }
.main-visual .swiper-slide-active .txtbox .txt > div span { animation:ani_txtm 0.4s; animation-fill-mode:both; }
.main-visual .swiper-control .inner { height:21px; }
.main-visual .swiper-control .inner,
.main-visual .swiper-control .control-box { display:flex; }
.main-visual .swiper-control .control-box { margin-left:20px; gap:5px; height:100%; }
.main-visual .swiper-control .control-box,
.main-visual .swiper-control .pause { display:flex; align-items:center; }
.main-visual .swiper-control .pause { cursor:pointer; height:100%; }
.main-visual .swiper-control .control-box i { height:100%; }
.main-visual .swiper-pagination,
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev { position:initial; }
.main-visual .swiper-pagination { display:flex; color:#fff; justify-content:space-between; position:static; text-align:left; height:100%; }
.main-visual .progress-box { position:relative; width:192px; height:100%; z-index:10; }
.main-visual .autoplay-progress { width:120px; height:1px; background:rgba(255, 255, 255, 0.3); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.main-visual.slide2 .autoplay-progress { background:rgba(0, 0, 0, 0.1); }
.main-visual .autoplay-progress-fill { height:100%; width:0; background:var(--mainColor1); transition:0.5s; display:block; }
.main-visual .swiper-pagination .swiper-pagination-current,
.main-visual .swiper-pagination .swiper-pagination-total { color:#FFF; font-family:var(--engFont3); font-size:14px; line-height:120%; display:flex; align-items:center; }
.main-visual.slide2 .swiper-pagination .swiper-pagination-current,
.main-visual.slide2 .swiper-pagination .swiper-pagination-total { color:#000; }
.main-visual .swiper-pagination .swiper-pagination-current { font-weight:600; }
.main-visual .swiper-pagination .swiper-pagination-total { opacity:0.5; font-weight:300; }
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev { height:fit-content; margin-top:0; width:auto; height:100%; }
.main-visual .swiper-button-next::after,
.main-visual .swiper-button-prev::after { display:none; }
.main-visual .swiper-button { color:#FFF; font-size:16px; }
.main-visual.slide2 .swiper-button { color:#000; opacity:0.8; }
.main-visual .swiper-button-prev.swiper-button-disabled,
.main-visual .swiper-button-next.swiper-button-disabled { opacity:0.3; }
.main-visual .pause { height:fit-content; }
.main-visual .pause i { color:#FFF; font-size:16px; opacity:0.5; display:none !important }
.main-visual.slide2 .pause i { color:#000; }
.main-visual .pause .xi-pause { display:inline-block !important }
.main-visual .pause .xi-play { display:none !important }
.main-visual .pause.play .xi-pause { display:none !important }
.main-visual .pause.play .xi-play { display:inline-block !important }
.main-visual.slide2 .pause .xi-pause,
.main-visual.slide2 .pause .xi-play { color:#000; }
.main-visual .down { position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:5; display:flex; align-items:center; }
.main-visual .down .txt { color:#333; font-family:var(--engFont4); font-size:14px; font-weight:500; line-height:22px; height:fit-content; }
.main-visual .down .line-wrap { position:relative; margin-right:20px; }
.main-visual .down .line:first-child { display:block; width:1px; height:100px; opacity:0.1; background:#333; }
.main-visual .down .line:nth-child(2) { display:block; width:1px; height:30px; background:#333; position:absolute; top:10px; left:0; animation:motion3 0.7s linear infinite alternate; }
.main-visual.slide2 .down .txt { color:#000; }
.main-visual.slide2 .down .line:first-child { background:#000; }
.main-visual.slide2 .down .line:nth-child(2) { background:#000; }
@keyframes ani_txtm {
	0% { transform:translateX(100px); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}
@media (max-width:1720px) {
	.main-visual .txtbox { width:100%; right:0; }
	.main-visual .txtbox .txt > div span img { height:40px; }
}
@media (max-width:1200px) { 
	.main-visual .txt-bx .txt { font-size:100px; }
	.main-visual .swiper-control { top:51%; }
	.main-visual .bg { background-position:20% center; background-size: cover; }
	.main-visual .txtbox .txt > div span img { height:32px; }
}
@media (max-width:1024px) { 
	.main-visual .txt-bx .txt { font-size:80px; }
	.main-visual { height:650px; }
	.main-visual .swiper-control { top:50%; }
	.main-visual .txtbox .txt > div span img { height:26px; }
	.main-visual .txtbox .txt > div:not(:last-child) { margin-bottom:15px; }
	.main-visual .txtbox .txt > div span.m { margin-left:-5px; }
	.main-visual .txtbox .txt > div span.s { min-width:8px; }
}
@media (max-width:768px) { 
	.main-visual .txt-bx .txt { font-size:55px; }
	.main-visual { height:500px; }
	.main-visual .swiper-control { top:47%; }
	.main-visual .down .line:first-child { height:80px; }
	.main-visual .down .txt { font-size:13px; }
	.main-visual .txtbox .txt > div span img { height:20px; }
	.main-visual .swiper-slide-active .txtbox .txt > div span { animation:none; opacity:1 }
}
@media (max-width:576px) { 
	.main-visual .txt-bx .txt { font-size:40px; }
	.main-visual .progress-box { width:122px; }
	.main-visual .autoplay-progress { width:70px; }
	.main-visual .swiper-control { top:54%; }
	.main-visual .swiper-pagination .swiper-pagination-current,
	.main-visual .swiper-pagination .swiper-pagination-total { font-size:13px; }
	.main-visual .txtbox .txt > div span img { height:12px; }
	.main-visual .txtbox .txt > div:not(:last-child) { margin-bottom:8px; }
	.main-visual .txtbox .txt > div span.m { margin-left:-4px; }
	.main-visual .txtbox .txt > div span.s { min-width:3px; }
}
@media (max-width:375px) { 
	.main-visual .txt-bx .txt { font-size:30px; }
	.main-visual .swiper-control { top:59%; }
}

/* alteogen */
.alteogen { padding:300px 0; overflow:hidden }
.alteogen .tit-area { display:inline-flex; margin-top:45px; position:relative; }
.alteogen .tit-area .tit { display:inline-block; }
.alteogen .main-desc { font-size:22px; display:block; }
.alteogen .txt-bx { color:var(--grayColor1); font-size:18px; font-weight:300; line-height:28px; margin-top:85px; margin-bottom:50px; }
.alteogen .inner { display:flex; justify-content:center; flex-direction:column; align-items:flex-end; }
.alteogen figure { display:flex; gap:30px; }
.alteogen .motion { position:absolute; width:fit-content; height:80px; right:-145px; top:50%; }
.alteogen .motion .line-wrap { position:relative; height:100%; }
.alteogen .motion .line::before,
.alteogen .motion .line::after { display:block; opacity:0.2; background:#929292; }
.alteogen .motion .line::before { content:""; width:80px; height:1px; }
.alteogen .motion .line::after { content:""; width:1px; height:80px; position:absolute; top:0; right:0; }
.alteogen .motion .arrow { background:url("/img/main/icon-poly2.svg") no-repeat; width:13px; height:7px; position:absolute; bottom:50%; transform:translateY(-50%); right:-6px; animation:motion2 1.1s linear infinite alternate; }
@media (max-width:1200px) { 
	.alteogen { padding-top:220px; padding-bottom:220px; }
	.alteogen .main-desc { font-size:21px; }
	.alteogen .tit-area { margin-top:40px; }
	.alteogen .tit-area { width:80%; }
	.alteogen .motion { right:-120px; }
	.alteogen .motion .line::before { width:75px; }
	.alteogen .motion,
	.alteogen .motion .line::after { height:75px; }
	.alteogen .txt-bx { font-size:17px; margin-top:80px; margin-bottom:45px; }
	.alteogen figure { gap:25px; }
}
@media (max-width:1024px) { 
	.alteogen { padding-top:150px; padding-bottom:150px; }
	.alteogen .main-desc { font-size:20px; }
	.alteogen .tit-area { margin-top:35px; }
	.alteogen .txt-bx { font-size:16px; margin-top:75px; margin-bottom:40px; }
	.alteogen .motion .line::before { width:65px; }
	.alteogen .motion,
	.alteogen .motion .line::after { height:65px; }
	.alteogen figure { gap:20px; }
}
@media (max-width:768px) { 
	.alteogen .main-desc { font-size:19px; }
	.alteogen .tit-area { margin-top:30px; }
	.alteogen .txt-bx { font-size:15px; margin-top:50px; margin-bottom:30px; }
	.alteogen .motion { right:-100px; }
	.alteogen .motion .line::before { width:50px; }
	.alteogen .motion,
	.alteogen .motion .line::after { height:50px; }
	.alteogen figure { flex-wrap:wrap; gap:8px; }
	.alteogen figure img { width:52px; }
}
@media (max-width:576px) { 
	.alteogen { padding-top:80px; padding-bottom:80px; }
	.alteogen .tit-area { margin-top:25px; }
	.alteogen .mo { display:none; }
	.alteogen .main-desc { font-size:18px; }
	.alteogen .txt-bx { font-size:14px; margin-top:35px; margin-bottom:20px; }
	.alteogen .motion { right:-70px; }
	.alteogen .motion .line::before { width:40px; }
	.alteogen .motion,
	.alteogen .motion .line::after { height:40px; }
	.alteogen figure img { width:47px; }
}

/* animation */
.alteogen .main-desc,
.alteogen .tit-area .tit img { opacity:0; }
.alteogen.subOn .main-desc { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.alteogen .tit-area .tit { overflow:hidden }
.alteogen.subOn .tit-area .tit img { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.alteogen .txt-bx { opacity:0; }
.alteogen.subOn .txt-bx { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.alteogen .motion { opacity:0; }
.alteogen.subOn .motion { animation:ani_5 0.8s 1.6s; animation-fill-mode:both; }
.alteogen figure img { opacity:0; }
.alteogen.subOn figure img:nth-child(1) { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(2) { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(3) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(4) { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(5) { animation:ani_2 0.8s 1.4s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(6) { animation:ani_2 0.8s 1.6s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(7) { animation:ani_2 0.8s 1.8s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(8) { animation:ani_2 0.8s 2.0s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(9) { animation:ani_2 0.8s 2.2s; animation-fill-mode:both; }
.alteogen.subOn figure img:nth-child(10) { animation:ani_2 0.8s 2.4s; animation-fill-mode:both; }

/* main-tech */
.main-tech { padding-bottom:300px; position:relative; }
.main-tech .pin-up { top:0 !important; inset:0 !important; }
.main-tech .item-wrap { position:relative; height:100vh; }
.main-tech .item { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; }
.main-tech .txt-bx { width:50%; padding-left:110px; height:100vh; padding-top:10%; background:#fff }
.main-tech .txt-bx .main-desc { display:block; margin-top:40px; margin-bottom:15px; font-size:20px; }
.main-tech .txt-bx .desc { color:var(--grayColor2); font-size:17px; font-weight:400; line-height:170%; margin-bottom:155px; }
.main-tech .img-bx { position:relative; width:50%; height:100vh; overflow:hidden; }
.main-tech .img-bx .big { position:absolute; right:0; bottom:0; transition:0.7s; }
.main-tech .img-bx .big img { object-fit:cover; width:100%; height:100%; }
.main-tech .small { position:absolute; right:-290px; bottom:-160px; cursor:pointer; transition:0.7s; }
.main-tech .small img { max-width:100%; }
.main-tech .small .txt { color:#FFF; text-align:center; font-family:var(--engFont1); font-size:25px; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.main-tech .small .txt::after { content:""; position:absolute; left:0; right:0; bottom:-5px; background-color:rgba(255, 255, 255, 0.4); transition:0.7s; height:1px; }
.main-tech .scroll-btn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10; }
.main-tech .scroll-btn .txt { background:url("/img/main/circle-txt.svg") no-repeat; width:173px; height:173px; display:flex; justify-content:center; align-items:center; animation:rotate_image 6s linear infinite; transform-origin:50% 50%; }
.main-tech .scroll-btn .circle { width:105px; height:105px; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; }
.main-tech .scroll-btn .circle i { color:var(--mainColor1); font-size:20px; animation:arrow-motion 0.9s linear infinite alternate; }
.main-tech .item-1.up .txt-bx { z-index:5; opacity:1;}
.main-tech .item.up.active .txt-bx,
.main-tech .item.active .txt-bx { z-index:3; opacity:1; }
.main-tech .item .txt-bx { opacity:0; }
.main-tech .item.over .txt-bx { z-index:3; opacity:1; }
.main-tech .item.active .small { z-index:5; }
.main-tech .item-1 .img-bx .big  { width:100% !important; height:100% !important; }
.main-tech .item.up.active .img-bx .big,
.main-tech .item-1.up .img-bx .big,
.main-tech .item.down .img-bx .big,
.main-tech .item.active .img-bx .big { width:100%; height:100%; }
.main-tech .item.up .img-bx .big,
.main-tech .img-bx .big { width:0; height:0; }
.main-tech .item .main-tit__eng,
.main-tech .item .main-desc,
.main-tech .item .desc,
.main-tech .item .viewBtn { opacity:1 }
.main-tech .item.active .main-tit__eng { display:block; animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.main-tech .item.active .main-desc { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.main-tech .item.active .desc { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.main-tech .item.active .viewBtn { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.main-tech .item.active .small { right:0; bottom:0; }
.main-tech .item-1.down .main-tit__eng,
.main-tech .item-1.down .main-desc,
.main-tech .item-1.down .desc,
.main-tech .item-1.down .viewBtn { animation:none; }
.main-tech .item.over.up .main-tit__eng,
.main-tech .item.over.up .main-desc,
.main-tech .item.over.up .desc,
.main-tech .item.over.up .viewBtn { animation:none; }
.main-tech .item-1.on.active .main-tit__eng { display:block; animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.main-tech .item-1.on.active .main-desc { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.main-tech .item-1.on.active .desc { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.main-tech .item-1.on.active .viewBtn { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
@media (max-width:1440px) { 
	.main-tech .txt-bx { padding-left:80px; }
}
@media (max-width:1200px) { 
	.main-tech { padding-bottom:220px; }
	.main-tech .txt-bx .main-desc { margin-top:35px; font-size:19px; }
	.main-tech .txt-bx .desc { font-size:16px; margin-bottom:110px; }
	.main-tech .small .txt { font-size:18px; }
	.main-tech .small { width:180px; height:100px; right:-180px; bottom:-100px; }
}
@media (max-width:1024px) { 
	.main-tech { padding-bottom:150px; }
	.main-tech .txt-bx { padding-left:60px; padding-top:7% }
	.main-tech .txt-bx .main-desc { margin-top:20px; font-size:18px; }
	.main-tech .txt-bx .desc { font-size:15px; margin-bottom:30px; }
	.main-tech .item { flex-direction:column; }
	.main-tech .txt-bx,
	.main-tech .img-bx { width:100%; height:50vh;}
	.main-tech .scroll-btn .txt { background-size:120px auto; width:120px; height:120px; }
	.main-tech .scroll-btn .circle { width:75px; height:75px; }
	.main-tech .scroll-btn .circle i { font-size:17px; }
}
@media (max-width:768px) { 
	.main-tech .txt-bx { padding:20px 20px 60px; }
}
@media (max-width:576px) { 
	.main-tech { padding-bottom:80px; }
	.main-tech .txt-bx .desc { font-size:14px; margin-bottom:20px; }
}

/* main-esg */
.main-esg { padding-bottom:300px; overflow:hidden}
.main-esg .tit-area .inner { display:flex; align-items:center; }
.main-esg .tit-area { display:flex; align-items:center; padding-bottom:70px; }
.main-esg .motion { margin-left:50px; margin-right:36px; position:relative; }
.main-esg .motion .line { background:#929292; width:80px; height:1px; display:block; opacity:0.2; }
.main-esg .motion .arrow { background:url("/img/main/icon-poly.svg") no-repeat; width:7px; height:13px; position:absolute; top:50%; transform:translateY(-50%); right:0; animation:motion 1.3s linear infinite alternate; }
.main-esg  .desc { color:var(--grayColor2); font-size:18px; font-weight:400; line-height:28px; }
.main-esg .img-bx ul { display:flex; gap:30px; }
.main-esg .img-bx ul li { flex:1; position:relative; }
.main-esg .img-bx ul li > * { position:absolute; top:0; left:0; right:0; bottom:0; }
.main-esg .img-bx ul li::after { content:""; display:block; padding-top:100%; }
.main-esg .img-bx ul li:first-child { background:url("/img/main/esg1.jpg") no-repeat; background-size:contain; }
.main-esg .img-bx ul li:nth-child(2) { background:url("/img/main/esg2.jpg") no-repeat; background-size:contain; }
.main-esg .img-bx ul li:nth-child(3) { background:url("/img/main/esg3.jpg") no-repeat; background-size:contain; }
.main-esg .img-bx ul li:hover .hidden { opacity:1; }
.main-esg .img-bx .link { display:block; width:100%; cursor:pointer; }
.main-esg .hidden { opacity:0; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid rgba(199, 0, 11, 0.50); background:rgba(0, 0, 0, 0.70); backdrop-filter:blur(3.5px); transition:0.3s; }
.main-esg .hidden dl { text-align:center; }
.main-esg .hidden dt { color:#FFF; font-family:var(--engFont1); font-size:38px; font-weight:700; line-height:130%; }
.main-esg .hidden dd { color:#ECECEC; text-align:center; font-size:18px; font-weight:300; margin-top:15px; margin-bottom:80px; line-height:28px; }
@media (max-width:1200px) { 
	.main-esg { padding-bottom:220px; }
	.main-esg .desc { font-size:17px; }
	.main-esg .motion .line { width:75px; }
	.main-esg .img-bx ul { gap:20px }
	.main-esg .hidden { padding:0 20px; }
	.main-esg .hidden dt { font-size:36px; }
	.main-esg .hidden dd { font-size:16px; margin-bottom:60px; }
}
@media (max-width:1024px) { 
	.main-esg { padding-bottom:150px; }
	.main-esg .tit-area { align-items:flex-start; flex-direction:column; gap:20px; }
	.main-esg .desc { font-size:16px; }
	.main-esg .motion { margin-left:40px; margin-right:0; }
	.main-esg .motion .line { width:70px; }
	.main-esg .img-bx ul { gap:10px }
	.main-esg .hidden dt { font-size:30px; }
	.main-esg .hidden dd { font-size:14px; margin-top:10px; margin-bottom:20px; }
}
@media (max-width:768px) { 
	.main-esg .tit-area { padding-bottom:50px; }
	.main-esg .desc { font-size:15px; }
	.main-esg .motion { margin-left:35px; }
	.main-esg .motion .line { width:65px; }
	.main-esg .img-bx ul { flex-direction:column; }
	.main-esg .img-bx ul { gap:20px }
	.main-esg .hidden dt { font-size:38px; }
	.main-esg .hidden dd { font-size:18px; margin-top:15px; margin-bottom:50px; }
}
@media (max-width:576px) { 
	.main-esg { padding-bottom:80px; }
	.main-esg .desc { font-size:14px; }
	.main-esg .motion { margin-left:30px; }
	.main-esg .motion .line { width:60px; }
	.main-esg .hidden dt { font-size:34px; }
	.main-esg .hidden dd { font-size:14px; margin-top:10px; margin-bottom:40px; }
}

/* animation */
.main-esg .motion { opacity:0; }
.main-esg.subOn .motion { animation:ani_1 1.5s 0.5s; animation-fill-mode:both; }
.main-esg .desc { opacity:0; }
.main-esg.subOn .desc { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.main-esg .img-bx ul li { opacity:0; }
.main-esg.subOn .img-bx ul li:nth-child(1) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.main-esg.subOn .img-bx ul li:nth-child(2) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.main-esg.subOn .img-bx ul li:nth-child(3) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.main-esg.subOn .img-bx ul li:nth-child(4) { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }

/* main-news */
.main-news { padding-bottom:300px; overflow:hidden }
.main-news .tit-area { display:flex; align-items:center; justify-content:space-between; margin-bottom:70px; }
.main-news .card-news { border:1px solid rgba(0, 0, 0, 0.07); background:#FFF; transition:0.5s; }
.main-news .card-news:hover { border:1px solid rgba(0, 0, 0, 0.50); }
.main-news .card-news figure { position:relative; overflow:hidden; padding:29.84% 0; }
.main-news .card-news figure img { position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%, -50%) scale(1); transition:0.5s; }
.main-news .card-news:hover figure img { transform:translate(-50%, -50%) scale(1.05); }
.main-news .card-news .txt-bx { padding:40px; }
.main-news .card-news .txt-bx strong { color:var(--fontColor); font-size:24px; font-weight:600; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-news .card-news .txt-bx .txt { color:var(--grayColor2); font-size:17px; font-weight:400; line-height:1.65; margin-top:25px; margin-bottom:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-news .card-news .txt-bx .date { color:var(--grayColor3); font-size:17px; font-weight:300; line-height:1.65; display:block; text-align:right; }
.main-news .swiper-container { position:relative; overflow:hidden; }
.main-news .swiper-control { margin-top:85px; display:flex; align-items:center; height:21px; }
.main-news .swiper-pagination { position:initial; background:rgba(0, 0, 0, 0.07); display:flex; align-items:center; }
.main-news .swiper-pagination-progressbar.swiper-pagination-horizontal { height:1px; border-radius:20px; }
.main-news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--mainColor1); }
.main-news .control-box { display:flex; margin-left:30px; gap:10px; height:100%; }
.main-news .swiper-button-next,
.main-news .swiper-button-prev { position:initial; }
.main-news .swiper-button-next,
.main-news .swiper-button-prev { height:fit-content; margin-top:0; }
.main-news .swiper-button-next::after,
.main-news .swiper-button-prev::after { display:none; }
.main-news .swiper-button,
.main-news .pause i { color:var(--fontColor); font-size:16px; letter-spacing:-0.16px; width:fit-content; }
.main-news .swiper-button-prev.swiper-button-disabled,
.main-news .swiper-button-next.swiper-button-disabled { opacity:0.2; }
@media (max-width:1200px) { 
	.main-news { padding-bottom:220px; }
	.main-news .card-news .txt-bx { padding:30px; }
	.main-news .card-news .txt-bx strong { font-size:21px; }
	.main-news .card-news .txt-bx .txt,
	.main-news .card-news .txt-bx .date { font-size:16px; }
	.main-news .card-news .txt-bx .txt { margin-top:20px; margin-bottom:55px; }
	.main-news .swiper-control { margin-top:70px; }
}
@media (max-width:1024px) { 
	.main-news { padding-bottom:150px; }
	.main-news .card-news .txt-bx strong { font-size:20px; }
	.main-news .card-news .txt-bx { padding:25px; }
	.main-news .card-news .txt-bx .txt { margin-top:10px; margin-bottom:45px; }
	.main-news .swiper-control { margin-top:60px; }
}
@media (max-width:768px) { 
	.main-news .card-news .txt-bx strong { font-size:19px; }
	.main-news .card-news .txt-bx .txt,
	.main-news .card-news .txt-bx .date { font-size:15px; }
	.main-news .card-news .txt-bx .txt { margin-top:5px; margin-bottom:40px; }
	.main-news .swiper-control { margin-top:50px; }
	.main-news .control-box { margin-left:20px; gap:5px; }
}
@media (max-width:576px) { 
	.main-news { padding-bottom:80px; }
	.main-news .tit-area { align-items:flex-start; margin-bottom:50px; gap:20px; }
	.main-news .card-news .txt-bx { padding:12px; }
	.main-news .card-news .txt-bx strong { font-size:17px; }
	.main-news .card-news .txt-bx .txt,
	.main-news .card-news .txt-bx .date { font-size:14px; }
	.main-news .card-news .txt-bx .txt { margin-bottom:25px; }
	.main-news .swiper-control { margin-top:25px; }
}
/* animation */
.main-news .swiper-container { opacity:0; }
.main-news.subOn .swiper-container { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.main-news .tit-area .viewBtn  { opacity:0; }
.main-news.subOn .tit-area .viewBtn { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }


/* main-board */
.main-board .wrap { display:flex; padding-bottom:300px; gap:100px; }
.report, .notification { width:47%; flex:1 0 47%; }
.main-board .main-tit { margin-bottom:70px; display:block; }
.main-board .list li { border-top:1px solid rgba(0, 0, 0, 0.07); transition:0.7s; }
.main-board .list li:hover { background:rgba(199, 0, 11, 0.05); }
.main-board .list li:hover a::after { background:url("/img/main/btn-arrow-hover.svg") no-repeat; }
.main-board .list li:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.07); }
.main-board .list a { position:relative; padding:40px 80px 40px 40px; display:flex; justify-content:space-between; }
.main-board .list span { color:var(--fontColor); font-size:20px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main-board .list a i { position:absolute; top:50%; transform:translateY(-50%); right:40px; font-size:20px; color:var(--fontColor); transition:0.5s; }
.main-board .list a:hover i { right:30px; filter:invert(8%) sepia(82%) saturate(6282%) hue-rotate(352deg) brightness(111%) contrast(108%);  }
@media (max-width:1700px) { 
	.report, .notification { width:46%; flex:1 0 46%; }
}
@media (max-width:1300px) { 
	.report, .notification { width:45%; flex:1 0 45%; }
}
@media (max-width:1200px) { 
	.main-board .wrap { gap:70px; padding-bottom:220px; }
	.main-board .main-tit { margin-bottom:60px; }
}
@media (max-width:1024px) { 
	.main-board .wrap { gap:60px; padding-bottom:150px; }
	.main-board .main-tit { margin-bottom:50px; }
	.main-board .list a { padding:30px 70px 30px 30px; }
	.main-board .list a span { font-size:18px; }
	.main-board .list a i { right:25px; font-size:18px; }
	.main-board .list a:hover i { right:15px;}
}
@media (max-width:768px) { 
	.main-board .wrap { flex-direction:column; }
	.main-board .main-tit { margin-bottom:40px; }
	.report, .notification { width:100%; flex:1 0 100%; }
}
@media (max-width:576px) { 
	.main-board .wrap { padding-bottom:80px; }
	.main-board .main-tit { margin-bottom:30px; }
    .main-board .list a { padding:20px 50px 20px 20px; }
	.main-board .list a span { font-size:16px; }
	.main-board .list a i,
	.main-board .list a:hover i { right:20px; font-size:17px; }
}

/* animation */
.report .list,
.notification .list{ opacity:0; }
.main-board.subOn .report .list { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.main-board.subOn .notification .list { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.main-board.subOn .notification .main-tit span { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }





/* 팝업 */
.pop-wrap .popCont { min-height:200px; }
.pop-today { font-size:14px; color:#fff;background:#111; display:flex; justify-content:space-between; padding:10px 15px; }
.pop-today a { color:#fff;  }
.pop-content { width:auto !important; max-width:100% !important;}
.pop-content a { display:block;}
.pop-content img { width:auto !important; max-width:100% !important;  height:auto !important;}
@media screen and ( max-width:1200px){
	.pop-wrap { left:0 !important; }
}