@charset "UTF-8";

/* Business */
#subBody:has(.business-visual){padding:0; background:#fff;}
.content-wrap:has(.business-type){margin-top:0; padding:250rem 260rem 200rem; width:100%; z-index:1; background:#fff;}
.business-visual{position:relative; height:400vh;}
.business-visual .bottom-fixed{position:relative; width:100%; height:100vh !important;}
.business-visual .bottom-fixed .txt-wrap{position:absolute; top:300rem; left:50%; transform:translateX(-50%); width:1164rem; color:#fff !important; z-index:1;}
.business-visual .bottom-fixed .txt-wrap .f56{margin-top:60rem;}
.business-visual .bottom-fixed.fixed{background:url("/common/kr/images/img-business-visual.jpg") no-repeat center center/cover}
.business-visual .bottom-fixed.fixed:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4)}
.business-visual .fixed-visual{position:relative; padding-top:300rem; height:100vh; z-index:1;}
.business-visual .txt-div{position:relative; margin:0 auto; width:1164rem; z-index:1;}
.business-visual .txt-div .f24{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-visual .txt-div .f56{position:relative; top:var(--top); margin-top:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-visual .txt-div.active .f24{top:0; opacity:1;}
.business-visual .txt-div.active .f56{top:0; opacity:1; transition-delay:0.15s}
.business-visual .txt-div.active.hide .f24{top:-70rem; opacity:0;}
.business-visual .txt-div.active.hide .f56{top:-70rem; opacity:0; transition-delay:0.15s}
.business-visual .motion-visual{overflow:hidden; position:absolute; top:703rem; left:50%; transform:translateX(-50%); width:1400rem; height:620rem; border-radius:12rem;}
.business-visual .motion-visual .img{width:100%; height:100%;}
.business-visual .motion-visual .img img{width:100%; height:100%; object-fit: cover;}
.business-visual .motion-visual .img-dimd{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0;}
.business-type .business-sec:not(:first-child){margin-top:200rem;}
.business-type .business-sec .f14{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-type .business-sec .f56{position:relative; top:var(--top); margin-top:20rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-type .business-sec .f16{position:relative; top:var(--top); margin-top:30rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-type .business-sec .busi-card-swiper{position:relative; top:var(--top); margin-top:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-type .business-sec .busi-card-swiper .swiper-slide{overflow:hidden; margin-right:16rem; width:692rem; height:400rem; border-radius:24rem;}
.business-type .business-sec .busi-card-swiper .swiper-slide .img{width:100%; height:100%;}
.business-type .business-sec .busi-card-swiper .swiper-slide .img img{width:100%; height:100%; object-fit: cover;}
.business-type .business-sec .busi-card-swiper .swiper-slide .txt-div{position:absolute; top:60rem; left:60rem;}
.business-type .business-sec .busi-card-swiper .swiper-slide .txt-div > *{color:#fff;}
.business-type .business-sec .busi-card-swiper .swiper-slide .txt-div .f18{margin-top:20rem;}
.business-type .business-sec .busi-card-swiper .swiper-slide .icon{position:absolute; bottom:60rem; left:60rem;}
.business-type .business-sec .busi-card-swiper .swiper-pagination{overflow:hidden; display:block; height:0; opacity:0;}
.business-type .business-sec .busi-btn-swiper{position:relative; top:var(--top); margin-top:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.business-type .business-sec .busi-btn-swiper .swiper-slide{padding:18rem 30rem; width:auto; border-left:1px solid #e4e4e4;}
.business-type .business-sec .busi-btn-swiper .swiper-slide:last-child{border-right:1px solid #e4e4e4;}
.business-type .business-sec .busi-btn-swiper .swiper-slide.on{border:1px solid #000; border-radius:2rem;}
.business-type .business-sec .busi-btn-swiper .swiper-slide span{color:#707070; font-family: "Pretendard-Bold"; transition:color 0.4s ease;}
.business-type .business-sec .busi-btn-swiper .swiper-slide.on span{color:#000;}
.business-type .business-sec.active .f14{top:0; opacity:1;}
.business-type .business-sec.active .f56{top:0; opacity:1; transition-delay:0.15s}
.business-type .business-sec.active .f16{top:0; opacity:1; transition-delay:0.3s}
.business-type .business-sec.active .busi-card-swiper{top:0; opacity:1; transition-delay:0.45s}
.business-type .business-sec.active .busi-btn-swiper{top:0; opacity:1; transition-delay:0.6s}

.sub-visual-area {position: relative; margin: 100rem 0 200rem; width: 100%; height: 660rem; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center;}
.sub-visual-area .scroll-motion{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.sub-visual-area .scroll-motion.active{top:0; opacity:1; transition-delay:0.2s}
.sub-visual-area img{position:relative; top:-50rem; width:100%;}
.inner.business .info {display: flex; justify-content: space-between;}
.inner.business .right {max-width: 810rem;} 
.inner.business .right .title-wrap .txt {margin-top: 30rem;} 
.inner.business .right .info-txt-wrap {margin-top: 60rem;} 
.inner.business .right .info-txt-list {padding: 30rem 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E4E4E4;}
.inner.business .right .info-txt-list .sns-box {display: flex; align-items: center;}
.inner.business .right .info-txt-list .sns-box .sns-list + .sns-list {margin-left: 10rem;}
.inner.business .right .info-txt-list .sns-box .sns-list > a {display: inline-block; width: 40rem; height: 40rem;}
.inner.business .right .info-txt-list .sns-box .sns-list.home > a {background: url(/common/kr/images/icon-home.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.youtube > a {background: url(/common/kr/images/icon-youtube.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.insta > a {background: url(/common/kr/images/icon-insta.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.insta2 > a {background: url(/common/kr/images/icon-insta2.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.blog > a {background: url(/common/kr/images/icon-blog.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.facebook > a {background: url(/common/kr/images/icon-face-book.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.messenger > a {background: url(/common/kr/images/icon-messenger.png)no-repeat center / cover;}
.inner.business .right .info-txt-list .sns-box .sns-list.tictok > a {background: url(/common/kr/images/icon-tictok.png)no-repeat center / cover;}
.inner.business .right .info-txt-list:last-child {border-bottom: 1px solid #E4E4E4;}
.inner.business .right .txt {flex: 574rem 0;}
.inner.business .right .sns-box {flex: 574rem 0;}
.inner.business .right a {display: block; flex: 574rem 0;}

.business-overview {margin-top: 210rem; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.business-overview.active {opacity: 1; top:0;}
.busi-tab-wrap {position: relative; margin: 65rem auto 0; width: calc(100% - 80rem); height: 1000rem; border-radius: 24rem; overflow: hidden;}
.busi-tab-wrap .tab-img {position: relative; height: 100%;}
.busi-tab-wrap .tab-img .img-box {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%;}
.busi-tab-wrap .tab-img .img-box.active {display: block;}
.busi-tab-wrap .tab-img .img-box img {width: 100%; height: 100%; object-fit: cover;}

.busi-tab-wrap .tab-info {position: absolute; top: 50%; left: 220rem; transform: translateY(-50%);}
.busi-tab-wrap .tab-info .info-list-wrap {position: relative;}
.busi-tab-wrap .tab-info .info-list {position: absolute; transform: translateY(-50%); display: none; padding: 40rem; width: 500rem; background: rgba(0, 48, 135, 0.90); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
.busi-tab-wrap .tab-info .info-list.active {display: block;}
.busi-tab-wrap .tab-info .title {color: #fff;}
.busi-tab-wrap .tab-info .txt {margin-top: 60rem; color: #fff; word-break: break-all;}
.busi-tab-wrap .tab-info .btn-close {position: absolute; top: 40rem; right: 40rem; width: 30rem; height: 30rem;}
.busi-tab-wrap .tab-info .btn-close img {width: 100%; height: 100%; object-fit: cover;}

.inner.detail {width: 928rem; word-wrap: break-word;}
.detail .img-box {text-align: center;}
.detail .img-box img {max-width:100%;}
.detail .img-box + .txt {margin-top: 50rem;}
.inner.detail + .inner {margin-top: 50rem;}
.inner .keyword-list.detail{margin:0 auto; width:542rem;}
.inner .keyword-list.detail + .attached-wrap{margin-top:50rem;}
.inner .attached-wrap {padding: 24rem 40rem; display: flex; align-items: center; background: #F9F9F9;}
.inner .attached-wrap .txt {position: relative; padding-left: 26rem;}
.inner .attached-wrap .txt::before {content: ""; position: absolute; top: 50%; left: 0; width: 16rem; height: 16rem; transform: translate(0, -50%); background: url(/common/kr/images/icon-file-add.png) no-repeat 0 / cover;}
.inner .attached-wrap .txt + .attached {margin-left: 30rem;}
.inner .ctrl-area {margin-top: 50rem; padding-top: 20rem; border-top: 1px solid #E4E4E4;} 
.inner .ctrl-btn {padding: 20rem; display: flex; align-items: center;}
.inner .ctrl-btn .title {width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.inner .ctrl-btn .date {margin-left: 20rem;}
.inner .ctrl-btn.disabled {color: #707070;}
.inner .btn-prev + .title {margin-left: 50rem;}
.inner .btn-next + .title {margin-left: 50rem;}

@media (max-width: 1024px) {
	.content-wrap:has(.business-type){padding:100rem 20rem; width:100%}
	.business-visual{height:auto}
	.business-visual .bottom-fixed{height:auto !important;}
	.business-visual .bottom-fixed .txt-wrap{display:none;}
	.business-visual .fixed-visual{padding-top:180rem; height:auto;}
	.business-visual .txt-div{width:calc(100% - 40rem);}
	.business-visual .txt-div .f56{margin-top:20rem;}
	.business-visual .motion-visual{position:relative; top:0; left:0; transform:translateX(0); margin-top:90rem; width:100%; height:600rem; border-radius:0;}
	.business-visual .motion-visual .img{overflow: hidden;}
	.business-visual .motion-visual .img img{transform:scale(1.2); transition:transform 1s ease;}
	.business-visual .motion-visual .img-dimd{opacity:0.2}
	.business-visual .motion-visual.active .img img{transform:scale(1); transition-delay:0.3s}
	.business-type{margin-top:0;}
	.business-type .business-sec:not(:first-child){margin-top:100rem;}
	.business-type .business-sec .f56{margin-top:10rem;}
	.business-type .business-sec .f16{margin-top:20rem;}
	.business-type .business-sec .busi-card-swiper{margin-top:30rem; padding-bottom:40rem;}
	.business-type .business-sec .busi-card-swiper .swiper-slide{margin-right:10rem; height:300rem; border-radius:20rem;}
	.business-type .business-sec .busi-card-swiper .swiper-slide .txt-div{top:30rem; left:30rem;}
	.business-type .business-sec .busi-card-swiper .swiper-slide .txt-div .f18{margin-top:5rem;}
	.business-type .business-sec .busi-card-swiper .swiper-slide .icon{bottom:30rem; left:30rem; width:34rem; height:34rem;}
	.business-type .business-sec .busi-card-swiper .swiper-slide .icon img{width:34rem; height:34rem;}
	.business-type .business-sec .busi-card-swiper .swiper-pagination{display:block; bottom:0; left:50%; transform:translateX(-50%); height:auto; opacity:1;}
	.business-type .business-sec .busi-card-swiper .swiper-pagination .swiper-pagination-bullet{margin:0 4rem; width:10rem; height:10rem; background:#e4e4e4; opacity:1;}
	.business-type .business-sec .busi-card-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#000}
	.business-type .business-sec .busi-btn-swiper{display:none;}
	
	.sub-visual-area {margin: 50rem 0 100rem; height: 260rem; background-attachment: scroll;}
	.sub-visual-area .scroll-motion{height:100%;}
	.sub-visual-area img{top:-1rem; height:100%; object-fit: cover;}
	.inner.business .info {display: block;}
	.inner.business .right {margin-top: 30rem;}
	.inner.business .right .info-txt-list {display: block; padding: 20rem 0;}
	.inner.business .right .info-txt-list .title{margin-bottom:10rem;}
	.business-overview {margin-top: 116rem; padding-bottom: 0;}
	.busi-tab-wrap {margin-top: 30rem; width: 100%; height: 600rem; border-radius: 0;}
	.busi-tab-wrap .tab-info {left: 20rem; top: 30rem; transform: translate(0); width: 100%;}
	.busi-tab-wrap .tab-info .info-list {padding: 30rem; width: calc(100% - 40rem); transform: translate(0);}
	.busi-tab {overflow:visible; bottom: 20rem; left: 0; top: unset; right: unset; transform: translate(0); padding:0 20rem;}
	.busi-tab .swiper-wrapper {width: auto; display: flex; flex-wrap: nowrap;}
	.busi-tab .swiper-slide {padding: 16rem; min-width: 150rem; width:48%;}
	.busi-tab-wrap .tab-info .txt {margin-top: 30rem;}
	.busi-tab-wrap .tab-info .btn-close{right:27rem; top:27rem;}

	.inner.detail {width: calc(100% - 40rem);}
	.inner.detail + .inner {margin-top: 30rem;}
	.inner .keyword-list.detail{margin:0 auto; width:100%;}
	.inner .keyword-list.detail + .attached-wrap{margin-top:30rem;}
	.inner .attached-wrap {padding: 24rem 20rem; display: flex; align-items: center; background: #F9F9F9;}
	.detail .img-box + .txt {margin: 30rem auto 0;}
	.inner .btn-prev + .title {margin-left: 20rem;}
	.inner .btn-next + .title {margin-left: 20rem;}
	.inner .ctrl-area{margin-top:30rem; padding-top:10rem;}
	.inner .ctrl-btn {padding:10rem 0;}
}

@media (max-width: 600px) {
	.business-type .business-sec .busi-card-swiper .swiper-slide{width:320rem; height:200rem;}
}


/* 지배구조 */
.inv-con {width: 100%; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.inv-con.active {opacity: 1; top:0;}
.inv-con .bg{position:absolute; top:0; left:0; width: 100%; height: 100vh;}
.inv-con .bg img{position:absolute; top:0; left:0; width: 100%; height: 120%;}
.inv-banner	{overflow:hidden; position:relative;}
.inv-banner .inv-wrap {position:relative; padding: 150rem 0; margin: 0 auto; width: calc(100% - 756rem); z-index:1;}
.inv-banner .inv-wrap::-webkit-scrollbar {display: none;}
.inv-banner .inv-list{position:relative; top: var(--top); opacity: var(--opacity); transition-duration: .7s}
.inv-banner .inv-list.active{top:0; opacity:1;}
.inv-banner .inv-list + .inv-list {margin-top: 60rem;}
.inv-banner .inv-list .title {color: #fff;}
.inv-banner .inv-list .info {margin-top: 20rem; color: #fff;}
.inv-banner .inner {margin: 0 auto; display: flex; justify-content: space-between; width: calc(100% - 520rem);}
.inv-banner .title-wrap{position:relative; top: var(--top); opacity: var(--opacity); transition-duration: .7s}
.inv-banner .title-wrap.active{top:0; opacity:1;}
.inv-banner .title {color: #fff;}
.inv-banner .sub-tit {margin-top: 10rem; color: #fff;}
.inv-banner .right {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 226rem; row-gap: 100rem;}
.inv-banner .right .per-list{position:relative; top: var(--top); opacity: var(--opacity); transition-duration: .7s}
.inv-banner .right .per-list.active{top:0; opacity:1; transition-delay:0.1s}
.inv-banner .right .per-list.active:nth-child(2n){transition-delay:0.2s}
.inv-banner .txt {color: #fff;}
.inv-banner .per {margin-top: 10rem; color: #fff;}
.inv-banner + .content {margin: 45rem auto 0; width:1164rem;}
.inv-banner .lottie {position: absolute; bottom: 30rem; left: 50%; transform: translateX(-50%); width: 28rem; height: 44rem;}
.inv-con.type-two .inv-wrap {padding:200rem 0 300rem;}

@media (max-width: 1024px) {
	.inv-con {height: auto;}
	.inv-con .bg{height:100%;}
	.inv-con .bg img{top:auto; bottom:0; height:100%; object-fit: cover;}
	.inv-banner .inv-list .info {margin-top: 10rem;}
	.inv-banner .inv-list + .inv-list {margin-top: 30rem;}
	.inv-banner .lottie {display: none;}
	.inv-banner + .content {margin: 0 auto; width:calc(100% - 40rem)}
	.inv-banner .inner {display: block; width: calc(100% - 80rem);}
	.inv-banner .right {margin-top: 60rem; column-gap: 48rem; row-gap: 52rem;}
	.inv-banner .inv-wrap {padding: 50rem 0; width: calc(100% - 80rem);}
	.inv-con.type-two .inv-wrap {padding:52rem 0;}
}

.content .table-wrap + .table-wrap {margin-top: 150rem;}
.content .table-wrap .title-wrap {display: flex; justify-content: space-between; align-items: flex-end;}
.content .table-wrap .reference-txt {color: #707070;}
.content .title-wrap.arrow-type {justify-content: center; align-items: center;}
.content .title-wrap.arrow-type .title {margin: 0 20rem;}
.content .per-list.active {opacity: 1; top:0;}
.content .per-list {position:relative; padding: 60rem 0; display: flex; justify-content: space-between; align-items: center; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.content .per-list + .per-list {border-top: 1px solid #E4E4E4;}
.content .per-list .left {position: relative; width: 338rem;}
.content .per-list .left .per {margin-top: 10rem; color: #003087;}
.content .per-list .listed {position: absolute; top: 8rem; right: 0; padding-left: 21rem; color: #003087;}
.content .per-list .listed::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 16rem; height: 16rem; background: url(/common/kr/images/icon-check.png) no-repeat center / cover;}
.content .per-list .right .card-wrap {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 16rem; row-gap: 16rem;}
.content .per-list .right .card-list {display:block; position: relative; margin-top: 0; padding: 40rem; width: 338rem; background: #F9F9F9; border-radius: 12rem;}
.content .per-list .right .txt-wrap {display: flex; justify-content: space-between;}
.content .per-list .right .listed {position: relative; top: 0;}
.content .per-list .right .listed::before {top: 2rem; transform: translate(0);}
.content .per-list.type-two .right .card-wrap {grid-template-columns: repeat(1, 1fr);}
.content .per-list.type-two .right .card-wrap .card-list {width: 692rem;}

@media (max-width: 1024px){
	.content .table-wrap + .table-wrap {margin-top: 70rem;}
	.content .table-wrap .title-wrap {display: block;}
	.content .table-wrap .title-wrap.arrow-type {display: flex;}
	.content .table-wrap .title-wrap .title + .download-btn {margin-top: 10rem;}
	.content .table-wrap .title-wrap .title + .reference-txt {margin-top: 10rem;}
	.content .per-list {display: block; padding: 50rem 0;}
	.content .per-list .left {width: 100%;}
	.content .per-list .left .per {margin-top: 0;}
	.content .per-list .left .info {display: flex; justify-content: space-between; align-items: center;}
	.content .per-list.listed-marker .info {padding-top: 29rem;}
	.content .per-list.listed-marker .listed {top: 0; right: 2rem;}
	.content .per-list .right {margin-top: 20rem;}
	.content .per-list .right .card-wrap {grid-template-columns: repeat(1, 1fr)}
	.content .per-list .right .listed {position:absolute; top: 20rem; right: 20rem;}
	.content .per-list.listed-marker .right .info {padding-top: 0;}
	.content .per-list .right .card-list {padding: 30rem; width: 100%;}
	.content .per-list.type-two .right .card-wrap .card-list {width: 100%;}
}

.policy-con .title {position: relative; word-break: break-all;}
.policy-con .slide-list .slide-title .title::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(0); width: 20rem; height: 20rem; background: url(/common/kr/images/icon-lang-arrow.png) no-repeat center / cover; transition: all .6s ease;}
.policy-con .slide-list.active .slide-title .title::after {transform: translateY(-50%) rotate(180deg);}
.policy-con .title + .txt-wrap {margin-top: 10rem;}
.policy-con .txt-wrap {display: flex;}
.policy-con .txt-wrap .txt {word-break: break-all; color: #707070;}
.policy-con .txt-wrap .txt .link {color: #707070;}
.policy-con .txt-wrap .num + .txt {margin-left: 10rem;}
.policy-con .title + .txt {margin-top: 10rem; color: #707070;}
.policy-con .title + .sub-tit {margin-top: 10rem;}
.policy-con .sub-tit + .txt-wrap {margin-top: 10rem;}
.policy-con .policy-wrap + .policy-wrap {margin-top: 50rem;}
.policy-con .policy-wrap.chapter {margin-top: 100rem;}
.policy-con .txt-wrap + .txt-wrap {margin-top: 10rem;}
.policy-con .txt-wrap + .txt-wrap.type-two {margin-top: 8rem;}
.policy-con .txt-wrap + .txt-wrap.type-three {margin-top: 30rem;}
.policy-con .txt-wrap.type-three + .txt-wrap.type-three {margin-top: 4rem;}
.policy-con .txt-wrap.type-two {margin-left: 25rem;}
.policy-con .txt-wrap.type-three {margin-left: 47rem;}
.policy-con .indent-div .txt-wrap{margin-top:10rem;}
.policy-con.slide-type .slide-list {border-radius: 12rem; border: 1px solid #D9D9D9; transition: all .3s ease;}
.policy-con.slide-type .slide-list + .slide-list {margin-top: 10rem;}
.policy-con.slide-type .slide-list .slide-title {position: relative; padding: 30rem 40rem; width: 100%; text-align: left; font-size: 24rem; font-family: "Pretendard-ExtraBold"; line-height: 150%; letter-spacing: 0;}
.policy-con.slide-type .slide-list .slide-title::after {content: ""; position: absolute; top: 50%; right: 40rem; transform: translateY(-50%) rotate(0); width: 20rem; height: 20rem; background: url(/common/kr/images/icon-lang-arrow.png) no-repeat center / cover; transition: all .6s ease;}
.policy-con.slide-type .slide-list.active .slide-title::after {transform: translateY(-50%) rotate(180deg);}
.policy-con.slide-type .slide-list .slide-content {display: none; padding: 40rem; border-top: 1px solid #D9D9D9;}

@media (max-width: 1024px){
	.policy-con .policy-wrap + .policy-wrap {margin-top: 30rem;}
	.policy-con .policy-wrap.chapter {margin-top: 30rem;}
	.policy-con .txt-wrap + .txt-wrap {margin-top: 5rem;}
	.policy-con .indent-div .txt-wrap{margin-top:5rem;}

	.policy-con.slide-type .slide-list .slide-title {padding: 20rem; font-size: 18rem;}
	.policy-con.slide-type .slide-list .slide-content {padding: 20rem;}
	.policy-con.slide-type .slide-list .slide-title::after {right: 20rem;}
}

/* IR 자료실 */
.list-top {display: flex; justify-content: space-between; align-items: center; position:relative; margin-bottom: 20rem; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.list-top.active {opacity: 1; top:0; transition-delay:0.15s}
.list-top .leng {color: #707070;}
.list-top .leng span {color: #000; font-family: "Pretendard-Bold";}
.list-top .srch-area {display: flex;}
.list-top .srch-area .form-select {width: 160rem;}
.list-top .srch-area .form-srch {width: 340rem; margin-left: 10rem;}
.list {position:relative; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.list.active {opacity: 1; top:0;}
.list.card {display: grid; width: 100%; grid-template-columns: 1fr 1fr 1fr; gap: 16rem;}
.list.card > div {display: flex; flex-direction: column; width: 378rem; min-height: 260rem; border: 1px solid #D9D9D9; border-radius: 12rem; transition-duration: .4s; padding: 30rem; position: relative;}
.list.card > div:hover {border: 1px solid #000;}
.list.card > div p.f14 {color: #707070; margin-bottom: 10rem;}
.list.card > div:has(p.f20 ~ .download-btn) p.f20 {margin-bottom: 30rem;}
.list.card > div .download-btn {margin-top: auto;}
.list + .more {text-align: center; margin-top: 60rem;}
.list + .more a {display: inline-flex; font-family: "Pretendard-Bold"; border: 2px solid #000; border-radius: 80px; padding: 20rem 55rem 20rem 30rem; text-align: center; position: relative;}
.list + .more a span {padding: 0 3rem;}
.list + .more a::after {content: ""; width: 19rem; height: 18rem; background: url("/common/kr/images/ico-plus.svg") no-repeat center center/cover; position: absolute; right: 30rem; top: 21rem; transition: all .7s;}
.list + .more a:hover::after {transform: rotate(360deg);}

@media (max-width: 1024px){
	#subBody:has(.tab-area) .list-top{margin-top:50rem;}
	.list-top {display: block; margin-bottom: 10rem;}
	.list-top .leng {margin-bottom: 10rem; font-size: 14rem;}
	.list-top .srch-area .form-select {width: 120rem;}
	.list-top .srch-area .form-srch {width: calc(100% - 125rem); margin-left: 5rem;}
	.list-top + .list {margin-top: 20rem;}
	
	.list.card {grid-template-columns: 1fr; gap: 5rem;}
	.list.card > div {width: 100%; min-height: 200rem;}
	.list.card > div:has(p.f20 ~ .download-btn) p.f20 {margin-bottom: 20rem;}
	.list.card > div .download-btn .img-box{width:30rem; height:30rem;}
	.list + .more {margin-top: 34rem;}
	.list + .more a {padding: 13rem 35rem 13rem 20rem; border:1px solid #000;}
	.list + .more a::after {top: 13rem; right: 18rem; width: 15rem; height: 14rem;}
}

.list.none-search .none-search-wrap {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 400rem; border: 1px solid #D9D9D9; border-radius: 12rem;}
.list.none-search .none-search-wrap .txt {margin-top: 4rem; color: #707070;}
.list.none-search.active{transition-delay:0.15s}

@media (max-width: 1024px){
	.list.none-search .none-search-wrap {height: 300rem;}
}

/* 감사보고서 */
.list .list-box .box-top {padding: 17rem 40rem; display: flex; align-items: center; background: #F9F9F9; color: #707070;}
.list .list-box .box-top .title {flex: 1 0;}
.list .list-box .box-top .line {flex: 180rem 0; text-align: center;}
.list .list-box .box-top .separate {margin-left: 40rem; flex: 180rem 0; text-align: center;}
.list .list-box .box-top .date {margin-left: 40rem; flex: 90rem 0; text-align: center;}
.list .list-box .content {padding: 50rem 40rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D9D9D9;}
.list .list-box .content .title {overflow:hidden; width: 960rem; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.list .list-box .content .date {margin-top: 10rem; color: #707070;}
.list .list-box .content .left{margin-right:20rem;}
.list .list-box .content .left .title {width: auto; text-overflow: initial; white-space: wrap;}
.list .list-box .content .right {display: flex; justify-content: space-between;}
.list .list-box .content .right .btn-wrap {width:180rem;}
.list .list-box .content .right .btn-wrap + .btn-wrap {margin-left: 40rem;}

@media (max-width: 1024px){
	/* 2025-04-14 */
	.list .list-box .box-top {display: none;} 
	.list .list-box{position: relative;}
	.list .list-box::before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background:#000;} 
	/* // 2025-04-14 */
	.list .list-box .content {padding: 30rem 20rem; display: block;}
	.list .list-box .box-top .line {flex: auto 0;}
	.list .list-box .box-top .separate {flex: auto 0;}
	.list .list-box .box-top .title {flex: unset;}
	.list .list-box .box-top .date {flex: unset; margin-left: 0;}
	.list .list-box .content .left{margin-right:0;}
	.list .list-box .content .right {margin-top: 30rem; justify-content: flex-start;}
	.list .list-box .content .right .btn-wrap {width:auto;}
	.list .list-box .content .right .btn-wrap + .btn-wrap {margin-left: 6rem;}
	.list .list-box .content .title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: initial; width: 100%;}
	.list .list-box .content .date {margin-top: 5rem;}
}

/* FO-NWS-03-001_계열사별 대표 이미지 Archiving(목록) */
.content-wrap .s-tit.f44 {position:relative; width: 1164rem; margin: 0 auto 30rem; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.content-wrap .s-tit.f44.active {opacity: 1; top:0; transition-delay:0.15s}
.content-wrap .s-tit {font-family: "Pretendard-ExtraBold";}
.s-tit.f44.active {opacity: 1; top:0;}
.card-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40rem; position: relative; margin-top: 100rem;}
.card-list:has(.ic-folder) {opacity: var(--opacity); top: var(--top); transition-duration: .7s; transition-delay:0.15s}
.card-list.active {opacity: 1; top:0;}
.card-list li {position: relative; width: 361rem; height:361rem; transform:rotate(0deg); transition:transform 0.4s ease;}
.card-list li:before {display:block; content:""; position:absolute; top:0; left:0; transform:rotate(0deg); width:100%; height:100%; border-radius: 12rem; transition:transform 0.4s ease;}
.card-list li:after {display:block; content:""; position:absolute; top:0; left:0; transform:rotate(0deg); width:100%; height:100%; border-radius: 12rem; transition:transform 0.4s ease;}
.card-list li.type1:before{background:#002554}
.card-list li.type1:after{background:#003087}
.card-list li.type2:before{background:#008233}
.card-list li.type2:after{background:#00AD1D}
.card-list li.type3:before{background:#002554}
.card-list li.type3:after{background:#008233}
.card-list li a {display:block; overflow:hidden; position: relative; width: 100%; height: 100%; padding: 30rem; z-index:1; border-radius:12rem;}
.card-list li a:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0))}
.card-list li a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12rem; object-fit: cover; transition: transform ease-in-out .3s;}
.card-list li a p.f28 {z-index: 10; position: relative; margin-bottom: 5rem; color: #fff;}
.card-list li a .ic-folder {z-index: 10; position: relative; padding-left: 25rem; color: #fff; font-family: "Pretendard-Bold";}
.card-list li a .ic-folder::before {content: ""; position: absolute; top: 50%; left: 0; width: 20rem; height: 20rem; background: url(/common/kr/images/ico-folder.svg) no-repeat center center / contain; transform: translateY(-50%);}
.card-list li:hover{transform:rotate(-1deg);}
.card-list li:hover:before {transform: rotate(-5deg);}
.card-list li:hover:after {transform: rotate(5deg);}

.content-wrap:has(.s-tit) .list.none-search {margin-top: 100rem;}

@media screen and (max-width: 1024px) {
	.content-wrap .s-tit.f44 {width: 100%;}
	.card-list {grid-template-columns: repeat(2, 1fr); gap: 20rem;}
	.card-list li {width:100%; height:350rem;}
	.list-top + .card-list {margin-top: 50rem;}
	.list-top p.f24 + .srch-area {margin-top: 40rem;}
	.list-top p.f24 + .srch-area .form-srch {margin-left: 0;}
	.card-list li a img {transition: none;}
	.card-list li a:hover img:first-child {transform: rotate(0);}
	.card-list li a:hover img:nth-child(2) {transform: rotate(0) translateX(0);}
	.card-list li a:hover img:nth-child(3) {transform: rotate(0);}

	.content-wrap:has(.s-tit) .list.none-search {margin-top: 50rem;}
	.list-top p.f44 + .srch-area {margin-top: 40rem;}
}

@media screen and (max-width: 600px) {
	.card-list {grid-template-columns: repeat(1, 1fr);}
}

/* FO-NWS-03-004_계열사별 대표 이미지 Archiving(상세) */
.list-top.archiving-detail .view-list{display:inline-block ;position:relative; padding-left:60rem; min-width:450rem; background:url("/common/kr/images/icon-view-img-library.svg") no-repeat left center/30rem auto}
.list-top.archiving-detail .form-select{width:250rem;}
.list-top.archiving-detail .form-srch{width:378rem;}
.content-wrap .c-list {margin-top: 100rem;}
.content-wrap .c-list .thrtype-list {width: calc(100% + 16rem); margin-left: -16rem;}
.content-wrap .c-list .thrtype-list li {position: relative; width: calc(100% / 3); padding-left: 16rem;}
.content-wrap .c-list .thrtype-list li:nth-child(n+4) {margin-top: 13rem;}
.content-wrap .c-list .thrtype-list .item-type-s {height: 250rem;}
.content-wrap .c-list .thrtype-list .item-type-m {height: 500rem;}
.content-wrap .c-list .thrtype-list .item-type-l {height: 700rem;}
.content-wrap .c-list .thrtype-list a.btn-ig {position: relative; border-radius: 12rem; overflow: hidden;}
.content-wrap .c-list .thrtype-list a.btn-ig::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));}
.content-wrap .c-list .thrtype-list li .btn-ig {position: relative; display: block; height: 100%;}
.content-wrap .c-list .thrtype-list li .btn-down {z-index: 10; position: absolute; left: 46rem; bottom: 30rem;}
.content-wrap .c-list .thrtype-list li p {z-index: 1; position: absolute; top: 30rem; left: 30rem; right: 30rem; font-family: "Pretendard-Bold"; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.content-wrap .c-list .thrtype-list li img {transform:scale(1); width: 100%; height: 100%; object-fit: cover; transition:transform 0.7s ease;}
.content-wrap .c-list .thrtype-list li:hover img {transform:scale(1.2);}

@media screen and (max-width: 1024px) {
	.list-top.archiving-detail .view-list{padding-left:30rem; margin:20rem 0 50rem; min-width:0; background:url("/common/kr/images/icon-view-img-library-mo.svg") no-repeat left center/20rem auto}
	.list-top.archiving-detail .form-select{flex-shrink: 0; width:120rem;}
	.list-top.archiving-detail .form-srch{width:100%;}
	.content-wrap .c-list {margin-top: 50rem;}
	.content-wrap .c-list .thrtype-list .item-type-s {height: 200rem;}
	.content-wrap .c-list .thrtype-list .item-type-m {height: 350rem;}
	.content-wrap .c-list .thrtype-list .item-type-l {height: 500rem;}
}
@media screen and (max-width: 600px) {
	.content-wrap .c-list {display: block;}
	.content-wrap .c-list .thrtype-list li {width: 100%;}
	.content-wrap .c-list .thrtype-list li + li {margin-top: 10rem;}
}

.content-list {display: flex;}
.content-list + .content-list {margin-top: 200rem;}
.content-list .left {width: 590rem;}
.content-list .left .visit-txt {margin-top: 20rem; color:#707070;}
.content-list .left .btn-wrap {margin-top: 60rem; justify-content: flex-start;}
.content-list .left .info-wrap {margin-top: 30rem;}
.content-list .left .info-wrap .info-list:not(:first-child){margin-top:10rem;}
.content-list .left .info-wrap .info-list.dot::before {content: "・"; color: #707070;}
.content-list .left .info-wrap:has(.info-list.dot) .info-list:not(.dot) {padding-left: 19rem;}
.content-list .left .info-wrap .info-list .txt {display: inline-block; width: 100rem; color: #707070;}
.content-list .left .info-wrap .info-list .txt + a {margin-left: 20rem;}
.content-list .right {width: calc(100% - 590rem);}
.content-list .right .meeting-date {padding: 50rem; border-radius: 12rem; border: 1px solid #E4E4E4;}
.content-list .right .meeting-date .title{margin-bottom:10rem;}
.content-list .right .meeting-date .date {display: flex;}
.content-list .right .meeting-date .date .f18 {margin: 10rem 0 0 10rem;}
.content-list .right .meeting-date .hour-box {margin-top: 6rem; display: flex; justify-content: space-between;}
.content-list .right .visitors .btn-wrap {margin-top: 20rem; justify-content: flex-start;}
.content-list .right .visitors .btn-wrap.visitor-cont {justify-content: space-between; align-items: center;}
.content-list .right .visitors .btn-wrap.visitor-cont .count {margin-left: 10rem;}
.content-list .right .visitors + .visitors {margin-top: 50rem;}
.content-list .right .terms-area + .check-area {margin-top: 23rem;}

@media screen and (max-width: 1024px) {
	.content-list {display: block;}
	.content-list + .content-list {margin-top: 100rem;}
	.content-list .left {width: 100%;}
	.content-list .left .visit-txt {font-size: 14rem;}
	.content-list .left .btn-wrap {margin-top: 20rem;}
	.content-list .left .info-wrap .info-list .txt {width: 80rem;}
	.content-list .right {margin-top: 40rem; width: 100%;}
	.content-list .right .meeting-date {padding: 40rem;}
	.content-list .right .meeting-date {width: 100%;}
	.content-list .right .meeting-date .date {align-items: center;}
	.content-list .right .meeting-date .date .f18 {margin: 0 0 0 5rem;}
	.content-list .right .meeting-date .hour-box {display: block;}
	.content-list .right .meeting-date .hour-box .btn-wrap {display: block; margin-top: 20rem;}
	.content-list .right .visitors .form-group + .form-group {margin-top: 10rem;}
}


/* FO-PC-COM-04-002_개인정보처리방침 */
.gr-box {padding: 60rem; background-color: #f8fafb;}
.gr-box .bx-tit {margin-bottom: 50rem;}
.policy .scroll-motion {position:relative; opacity: var(--opacity); top: var(--top); transition-duration: .7s;}
.policy .scroll-motion.active {opacity: 1; top:0;}
.policy .gr-box {margin-bottom: 100rem; border-radius: 12rem;}
.policy .gr-box .bx-desc {color: #707070;}
.policy .gr-box .bx-desc + .bx-desc {margin-top: 30rem;}
.policy .policy-tit {margin: 50rem 0 10rem;}
.policy p {line-height: 160%;}
.policy .policy-desc-long {margin: 10rem 0; color: #707070;}
.policy .policy-desc-krnum {margin-bottom: 10rem; color: #707070;}
.policy .policy-desc-long + .policy-desc-krnum {margin-top: 10rem;}
.policy .policy-desc-dash + .policy-desc-krnum {margin-top: 20rem;}
.policy .policy-desc-krnum + .policy-desc-krnum {margin-top: 20rem;}
.policy .policy-desc-num + .policy-desc-krnum {margin-top: 20rem;}
.policy .policy-desc + .policy-desc-krnum {margin-top: 20rem;}
.policy .policy-desc {margin: 10rem 0; color: #707070;}
.policy .policy-desc.another {margin-top: 20rem;}
.policy .policy-desc-dash {position: relative; padding-left: 17rem; color: #707070;}
.policy .policy-desc-dash + .policy-desc-dash {margin-top: 10rem;}
.policy .policy-desc-dash::before {content: "-"; position: absolute; top: 0; left: 0; color: #707070;}
.policy .policy-desc-num {display: flex; padding-left: 10rem;}
.policy .policy-desc-num span {color: #707070;}
.policy .policy-desc-num .number {margin-right: 10rem;}
.policy .policy-desc-num + .policy-desc-num {margin-top: 10rem;}
.policy .table-wrap table {margin-top: 0;}
.policy .table-wrap {margin: 30rem 0;}
.policy .policy-desc.bk {margin-top: 30rem; color: #000;}
.policy .table-wrap tbody:not(:has(th)) td {padding: 36rem 0;}
.policy .table-wrap tbody:not(:has(th)) .align-center {display:flex; align-items: center; justify-content: center; text-align: left; }
.policy .policy-select {display: flex; align-items: center; margin-top: 100rem;}
.policy .policy-select .form-select {display: flex; align-items: center; width: auto;}
.policy .policy-select .form-select label {margin-right: 20rem; line-height: 160%;}
.policy .policy-select .form-select .form-select-arr {width: 200rem; margin-right: 5rem;}
.revision-area {margin-top: 100rem; display: flex; align-items: center;}
.revision-area .form-select {margin-left: 20rem; width: 200rem;}
.revision-area .form-select + .btn-wrap {margin-left: 10rem;}

@media screen and (max-width: 1024px) {
	.gr-box {padding: 40rem;}
	.gr-box .bx-tit {margin-bottom: 30rem;}
	.policy{padding-top:20rem;}
	.policy .policy-tit {margin-top: 30rem;}
	.policy .policy-desc-dash {padding-left: 12rem;}
	.policy .policy-desc + .policy-desc-krnum {margin-top: 10rem;}
	.policy .table-wrap{overflow-x:auto;}
	.policy .table-wrap tbody:not(:has(th)) td {padding: 24rem 0;}
	.policy .policy-select {margin-top: 50rem;}
	.policy a.btn-bg-bk {min-width: 60rem; padding: 14rem 14rem 13rem;}
}

/* FO-PC-COM-04-004_이메일무단수집거부 */
.email .gr-box .bx-desc {margin-bottom: 30rem; line-height: 160%; color: #707070;}
.email .gr-box .bx-desc-dot {line-height: 160%; color: #707070;}
.email .gr-box .bx-desc-dot span {position: relative; display: block; padding-left: 12rem;}
.email .gr-box .bx-desc-dot span::before {content: ""; position: absolute; left: 0; top: 10rem; width: 2px; height: 2px; background-color: #707070;}
.email .gr-box .bx-desc-dot span + span {margin-top: 10rem;}
.email .wh-box {padding: 96rem; margin-top: 50rem; text-align: center; border-radius: 4rem; background-color: #fff;}
.email .wh-box p {position: relative; padding-top: 227rem; color: #707070;}
.email .wh-box p::before {content: ""; position: absolute; left: 50%; top: -9rem; width: 200rem; height: 200rem; background: url(/common/kr/images/ico-email.png) no-repeat center center / contain; transform: translateX(-50%);}

@media screen and (max-width: 1024px) {
	.email .gr-box .bx-desc {margin-bottom: 20rem;}
	.email .wh-box {padding: 50rem 10rem; margin-top: 30rem;}
	.email .wh-box p {padding-top: 150rem;}
	.email .wh-box p::before {top: 0; width: 130rem; height: 130rem;}
}

/* FO-PC-COM-04-006_사이트맵 */
.site-map .map-tit {flex-shrink: 0; width: 354rem; color: #003087;}
.site-map a {display: block;}
.site-map .depth-one + .depth-one {margin-top: 30rem;} 
.site-map .fx-area + .depth-one {margin-top: 30rem;} 
.site-map .depth-one + .fx-area {margin-top: 30rem;} 
.site-map .fx-area {display: flex;}
.site-map .fx-area + .fx-area {margin-top: 30rem;} 
.site-map > .fx-area + .fx-area {margin-top: 100rem;}
.site-map .fx-area .depth-one {flex-shrink: 0; width: 266rem;}
.site-map .fx-area .depth-two {width: 170rem;}
.site-map .fx-area:has(> .depth-two) {row-gap: 10rem; flex-wrap: wrap; margin-top: 3rem;}

@media screen and (max-width: 1024px) {
	.site-map .fx-area:not(:has(> .depth-two)) {display: block;}
	.site-map .map-tit {width: 100%; margin-bottom: 20rem;}
	.site-map .fx-area .depth-one {width: 100%;}
	.site-map .depth-one + .depth-one {margin-top: 20rem;}
	.site-map > .fx-area + .fx-area {margin-top: 50rem;}
	.site-map .depth-one + .fx-area {margin-top: 20rem;}
	.site-map .fx-area:has(> .depth-two) {margin-top: 10rem;}
	.site-map .map-list .fx-area + .fx-area {margin-top: 20rem;} 
}

@media screen and (max-width: 600px) {
	.site-map .fx-area .depth-two {width: 50%;}
}

/* FO-PC-COM-05-001_에러페이지, FO-PC-COM-06-001_사이트점검안내 */
#subBody:has(.etc-page) {padding: 0;}
.etc-page {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; text-align: center;}
.etc-page h2.f44::before {content: ""; display: block; margin: 0 auto 30rem; width: 200rem; height: 200rem;}
.etc-page p.f14 {color: #707070;}

.error h2.f44::before {background: url(/common/kr/images/ico-error.svg) no-repeat center center / contain;}
.error p.f20 {margin: 30rem 0;}

.inspection h2.f44::before {background: url(/common/kr/images/ico-inspection.svg) no-repeat center center / contain;}
.inspection > p.f14 {margin: 30rem 0;}
.inspection .gr-box {width: 900rem; padding: 44rem 0; border-radius: 12rem;}
.inspection .gr-box .fx-area {display: flex; align-items: center; justify-content: center;}
.inspection .gr-box .fx-area + .fx-area {margin-top: 10rem;}
.inspection .gr-box .fx-area p:first-child {margin-right: 10rem;}
.inspection .gr-box .fx-area p:last-child {font-family: "Pretendard-Bold";}

@media screen and (max-width: 1024px) {
	.inspection .gr-box {width: calc(100% - 40rem);}
}
@media screen and (max-width: 600px) {
	.etc-page h2.f44::before {margin-bottom: 20rem;}
	.inspection > p.f14 {margin: 10rem 0 20rem;}
	.etc-page.inspection {width: 100%;}
	.inspection .gr-box {padding: 30rem;}
	.inspection .gr-box .fx-area {align-items: start; justify-content: start;}
	.inspection .gr-box .fx-area p:first-child {padding-top: 1rem;}
	.inspection .gr-box .fx-area p:last-child {text-align: left;}
}

/* FO-NWS-01-001_보도자료(목록) */
.paging {display: flex; justify-content: center; align-content: center; gap: 0 10rem; margin-top: 100rem; font-family: "Pretendard-Bold"; font-size: 14rem; color: #707070; line-height: 160%; letter-spacing: 0;}
.paging a {display: flex; align-items: center; justify-content: center; width: 40rem; height: 40rem; color: inherit; border: 1px solid #E4E4E4; border-radius: 4rem;}
.paging a.active {color: #fff; border-color: #000; background: #000;}
.paging a.btn {border: none;}
.paging a.btn span {position: relative; width: 20rem; height: 20rem;}
.paging a.btn span::after {content: ""; position: absolute; top: 0; left: 0; width: 20rem; height: 20rem;}
.paging a.btn.prev span::after {background: url(/common/kr/images/ico-prev-bk.svg) no-repeat center center / contain;}
.paging a.btn.next span::after {background: url(/common/kr/images/ico-next-bk.svg) no-repeat center center / contain;}
.paging a.btn.disabled {display: none;}
.paging a.btn-page {position: relative;}
.paging a.btn-page.disabled {display: none;}
.paging a.btn-page::after {content: "•••"; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); font-size: 12rem;}

.newslist .top-swipe {position: relative; padding: 80rem 0 40rem; margin-left: -118rem; margin-right: -118rem;}
.newslist .top-swipe::before {content: ""; z-index: -1; position: absolute; top: 0; left: 50%; bottom: 0; width: 100vw; transform: translateX(-50%); background-color: #002554;}
.newslist.social .top-swipe::before {background-color: #008233;}
.newslist .top-swipe > p.f24 {position: relative; top:var(--top); margin-bottom: 20rem; color: #fff; opacity:var(--opacity); transition:all .7s ease;}
.newslist .news-swiper-area {display: flex; justify-content: space-between;}
.newslist .news-swiper-area .newsSwiper {position: relative; top:var(--top); width: calc(50% - 8rem); height: auto; margin: 0; padding-bottom: 80rem; opacity:var(--opacity); transition:all .7s ease;}
.newslist .news-swiper-area .newsSwiper .swiper-wrapper {height: auto;}
.newslist .news-swiper-area .newsSwiper a {border-radius: 14rem; height: auto; overflow: hidden;}
.newslist .news-swiper-area .newsSwiper .ig-wrap{position:relative; height:390rem; background:#fff;}
.newslist .news-swiper-area .newsSwiper .ig-wrap .sns-btn{position:absolute; top:10rem; left:10rem;}
.newslist .news-swiper-area .newsSwiper .ig-wrap img {width: 100%; height:100%; object-fit: cover;}
.newslist .news-swiper-area .newsSwiper .txt-wrap {padding: 40rem; min-height:242rem; height: calc(100% - 390rem); background-color: #fff;}
.newslist .news-swiper-area .newsSwiper .txt-wrap p.f20 {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist .news-swiper-area .newsSwiper .txt-wrap p.f16 {margin-top: 10rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #707070;}
.newslist .news-swiper-area .newsSwiper .txt-wrap p.f14 {margin-top:20rem; color: #707070;}
.newslist .news-swiper-area .newsSwiper .txt-wrap p.f14 .sns-type {display:inline-block; position:relative; margin-right:10rem; padding-right:10rem; color:#000;}
.newslist .news-swiper-area .newsSwiper .txt-wrap .f16 {margin-top: 10rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #707070;}
.newslist .news-swiper-area .newsSwiper .ig-wrap:has(.insta) + .txt-wrap p.f14 .sns-type,
.newslist .news-swiper-area .newsSwiper .ig-wrap:has(.linkedin) + .txt-wrap p.f14 .sns-type {padding-right:28rem; background:url("/common/kr/images/icon-out-link.svg") no-repeat right 10rem top -1rem/18rem auto;}
.newslist .news-swiper-area .newsSwiper .ig-wrap:not(:has(img)) {border-bottom: 1px solid #E4E4E4; background: url(/common/kr/images/img-newslist-default.png) no-repeat center center / 300rem auto #fff;}
.newslist .news-swiper-area .newsSwiper .txt-wrap p.f14 .sns-type:after{display:block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10rem; background:#e4e4e4}
.newslist .news-swiper-area .newsSwiper .swiper-pagination {bottom: 12rem; color: #fff;}
.newslist .news-swiper-area .newsSwiper .swiper-button-prev {left: calc(50% - 100rem); top: unset; bottom: 0; width: 50rem; height: 50rem; margin-top: 0; color: transparent; background: url(/common/kr/images/ico-swiper-prev-wh.svg) no-repeat center center / contain;}
.newslist .news-swiper-area .newsSwiper .swiper-button-next {right: calc(50% - 100rem); top: unset; bottom: 0; width: 50rem; height: 50rem; margin-top: 0; color: transparent; background: url(/common/kr/images/ico-swiper-next-wh.svg) no-repeat center center / contain;}
.newslist .news-swiper-area .news-thumb-list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16rem 0; position: relative; top:var(--top); width: calc(50% - 8rem); margin-bottom: 80rem; padding: 30rem; border-radius: 12rem; background-color: #fff; opacity:var(--opacity); transition:all .7s ease;}
.newslist .news-swiper-area .thumb-item {width: calc(50% - 8rem); min-height:276rem;}
.newslist .news-swiper-area .thumb-item a {display: block;}
.newslist .news-swiper-area .thumb-item .ig-wrap {position:relative; height: 172rem; border-radius: 4rem; overflow: hidden; background:#fff;}
.newslist .news-swiper-area .thumb-item .ig-wrap:not(:has(img)) {border: 1px solid #E4E4E4; border-radius: 12rem; background: url(/common/kr/images/img-newslist-default.png) no-repeat center center / 200rem auto #fff;}
.newslist .news-swiper-area .thumb-item .ig-wrap .sns-btn {position:absolute; top:10rem; left:10rem; z-index:1;}
.newslist .news-swiper-area .thumb-item .ig-wrap img {width: 100%; height: 100%; object-fit: cover;}
.newslist .news-swiper-area .thumb-item p.f16 {margin: 20rem 0 10rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist .news-swiper-area .thumb-item p.f14 {color: #707070;}
.newslist .news-swiper-area .thumb-item p.f14 .sns-type {display:inline-block; position:relative; margin-right:10rem; padding-right:10rem; color:#000;}
.newslist .news-swiper-area .thumb-item .ig-wrap:has(.insta) + .txt-wrap p.f14 .sns-type,
.newslist .news-swiper-area .thumb-item .ig-wrap:has(.linkedin) + .txt-wrap p.f14 .sns-type {padding-right:28rem; background:url("/common/kr/images/icon-out-link.svg") no-repeat right 10rem top -1rem/18rem auto;}
.newslist .news-swiper-area .thumb-item p.f14 .sns-type:after{display:block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10rem; background:#e4e4e4}
.newslist.active .top-swipe > p.f24 {top:0; opacity:1;}
.newslist.active .news-swiper-area .newsSwiper {top:0; opacity:1; transition-delay:0.15s}
.newslist.active .news-swiper-area .news-thumb-list {top:0; opacity:1; transition-delay:0.3s}
.newslist .list-top {margin: 100rem 0 40rem;}
.newslist .line-swiper{margin-bottom:40rem;}
.newslist .news-big-list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50rem 0;}
.newslist .news-big-item {position:relative; opacity: var(--opacity); top: var(--top); width: calc(50% - 40rem); transition:all .7s ease;}
.newslist .news-big-item a {display: block;}
.newslist .news-big-item a .ig-wrap:not(:has(img)) {border: 1px solid #E4E4E4; border-radius: 12rem; background: url(/common/kr/images/img-newslist-default.png) no-repeat center center / 300rem auto #fff;}
.newslist .news-big-item a .ig-wrap {position:relative; height: 305rem; border-radius: 12rem; overflow: hidden;}
.newslist .news-big-item a .ig-wrap.stroke {border: 1px solid #E4E4E4;}
.newslist .news-big-item a .ig-wrap .sns-btn {position:absolute; top:10rem; left:10rem;}
.newslist .news-big-item a .ig-wrap img {width: 100%; height: 100%; object-fit: cover;}
.newslist .news-big-item a p.f18 {margin: 20rem 0 10rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist .news-big-item a p.f14 {color: #707070;}
.newslist .news-big-item p.f14 .sns-type {display:inline-block; position:relative; margin-right:10rem; padding-right:10rem; color:#000;}
.newslist .news-big-item .ig-wrap:has(.insta) + .txt-wrap p.f14 .sns-type,
.newslist .news-big-item .ig-wrap:has(.linkedin) + .txt-wrap p.f14 .sns-type {padding-right:28rem; background:url("/common/kr/images/icon-out-link.svg") no-repeat right 10rem top -2rem/18rem auto;}
.newslist .news-big-item p.f14 .sns-type:after{display:block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10rem; background:#e4e4e4}
.newslist .news-big-item .keyword-list{margin-top:18rem; justify-content: flex-start;}
.newslist .news-big-item.active {top:0; opacity:1;}
.newslist .news-big-item.active:nth-child(2n) {transition-delay:0.15s;}

/* 2025-04-08, 2025-04-14 조선해양 아이프레임 */
.newslist.hdksoe .news-big-item{position: relative;}
.newslist.hdksoe .news-big-item .icon{position: absolute; top: 325rem; right: 0;}
.newslist.hdksoe .news-big-item .icon img{width: 40rem;}
.newslist.hdksoe .news-big-item:has(.icon) .f18 {width: calc(100% - 60rem);}
/* paging */
.newslist.hdksoe .paging{display:flex; justify-content: center; gap:8rem; margin-top:80rem;}
.newslist.hdksoe .paging .prev-btn{width:40rem; height:40rem; border-radius:4rem; border:1px solid #fff; background:url("/common/kr/images/icon-paging-prev.svg") no-repeat center center/20rem auto #fff; transition:all 0.4s ease;}
.newslist.hdksoe .paging .prev-btn:hover{border:1px solid #CCC; background:url("/common/kr/images/icon-paging-prev.svg") no-repeat center center/20rem auto #f5f5f5;}
.newslist.hdksoe .paging .prev-btn:active{border:1px solid #CCC; background:url("/common/kr/images/icon-paging-prev.svg") no-repeat center center/20rem auto #f0f0f0;}
.newslist.hdksoe .paging .prev-btn.disabled{cursor:auto; background:url("/common/kr/images/icon-paging-prev-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .prev-btn.disabled:hover{border:1px solid #fff; background:url("/common/kr/images/icon-paging-prev-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .prev-btn.disabled:active{border:1px solid #fff; background:url("/common/kr/images/icon-paging-prev-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .next-btn{width:40rem; height:40rem; border-radius:4rem; border:1px solid #fff; background:url("/common/kr/images/icon-paging-next.svg") no-repeat center center/20rem auto #fff; transition:all 0.4s ease;}
.newslist.hdksoe .paging .next-btn:hover{border:1px solid #CCC; background:url("/common/kr/images/icon-paging-next.svg") no-repeat center center/20rem auto #f5f5f5;}
.newslist.hdksoe .paging .next-btn:active{border:1px solid #CCC; background:url("/common/kr/images/icon-paging-next.svg") no-repeat center center/20rem auto #F0F0F0;}
.newslist.hdksoe .paging .next-btn.disabled{cursor:auto; background:url("/common/kr/images/icon-paging-next-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .next-btn.disabled:hover{border:1px solid #fff; background:url("/common/kr/images/icon-paging-next-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .next-btn.disabled:active{border:1px solid #fff; background:url("/common/kr/images/icon-paging-next-disabled.svg") no-repeat center center/20rem auto;}
.newslist.hdksoe .paging .num{display:flex; align-items: center; justify-content: center; width:40rem; height:40rem; border-radius:4rem; border:1px solid #CCC; background:#fff; transition:background 0.4s ease;}
.newslist.hdksoe .paging .num span{font-size:16rem; line-height:110%; letter-spacing: -0.5px; font-family:"Pretendard-Medium"; color:#666}
.newslist.hdksoe .paging .num:has(span:empty){border:0; background:url("/common/kr/images/icon-paging-dot.svg") no-repeat center center / 20rem auto #fff; cursor: default;}
.newslist.hdksoe .paging .num.disabled{cursor:default; background:#f5f5f5; border:1px solid #e5e5e5;}
.newslist.hdksoe .paging .num.disabled span{color:#999;}
.newslist.hdksoe .paging .num.on{border:1px solid #003087; background:#003087;}
.newslist.hdksoe .paging .num.on span{color:#fff;}
.newslist.hdksoe .paging .num:hover{background:#f5f5f5}
.newslist.hdksoe .paging .num:active{background:#F0F0F0}
.newslist.hdksoe .paging .num.on:hover{background:#003087;}
.newslist.hdksoe .paging .num.on:active{background:#003087;}
/* //2025-04-08, 2025-04-14 조선해양 아이프레임 */

@media screen and (max-width: 1024px) {
	.paging {gap: 0 5rem; margin-top:50rem;}
	.paging a {width: 30rem; height: 30rem;}

	.newslist .top-swipe {margin:0 0 100rem 0; padding: 50rem 0;}
	.newslist .news-swiper-area {flex-direction: column;}
	.newslist .news-swiper-area .newsSwiper {width: 100%; padding-bottom: 60rem;}
	.newslist .news-swiper-area .newsSwiper .txt-wrap {padding: 20rem; min-height:0;}
	.newslist .news-swiper-area .news-thumb-list {width: 100%; margin-top: 20rem; margin-bottom: 0;}
	.newslist .list-top {display: flex;}
	.newslist .list-top .leng {margin-bottom: 0;}
	.newslist .list-top .form-srch .form-input input::placeholder {font-size: 12rem;}
	.newslist .line-swiper{margin:30rem 0 20rem;}
	.newslist .news-big-item {width: calc(50% - 20rem);}
	.newslist .news-big-item .keyword-list{margin-top:10rem;}
	.newslist .news-big-item.active:nth-child(2n) {transition-delay:0s;}
	.newslist .news-big-item a p.f18 {margin: 10rem 0 9rem;}

	.newslist .news-big-item a .ig-wrap:not(:has(img)) {background-size: 200rem auto;}

	.newslist .news-swiper-area .newsSwiper .ig-wrap:has(.insta) + .txt-wrap p.f14 .sns-type, .newslist .news-swiper-area .newsSwiper .ig-wrap:has(.linkedin) + .txt-wrap p.f14 .sns-type{background:url("/common/kr/images/icon-out-link.svg") no-repeat right 10rem top -3rem/18rem auto;}
	.newslist .news-swiper-area .thumb-item .ig-wrap:has(.insta) + .txt-wrap p.f14 .sns-type,
	.newslist .news-swiper-area .thumb-item .ig-wrap:has(.linkedin) + .txt-wrap p.f14 .sns-type {background:url("/common/kr/images/icon-out-link.svg") no-repeat right 10rem top -3rem/18rem auto;}

	/* 2025-04-08, 2025-04-14 조선해양 아이프레임 */
	.newslist.hdksoe .news-swiper-area .newsSwiper {padding-bottom: 0;}
	.newslist.hdksoe .news-big-item .icon{top: 315rem;}
	.newslist.hdksoe .paging{gap:6rem; margin-top:60rem;}
	/* // 2025-04-08, 2025-04-14 조선해양 아이프레임 */
}
@media screen and (max-width: 600px) {
	.newslist .news-swiper-area .newsSwiper .ig-wrap{height:180rem;}
	.newslist .news-swiper-area .newsSwiper .ig-wrap:not(:has(img)) {background-size: 200rem auto;}
	.newslist .news-swiper-area .newsSwiper .txt-wrap {height: calc(100% - 180rem);}
	.newslist .news-swiper-area .news-thumb-list {flex-direction: column; gap: 10rem; padding: 0; background-color: transparent;}
	.newslist .news-swiper-area .thumb-item {width: 100%; min-height:0; border-radius: 4rem; background-color: #fff; overflow: hidden;}
	.newslist .news-swiper-area .thumb-item a {display: flex; align-items: center; height: 100rem;}
	.newslist .news-swiper-area .thumb-item .ig-wrap {width:calc(100% - 180rem); height: 100%; border-radius: 0;}
	.newslist .news-swiper-area .thumb-item .ig-wrap img {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.newslist .news-swiper-area .thumb-item .ig-wrap:not(:has(img)) {background-size: 100rem auto;}
	.newslist .news-swiper-area .thumb-item a .txt-wrap {flex-shrink: 0; width: 180rem; padding: 15rem;}
	.newslist .news-swiper-area .thumb-item p.f16 {margin: 0 0 5rem;}
	.newslist .list-top {display: block; margin-bottom: 20rem;}
	.newslist .list-top .leng {margin-bottom: 10rem;}
	.newslist .news-big-item {width: 100%;}
	.newslist .news-big-item a .ig-wrap {height: 180rem;}

	/* 2025-04-08, 2025-04-14 조선해양 아이프레임 */
	.newslist.hdksoe .news-big-item .icon{top: 190rem;}
	/* 2025-04-08, 2025-04-14 조선해양 아이프레임 */
}

/* 기업개요 */
.content-wrap.overview {padding:200rem 0; width:100%; background:#fff;}

@media screen and (max-width: 1024px) { 
	.content-wrap.overview {padding:100rem 0; margin-top: 0 ;}
}

/* 가치체계 */
#subBody:has(.value-wrap) .bottom-fixed.active.high-index{z-index:1;}
.content-wrap.value{position:relative; margin-top:0; padding:200rem 260rem; width:100%; z-index:1; background:#fff;}
.value-wrap > section .f44{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.value-wrap > section.active > .f44{top:0; opacity:1;}
.value-wrap .mission-sec{position:relative; padding-top:250rem; margin:0 auto; width:1172rem;}
.value-wrap .mission-sec:after{display:block; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; background:#f4f4f4; z-index: -1;}
.value-wrap .mission-sec .txt-div{overflow:hidden; position:relative; margin-top:83rem; width:100%;}
.value-wrap .mission-sec .txt-div .mission{width:633rem; font-size:360rem; line-height:75%; font-family: "Pretendard-ExtraBold"; color:#003087;}
.value-wrap .mission-sec .txt-div .mission span{display:block; position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.value-wrap .mission-sec .txt-div .img{position:absolute; bottom:-70rem; left:431rem; opacity:var(--opacity); transition:bottom 0.7s ease, opacity 0.7s ease;}
.value-wrap .mission-sec .txt-div .img img{height:827rem;}
.value-wrap .mission-sec .txt-div .f44{position:absolute; top:55%; right:0; transform:translateY(-50%); text-align: right; color:#00AD1D;}
.value-wrap .mission-sec.active .txt-div .mission span{top:0; opacity:1;}
.value-wrap .mission-sec.active .txt-div .mission span:nth-child(1){transition-delay:0.15s}
.value-wrap .mission-sec.active .txt-div .mission span:nth-child(2){transition-delay:0.3s}
.value-wrap .mission-sec.active .txt-div .mission span:nth-child(3){transition-delay:0.45s}
.value-wrap .mission-sec.active .txt-div .img{bottom:0; opacity:1; transition-delay:0.6s}
.value-wrap .mission-sec.active .txt-div .f44{top:50%; opacity:1; transition-delay:0.75s}
.value-wrap .vision-sec .unfold-area.small-ver .unfold-list .title{margin-top:0;}
/* core value */
.value-wrap .core-value-sec{margin-top:250rem;}
.value-wrap .core-value-sec .icon-list {display: flex; gap: 16rem; margin-top: 60rem;}
.value-wrap .core-value-sec .icon-list .item {flex: 1;}
.value-wrap .core-value-sec .icon-list .item .icon-box {display: flex; align-items: center; justify-content: center; width: 300rem; height: 300rem; margin: 0 auto 30rem; border-radius: 100%; background:#F8FAFB;}
.value-wrap .core-value-sec .icon-list .item:nth-child(1) .icon-box img {width: 100rem;}
.value-wrap .core-value-sec .icon-list .item:nth-child(2) .icon-box img {width: 100rem;}
.value-wrap .core-value-sec .icon-list .item:nth-child(3) .icon-box img {width: 120rem;}
.value-wrap .core-value-sec .icon-list .item:nth-child(4) .icon-box img {width: 100rem;}
.value-wrap .core-value-sec .icon-list .item .txt-box {text-align: center;}
.value-wrap .core-value-sec .icon-list .item .txt-box .tit ~ .txt {margin-top: 20rem;}
.value-wrap .core-value-sec .icon-list .item .item-cont {position:relative; top:var(--top); opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.value-wrap .core-value-sec .icon-list .item:nth-child(2) .item-cont {transition-delay: .1s;}
.value-wrap .core-value-sec .icon-list .item:nth-child(3) .item-cont {transition-delay: .2s;}
.value-wrap .core-value-sec .icon-list .item:nth-child(4) .item-cont {transition-delay: .3s;}
.value-wrap .core-value-sec .icon-list .item.active .item-cont {top:0; opacity:1;}

@media screen and (max-width: 1024px) {
	#subBody:has(.value-wrap) .bottom-fixed.active{background:url("/common/kr/images/img-brand-value-visual-mo.jpg") no-repeat center center/cover}
	.content-wrap.value{width:100%; padding:0 20rem 100rem;}
	.value-wrap .mission-sec{padding-top:100rem; width:100%;}
	.value-wrap .mission-sec .txt-div{margin-top:100rem; padding-top:120rem;}
	.value-wrap .mission-sec .txt-div .mission{font-size:310rem;}
	.value-wrap .mission-sec .txt-div .img{left:50%; transform:translateX(-50%);}
	.value-wrap .mission-sec .txt-div .img img{height:740rem;}
	.value-wrap .mission-sec .txt-div .f44{top:70rem; transform:translateY(0);}
	.value-wrap .mission-sec.active .txt-div .f44{top:0; transition-delay:0.15s;}
	.value-wrap .mission-sec.active .txt-div .mission span:nth-child(1){transition-delay:0.3s;}
	.value-wrap .mission-sec.active .txt-div .mission span:nth-child(2){transition-delay:0.45s;}
	.value-wrap .mission-sec.active .txt-div .mission span:nth-child(3){transition-delay:0.6s;}
	.value-wrap .mission-sec.active .txt-div .mission .img img{transition-delay:0.75s;}
	.value-wrap .vision-sec{margin-top:100rem;}
	/* core value */
	.value-wrap .core-value-sec{margin-top:100rem;}
	.value-wrap .core-value-sec .icon-list {flex-wrap: wrap; row-gap: 30rem; margin-top: 30rem;}
	.value-wrap .core-value-sec .icon-list .item {width: calc(50% - 8rem);}

}

@media screen and (max-width: 600px) {
	.value-wrap .mission-sec .txt-div .mission{font-size:200rem;}
	.value-wrap .mission-sec .txt-div .img img{height:480rem;}
	/* core value */
	.value-wrap .core-value-sec .icon-list {flex-direction: column; gap: 50rem;}
	.value-wrap .core-value-sec .icon-list .item {width: 100%;}
	.value-wrap .core-value-sec .icon-list .item .icon-box {width: 200rem; height: 200rem;}
	.value-wrap .core-value-sec .icon-list .item:nth-child(1) .icon-box img {width: 70rem;}
	.value-wrap .core-value-sec .icon-list .item:nth-child(2) .icon-box img {width: 70rem;}
	.value-wrap .core-value-sec .icon-list .item:nth-child(3) .icon-box img {width: 80rem;}
	.value-wrap .core-value-sec .icon-list .item:nth-child(4) .icon-box img {width: 70rem;}
	.value-wrap .core-value-sec .icon-list .item .txt-box .tit ~ .txt {margin-top: 10rem;}
	.value-wrap .core-value-sec .icon-list .item:nth-child(2) .item-cont,
	.value-wrap .core-value-sec .icon-list .item:nth-child(3) .item-cont,
	.value-wrap .core-value-sec .icon-list .item:nth-child(4) .item-cont {transition-delay: 0s;}
}

/* CI/서체 */
#subBody:has(.ci){padding-bottom:0;}
#subBody:has(.ci) .in-txt-visual .bottom-fixed > .img:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0a1e43; opacity:0.9}
.content-wrap.ci{padding:250rem 260rem 0; width:100%; background:#fff;}
.in-txt-visual .motion-visual .img.ci{position:relative;}
.in-txt-visual .motion-visual .img.ci:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0a1e43; opacity:0.9}
.ci-sec:not(:first-child){margin-top:200rem;}
.ci-sec .title{position:relative; top:var(--top); opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .title + .f20{position:relative; top:var(--top); margin-top:20rem; opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .ci-gray-box{display:flex; align-items: center; justify-content: center; position:relative; top:var(--top); margin-top:60rem; height:530rem; background:#f9f9f9; border-radius:24rem; opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .ci-gray-box img{width:251rem;}
.ci-sec .txt-box{margin-top:100rem;}
.ci-sec .txt-box .f44{position:relative; top:var(--top); opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .txt-box .f20{position:relative; top:var(--top); margin-top:30rem; opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .color-chip-w{display:flex; column-gap:50rem; margin-top:60rem;}
.ci-sec .color-chip-w .color-chip{position:relative; top:var(--top); opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .color-chip-w .color{overflow:hidden; position:relative; padding:30rem 0 0 30rem; width:240rem; height:320rem; border-radius:8rem;}
.ci-sec .color-chip-w .color-chip.eco .color{background:url("/common/kr/images/img-brand-ci-color-system-eco.jpg") no-repeat left top/cover}
.ci-sec .color-chip-w .color-chip.heritage .color{background:url("/common/kr/images/img-brand-ci-color-system-heritage.jpg") no-repeat left top/cover}
.ci-sec .color-chip-w .color-chip.prosperity .color{background:url("/common/kr/images/img-brand-ci-color-system-prosperity.jpg") no-repeat left top/cover}
.ci-sec .color-chip-w .color-chip.discovery .color{background:url("/common/kr/images/img-brand-ci-color-system-discovery.jpg") no-repeat left top/cover}
.ci-sec .color-chip-w .color-chip.trust .color{background:url("/common/kr/images/img-brand-ci-color-system-trust.jpg") no-repeat left top/cover}
.ci-sec .color-chip-w .color .f20{position:relative; font-family: "Pretendard-Bold"; color:#fff; z-index:1;}
.ci-sec .color-chip-w .f16{margin-top:30rem; font-family: "Pretendard-Bold";}
.ci-sec .gray-line-box{display:flex; align-items: center; justify-content: center; position:relative; top:var(--top); margin-top:60rem; height:685rem; border:1px solid #d9d9d9; border-radius:12rem; background:url("/common/kr/images/img-graph-paper-full-01.svg") no-repeat center center/cover; opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .gray-line-box img{width:407rem;}
.ci-sec .gray-line-box-w{display:flex; flex-wrap:wrap; gap:30rem 30rem; margin-top:75rem;}
.ci-sec .gray-line-box-w .gray-line-box{margin-top:0; width:calc((100% - 30rem) / 2);}
.ci-sec .gray-line-box-w .gray-line-box:last-child{width:100%;}
.ci-sec .gray-line-box-w .gray-line-box:nth-child(1) img{position:relative; top:6rem; width:454rem;}
.ci-sec .gray-line-box-w .gray-line-box:nth-child(2) img{position:relative; top:6rem;width:599rem;}
.ci-sec .gray-line-box-w .gray-line-box:nth-child(3) img{position:relative; top:6rem;width:895rem;}
.ci-sec .gray-line-box-w .gray-line-box .f32{position:absolute; top:50rem; left:50rem;}
.ci-sec .view-txt-swiper{position:relative; left:50%; transform:translateX(-50%); top:var(--top); margin:65rem 0 138rem; width:calc(100vw - 80rem); opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .view-txt-swiper:after{display:block; content:""; position:absolute; left:50%; bottom:-40rem; transform:translateX(-50%); width:80rem; height:67rem; background:url("/common/kr/images/icon-brand-ci-tooltip.svg") no-repeat center center/cover;}
.ci-sec .view-txt-swiper .swiper-slide{position:relative; padding:81rem 72rem; font-size:141rem; line-height:120%; color:#00E600; background:#000; border-radius:80rem}
.ci-sec .view-txt-swiper .swiper-slide.light{font-family: "HDfont-Light" !important;}
.ci-sec .view-txt-swiper .swiper-slide.medium{font-family: "HDfont-Medium" !important;}
.ci-sec .view-txt-swiper .swiper-slide.bold{font-family: "HDfont-Bold" !important;}
.ci-sec .view-txt-swiper .swiper-slide.light span{font-family: "HDfont-Light" !important;}
.ci-sec .view-txt-swiper .swiper-slide.medium span{font-family: "HDfont-Medium" !important;}
.ci-sec .view-txt-swiper .swiper-slide.bold span{font-family: "HDfont-Bold" !important;}
.ci-sec .view-txt-swiper .swiper-slide {word-wrap: break-word; word-break: break-all;}
.ci-sec .view-txt-swiper .swiper-slide .white{color:#fff}
.ci-sec .view-txt-swiper .swiper-slide .green{color:#008233}
.ci-sec .info-txt-swiper{position:relative; top:var(--top); margin:0 auto; width:1164rem; opacity:0; transition:top 0.7s ease, opacity 0.7s ease;}
.ci-sec .info-txt-swiper .swiper-container{position:relative; padding:0 160rem 70rem; text-align: center;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide{background:#fff;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide.light > *:not(:last-child){font-family: "HDfont-Light" !important;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide.medium > *:not(:last-child){font-family: "HDfont-Medium" !important;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide.bold > *:not(:last-child){font-family: "HDfont-Bold" !important;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f72 br {display: none;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f44{margin-top:30rem;}
.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f20{margin-top:40rem;}
.ci-sec .info-txt-swiper .swiper-container .swiper-button-prev,
.ci-sec .info-txt-swiper .swiper-container .swiper-button-next{width:58rem; height:59rem; border-radius:50rem;}
.ci-sec .info-txt-swiper .swiper-container .swiper-button-prev{background:url("/common/kr/images/btn-brand-ci-swiper-prev.svg") no-repeat center center/cover;}
.ci-sec .info-txt-swiper .swiper-container .swiper-button-next{background:url("/common/kr/images/btn-brand-ci-swiper-next.svg") no-repeat center center/cover;}
.ci-sec .info-txt-swiper .swiper-container .swiper-pagination{bottom:0; width:100%}
.ci-sec .info-txt-swiper .swiper-container .swiper-pagination-bullet{margin:0 10rem; background:#D9D9D9; opacity:1;}
.ci-sec .info-txt-swiper .swiper-container .swiper-pagination-bullet-active{background:#000;}
.ci-sec.active .title{top:0; opacity:1;}
.ci-sec.active .title + .f20{top:0; opacity:1; transition-delay:0.15s;}
.ci-sec.active .ci-gray-box{top:0; opacity:1; transition-delay:0.15s;}
.ci-sec.active .txt-box .f44{top:0; opacity:1; transition-delay:0.3s;}
.ci-sec.active .txt-box .f20{top:0; opacity:1; transition-delay:0.45s;}
.ci-sec.active .color-chip-w .color-chip:nth-child(1){top:0; opacity:1; transition-delay:0.3s;}
.ci-sec.active .color-chip-w .color-chip:nth-child(2){top:0; opacity:1; transition-delay:0.45s;}
.ci-sec.active .color-chip-w .color-chip:nth-child(3){top:0; opacity:1; transition-delay:0.6s;}
.ci-sec.active .color-chip-w .color-chip:nth-child(4){top:0; opacity:1; transition-delay:0.75s;}
.ci-sec.active .color-chip-w .color-chip:nth-child(5){top:0; opacity:1; transition-delay:0.9s;}
.ci-sec.active > .gray-line-box{top:0; opacity:1; transition-delay:0.3s}
.ci-sec .gray-line-box-w .gray-line-box.active:nth-child(1){top:0; opacity:1;}
.ci-sec .gray-line-box-w .gray-line-box.active:nth-child(2){top:0; opacity:1; transition-delay:0.15s}
.ci-sec .gray-line-box-w .gray-line-box.active:nth-child(3){top:0; opacity:1;}
.ci-sec .view-txt-swiper.active{top:0; opacity:1;}
.ci-sec .info-txt-swiper.active{top:0; opacity:1;}
.txt-info-sec{position:relative; left:50%; transform:translateX(-50%); margin-top:200rem; padding-top:60rem; width:100vw; height:900rem; background:#f9f9f9;}
.txt-info-sec:before{display:block; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%) rotate(180deg); width:672rem; height:300rem; background:url("/common/kr/images/icon-brand-ci-three-txt-info-bg.svg") no-repeat center center/cover;}
.txt-info-sec:after{display:block; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:672rem; height:300rem; background:url("/common/kr/images/icon-brand-ci-three-txt-info-bg.svg") no-repeat center center/cover;}
.txt-info-sec .info-wrap{display:flex; column-gap: 12rem; position:relative; margin:0 auto; width:1164rem; z-index:1;}
.txt-info-sec .info-wrap .info-box{position:relative; top:var(--top); padding:30rem; border-radius: 12rem; border:1px solid #d9d9d9; background:#fff; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.txt-info-sec .info-wrap .info-box .num{display:flex; align-items: center; justify-content: center; position:absolute; top:30rem; right:30rem; width:30rem; height:30rem; border-radius: 50%; background:#008233}
.txt-info-sec .info-wrap .info-box .num span{margin-top:0; color:#fff; font-family: "Pretendard-Bold";}
.txt-info-sec .info-wrap .info-box .f24{color:#008233}
.txt-info-sec .info-wrap .info-box .f16{margin-top:20rem;}
.txt-info-sec .img{position:relative; top:var(--top); margin-top:185rem; text-align: center; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.txt-info-sec .img img{width:456rem;}
.txt-info-sec .info-wrap.active .info-box{top:0; opacity:1;}
.txt-info-sec .info-wrap.active .info-box:nth-child(2){transition-delay:0.15s;}
.txt-info-sec .info-wrap.active .info-box:nth-child(3){transition-delay:0.3s;}
.txt-info-sec .img.active{top:0; opacity:1;}
.ci-download{position:relative; left:50%; transform:translateX(-50%); padding:180rem 0 200rem; width:100vw; background:url("/common/kr/images/bg-brand-ci-download.jpg") no-repeat center center/cover;}
.ci-download .download-wrap{margin:0 auto; width:710rem;}
.ci-download .download-wrap .title{display:flex; align-items: center; justify-content: center; position:relative; top:var(--top); color:#fff; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.ci-download .download-wrap .title .f64:first-child{position:relative; padding-right:30rem; margin-right:30rem;}
.ci-download .download-wrap .title .f64:first-child:after{display:block; content:""; position:absolute; right:0; top:0; width:1px; height:90%; background:#fff;}
.ci-download .download-wrap .f16{position:relative; top:var(--top); margin-top:30rem; text-align: center; color:#fff; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.ci-download .download-wrap .download-div{display:flex; justify-content: space-between; column-gap: 60rem; margin-top:80rem;}
.ci-download .download-wrap .download-div > *{position:relative; top:var(--top); width:calc((100% - 60rem) / 2); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.ci-download .download-wrap .download-div .f32{margin-bottom:50rem; color:#fff; text-align: center;}
.ci-download .download-wrap .download-div .download-btn-w{display:flex; column-gap: 10rem;}
.ci-download .download-wrap .download-div .download-btn-w > a{display:flex; align-items:center; padding:0 35rem; width:157rem; height:64rem; background:#fff; border-radius: 32rem;}
.ci-download .download-wrap .download-div .download-btn-w > a span{display:block; padding-right:20rem; width:100%; font-family: "Pretendard-Bold"; color:#008233; background:url("/common/kr/images/icon-file-download-green.svg") no-repeat right center;}
.ci-download.active .download-wrap .title{top:0; opacity:1;}
.ci-download.active .download-wrap .f16{top:0; opacity:1; transition-delay:0.15s;}
.ci-download.active .download-wrap .download-div > *:nth-child(1){top:0; opacity:1; transition-delay:0.3s;}
.ci-download.active .download-wrap .download-div > *:nth-child(2){top:0; opacity:1; transition-delay:0.45s;}

@media screen and (max-width: 1024px) {
	.content-wrap.ci{margin-top:0; padding:100rem 20rem 0; width:100%;}
	.ci-sec:not(:first-child){margin-top:100rem;}
	.ci-sec .ci-gray-box{margin-top:30rem; height:320rem;}
	.ci-sec .ci-gray-box img{width:138rem;}
	.ci-sec .txt-box{margin-top:30rem;}
	.ci-sec .color-chip-w{flex-wrap:wrap; gap:30rem 10rem; margin-top:30rem;}
	.ci-sec .color-chip-w .color-chip{width:calc((100% - 10rem) / 2);}
	.ci-sec .color-chip-w .color-chip .color{padding:28rem 0 0 20rem; width:100%; height:250rem;}
	.ci-sec .color-chip-w .color-chip.eco .color{background:url("/common/kr/images/img-brand-ci-color-system-eco-mo.jpg") no-repeat left top/cover;}
	.ci-sec .color-chip-w .color-chip.heritage .color{background:#00AD1D;}
	.ci-sec .color-chip-w .color-chip.prosperity .color{background:#008233;}
	.ci-sec .color-chip-w .color-chip.discovery .color{background:#003087;}
	.ci-sec .color-chip-w .color-chip.trust .color{background:#002554;}
	.ci-sec .color-chip-w .f16{margin-top:10rem;}
	.ci-sec .gray-line-box{margin-top:30rem; height:350rem;}
	.ci-sec .gray-line-box img{width:141rem;}
	.ci-sec .gray-line-box-w{margin-top:30rem;}
	.ci-sec .gray-line-box-w .gray-line-box:nth-child(1) img{width:243rem;}
	.ci-sec .gray-line-box-w .gray-line-box:nth-child(2) img{width:298rem;}
	.ci-sec .gray-line-box-w .gray-line-box:nth-child(3) img{width:90%;}
	.ci-sec .gray-line-box-w .gray-line-box .f32{top:20rem; left:20rem;}
	.ci-sec .view-txt-swiper{margin:30rem 0 38rem; width:100%}
	.ci-sec .view-txt-swiper:after{bottom:-20rem; width:48rem; height:40rem;}
	.ci-sec .view-txt-swiper .swiper-slide{padding:30rem; font-size:56rem; border-radius:24rem;}
	.ci-sec .info-txt-swiper{width:100%;}
	.ci-sec .info-txt-swiper .swiper-container{padding:0 0 42rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f72{padding:0 60rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f44{margin-top:20rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f20{margin-top:20rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-button-prev, .ci-sec .info-txt-swiper .swiper-container .swiper-button-next{top:4rem; margin-top:0; width:34rem; height:35rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-pagination{width:100%;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-pagination-bullet{margin:0 8rem; width:10rem; height:10rem;}
	.txt-info-sec{margin-top:100rem; padding-top:30rem; height:auto;}
	.txt-info-sec .info-wrap{flex-wrap:wrap; column-gap: 0; row-gap: 10rem; width:calc(100% - 40rem);}
	.txt-info-sec .info-wrap .info-box{width:100%; border-radius:4rem;}
	.txt-info-sec .info-wrap .info-box .f24{margin-bottom:5rem;}
	.txt-info-sec .info-wrap .info-box .f16{margin-top:10rem;}
	.txt-info-sec .img{margin:100rem 0 0; padding-bottom:123rem;}
	.txt-info-sec .img img{width:228rem;}
	.ci-download{padding:100rem 0;}
	.ci-download .download-wrap{width:calc(100% - 40rem);}
	.ci-download .download-wrap .download-div{margin-top:60rem;}
	.ci-download .download-wrap .download-div .f32{margin-bottom:20rem;}
	.ci-download .download-wrap .download-div .download-btn-w > a{width:163rem; height:50rem;}
}

@media screen and (max-width: 600px) {
	.ci-sec .color-chip-w .color-chip .color{height:100rem;}
	.ci-sec .gray-line-box{height:210rem;}
	.ci-sec .gray-line-box-w{gap:10rem 0;}
	.ci-sec .gray-line-box-w .gray-line-box{width:100%; height:300rem;}
	.ci-sec .view-txt-swiper .swiper-slide{font-size:24rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-button-prev, .ci-sec .info-txt-swiper .swiper-container .swiper-button-next{top:27rem;}
	.ci-sec .info-txt-swiper .swiper-container .swiper-slide .f72 br {display: block;}
	.ci-download .download-wrap .download-div{flex-wrap:wrap; margin-top:0;}
	.ci-download .download-wrap .download-div > *{margin-top:50rem; width:100%;}
	.ci-download .download-wrap .download-div .download-btn-w > a{width:calc((100% - 10rem) / 2)}
}

/* 인사말 */
.ceo-wrap {margin-top:170rem;}
.ceo-wrap .ceo-img{display:flex; justify-content: space-between; align-items: stretch;}
.ceo-wrap .ceo-img .img-div{position:relative; top:var(--top); width:calc((100% - 34rem) / 2); opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-img .img-div:nth-child(1){background:url("/common/kr/images/icon-ceo-h.png") no-repeat left bottom / 554rem auto}
.ceo-wrap .ceo-img .img-div:nth-child(2){background:url("/common/kr/images/icon-ceo-d.png") no-repeat left bottom / 530rem auto}
.ceo-wrap .ceo-img .img-div:nth-child(1) img{position:relative; top:var(--top); width:437rem; opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-img .img-div:nth-child(2) img{position:relative; top:var(--top); width:444rem; opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-img .img-div .img {display: flex; align-items: flex-end; justify-content: flex-end; height: 100%;}
.ceo-wrap .ceo-img .txt-div{position:absolute; top:135rem; left:50rem; text-align: left; opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-img .txt-div .f18{color:#707070;}
.ceo-wrap .ceo-img .txt-div .f24{margin-top:5rem;}
.ceo-wrap .ceo-con{display:flex; justify-content: space-between; margin-top:150rem;}
.ceo-wrap .ceo-con .left{position:relative; top:var(--top); width:345rem; opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-con .left .blue-txt-w{margin-top:30rem;}
.ceo-wrap .ceo-con .right{position:relative; top:var(--top); width:calc(100% - 590rem); opacity:var(--opacity); transition:all 0.7s ease;}
.ceo-wrap .ceo-con .right .f32 + .f18{margin-top:30rem;}
.ceo-wrap .ceo-con .right .end-txt{text-align: right;}
.ceo-wrap .ceo-con .right .end-txt > *{margin-top:20rem;}
.ceo-wrap .ceo-img .img-div.active{top:0; opacity:1;}
.ceo-wrap .ceo-img .img-div.active:nth-child(2){transition-delay: 0.15s;}
.ceo-wrap .ceo-img .img-div.active:nth-child(1) img{top:0; opacity:1; transition-delay:0.5s}
.ceo-wrap .ceo-img .img-div.active:nth-child(2) img{top:0; opacity:1; transition-delay:0.6s}
.ceo-wrap .ceo-img .img-div.active:nth-child(1) .txt-div{top:65rem; opacity:1; transition-delay:0.5s;}
.ceo-wrap .ceo-img .img-div.active:nth-child(2) .txt-div{top:65rem; opacity:1; transition-delay:0.6s;}
.ceo-wrap .ceo-con.active .left{top:0; opacity:1;}
.ceo-wrap .ceo-con.active .right{top:0; opacity:1; transition-delay:0.15s;}

@media screen and (max-width: 1024px) {
	.ceo-wrap {margin-top:30rem;}
	.ceo-wrap .ceo-img .img-div:nth-child(1){background-size:100% 99%;}
	.ceo-wrap .ceo-img .img-div:nth-child(2){background-size:100% 99%;}
	.ceo-wrap .ceo-img .img-div:nth-child(1) img{width:267rem}
	.ceo-wrap .ceo-img .img-div:nth-child(2) img{width:280rem}
	.ceo-wrap .ceo-img .img-div .img {justify-content: center;}
	.ceo-wrap .ceo-img .txt-div{left:20rem;}
	.ceo-wrap .ceo-img .img-div.active:nth-child(1) .txt-div{top:35rem;}
	.ceo-wrap .ceo-img .img-div.active:nth-child(2) .txt-div{top:35rem;}
	.ceo-wrap .ceo-con{flex-wrap:wrap; margin-top:50rem;}
	.ceo-wrap .ceo-con .left{width:100%;}
	.ceo-wrap .ceo-con .left .blue-txt-w{margin-top:20rem;}
	.ceo-wrap .ceo-con .right{margin-top:50rem; width:100%;}
}

@media screen and (max-width: 600px) {
	.ceo-wrap {margin-top:0;}
	.ceo-wrap .ceo-img{flex-wrap:wrap;}
	.ceo-wrap .ceo-img .img-div{display:flex; flex-direction: column-reverse; margin-top:50rem; width:100%;}
	.ceo-wrap .ceo-img .img-div:nth-child(1){margin-top:50rem; background:url("/common/kr/images/icon-ceo-h-mob.png") no-repeat left bottom/100% auto}
	.ceo-wrap .ceo-img .img-div:nth-child(2){ background:url("/common/kr/images/icon-ceo-d-mob.png") no-repeat left bottom/100% auto}
	.ceo-wrap .ceo-img .img-div .txt-div{position:relative; left:0; top:var(--top); margin-bottom:20rem;}
	.ceo-wrap .ceo-img .img-div.active:nth-child(1) .txt-div{top:0;}
	.ceo-wrap .ceo-img .img-div.active:nth-child(2) .txt-div{top:0;}
}

/* HD Heritage - 역사 */
.content-wrap.history{margin:0 auto; padding-bottom:200rem; width:calc(100% - 520rem);}
.history-anchor-w{display:flex; align-items: center; position:fixed; right:-160rem; top:0; width:160rem; height:100vh; transition:right 0.4s ease; transition-delay: 0.1s;}
.history-anchor-w.active{right:0;}
.history-anchor-w .anchor-btn{display:block; padding:14rem 0; width:120rem; text-align: center; color:#707070; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; transition:all 0.4s ease;}
.history-anchor-w .anchor-btn:last-child{border-bottom:1px solid #e4e4e4;}
.history-anchor-w .anchor-btn.on{background:#003087; border-top:1px solid #003087; border-left:1px solid #003087; border-right:1px solid #003087; border-bottom:1px solid #003087}
.history-anchor-w .anchor-btn.on span{color:#fff; font-family: "Pretendard-Bold";}
.history-sec .info-sec{display:flex; justify-content: space-between; position: relative; z-index:2; padding:200rem 0; background:#fff;}
.history-sec .info-sec > p{position:relative; top:var(--top); width:calc((100% - 25rem) / 2); opacity:var(--opacity); transition:all 0.7s ease;}
.history-sec .info-sec.active > p{top:0; opacity:1;}
.history-sec .info-sec.active > p:nth-child(2){transition-delay:0.15s}
.history-sec .history-con{display:flex; justify-content: space-between; position:relative;}
.history-sec .history-con .left{position:relative; width:574rem; z-index:1;}
.history-sec .history-con .fixed-con{display:flex; flex-direction: column; justify-content: center; height:100vh; width:1400rem;}
.history-sec .history-con .fixed-con .fixed-inner{display:flex; flex-direction: column; justify-content: space-between;}
.history-sec .history-con .fixed-con .year{position:relative; top:-40rem; color:#003087; opacity:var(--opacity); transition:opacity 0.7s ease;}
.history-sec .history-con .fixed-con .f24{margin:-20rem 0 390rem; opacity:var(--opacity); transition:opacity 0.7s ease;}
.history-sec .history-con .fixed-con .year-wrap{max-width:574rem; min-height:103rem; opacity:var(--opacity); transition:opacity 0.7s ease;}
.history-sec .history-con .fixed-con .year-wrap .small-year{margin-bottom:10rem; color:#003087; font-family: "Pretendard-Bold";}
.history-sec .history-con .fixed-con.active .year{opacity:1;}
.history-sec .history-con .fixed-con.active .f24{opacity:1;}
.history-sec .history-con .fixed-con.active .year-wrap{opacity:1;}
.history-sec .history-con .motion-img{overflow:hidden; position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:100vw; height:100vh;}
.history-sec .history-con .motion-img .img-dimd{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6}
.history-sec .history-con .motion-img .img{width:100%; height:100%;}
.history-sec .history-con .motion-img .img img{width:100%; height:100%; object-fit: cover;}
.history-sec .history-con .motion-img .txt-div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:1; width:1400rem; transition:opacity 0.7s ease;}
.history-sec .history-con .motion-img .txt-div .year{position:relative; top:var(--top); color:#fff; font-family: "Pretendard-ExtraBold"; opacity:var(--opacity); transition:all 0.7s ease;}
.history-sec .history-con .motion-img .txt-div .f64{position:relative; top:var(--top); margin-top:20rem; color:#fff; opacity:var(--opacity); transition:all 0.7s ease;}
.history-sec .history-con .motion-img .txt-div.hide{opacity:0;}
.history-sec .history-con .motion-img .txt-div.active .year{top:0; opacity:1;}
.history-sec .history-con .motion-img .txt-div.active .f64{top:0; opacity:1; transition-delay:0.15s;}
.history-sec .history-con .right{width:574rem; opacity:var(--opacity); transition:opacity 0.7s ease;}
.history-sec .history-con .right.active{opacity:1;}
.history-sec .history-con .right .history-txt{padding:30rem; margin-top:30rem; width:100%; background:#f9f9f9; border-radius:12rem;}
.history-sec .history-con .right .history-txt:first-child{margin-top:0;}
.history-sec .history-con .right .history-txt .year{margin-bottom:10rem; color:#003087; font-family: "Pretendard-Bold";}
.history-sec .history-con .progress-bar{overflow:hidden; position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:2px; height:calc(100vh - 340rem); background:#e4e4e4; opacity:var(--opacity); transition:opacity 0.7s ease;}
.history-sec .history-con .progress-bar.active{opacity:1;}
.history-sec .history-con .progress-bar.absolute{position:absolute;}
.history-sec .history-con .progress-bar .bar{position:absolute; top:0; left:0; width:100%; height:100rem; background:#003087}

@media screen and (max-width: 1024px) {
  .content-wrap.history{padding-bottom:100rem; width:calc(100% - 40rem)}
	.history-sec .info-sec{flex-wrap:wrap; padding:100rem 0;}
	.history-sec .info-sec > p{width:100%;}
	.history-sec .info-sec.active > p:nth-child(2){margin-top:30rem;}
	.history-sec .history-con{flex-wrap:wrap;}
	.history-sec .history-con .left{margin-bottom:50rem; width:100%;}
	.history-sec .history-con .fixed-con{width:100%; height:auto;}
	.history-sec .history-con .fixed-con .year{position:relative; top:var(--top); transition:top 0.7s ease, opacity 0.7s ease;}
	.history-sec .history-con .fixed-con .f24{position:relative; top:var(--top); margin:10rem 0 30rem; transition:top 0.7s ease, opacity 0.7s ease;}
	.history-sec .history-con .motion-img{position:relative; left:0; top:var(--top); transform:translate(0,0); width:100%; height:350rem; border-radius:4rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
	.history-sec .history-con .motion-img .img-dimd{opacity:0.3 !important}
	.history-sec .history-con .fixed-con .year-wrap{position:relative; top:var(--top); margin-top:30rem; width:100%; min-height:auto; transition:top 0.7s ease, opacity 0.7s ease;}
	.history-sec .history-con .right{padding:0 0 0 20rem; width:100%;}
	.history-sec .history-con .progress-bar{position:absolute; left:0; transform:translateX(0)}
	.history-sec .history-con .progress-bar .bar{height:45rem;}
	.history-sec .history-con .right .history-txt{margin-top:10rem; padding:20rem;}
	.history-sec .history-con .fixed-con.active .year{top:0;}
	.history-sec .history-con .fixed-con.active .f24{top:0; transition-delay:0.15s}
	.history-sec .history-con .fixed-con.active .motion-img{top:0; opacity:1; transition-delay:0.3s}
	.history-sec .history-con .fixed-con.active .year-wrap{top:0; transition-delay:0.45s}
}

@media screen and (max-width: 600px) {
	.history-sec .history-con .motion-img{height:190rem;}
}

/* HD Heritage - 창업자 기념관 */
.content-wrap.celebration{margin:200rem auto 0; width:calc(100% - 520rem)}
.celebration .half-sec:not(:first-child){margin-top:200rem;}
.celebration .half-sec .f44{position:relative; top:var(--top); margin-bottom:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .half-sec .half-con{display:flex; justify-content: space-between;}
.celebration .half-sec .half-con > *{position:relative; top:var(--top); width:640rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .half-sec .half-con .img-div + .img-div{margin-top:30rem;}
.celebration .half-sec .half-con .img-div .img{overflow:hidden; width:100%; border-radius: 12rem;}
.celebration .half-sec .half-con .img-div img{width:100%;}
.celebration .half-sec .half-con .img-div .f24{margin-top:30rem;}
.celebration .half-sec .half-con .img-div .f14{position:relative; padding-left:18rem; margin-top:20rem; text-align: left;}
.celebration .half-sec .half-con .img-div .f14:before{display:block; content:"▲"; position:absolute; left:0; top:0;}
.celebration .half-sec .half-con .f44{top:0; margin-bottom:0; opacity:1;}
.celebration .half-sec .half-con .f36{color:#003087}
.celebration .half-sec .half-con .f28{position:relative; margin-top:50rem; padding-left:20rem;}
.celebration .half-sec .half-con .f28:before{display:block; content:"“"; position:absolute; top:0; left:0;}
.celebration .half-sec .half-con .f18{margin-top:50rem;}
.celebration .half-sec .half-con .year{margin-top:10rem; color:#003087; font-family: "Pretendard-Medium";}
.celebration .half-sec.full .half-con{flex-direction: column; row-gap: 50rem;}
.celebration .half-sec.full .half-con > *{width:100%; text-align: center;}
.celebration .half-sec.full .half-con > *.active{top:0; opacity:1;}
.celebration .half-sec.full .half-con .img-con{display:flex; column-gap: 16rem;}
.celebration .half-sec.full .half-con .img-div + .img-div{margin-top:0;}
.celebration .half-sec.full .half-con .img-div:nth-child(1) .img{width:803rem}
.celebration .half-sec.full .half-con .img-div:nth-child(2) .img{width:567rem}
.celebration .half-sec.full .half-con .f28:before{display:none;}
.celebration .half-sec.active .f44{top:0; opacity:1;}
.celebration .half-sec.active .half-con > *{top:0; opacity:1;}
.celebration .half-sec.active .half-con > *:nth-child(2){transition-delay:0.15s}
.celebration .blue-bg-sec{position:relative; margin-top:200rem; padding:142rem 0; text-align: center;}
.celebration .blue-bg-sec:after{display:block; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; z-index:-1; background:#003087}
.celebration .blue-bg-sec .f28{position:relative; top:var(--top); color:#fff; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .blue-bg-sec .f14{position:relative; top:var(--top); margin-top:50rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .blue-bg-sec .f14 span{display:inline-block; position:relative; padding:0 50rem; color:#fff;}
.celebration .blue-bg-sec .f14 span:before{display:block; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:30rem; height:1px; background:#fff;}
.celebration .blue-bg-sec .f14 span:after{display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:30rem; height:1px; background:#fff;}
.celebration .blue-bg-sec.active .f28{top:0; opacity:1;}
.celebration .blue-bg-sec.active .f14{top:0; opacity:1; transition-delay:0.15s;}
.celebration .gray-bg-sec{margin-top:200rem;}
.celebration .gray-bg-sec .gray-bg-wrap{display:flex; column-gap: 16rem; margin-top:30rem;}
.celebration .gray-bg-sec > .f36{position:relative; top:var(--top); color:#003087; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div{position:relative; top:var(--top); padding:60rem; width:calc((100% - 16rem) / 2); background:#f9f9f9; border-radius:12rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div .f36{color:#003087;}
.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div .f28{position:relative; margin-top:30rem; padding-left:20rem;}
.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div .f28:before{display:block; content:"“"; position:absolute; top:0; left:0;}
.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div .f18{margin-top:30rem;}
.celebration .gray-bg-sec .gray-bg-wrap:has(.img-div){align-items: flex-end; justify-content: space-between;}
.celebration .gray-bg-sec .gray-bg-wrap .img-div{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .gray-bg-sec .gray-bg-wrap > .img-div img{width:614rem;}
.celebration .gray-bg-sec.thr .gray-bg-wrap{display:grid; grid-template-columns:692rem 692rem; gap:16rem 16rem;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div{width:auto;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div:nth-child(1){grid-column: 1 / 2;grid-row: 1 / 2;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div:nth-child(2){grid-column: 2 / 3;grid-row: 1 / 3;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div:nth-child(3){grid-column: 1 / 2;grid-row: 2 / 3;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div .f28{margin-top:30rem;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div .f18{margin-top:30rem;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div .img{margin-top:30rem;}
.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div .img img{width:297rem;}
.celebration .gray-bg-sec.active > .f36{top:0; opacity:1;}
.celebration .gray-bg-sec.active .gray-bg-wrap .gray-bg-div{top:0; opacity:1;}
.celebration .gray-bg-sec.active .gray-bg-wrap .gray-bg-div:nth-child(1){transition-delay:0.15s}
.celebration .gray-bg-sec.active .gray-bg-wrap .gray-bg-div:nth-child(2){transition-delay:0.3s}
.celebration .gray-bg-sec.active .gray-bg-wrap .gray-bg-div:nth-child(3){transition-delay:0.45s}
.celebration .gray-bg-sec.active .gray-bg-wrap .img-div{top:0; opacity:1; transition-delay:0.15s;}
.celebration .founder-history-sec{margin-top:200rem;}
.celebration .founder-history-sec .f44{position:relative; top:var(--top); margin-bottom:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .founder-history-sec.active .f44{top:0; opacity:1;}
.celebration .founder-history-sec .founder-history-wrap{display:flex; justify-content: space-between; margin-top:60rem;}
.celebration .founder-history-sec .founder-history-wrap .year-wrap{display:flex; flex-direction: column; row-gap: 20rem;}
.celebration .founder-history-sec .founder-history-wrap .year-wrap .year{font-size:18rem; white-space: nowrap; font-family: "Pretendard-Medium"; transition:color 0.2s ease, font-size 0.2s ease;}
.celebration .founder-history-sec .founder-history-wrap .year-wrap .year.on{color:#003087; font-size:64rem; line-height:130%; font-family: "Pretendard-ExtraBold";}
.celebration .founder-history-sec .founder-history-wrap .right{padding-top:120rem; width:574rem;}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap:not(:first-child){padding-top:200rem;}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .f36{display:none;}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con{position:relative; top:var(--top); padding:30rem; margin-bottom:30rem; width:100%; background:#f9f9f9; border-radius:12rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con:last-child{margin-bottom:0;}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con .f18{margin-bottom:10rem; color:#003087; font-family: "Pretendard-Bold";}
.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con.active{top:0; opacity:1;}

@media screen and (max-width: 1024px) {
	.content-wrap.celebration{margin:50rem auto 0; width:calc(100% - 40rem);}
	.celebration .half-sec:not(:first-child){margin-top:100rem;}
	.celebration .half-sec .f44{margin-bottom:30rem;}
	.celebration .half-sec .half-con{flex-wrap:wrap;}
	.celebration .half-sec .half-con:has(.img-con:nth-child(2)){flex-direction: column-reverse;}
	.celebration .half-sec .half-con > *{width:100%;}
	.celebration .half-sec .half-con .img-con .img-div{width:100%;}
	.celebration .half-sec .half-con .img-con .img{overflow:hidden; position:relative; left:50%; transform:translateX(-50%); width:100vw; border-radius:0;}
	.celebration .half-sec .half-con .img-con .img img{transform:scale(1.015)}
	.celebration .half-sec .half-con .img-div .f14{margin-top:10rem;}
	.celebration .half-sec .half-con .txt-con{margin-top:30rem;}
	.celebration .half-sec .half-con .f28{padding-left:15rem; margin-top:20rem;}
	.celebration .half-sec .half-con .f18{margin-top:20rem;}
	.celebration .half-sec.full .half-con{row-gap: 30rem;}
	.celebration .half-sec.full .half-con .img-con{flex-wrap:wrap;}
	.celebration .half-sec.full .half-con .img-div:nth-child(2){margin-top:20rem;}
	.celebration .half-sec.full .half-con .img-div:nth-child(1) .img{width:100vw;}
	.celebration .half-sec.full .half-con .img-div:nth-child(2) .img{width:100%;}
	.celebration .half-sec.full .half-con .img-div:nth-child(2) .img img{transform:scale(1)}
	.celebration .half-sec.full .half-con .txt-con{margin-top:0;}
	.celebration .half-sec.active .half-con:has(.img-con:nth-child(2)) > *:nth-child(1){transition-delay:0.15s}
	.celebration .half-sec.active .half-con:has(.img-con:nth-child(2)) > *:nth-child(2){transition-delay:0s}
	.celebration .blue-bg-sec{margin-top:100rem; padding:60rem 30rem;}
	.celebration .blue-bg-sec .f14 span{padding:0 20rem;}
	.celebration .blue-bg-sec .f14 span:before,
	.celebration .blue-bg-sec .f14 span:after{width:10rem;}
	.celebration .gray-bg-sec{margin-top:100rem;}
	.celebration .gray-bg-sec .gray-bg-wrap{flex-direction: column; column-gap: 0; row-gap: 20rem; margin-top:20rem;}
	.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div{padding:20rem; width:100%;}
	.celebration .gray-bg-sec .gray-bg-wrap .gray-bg-div .f32{margin-bottom:20rem;}
	.celebration .gray-bg-sec .gray-bg-wrap > .img-div img{width:100%;}
	.celebration .gray-bg-sec.thr .gray-bg-wrap{display:flex;}
	.celebration .gray-bg-sec.thr .gray-bg-wrap .gray-bg-div .img img{width:197rem;}

	.celebration .founder-history-sec{margin-top:100rem;}
	.celebration .founder-history-sec .f44{margin-bottom:0;}
	.celebration .founder-history-sec .founder-history-wrap{flex-wrap:wrap; margin-top:0;}
	.celebration .founder-history-sec .founder-history-wrap .left .year-wrap{display:none;}
	.celebration .founder-history-sec .founder-history-wrap .right{padding-top:0; width:100%;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .f36{display:block; position:relative; top:var(--top); margin-bottom:20rem; color:#003087; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .f36.active{top:0; opacity:1;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap{margin-top:40rem;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap:not(:first-child){padding-top:0;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con{padding:20rem; margin-bottom:10rem;}
	.celebration .founder-history-sec .founder-history-wrap .right .year-con-wrap .year-con .f18{margin-bottom:5rem;}
}

/* Sustainability 공통 */
#subBody:has(.sustainability){padding-bottom:0;}
.content-wrap.sustainability{margin:0 auto; padding:200rem 260rem; width:100%; background:#fff;}
.content-wrap.sustainability section:has(.half-reverse-wrap) {position:relative;}
.content-wrap.sustainability section > .f44{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.content-wrap.sustainability section.active > .f44{top:0; opacity:1;}
.content-wrap.sustainability section .half-reverse-wrap{position:relative; z-index:1;}
.content-wrap.sustainability section .rolling-wrap{bottom:-130rem;}

@media screen and (max-width: 1024px) {
	.content-wrap.sustainability{padding:100rem 20rem; width:100%;}
	.content-wrap.sustainability section:has(.half-reverse-wrap) {padding-bottom:140rem;}
	.content-wrap.sustainability section .rolling-wrap{bottom:0;}
}

/* ESG Overview */
.esg-overview-wrap .governance-sec{margin-top:430rem;}
.esg-overview-wrap .governance-sec .img{position:relative; top:var(--top); margin-top:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.esg-overview-wrap .governance-sec img{width:100%;}
.esg-overview-wrap .governance-sec.active .img{top:0; opacity:1; transition-delay:0.15s}

@media screen and (max-width: 1024px) {
	.esg-overview-wrap .governance-sec{margin-top:100rem;}
	.esg-overview-wrap .governance-sec .img{overflow-x:auto; margin-top:30rem;}
	.esg-overview-wrap .governance-sec .img img{width:1000rem;}
}

/* 통합보고서 */
.integrate-report-wrap .report-wrap{display:flex; gap:100rem 16rem; flex-wrap:wrap; margin-top:100rem;}
.integrate-report-wrap .report-wrap .report-div{position:relative; top:var(--top); width:calc((100% - 32rem) / 3); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.integrate-report-wrap .report-wrap .report-div .img{display:flex; align-items: center; justify-content: center; height:380rem; background:#f4f4f4;}
.integrate-report-wrap .report-wrap .report-div .img img{width:200rem; box-shadow: 0 20rem 20rem 0 rgba(0,0,0,0.05);}
.integrate-report-wrap .report-wrap .report-div .img.wide img{width:300rem;}
.integrate-report-wrap .report-wrap .report-div .f20{margin-top:20rem; text-align: center;}
.integrate-report-wrap .report-wrap .report-div .pdf-view{margin-top:12rem; text-align: center;}
.integrate-report-wrap .report-wrap .report-div .pdf-view > a{padding-left:22rem; background:url("/common/kr/images/icon-pdf-view.svg") no-repeat left center;}
.integrate-report-wrap .report-wrap .report-div.active{top:0; opacity:1;}
.integrate-report-wrap .report-wrap .report-div.active:nth-child(3n){transition-delay:0.3s}
.integrate-report-wrap .report-wrap .report-div.active:nth-child(3n-1){transition-delay:0.15s}

@media screen and (max-width: 1024px) {
	.integrate-report-wrap .report-wrap{gap:50rem 16rem; margin-top:30rem;}
	.integrate-report-wrap .report-wrap .report-div{width:calc((100% - 16rem) / 2)}
	.integrate-report-wrap .report-wrap .report-div .img{height:300rem;}
	.integrate-report-wrap .report-wrap .report-div .f20{margin-top:10rem;}
	.integrate-report-wrap .report-wrap .report-div .pdf-view{margin-top:7rem;}
	.integrate-report-wrap .report-wrap .report-div .img.wide img{width:200rem;}
	.integrate-report-wrap .report-wrap .report-div .img img{width:150rem;}
	.integrate-report-wrap .report-wrap .report-div.active:nth-child(3n){transition-delay:0}
	.integrate-report-wrap .report-wrap .report-div.active:nth-child(3n-1){transition-delay:0}
	.integrate-report-wrap .report-wrap .report-div.active:nth-child(2n){transition-delay:0.15s}
}

@media screen and (max-width: 600px) {
	.integrate-report-wrap .report-wrap{gap:50rem 0;}
	.integrate-report-wrap .report-wrap .report-div{width:100%}
	.integrate-report-wrap .report-wrap .report-div .img{height:250rem;}
	.integrate-report-wrap .report-wrap .report-div.active:nth-child(2n){transition-delay:0s}
}

/* 사보 2024-07-23 */
.integrate-report-wrap.newsletter .report-wrap .report-div .img img{width:230rem;}
.integrate-report-wrap.newsletter .report-wrap .report-div .pdf-view.f20{display: flex; justify-content: space-evenly; margin-top: 20rem; font-size: 16rem;} /* 2025-04-11 */

@media screen and (max-width: 1024px) {
	.integrate-report-wrap.newsletter{padding-top: 70rem;}
	.integrate-report-wrap.newsletter .report-wrap .report-div .img img{width:160rem;}
	.integrate-report-wrap.newsletter .report-wrap .report-div .pdf-view.f20{margin-top: 10rem;}
}

/* 윤리경영 */
.content-wrap.sustainability:has(.ethical-manage-wrap){padding-bottom:0}
.ethical-manage-wrap .pursuit-value-sec{height:660vh; padding-bottom:200rem;}
.ethical-manage-wrap .pursuit-value-sec .fold-fixed-con{height:100vh;}
.ethical-manage-wrap .pursuit-value-sec .tit-wrap{display:flex;}
.ethical-manage-wrap .pursuit-value-sec .tit-wrap > *{width:50%;}
.ethical-manage-wrap .pursuit-value-sec .tit-wrap .f44{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.ethical-manage-wrap .pursuit-value-sec .tit-wrap .f16{position:relative; top:var(--top); opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease;}
.ethical-manage-wrap .pursuit-value-sec .fold-area{display:flex; gap:0 5rem; padding-top:100rem;}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold{overflow:hidden; position:relative; height:400rem; width:80rem; border-radius:24rem; transition:width 0.6s ease;;}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold .img{width:100%; height:100%;}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold .img img{width:100%; height:100%; object-fit: cover;}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold .txt{position:absolute; top:55%; left:100rem; transform:translateY(-50%); color:#fff; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease; visibility: hidden}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold .txt .f18{margin-top:10rem; font-family: "Pretendard-Bold";}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold.active{width:975rem;}
.ethical-manage-wrap .pursuit-value-sec .fold-area .fold.active .txt{top:50%; opacity:1; visibility: visible;}
.ethical-manage-wrap .pursuit-value-sec.active .tit-wrap .f44{top:0; opacity:1;}
.ethical-manage-wrap .pursuit-value-sec.active .tit-wrap .f16{top:0; opacity:1; transition-delay:0.15s;}
.ethical-manage-wrap .propulsion-sec{position:relative; padding:200rem 0;}
.ethical-manage-wrap .propulsion-sec:after{display:block; content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:100vw; height:100%; background:#f4f4f4;}
.ethical-manage-wrap .propulsion-sec .f44{z-index:1;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap{position:relative; top:var(--top); margin-top:60rem; opacity:var(--opacity); transition:top 0.7s ease, opacity 0.7s ease; z-index:1;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap:after{display:block; content:""; position:absolute; left:169rem; top:50%; transform:translateY(-50%); width:768rem; height:79rem; background:url("/common/kr/images/icon-materialization-arrow-green-long.svg") no-repeat center center/cover;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info{display:flex; column-gap: 10rem; align-items: center;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2){margin-top:100rem;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .system{display:flex; justify-content: center; align-items: center; padding:0 73rem; width:338rem; height:368rem; color:#fff; border-radius:12rem;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(1) .system{background:#008233}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2) .system{background:#003087}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .system .f20{font-family: "Pretendard-Bold";}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .system .f16{margin-top:5rem;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .arrow-txt{width:114rem; padding-top:21rem; text-align: center;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(1) .arrow-txt{color:#008233; background:url("/common/kr/images/icon-materialization-arrow-green.svg") no-repeat center top/100% auto;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2) .arrow-txt{color:#003087; background:url("/common/kr/images/icon-materialization-arrow-blue.svg") no-repeat center top/100% auto;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap{display:flex; flex-wrap:wrap; gap:16rem 16rem; width:929rem;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info{padding:40rem 50rem; width:calc((100% - 16rem) / 2); background:#fff; border-radius:12rem;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info.full{padding:60rem 50rem; width:100%;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info .f20{font-family: "Pretendard-Bold";}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info .f16{margin-top:5rem; color:#707070;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(1) .info-wrap .info .f20{color:#008233;}
.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2) .info-wrap .info .f20{color:#003087;}
.ethical-manage-wrap .propulsion-sec.active .system-info-wrap{top:0; opacity:1; transition-delay:0.15s}

@media screen and (max-width: 1024px) {
	.ethical-manage-wrap .pursuit-value-sec{height:auto; padding-bottom:100rem;}
	.ethical-manage-wrap .pursuit-value-sec .fold-fixed-con{height:auto;}
	.ethical-manage-wrap .pursuit-value-sec .tit-wrap{flex-wrap:wrap; row-gap: 30rem;}
	.ethical-manage-wrap .pursuit-value-sec .tit-wrap > *{width:100%;}
	.ethical-manage-wrap .pursuit-value-sec .fold-wrap{height:auto;}
	.ethical-manage-wrap .pursuit-value-sec .fold-area{flex-direction: column; gap:5rem 0; padding-top:50rem;}
	.ethical-manage-wrap .pursuit-value-sec .fold-area .fold{top:var(--top); width:100%; height:300rem; transition:top 0.7s ease, opacity 0.6s ease; opacity:var(--opacity);}
	.ethical-manage-wrap .pursuit-value-sec .fold-area .fold.active{top:0; opacity:1; width:100%; height:300rem;}
	.ethical-manage-wrap .pursuit-value-sec .fold-area .fold .txt{left:50rem;}
	
	.ethical-manage-wrap .propulsion-sec{padding:100rem 0;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap{margin-top:20rem;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap:after{left:50%; transform:translate(-65%, -145%); width:16rem; height:31rem; background:url("/common/kr/images/icon-materialization-arrow-green-mo.svg") no-repeat left top/auto 100%;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info{flex-wrap:wrap; column-gap: 0; row-gap: 20rem; justify-content: center;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2){margin-top:70rem;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .system{padding:40rem; width:100%; height:auto; text-align: center;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .arrow-txt{display:flex; align-items: center; margin-left:31rem; padding:0 0 0 20rem; width:auto; height:30rem;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(1) .arrow-txt{background:url("/common/kr/images/icon-materialization-arrow-green-mo.svg") no-repeat left top/auto 100%;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2) .arrow-txt{background:url("/common/kr/images/icon-materialization-arrow-blue-mo.svg") no-repeat left top/auto 100%;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap{gap:10rem;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info:nth-child(2) .info-wrap .info{display:flex; align-items: center; justify-content: center; padding:30rem; text-align: center;}
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info,
	.ethical-manage-wrap .propulsion-sec .system-info-wrap .system-info .info-wrap .info.full{padding:20rem;}
}

@media screen and (max-width: 600px) {
	.ethical-manage-wrap .propulsion-sec .system-info-wrap:after{transform:translate(-65%, -175%)}
}

/* 사회공헌 */
.social-wrap .important-sec{margin-top:430rem;}

@media screen and (max-width: 1024px) {
	.social-wrap .important-sec{margin-top:100rem;}
}