@charset "utf-8";

:has(.fect) header h1 a { background: url('/images/common/logo_w.svg') no-repeat center/contain; }
:has(.fect) header.rolled h1 a { background: url('/images/common/logo_b.svg') no-repeat center/contain; }
:has(.fect-01) header h1 a { background: url('/images/common/logo_b.svg') no-repeat center/contain; }
:has(.blog) header h1 a { width: 12rem; background: url('/images/common/logo_blog.svg') no-repeat center/contain; }
:has(.policy) header h1 a { background: url('/images/common/logo_b.svg') no-repeat center/contain; }

main { min-height: 60vh; overflow: hidden; }

.h3-wrap + .description { margin: 2.5rem auto 6rem; font-size: var(--font-size-4); font-weight: 300; color:var(--sub-black) }

.hover-icon { z-index: 1; position: relative; width: 7rem; aspect-ratio: 1/1; border-radius: 16px; background: linear-gradient(180deg, rgba(21, 94, 239, 0.036) 0%, rgba(21, 94, 239, 0.18) 100%); border: 1px solid #155EEF4D; box-shadow: 0px 3.18px 3.18px 0px #FFFFFF40 inset; overflow: hidden; }
.hover-icon img { transition: .4s; }
.hover-icon::after { z-index: -1; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); box-shadow: 0px 3.18px 3.18px 0px #FFFFFF40 inset; opacity: 0; transition: .4s; }
.hover-icon:hover::after { opacity: 1; }
.hover-icon:hover img { filter: saturate(0) brightness(10); }

/* Sub-visual */
.sub-visual { z-index: 1; position: relative; width: 100%; height:107.2rem; padding-top: 23rem; color:white; text-align: center; }
.sub-visual .sub-visual-bg { z-index: -1; position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.05); transition: .6s ease-out; }
.sub-visual .sub-visual-bg.aos-animate { transform: scale(1); }
.sub-visual .visual-wrap { height:100%; text-align: center; }
.sub-visual .inner { height:100%; max-width: 1232px; }

.sub-visual .visual-text-wrap p:nth-child(1) { display: inline-block; font-size: var(--font-size-3); font-weight: 600; }
.sub-visual .visual-text-wrap h2 { padding:1.5rem 0 3.5rem; font-size: 9rem; font-weight: 500; line-height: 1.1; }
.sub-visual .visual-text-wrap p:nth-child(3) { margin:0 auto; font-size: var(--font-size-4); font-weight: 300; line-height: 1.3; letter-spacing: 0; }

.sub-visual .visual-btn-wrap { display: flex; justify-content: center; gap:1.5rem; margin-top: 7rem; }
.sub-visual .visual-btn-wrap .btn-link { font-size: 1.8rem; }
.sub-visual .visual-btn-wrap .btn-link:nth-child(1) { background: #FFFFFF33; backdrop-filter: blur(10px); }
.sub-visual .visual-btn-wrap .btn-link:nth-child(1) .trans-x-box > span::after { color:white; }
.sub-visual .visual-btn-wrap .btn-link:nth-child(1)::after { filter: saturate(0) brightness(10); }
.sub-visual .visual-btn-wrap .btn-link:nth-child(1)::before { content: ''; z-index: -1; position: absolute; left:0; top:0; width: 100%; height: 100%; background: var(--gradient-color); opacity: 0; transition: .5s ease-in-out; }
.sub-visual .visual-btn-wrap .btn-link:nth-child(1):hover::before { opacity: 1; }
.sub-visual .visual-btn-wrap .btn-link:nth-child(2) { background: white; color:var(--main-black); }
.sub-visual .visual-btn-wrap .btn-link:nth-child(2) .trans-x-box > span::after { color:white; }
.sub-visual .visual-btn-wrap .btn-link:nth-child(2):hover { background: var(--main-black); }
.sub-visual .visual-btn-wrap .btn-link:nth-child(2):hover::after { filter: saturate(0) brightness(10); }

.sub-visual .visual-img-wrap { margin-top: 7.4rem; border-radius: 2rem; box-shadow: 0px 23.58px 47.16px -11.79px #191A1B2E; overflow: hidden; }

.h2-wrap { margin-bottom: 7rem; text-align: center; }
.h2-wrap span { display: inline-block; margin-bottom: 1.5rem; color:transparent; background: linear-gradient(270deg, #2666E7 0%, #C360D9 147.4%); background-clip: text; -webkit-background-clip: text; font-size: var(--font-size-3); font-weight: 600; text-transform: capitalize; }
.h2-wrap h2 { font-size: 9rem; font-weight: 600; line-height: 1.1; }
.h2-wrap .description { margin-top: 3.5rem; font-size: var(--font-size-4); }

.sub-visual-a { position: relative; padding: 21.8rem 0 0; overflow: hidden; }
.sub-visual-a::before { content: ''; z-index: -1; position: absolute; inset: 0; height: 100vh; background: linear-gradient(270deg, #E4ECFE 0%, #FBFCFF 100%); }
.sub-visual-a::after { content: ''; z-index: -1; position: absolute; left:50%; top:10vh; transform: translateX(-50%) scale(.5); height: 90vh; aspect-ratio: 1/1; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); opacity: 0.05; transition: .8s ease-out; }
.sub-visual-a:has(.aos-animate)::after { transform: translateX(-50%) scale(1); opacity: .15; }

.pin-gauge { position: absolute; aspect-ratio: 52/50; transform: translate(50%,-50%); }
.pin-gauge span { position: absolute; width: 100%; left:50%; top:50%; transform: translate(-50%,-50%) scale(0); aspect-ratio: 52/50; border-radius: 50%; background: #155EEF14; animation: gauging 4s ease-in-out infinite; }
.pin-gauge span:nth-child(2) { animation-delay: 1s; }
.pin-gauge span:nth-child(3) { animation-delay: 2s; }

@keyframes gauging {
	0% { transform: translate(-50%,-50%) scale(0); }
	80% { opacity: 1; }
	100% { transform: translate(-50%,-50%) scale(1); opacity: 0; }
}

@media screen and (max-width:1200px){ 
	.sub-visual-a { padding: 20rem 0 0; }
	.hover-icon { width: 50px; border-radius: 12px; }
}
@media screen and (max-width:768px){ 
	.sub-visual-a { padding: 125px 0 0; }
	.sub-visual-a::before { height: 60vh; }

	.h3-wrap + .description { margin: 20px auto 40px; }

	.h2-wrap { margin-bottom: 30px; }
	.h2-wrap h2 { font-size: 42px; }
	.h2-wrap span { margin-bottom: 10px; }
	.h2-wrap .description { margin: 20px auto 50px; }

	.hover-icon { width: 44px; border-radius: 10px; }
}


/* Company */ 
.company-01 .sub-visual-a::before { height: 80%; }
.company-02 .sub-visual-a::before { height: 100%; }
.company-03 .sub-visual-a { padding-bottom: 17rem; }
.company-03 .sub-visual-a::before { height: 100%; }
.company-03 .h2-wrap { margin-bottom: 0; }
.company-03 .description { margin-bottom: 0; }
.company .visual-imgs { position: relative; }
	.company-01 .visual-imgs { aspect-ratio: 1520/551; }
	.company-01 .visual-imgs div:nth-child(1) { position: absolute; left:0; top:0; border-radius: 25px; width: 67%; overflow: hidden; }
	.company-01 .visual-imgs div:nth-child(2) { position: absolute; right:0; bottom:0; border-radius: 25px; width: 38%; overflow: hidden; }
	.company-02 .visual-imgs { aspect-ratio: 152/48; }
	.company-02 .visual-imgs > div { position: absolute; inset: 0; }
	.company-02 .visual-imgs > div:nth-child(2) { position: absolute; inset: auto; height: 100%; right:0; bottom:0; width: 0; overflow: hidden; transition: 1.4s ease-in; transition-delay: .6s; }
	.company-02 .visual-imgs > div:nth-child(2) img { height: 100%; object-fit: cover; object-position: right; }
	.company-02 .visual-imgs > div:nth-child(2).aos-init { width: 100%; }
	.company-02 .visual-imgs .pin-gauge:nth-child(1) { right:20%; top:67%; width: 11.8rem; }
	.company-02 .visual-imgs .pin-gauge:nth-child(2) { right:28%; top:72%; width: 11.8rem; }

.hero-section { padding: 16rem 0 17rem; text-align: center; }
.hero-section .inner { max-width: 1060px; }
.hero-section .h3-wrap { margin: 0 auto; }
.hero-section .h3-wrap h3 { color:#DDDDDD; }
.hero-section .hero-tags ul { width: fit-content; display: flex; gap: 2rem; margin: 3rem auto 10rem; } 
.hero-section .hero-tags li { display: flex; justify-content: center; gap:6px; padding: 1.5rem 2.4rem; border-radius: 5rem; font-weight: 500; font-size: var(--font-size-3); text-transform: capitalize; box-shadow: 0px 3.18px 3.18px 0px #FFFFFF40 inset;} 
.hero-section .hero-tags li:nth-child(1) { background: #EEF5FF; color:var(--key-color) }
.hero-section .hero-tags li:nth-child(2) { background: #F5F2FF; color:#9462DD; }
.hero-section .hero-tags li:nth-child(3) { background: #209FD91A; color:#209FD9; }
.hero-section .impact-list { text-align: left; }
.hero-section .impact-list li { width: 100%; padding-right: 0; }
.hero-section .impact-list li:last-child { flex:auto; width: 40rem; flex-shrink: 0; }
.hero-section .impact-list li .impact-number { color:var(--main-black); }
.hero-section .impact-list li .impact-number { font-size: 14rem; }

.redefining-section { position: relative; }
.redefining-section::before { z-index: -1; content: ''; position: absolute; inset: 0; background: radial-gradient(50% 50% at 50% 50%, #293D95 0%, #101B35 100%); opacity: 0; transition: .4s; }
.redefining-section .inner::before { content: ''; position: absolute; right:-5%; top:-22rem; width: 20rem; aspect-ratio: 200/255; background: url('/images/main/main_deco_1.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.redefining-section .h3-wrap b { -webkit-background-clip: text; background-clip: text; color: var(--main-black); background-image: linear-gradient(103.93deg, #46C3FE 8.68%, #9A41FF 94.32%); transition: .4s; font-weight: 500; }
.redefining-section .list-img .re { z-index: 5; position: relative; }
body:has(.redefining-section) { transition: background .4s; }
.dark-background { background:#101B35; color:white; }
.dark-background .redefining-section { background: transparent; }
.dark-background .redefining-section::before { opacity: 1; }
.dark-background .redefining-section .h3-wrap { color:white; }
.dark-background .redefining-section .h3-wrap + .description { color:white; }
.dark-background .redefining-section .h3-wrap b { color: transparent; }
.dark-background .hero-section .impact-list li .impact-number { color:white; }
	.company-01 #redefining-img-1-1 { animation: float2 3s ease-in-out infinite; }
	.company-01 #redefining-img-1-2-6 { left:16%; top:60%; }
	.company-01 #redefining-img-1-2-6 div { display: flex; gap:2px 3px; font-size: max(.7vw, 7px); color:#475467; }
	.company-01 #redefining-img-1-2-6 * { line-height: 1.8; }
	.company-01 #redefining-img-1-2 { font-size: max(.8vw, 9px) !important; font-weight: 600; color:var(--key-color) !important; }
	.company-01 #redefining-img-3-3 { inset: 0; }
	.company-01 #redefining-img-3-2 { width: 100%; height: 100%; }
	.company-01 #redefining-img-3-2 .pin-gauge { width: max(3.5vw, 30px); }
	.company-01 #redefining-img-3-2 .pin-gauge:nth-child(1) { right:34.8%; top:59%; }
	.company-01 #redefining-img-3-2 .pin-gauge:nth-child(2) { right:25.5%; top:53%; }
	.company-01 #redefining-img-3-1 { height:100%; left:auto; right:0; overflow: hidden; }
	.company-01 #redefining-img-3-1 img { height: 100%; object-fit: cover; object-position: right; }
	.company-01 #redefining-img-4-4 { width: 5.5%; top:80%; left:60%; rotate: -13deg; }
	.company-01 #redefining-img-4-4 img { max-width: none; }

.vision-section { padding: 17rem 0; text-align: center; } 
.vision-section .card-list ul { display: flex; gap: 2.7rem; margin-top: 6rem; text-align: left; } 
.vision-section .card-list li { z-index: 1; position: relative; flex:1; padding: 5.5rem 4.5rem 6.3rem; border-radius: 2.5rem; background: white; border: 1px solid #E8E8E8; overflow: hidden; transition: .4s; }
.vision-section .card-list li::before { z-index: -1; content: ''; display: block; position: absolute; inset: 0; background: linear-gradient(334.27deg, #FFFFFF 0.6%, #E4ECFE 86.7%); opacity: 0; transition: .4s; }
.vision-section .card-list dt { margin-top: 4.5rem; margin-bottom: 1.5rem; font-size: var(--font-size-3); font-weight: 600; } 
.vision-section .card-list dd { color: var(--sub-black); font-size: var(--font-size-5); } 
.vision-section .card-list li:hover { border-color: transparent; }
.vision-section .card-list li:hover::before { opacity: 1; } 
.vision-section .card-list li:hover .hover-icon::after { opacity: 1; }
.vision-section .card-list li:hover .hover-icon img { filter: saturate(0) brightness(10); }

.section-label { color: #2196F3; font-weight: 600; font-size: 0.9rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; } 

.partners-section { text-align: center; padding: 17rem 0; background: #F6F7F9; } 
.partners-section .inner::before { content: ''; position: absolute; left:-5%; top:-24rem; width: 16.4rem; aspect-ratio: 164/170; background: url('/images/main/main_deco_2.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.partners-section .description { margin: 2.5rem auto 4rem; }
.partner-groups .partner-group { height: 13rem; display: flex; align-items: center; }
.partner-groups .partner-group:nth-child(2) { border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.partner-groups .partner-header { flex-shrink: 0; display: flex; gap: 2.8rem; width: 43rem; padding-left: 2rem; text-align: left; } 
.partner-groups .partner-header .partner-number { font-size: var(--font-size-4); font-weight: 300; }
.partner-groups .partner-header .partner-title { font-size: var(--font-size-2); font-weight: 300; transition: .4s; }
.partner-groups .partner-logo { position: relative; overflow: hidden; }
.partner-groups .partner-logo::before { z-index: 1; content: ''; position: absolute; left:50%; bottom:0; transform: translateX(-50%); width:102%; height: 100%; background: linear-gradient(90deg, #F6F7F9 2%, #F6F7F900 10%, #F6F7F900 90%, #F6F7F9 98%); pointer-events: none; }
.partner-groups .logo-marquee { width: max-content; display: flex; animation: scroll 10s linear infinite; animation-play-state: paused; }
.partner-groups .logo-marquee ul { flex-shrink: 0; display: flex; opacity: .1; transition: .4s; }
.partner-groups .logo-marquee li { flex-shrink: 0; display: flex; align-items: center; justify-content: center; height: 5rem; padding: 0 5rem; }
.partner-groups .logo-marquee li img { height: 100%; object-fit: contain; } 
.partner-groups .partner-group:first-child .partner-title { font-weight: 500; }
.partner-groups .partner-group:first-child ul { opacity: 1; }
.partner-groups .partner-group:first-child .logo-marquee { animation-play-state: running; }
.partner-groups .partner-group:hover .partner-title { font-weight: 500; }
.partner-groups .partner-group:hover ul { opacity: 1; }
.partner-groups .partner-group:hover .logo-marquee { animation-play-state: running; }
.partner-groups:has(.partner-group:hover:not(:first-child)) .partner-group:first-child .partner-title { font-weight: 400; }
.partner-groups:has(.partner-group:hover:not(:first-child)) .partner-group:first-child ul { opacity: 0.1; }
.partner-groups:has(.partner-group:hover:not(:first-child)) .partner-group:first-child .logo-marquee { animation-play-state: paused; }

.core-section { padding: 17rem 0; text-align: center; }
.core-section li { z-index: 1; position: relative; transition: .4s; }
.core-section li::before { content: ''; z-index: -1; position: absolute; inset: 0; background: linear-gradient(270deg, #293D95 0%, #101B35 100%); opacity: 0; transition: .4s; }
.core-section li a { display: flex; align-items: center; height: 13.3rem; padding: 0 6rem 0 0; border-bottom:1px solid #DDDDDD; }
.core-section .core-header { flex-shrink: 0; display: flex; gap: 2.8rem; width: 43rem; padding-left: 2rem; }
.core-section .core-header .core-number { font-size: var(--font-size-4); font-weight: 300; }
.core-section .core-header .core-title { font-size: var(--font-size-2); font-weight: 300; }
.core-section .core-text { flex:1; font-size: var(--font-size-5); color:var(--sub-black); text-align: right; transition: .4s; }
.core-section .core-img { position: absolute; left:44%; top:50%; width: 36.9rem; aspect-ratio: 369/290; border-radius: 12px; overflow: hidden; transition: .5s; transform: translate(-50%,-50%) rotate(-15deg) scale(0.5); opacity: 0; }
.core-section li:nth-child(odd) .core-img { transform: translate(-50%,-50%) rotate(15deg) scale(0.5); }
.core-section li:hover { color:white; }
.core-section li:hover::before { opacity: 1; }
.core-section li:hover .core-header .core-title { font-weight: 500; }
.core-section li:hover .core-text { color:white; }
.core-section li:hover .core-img { transform: translate(-50%,-50%) rotate(10deg) scale(1); opacity: 1; }
.core-section li:nth-child(odd):hover .core-img { transform: translate(-50%,-50%) rotate(-10deg) scale(1); opacity: 1; }

.location-section { padding: 17rem 0; background: #F6F7F9; }
.location-section .h3-wrap { text-align: center; }
.location-section .location-content { display: flex; align-items: center; gap:6.3rem; padding: 2.8rem; margin-top: 6rem; background: white; border-radius: 3rem; box-shadow: 0px 4px 22px 0px #11314B0F; }
.location-section .location-content .location-map { flex:1; height: -webkit-fill-available; border-radius: 3rem; overflow: hidden; }
.location-section .location-content .location-map iframe { width: 100%; height: 100%; }
.location-section .location-content .location-info { width: 58rem; flex-shrink: 0; padding: 4.5rem 0; }
.location-section .location-logo { width: 29.8rem; margin-bottom: 1.3rem; }
.location-section .location-logo img { max-width: none; }
.location-section .location-info dl { padding: 2rem 0; }
.location-section .location-info dl:nth-child(3) { border-top: 1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.location-section .location-info dt { margin-bottom: 8px; font-weight: 600; font-size: var(--font-size-4); text-transform: uppercase; }
.location-section .location-info dd { font-size: var(--font-size-5); color:var(--sub-black); }


.journey-section { padding: 17rem 0; }
.journey-section .inner { max-width: 1480px; }
.journey-section .h3-wrap { text-align: center; }
.journey-timeline { position: relative; }
.journey-timeline .journey-line { position: absolute; left: 50%; top:0; width: 1.5px; height: 100%; background: #DDDDDD; }
.journey-timeline .journey-line span { position: relative; display: block; width: 100%; height: 0; background: var(--key-color); }
.journey-timeline .journey-line span::before { content: ''; display: block; width: 2.6rem; aspect-ratio: 1/1; position: absolute; left:50%; bottom:0; transform: translate(-50%, 50%); background: var(--key-color); border-radius: 5rem; opacity: .2; }
.journey-timeline .journey-line span::after { content: ''; display: block; width: 1.2rem; aspect-ratio: 1/1; position: absolute; left:50%; bottom:0; transform: translate(-50%, 50%); background: var(--key-color); border-radius: 5rem; }
.journey-timeline > ul { display: flex; flex-direction: column; gap:14rem; margin-top: 9rem; }
.journey-timeline .timeline-content { display: flex; gap:12.6rem; }
.journey-timeline > ul > li:nth-child(even) .timeline-content { flex-direction: row-reverse; }
.journey-timeline .timeline-content > div { flex:1; }
.journey-timeline .timeline-image { height: fit-content; aspect-ratio: 671/544; border-radius: 3rem; overflow: hidden; }
.journey-timeline .timeline-image img { max-width: none; height: 100%; object-fit: cover; }
.journey-timeline .timeline-details { padding-top: 2.2rem; }
.journey-timeline .timeline-details .year { font-size: 11.2rem; font-weight: 600; }
.journey-timeline .timeline-details .subtitle { margin-top: 3px; font-size: var(--font-size-4); font-weight: 600; text-transform: capitalize; }
.journey-timeline .milestone-list { max-width: 57.8rem; margin-top: 3.2rem; }
.journey-timeline .milestone-list li { position: relative; padding: 1.2rem 0; padding-left: 3.5rem; border-bottom: 1px solid #DDDDDD; font-size: var(--font-size-5); font-weight: 300; color:var(--sub-black); }
.journey-timeline .milestone-list li .month { position: absolute; left: 0; font-weight: 600; }
.journey-timeline .milestone-list li:last-child { border-bottom: none; }

@keyframes float2 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-5px); }
	100% { transform: translateY(0px); }
}

@media screen and (max-width:1500px){
	.journey-timeline .timeline-details .year { font-size: 9rem; }
	.core-section li a {padding: 0 3rem 0 0;}
	.core-section .core-img {left: 42%; width: 21.9rem;}
}
@media screen and (max-width:1200px){
	.hero-section .impact-list li .impact-number { font-size: 8rem; }
	.hero-section .impact-list li:last-child { width: 100%; }
	
	.vision-section .card-list ul { gap:18px; }
	.vision-section .card-list li { padding: 4rem 3.5rem 5.5rem; border-radius: 20px; }
	
	.partner-groups .partner-header { width: 35rem; gap:2rem; padding-left: 1rem; }
	.partner-groups .logo-marquee li { padding: 0 3rem; }
	
	.core-section li a { padding-right: 4rem; }
	.core-section .core-img {display: none; width: 30rem; }
	.core-section .core-header { width: 35rem; gap:2rem; padding-left: 1rem; }
	
	.location-section .location-logo { width: 24rem; }
	.location-section .location-content { gap:4rem; padding: 2rem; }
	.location-section .location-content .location-info { width: 50rem; }
	
	.company-02 .visual-imgs .pin-gauge:nth-child(1) { width: 60px; }
	.company-02 .visual-imgs .pin-gauge:nth-child(2) { width: 60px; }

	.journey-timeline .timeline-details .year { font-size: 8rem; }
	.journey-timeline .timeline-content { gap:7rem; }
}

@media screen and (max-width:768px){
	.company-01 .visual-imgs { aspect-ratio: 320/182; }
	.company-01 .visual-imgs div:nth-child(1) { width: 88%; border-radius: 12px; aspect-ratio: 276/159; }
	.company-01 .visual-imgs div:nth-child(1) img { object-fit: cover; height: 100%; }
	.company-01 .visual-imgs div:nth-child(2) { width: 50%; border-radius: 12px; }
	.company-03 .sub-visual-a { padding-bottom: 105px; }

	.hero-section { padding: 60px 0 80px; }

	.hero-section .hero-tags ul { margin:18px auto 20px; flex-direction:column; gap:10px; }
	.hero-section .hero-tags li { padding: 9px 16px; }
	.hero-section .impact-list li .impact-number { font-size: 50px; }
	
	.redefining-section .inner::before { width: 81px; right:0; top:-100px; }
	.redefining-section .h3-wrap br { display: none; }
	.redefining-section dd { max-width: 280px; }

	.vision-section { padding: 80px 0; }
	.vision-section .card-list ul { max-width: 380px; margin:0 auto; flex-direction: column; }
	.vision-section .card-list li { padding: 28px 28px 32px; }
	.vision-section .card-list dt { margin-top: 29px; margin-bottom: 8px; }
	.vision-section .card-list li:hover { border-color: #E8E8E8; }
	.vision-section .card-list li:hover::before { opacity: 0; } 
	.vision-section .card-list li:hover .hover-icon::after { opacity: 0; }
	.vision-section .card-list li:hover .hover-icon img { filter: none; }

	.partners-section { padding: 80px 0; }
	.partners-section .inner::before { left: 0; top:-100px; width: 74px; }

	.core-section { padding: 80px 0; }
	.core-section li a { height: auto; padding: 20px 0; padding-right: 0; flex-wrap:wrap; }
	.core-section li:nth-child(1) a { padding-top: 0; }
	.core-section li:nth-child(1) .core-img { position: relative; width: 100%; height: 252px; margin-bottom: 4rem; border-radius: 12px; left:0; top:0; transform: none !important; opacity: 1 !important; }
	.core-section li:nth-child(1) .core-img img { height: 100%; object-fit: cover; max-width: none; }
	.core-section .core-header { position: relative; width: 100%; gap:14px; padding-left: 28px; }
	.core-section .core-header .core-number { position: absolute; left: 0; top:50%; transform: translateY(-50%); }
	.core-section .core-header .core-title { font-weight: 500; }
	.core-section .core-text { width: 100%; padding-left: 28px; margin-top: 8px; text-align: left; }

	.core-section li:hover { color:var(--main-black); }
	.core-section li:hover::before { opacity: 0; }
	.core-section li:hover .core-header .core-title { font-weight: 500; }
	.core-section li:hover .core-text { color:var(--sub-black); }
	.core-section li:not(:nth-child(1)):hover .core-img { opacity: 0 !important; }

	.location-section { padding: 80px 0; }
	.location-section .location-content { padding: 10px; border-radius: 20px; flex-direction: column; gap:10px; }
	.location-section .location-content .location-map { flex:auto; width: 100%; height: 300px; border-radius: 10px; }
	.location-section .location-content .location-info { width: 100%; padding: 10px; }

	.journey-section { padding: 80px 0; }
	.journey-timeline > ul { gap:62px; padding-left: 26px; margin-top: 50px; }
	.journey-timeline > ul > li:nth-child(even) .timeline-content,
	.journey-timeline .timeline-content { flex-direction: column; gap:0; }
	.journey-timeline .journey-line { left: 0; }
	.journey-timeline .timeline-details .subtitle { margin-top: 0; }
	.journey-timeline .milestone-list li { padding: 9px 0; padding-left: 35px; }
	.journey-timeline .timeline-image { max-height: 300px; border-radius: 20px; }
	.journey-timeline .timeline-details .year { font-size: 54px; }
}
@media screen and (max-width:680px){
	.partner-groups .partner-group { height: auto; padding: 24px 0; flex-direction: column; gap:16px; }
	.partner-groups .partner-header { width: 100%; padding-left: 0; gap:7px; }
	.partner-groups .partner-header .partner-title { font-weight: 500; }
	.partner-groups .partner-logo { width: 100%; }

	.company-02 .visual-imgs { width: 140%; left:-20%; }
	.company-02 .visual-imgs .pin-gauge:nth-child(1) { width: 40px; }
	.company-02 .visual-imgs .pin-gauge:nth-child(2) { width: 40px; }
}


/* APEX */
.apex-01 .sub-visual-a { position: relative; width: 100vw; height: 100vh; overflow: hidden; }
.apex-01 .sub-visual-a::before { height: 100%; }
.apex-01 .sub-visual-a::after { z-index: 0; content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); height:100vh; aspect-ratio: 1/1; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); border-radius: 50%; opacity: 0.2; }
.apex-01 .visual-bg { z-index: 1; position: absolute; left: 50%; top:50%; aspect-ratio: 453/276; height: 140vh; border-radius: 60px; overflow: hidden; }
.apex-01 .visual-bg img { height: 100%; max-width: none; object-fit: cover; object-position: center; }
.apex-01 .visual-title p { z-index: 2; width: 100%; text-align: center; position: absolute; white-space: nowrap; font-size: 20rem; font-weight: 600; text-transform: uppercase; line-height: 1.1; transform: translateX(-50%); } 
.apex-01 .visual-title .title-1 { top:25%; color:white; }
.apex-01 .visual-title .title-2 { top:45%; background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.apex-01 .visual-title .title-3 { top:65%; color:white; }
.gsap-container { position: relative; }
.apex-vision-section { z-index: 10; position: absolute; inset: 0; display: flex; align-items: center; background: #101828CC; padding: 17rem 0; overflow: hidden; color:white; text-align: center; }
.apex-vision-section .h3-wrap span { color:white; }
.apex-vision-section .h3-wrap span::before { filter:saturate(0) brightness(10); }
.apex-vision-section .h3-wrap + .description { color:white; }
.apex-vision-section ul { display: flex; gap: 3rem; } 
.apex-vision-section li { flex:1; z-index: 1; position: relative; padding: 5rem 1rem 5.5rem; background: #FFFFFF14; border-radius: 2rem; overflow: hidden; transition: .6s ease-in-out; }
.apex-vision-section li::before { z-index: -1; content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 2rem; background: linear-gradient(140deg, #FFFFFF -13%, rgba(255, 255, 255, 0) 40%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; background-size: 300%; background-position: 90% 90%; transition: .6s ease-in-out; }
.apex-vision-section li:hover { transform: translateY(-20px); }
.apex-vision-section li:hover::before { background-position: 0; }
.apex-vision-section dt { margin: 2.8rem auto 1.2rem; font-size: var(--font-size-4); font-weight: 600; } 
.apex-vision-section dd { font-size: var(--font-size-5); } 

.why-section { padding: 17rem 0; text-align: center; } 
.why-section .inner::before { content: ''; position: absolute; right:-5%; top:-30rem; width: 20rem; aspect-ratio: 200/255; background: url('/images/main/main_deco_1.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.why-section .why-content { display: flex; justify-content: center; gap: 3rem; }
.why-section .why-content dl { flex:1; display: flex; flex-direction: column; padding: 2.2rem; border-radius: 3rem; background: #F6F7F9; }
.why-section .why-content dt { margin-bottom: 1.7rem; font-size: var(--font-size-2); font-weight: 500; color:var(--sub-black); }
.why-section .why-content dd { flex:1; padding: 3.8rem; padding-top: 2.8rem; background: white; border-radius: 1.5rem; font-size: var(--font-size-5); color:var(--sub-black); text-align: left; }
.why-section .why-content li { position: relative; padding: 1.4rem 0; padding-left: 3rem; border-bottom:1px solid #DDDDDD; }
.why-section .why-content li::before { content: ''; display: block; position: absolute; left: 0; top:1.4rem; width: 2rem; aspect-ratio: 1/1; background: url('/images/apex/01__2_1.svg') no-repeat center/contain; }
.why-section .why-content li:last-child { border-bottom: none; }
.why-section .why-content dl:nth-child(2) { background: linear-gradient(0deg, #99A8EF 0%, #155EEF 116.87%); box-shadow: 0px 3px 3px 0px #FFFFFF40 inset; }
.why-section .why-content dl:nth-child(2) dt { color:white; }
.why-section .why-content dl:nth-child(2) li::before { background: url('/images/apex/01__2_2.svg') no-repeat center/contain; }

.fect-01 .why-section { position: relative; padding: 28rem 0 30rem; overflow: hidden; }
.fect-01 .why-section .inner::before { display: none; }

.marquee-wrap { position: absolute; left:0; bottom:0; }
.marquee-wrap .marquee-content { display: flex; animation: scroll 20s linear infinite; }
.marquee-wrap .marquee-content > div { flex-shrink: 0; }
.marquee-wrap img { display: block; width: auto; height: 13.2rem; object-fit: contain; }

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%);	}
}

.cost-success-section { padding: 0 2.2rem; }
.cost-success-content { padding: 17rem 0; text-align: center; border-radius: 3.2rem; overflow: hidden; background: linear-gradient(180deg, rgba(237, 244, 255, 0.8) 12.75%, rgba(184, 212, 255, 0.8) 100%); }
.cost-success-content .cost-success-text { color:var(--sub-black); font-size: var(--font-size-2); text-transform: capitalize; }
.cost-success-content .cost-success-arw { margin: 6rem auto 4.4rem; }
.cost-success-content .cost-success-arw p { display: block; width: 28px; margin:0 auto; aspect-ratio: 28/18; overflow: hidden; }
.cost-success-content .cost-success-arw p img { width: 100%; height:100%; max-width: none; object-position: top; object-fit: cover; }
.cost-success-content .cost-success-arw p:nth-child(2) img { object-position: center; }
.cost-success-content .cost-success-arw p:nth-child(3) img { object-position: bottom; }
.cost-success-content .cost-success-title { font-size: 4.6rem; text-transform: capitalize; }
.cost-success-content .cost-success-title p { display: block; align-items: center; justify-content: center; min-height: 7.4rem; }
.cost-success-content .cost-success-title span { display: inline-flex; align-items: center; justify-content: center; height: 7.4rem; margin:0 1rem; border-radius: 5rem; background: white; color:var(--key-color); font-weight: 700; }
.cost-success-content .cost-success-title span img { width: 80%; }
.cost-success-content .cost-success-title p:nth-child(1) span { width: 22.7rem; }
.cost-success-content .cost-success-title p:nth-child(2) span { width: 14.1rem; }

.borderless-growth-section { padding: 17rem 0; text-align: center; }
.borderless-growth-section .inner::before { content: ''; position: absolute; left:-5%; top:-25rem; width: 16.4rem; aspect-ratio: 164/170; background: url('/images/main/main_deco_2.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.borderless-growth-section ul { display: grid; grid-template-columns: repeat(2, 1fr); gap:2.5rem 3rem; text-align: left; }
.borderless-growth-section li { z-index: 1; position: relative; display: flex; gap:4.8rem; padding: 5.2rem; border-radius: 2.5rem; border:1px solid #E8E8E8; overflow: hidden; transition: border .4s; }
.borderless-growth-section li::before { z-index: -1; content: ''; position: absolute; inset: 0; background: linear-gradient(334.27deg, #FFFFFF 0.6%, #E4ECFE 86.7%); transition: .4s; opacity: 0; }
.borderless-growth-section li dt { font-size: 2.8rem; font-weight: 600; }
.borderless-growth-section li dd { max-width: 489px; margin-top: 12px; font-size: var(--font-size-5); color:var(--sub-black); }
.borderless-growth-section li .hover-icon { flex-shrink: 0; height: fit-content; }
.borderless-growth-section li:hover { border-color: transparent; }
.borderless-growth-section li:hover::before { opacity: 1; }
.borderless-growth-section li:hover .hover-icon::after { opacity: 1; }
.borderless-growth-section li:hover .hover-icon img { filter: saturate(0) brightness(10); }

.fect-01 .borderless-growth-section { background: #EDF4FFCC; }
.fect-01 .borderless-growth-section .inner::before { display: none; }
.fect-01 .borderless-growth-section li { background: white; box-shadow: 0px 4px 22px 0px #11314B0F; border:none; }
.fect-01 .borderless-growth-section li::before { display: none; }



/* Services */
.apex-02 .sub-visual-a { padding-bottom: 17rem; }
.apex-02 .sub-visual-a::before { height: 100%; }
.apex-02 .h2-wrap { margin-bottom: 0; }
.apex-02 .h2-wrap .description { margin-bottom: 0; }

main:has(.sticky-section) { overflow: initial; }
.sticky-section { position: relative; padding: 17rem 0 0; text-align: center; }
/* .sticky-section { background: url(/images/apex/02__1_bg.png) no-repeat top /cover; background-attachment: fixed; } */
.sticky-section .h3-wrap + .description { margin-bottom: 2rem; }
.sticky-section::before { content: ''; position: absolute; inset: 0; height: 17rem; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); }
.sticky-section article { position: sticky; top:0; height: 100vh; padding-top: 4vh; text-align: left; }
.sticky-section .article-inner { display: flex; align-items: center; gap:7rem; width: 100%; max-height: 74vh; padding: 3rem; border-radius: 3rem; background: white; box-shadow: 0px 4px 30px 0px #11314B1F; }
.sticky-section .sticky-img { width: 45%; height: 100%; border-radius: 3rem; overflow: hidden; }
.sticky-section .sticky-img img { height: 100%; object-fit: cover; max-width: none; }
.sticky-section .sticky-text { width: 55%; max-height: 100%; }
.sticky-section .sticky-text h4 { padding-top: 3px; font-size: 4rem; font-weight: 600; text-transform: capitalize; }
.sticky-section .sticky-text span { background: linear-gradient(180deg, #C360D9 0%, #2666E7 100%); background-clip: text !important; -webkit-background-clip: text !important; color: transparent; }
.sticky-section .sticky-text .description { margin-top: 1rem; margin-bottom: 4rem; font-size: var(--font-size-5); color: var(--sub-black); font-weight: 600; }
.sticky-section .sticky-text dl { padding: 2rem 0; border-bottom:1px solid #DDDDDD; }
.sticky-section .sticky-text dl:last-child { border-bottom: 0; }
.sticky-section .sticky-text dt { font-weight: 600; font-size: var(--font-size-4); text-transform: capitalize; }
.sticky-section .sticky-text dd { margin-top: 6px; font-size: var(--font-size-5); color:var(--sub-black); }
	.sticky-section article:nth-child(2) { top:8vh; }
	.sticky-section article:nth-child(2) .sticky-text span { background: linear-gradient(180deg, #FFB326 0%, #F55E00 100%); }
	.sticky-section article:nth-child(3) { top:16vh; }
	.sticky-section article:nth-child(3) .sticky-text span { background: linear-gradient(180deg, #3FE9ED 0%, #0A67E9 100%); }
	.sticky-section article:nth-child(4) { top:24vh; }


.process-section { padding: 0 2.2rem 17rem; }
.process-content { padding: 17rem 0; background: linear-gradient(270deg, #293D95 -15.79%, #101B35 100%); border-radius: 3.2rem; color:white; }
.process-content .inner { display: flex; justify-content: space-between; height: 100%; }
.process-content .inner > div { flex:1; }
.process-content .h3-wrap span { color:white; }
.process-content .h3-wrap span::before { filter: saturate(0) brightness(10); }
.process-content .h3-wrap + .description { color:white; opacity: 0.6; }
.process-content .process-title { height: fit-content; position: sticky; top:70px; }
.process-content .process-list { display: flex; gap:7rem; height: 100%; }
.process-content .process-list .process-line { position: relative; width: 2px; background: #DDDDDD80; }
.process-content .process-list .process-line span { position: absolute; left:-1px; top:0; width: 4px; height: 5%; background: #3FE9ED; border-radius: 2px; }
.process-content .process-list li { padding: 26px 0; border-bottom:1px solid #DDDDDD1F; }
.process-content .process-list li:first-child { padding-top: 8px; }
.process-content .process-list li:last-child { border-bottom: none; }
.process-content .process-list dt { font-size: var(--font-size-3); font-weight: 600; }
.process-content .process-list dd { margin-top: 1rem; font-size: var(--font-size-5); font-weight: 300; opacity: 0.6; }


/* Results & Growth */
.apex-03 .sub-visual-a { padding-bottom: 17rem; }
.apex-03 .sub-visual-a::before { height: 100%; }
.apex-03 .h2-wrap { margin-bottom: 0; }
.apex-03 .h2-wrap .description { margin-bottom: 0; }

.chart-section { padding: 17rem 0; text-align: center; }
.chart-section .inner { max-width: 1430px; }
.chart-section ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem 3rem; text-align: left; }
.chart-section li { padding: 2.5rem; background: #F6F7F9; border-radius: 3rem; } 
.chart-section dl { padding: 2rem .6rem; font-size: var(--font-size-4); font-weight: 600; text-transform: capitalize; }
.chart-section dd { font-size: var(--font-size-5); color:var(--sub-black); font-weight: 300; }
.chart-section .number { font-size: 7rem; font-weight: 500; } 
.chart-section .percent { display: inline-block; margin-left:4px; margin-right: 10px; }
.chart-section .chart-img { aspect-ratio: 649/349; position: relative; border-radius: 2rem; background: white; }
.chart-section .chart-img .ab { position: absolute; inset: 0; }
	.apex-03 #chart-img-1-1,
	.apex-03 #chart-img-1-2,
	.apex-03 #chart-img-1-3,
	.apex-03 #chart-img-1-4,
	.apex-03 #chart-img-1-5,
	.apex-03 #chart-img-1-6 { width:100%; height:100%; top:auto; bottom:0; }
	.apex-03 #chart-img-1-1 img,
	.apex-03 #chart-img-1-2 img,
	.apex-03 #chart-img-1-3 img,
	.apex-03 #chart-img-1-4 img,
	.apex-03 #chart-img-1-5 img,
	.apex-03 #chart-img-1-6 img { height:100%; max-width: none; object-fit: cover; object-position: left bottom; }
	.apex-03 #chart-img-2-1 { height: 100%; }
	.apex-03 #chart-img-2-1 img { height: 100%; object-fit: cover; object-position: left; }
	.apex-03 #chart-img-3-1 { height: 100%; }
	.apex-03 #chart-img-3-1 img { height: 100%; object-fit: cover; object-position: left; }
.chart-section .chart-img h4 { position: absolute; padding: 5px 10px; left:3.3rem; top:2rem; font-size: 16px; font-weight: 600; line-height: 1.1; border-radius: 5px; }
.chart-section li:nth-child(1) h4 { background: #209FD91A; color: #209FD9 ; }
.chart-section li:nth-child(2) h4 { background: #EEF5FF; color: #155EEF; }
.chart-section li:nth-child(3) h4 { background: #EBFFE6; color: #4EAF3F; }
.chart-section li:nth-child(4) h4 { background: #F6F3FF; color: #9462DD; }

.success-stories-section { padding: 17rem 0; text-align: center; background: #F6F7F9; overflow: hidden; }
.success-stories-section .inner {  max-width: 1420px; }
.success-stories-section .inner::before { content: ''; position: absolute; left:-5%; top:-25rem; width: 16.4rem; aspect-ratio: 164/170; background: url('/images/main/main_deco_2.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.success-stories-content { position: relative; text-align: left; }
.success-stories-content > ul > li { display: flex; gap:9.4rem; height: auto; padding: 7.2rem 9.2rem; background: white; box-shadow: 0px 4px 22px 0px #11314B14; border-radius: 3rem; }

.story-header { display: flex; flex-direction: column; width: 48%; }
.story-header .story-quote { flex:1; display: flex; align-items: center; justify-content: center; margin-top: 4.6rem; padding: 2rem; background: #F1F6FF; border-radius: 2rem; text-align: center; font-size: var(--font-size-3); font-weight: 500; line-height: 1.1; text-transform: capitalize; }
.story-header .story-quote p { line-height: 1.1; } 
.story-header .company-avatar { display: flex; gap:3rem; }
.story-header .company-avatar .company-icon { flex-shrink: 0; width: 9.4rem; height: fit-content; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; background: #e3f2fd; }
.story-header .company-avatar .company-icon img { width: 100%; height: 100%; object-fit: cover; } 
.story-header .company-avatar .company-info h4 { font-size: var(--font-size-2); font-weight: 600; line-height: 1; } 
.story-header .company-avatar .company-info > p { font-size: var(--font-size-5); color: var(--sub-black); margin-bottom: 1.5rem; margin-top: 1rem; } 
.story-header .company-avatar .tags { display: flex; gap: 8px; flex-wrap: wrap; } 
.story-header .company-avatar .tags span { display: inline-block; padding: 5px 10px; background: #209FD91A; color: #209FD9; border-radius: 5px; font-size: 16px; font-weight: 600; } 
.success-stories-content .story-details { width: 52%; } 
.success-stories-content .story-detail { padding: 26px 0; border-top:1px solid #DDDDDD; font-size: var(--font-size-5); color:var(--sub-black); }
.success-stories-content .story-detail:first-child { padding-top: 0; border-top:none; }
.success-stories-content .story-detail h5 { margin-bottom: 8px; font-size: var(--font-size-4); font-weight: 500; color:var(--main-black); }
.success-stories-content .story-detail ul li { padding-left: 2rem; position: relative; } 
.success-stories-content .story-detail ul li:before { content: "•"; position: absolute; left: .3rem; color: var(--sub-black); }
.success-stories-section .swiper-button-prev,
.success-stories-section .swiper-button-next { top:44%; width:6.4rem; background: url(/images/common/swiper_arw.svg) no-repeat center/6.4rem; }
.success-stories-section .swiper-button-prev { left: -25px; } 
.success-stories-section .swiper-button-next { right: -25px; } 
.success-stories-content > ul > li.violet .story-header .company-avatar .tags span { background: #F6F3FF; color: #9462DD; }
.success-stories-content > ul > li.violet .story-header .story-quote { background: #F6F3FF; }
.success-stories-content > ul > li.yellow .story-header .company-avatar .tags span { background: #FFF6E9; color: #FC9C1C; }
.success-stories-content > ul > li.yellow .story-header .story-quote { background: #FFF6E9; }


@media screen and (max-width:1400px){
	.apex-01 .visual-title p { font-size: 18rem; }

	.cost-success-content .cost-success-title { font-size: 3.8rem; }
	.cost-success-content .cost-success-title p:nth-child(1) span { width: 19rem; }
	.cost-success-content .cost-success-title p:nth-child(2) span { width: 9rem; }
	.cost-success-content .cost-success-title p { min-height: 6rem; }
	.cost-success-content .cost-success-title span { height: 6rem; }
}
	
@media screen and (max-width:1200px){
	.apex-01 .visual-title p { font-size: 14rem; }
	.apex-01 .visual-title .title-1 { top:22%; }
	.apex-01 .visual-title .title-2 { top:34%; }
	.apex-01 .visual-title .title-3 { top:60%; }

	.apex-vision-section ul { gap:2rem; }
	.apex-vision-section .icon { max-width: 50px; margin:0 auto; }

	.cost-success-content .cost-success-title { font-size: 30px; }
	.borderless-growth-section li { padding: 3.2rem; gap:3rem }
	.borderless-growth-section ul { gap:12px 16px; }
	.sticky-section .article-inner { gap:4rem; padding: 2rem; }
	.sticky-section .sticky-text h4 { font-size: 3.2rem; }
	.sticky-section .sticky-text .description { margin-top: 8px; margin-bottom: 6px; }
	.sticky-section .sticky-text dl { padding: 16px 0; }

	.process-content .process-list { gap:42px; }

	.chart-section li { padding: 2rem; border-radius: 2rem; }
	.chart-section ul { gap:3rem 2rem; }
	.chart-section .number { font-size: 5rem; }

	.company-avatar { flex-wrap:wrap; gap:18px; }
	.company-avatar .company-icon { width: 7rem; }
	.company-avatar .tags { gap:6px; }
	.company-avatar .tags span { font-size: 14px; }
	.company-avatar .company-info { width: 100%; }
	.success-stories-content > ul > li { padding: 5rem 7rem; gap:6rem; }
	.story-header .story-quote { margin-top: 24px; }
}
@media screen and (max-width:1024px){
	.cost-success-content .cost-success-arw { margin: 30px auto 30px; }
	.cost-success-content .cost-success-arw p { width: 21px; }
	.cost-success-content .cost-success-title { font-size: 24px; }
	.cost-success-content .cost-success-title p:nth-child(1) span { width: 114px; }
	.cost-success-content .cost-success-title p:nth-child(2) span { width: 72px; }
	.cost-success-content .cost-success-title p:nth-child(2) span img { width: 70%; }
	.cost-success-content .cost-success-title p { min-height: 6rem; }
	.cost-success-content .cost-success-title span { height: 36px; margin:0 2px; }

}
@media screen and (max-width:768px){
	.apex-01 .visual-bg { height: 1280px; }
	.apex-01 .sub-visual-a { height: 1140px; }
	.apex-01 .visual-title p { font-size: 88px; }
	.apex-01 .visual-title .title-1 { top:19%; }
	.apex-01 .visual-title .title-2 { top:27%; }
	.apex-01 .visual-title .title-3 { top:43%; }

	.apex-vision-section { padding: 80px 0; }
	.apex-vision-section .h3-wrap br { display: none; }
	.apex-vision-section ul { flex-direction: column; gap:20px; }
	.apex-vision-section .icon { max-width: 44px; }

	.why-section { padding: 80px 0; }
	.why-section .inner::before { width: 80px; right: 0px; top:-120px; }
	.why-section .why-content { flex-direction: column; gap:20px; }
	.why-section .why-content dd { padding: 20px; padding-top: 10px; }

	.cost-success-section { padding: 0; }
	.cost-success-content { padding: 80px 0; }

	.borderless-growth-section { padding: 80px 0; }
	.borderless-growth-section .inner::before { width: 74px; left: 20px; top:-110px; }
	.borderless-growth-section ul { display: flex; flex-direction: column; gap:20px; }
	.borderless-growth-section li { padding: 3.2rem; gap:3rem; border-radius: 20px; }
	.borderless-growth-section li { display: block; }
	.borderless-growth-section li dt { margin-top: 29px; margin-bottom: 8px; }
	.borderless-growth-section li:hover { border-color: #E8E8E8; }
	.borderless-growth-section li:hover::before { opacity: 0; }
	.borderless-growth-section li:hover .hover-icon::after { opacity: 0; }
	.borderless-growth-section li:hover .hover-icon img { filter: none; }

	.apex-02 .sub-visual-a { padding-bottom: 105px; }

	.sticky-section { padding: 80px 0; background: none; overflow: hidden; }
	.sticky-section::before { left:50%; top:50%; transform: translate(-50%,-50%); height:50vh; aspect-ratio: 1/1; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); border-radius: 50%; opacity: 0.1; }
	.sticky-section .h3-wrap br { display: none; }
	.sticky-section .h3-wrap + .description { margin-bottom: 0; }
	.sticky-section article { height: auto; position: relative; top: 0 !important; }
	.sticky-section .article-inner { flex-direction: column; gap:0; max-height: none; height: auto; padding: 10px; border-radius: 20px; }
	.sticky-section .sticky-img { width: 100%; max-height: 300px; border-radius: 10px; }
	.sticky-section .sticky-text { width: 100%; padding: 20px 18px 16px; }
	.sticky-section article:last-child { display: none; }
	.sticky-section .sticky-text h4 { font-size: 24px; }

	.process-section { padding: 0 0 80px; }
	.process-content { padding: 80px 0; border-radius: 20px; }
	.process-content .inner { flex-direction: column; gap:50px; }
	.process-content .process-title { position: relative; top:0; text-align: center; }
	.process-content .h3-wrap + .description { opacity: 1; }
	.process-content .process-list dd { margin-top: 6px; }
	.process-content .process-list li { padding: 16px 0; }

	.apex-03 .sub-visual-a { padding-bottom: 105px; }

	.chart-section { padding: 80px 0; }
	.chart-section ul { max-width: 380px; margin:0 auto; display: flex; flex-direction: column; gap:20px; }
	.chart-section li { padding: 10px; border-radius: 20px; }
	.chart-section .chart-img { border-radius: 10px; }
	.chart-section .chart-img h4 { left: 9px; top:9px; padding: 2px 4px; font-size: 12px; border-radius: 2px; }
	.chart-section dl { padding: 12px 10px; }
	.chart-section .number { font-size: 42px; }
	.chart-section .percent { margin-left: 3px; margin-right: 6px; }

	.success-stories-section { padding: 80px 0 134px; }
	.success-stories-section .inner::before { display: none; }
	.success-stories-content > ul > li { flex-direction: column; gap:24px; padding: 26px 20px 54px; }
	.story-header { width: 100%; }
	.story-header .company-avatar .tags span { font-size: 13px; }
	.success-stories-content .story-details { width: 100%; }
	.success-stories-content .story-detail { padding: 12px 0; }
	.success-stories-section .swiper-button-prev, .success-stories-section .swiper-button-next { width: 34px; background-size: 34px; top:auto; bottom:-54px; }
	.success-stories-section .swiper-button-prev { right:40px; left: auto; }
	.success-stories-section .swiper-button-next { right:0; }
}


/* FECT Overview */
.fect-01 .sub-visual-b { padding: 23.2rem 0 36rem; background: linear-gradient(270deg, #E4ECFE 0%, #FBFCFF 100%); }
.fect-01 .sub-visual-b .inner { max-width: 1352px; }
.fect-01 .sub-visual-b .h2-wrap span { font-size: var(--font-size-3); }
.fect-01 .sub-visual-b .h2-wrap h2 { font-size: 7rem; }
.fect-01 .sub-visual-b .visual-imgs { position: relative; aspect-ratio: 1352/560; }
.fect-01 .sub-visual-b .visual-imgs li { z-index: 1; position: absolute; width: 285px; transition: .4s; background: white; border-radius: 2rem; box-shadow: 0px 0px 10px 0px #464E6D1F; }
.fect-01 .sub-visual-b .visual-imgs li::before { content: ''; position: absolute; width: .7rem; aspect-ratio: 1/1; background: var(--key-color); border-radius: 50%; }
.fect-01 .sub-visual-b .visual-imgs li .line { position: absolute; width: 96%; overflow: hidden; }
.fect-01 .sub-visual-b .visual-imgs li .line img { max-width: none; }
.fect-01 .sub-visual-b .visual-imgs li a { display: block; height: 100%; padding: 16px; }
.fect-01 .sub-visual-b .visual-imgs li a::before { z-index: -1; content: ''; position: absolute; inset: 0; border-radius: 2rem; background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); opacity: 0; transition: .4s; }
.fect-01 .sub-visual-b .visual-imgs li .list-title { position: relative; display: flex; gap:1.7rem; align-items: center; }
.fect-01 .sub-visual-b .visual-imgs li .list-title::after { content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); width: 1.4rem; aspect-ratio: 1/1; background: url('/images/fect/01__1_arw.svg') no-repeat center/contain; }
.fect-01 .sub-visual-b .visual-imgs li .list-title .icon { position: relative; display: flex; align-items: center; width: 6.4rem; aspect-ratio: 1/1; border-radius: 1.2rem; box-shadow: 0px 3.18px 3.18px 0px #FFFFFF40 inset; background: linear-gradient(180deg, rgba(21, 94, 239, 0.036) 0%, rgba(21, 94, 239, 0.18) 100%); overflow: hidden; }
.fect-01 .sub-visual-b .visual-imgs li .list-title .icon::before { z-index: -1; content: ''; display: block; inset: 0; position: absolute; background: #FFFFFF2E; box-shadow: 0px 3.18px 3.18px 0px #FFFFFF40 inset; opacity: 0; transition: .4s; }
.fect-01 .sub-visual-b .visual-imgs li .list-title dt { font-size: var(--font-size-5); font-weight: 600; text-transform: capitalize; }
.fect-01 .sub-visual-b .visual-imgs li .list-title dd { margin-top: 4px; color:var(--sub-black); font-size: 16px; line-height: 1; transition: .4s; }
.fect-01 .sub-visual-b .visual-imgs li .list-content { display: none; padding-top: 16px; font-size: 16px; }
.fect-01 .sub-visual-b .visual-imgs li.active { color:white; }
.fect-01 .sub-visual-b .visual-imgs li.active a::before { opacity: 1; }
.fect-01 .sub-visual-b .visual-imgs li.active .list-title dd { color:white; }
.fect-01 .sub-visual-b .visual-imgs li.active .list-title .icon::before { opacity: 1; }
	.fect-01 .sub-visual-b .visual-imgs .li-fect { bottom:calc(100% - 96px); left:10%; }
	.fect-01 .sub-visual-b .visual-imgs .li-origin { bottom:calc(100% - 96px); right:10%; }
	.fect-01 .sub-visual-b .visual-imgs .li-inventory { left:0; top:50%; transform: translateY(-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-clearance { right:0; top:50%; transform: translateY(-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-track { top:calc(100% - 96px); left:10%; }
	.fect-01 .sub-visual-b .visual-imgs .li-express { top:calc(100% - 96px); right:10%; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna { left:50%; bottom:-25px; transform: translate(-50%,100%); }
	.fect-01 .sub-visual-b .visual-imgs .li-fect::before { left:50%; bottom:0; transform: translate(-50%,50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-origin::before { left:50%; bottom:0; transform: translate(-50%,50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-inventory::before { right:0; top:50%; transform: translate(50%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-clearance::before { left:0; top:50%; transform: translate(-50%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-track::before { left:50%; top:0; transform: translate(-50%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-express::before { left:50%; top:0; transform: translate(-50%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-qna::before { display: none; }
	.fect-01 .sub-visual-b .visual-imgs .li-fect .line { transform: translateY(100%); left:50%; bottom:0; }
	.fect-01 .sub-visual-b .visual-imgs .li-origin .line { transform: translateY(100%); right:50%; bottom:0; }
	.fect-01 .sub-visual-b .visual-imgs .li-origin .line img { transform: scaleX(-1); }
	.fect-01 .sub-visual-b .visual-imgs .li-inventory .line { height:3px; right:0; top:50%; transform: translate(100%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-clearance .line { height:3px; left:0; top:50%; transform: translate(-100%,-50%); }
	.fect-01 .sub-visual-b .visual-imgs .li-clearance .line img { transform: scaleX(-1); }
	.fect-01 .sub-visual-b .visual-imgs .li-track .line { left:50%; top:0; transform: translateY(-100%); }
	.fect-01 .sub-visual-b .visual-imgs .li-track .line img { transform: scaleY(-1); }
	.fect-01 .sub-visual-b .visual-imgs .li-express .line { right:50%; top:0; transform: translateY(-100%); }
	.fect-01 .sub-visual-b .visual-imgs .li-express .line img { transform: scale(-1); }
	.fect-01 .sub-visual-b .visual-logo { z-index: 5; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }

	.fect-01 .pin-gauge { z-index: -1; right:50%; top:50%; width: 62rem; }
	.fect-01 .fect-services-section .h3-wrap > span { text-transform: none; }
	.fect-01 .why-section .h3-wrap > span { text-transform: none; }


.fect-services-section { margin-top: -10rem; padding: 0 3.2rem; color:white; text-align: center; }
.fect-services-content { display: flex; align-items: center; min-height: 100vh; padding: 140px 0 150px; border-radius: 3rem; background: url('/images/fect/01__2_bg.jpg') no-repeat center/cover; overflow: hidden; }
.fect-services-content .inner { justify-content: center; height: 100%; }
.fect-services-content .h3-wrap span { color:white; }
.fect-services-content .h3-wrap span::before { filter: saturate(0) brightness(10); }
.fect-services-content .description { color:white !important; }
.fect-services-wrap { display: flex; gap:2rem; text-align: left; }
.fect-services-visual { width: 64%; border-radius: 2rem; overflow: hidden; background: white; }
.fect-services-visual li { display: flex; align-items: center; }
.fect-services-detail { position: relative; width: 36%; border-radius: 2rem; overflow: hidden; background: var(--main-black); }
.fect-services-detail li { padding: 6rem 4.6rem 9rem; }
.fect-services-detail dl { max-width: 400px; }
.fect-services-detail dt { font-size: 4.6rem; font-weight: 600; line-height: 1.1; }
.fect-services-detail dd { font-size: var(--font-size-5); font-weight: 300; }
.fect-services-detail dd p { margin-top: 1rem; margin-bottom: 2rem; font-size: var(--font-size-3); font-weight: 600; }
.fect-services-detail .swiper-pagination { position: absolute; display: flex; gap:8px; left:4.6rem; bottom:3.2rem; }
.fect-services-detail .swiper-pagination-bullet { width: 10px; height: auto; aspect-ratio: 1/1; background: #FFFFFF; opacity: .37; }
.fect-services-detail .swiper-pagination-bullet-active { opacity: .9; }
.fect-services-detail .swiper-button-prev,
.fect-services-detail .swiper-button-next { background: url('/images/fect/01__swiper_arw.png') no-repeat center/contain; }
.fect-services-detail .swiper-arrow { position: absolute; display: flex; gap:12px; right:4.6rem; bottom:3.2rem; }
.fect-services-detail .swiper-arrow div { position: relative; top:0; }

.trade-efficiency-section { padding: 17rem 0; text-align: center; }
.trade-efficiency-section .accordion-list { text-align: left; }
.trade-efficiency-section .accordion-list > ul > li { position: relative; padding: 4rem 2rem; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.trade-efficiency-section .accordion-list > ul > li::before { z-index: -1; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #F6F7F9 0%, rgba(246, 247, 249, 0.1) 100%); opacity: 0; transition: .4s; } 
.trade-efficiency-section .accordion-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 5.2rem; }
.trade-efficiency-section .accordion-header span { position: absolute; left:0; top:0; font-size: var(--font-size-4); font-weight: 300; text-transform: capitalize; }
.trade-efficiency-section .accordion-header h4 { font-size: 4rem; font-weight: 300; line-height: 1; text-transform: capitalize; }
.trade-efficiency-section .accordion-header .arrow { position: relative; width: 20px; height: 20px; } 
.trade-efficiency-section .accordion-header .arrow::before,
.trade-efficiency-section .accordion-header .arrow::after { content: ''; width: 100%; height: 1.5px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: var(--main-black); transition: transform 0.3s ease; }
.trade-efficiency-section .accordion-header .arrow::after { transform: translate(-50%,-50%) rotate(90deg); }
.trade-efficiency-section .accordion-content { display: none; padding-top: 2.8rem; padding-left: 5.2rem; } 
.trade-efficiency-section .accordion-inner { display: flex; align-items: center; gap:3.6rem; }
.trade-efficiency-section .accordion-inner .visual-content { width: 48%; height: -webkit-fill-available; border-radius: 2rem; overflow: hidden; }
.trade-efficiency-section .accordion-inner .visual-content img { height: 100%; object-fit: cover; }
.trade-efficiency-section .accordion-inner .text-content { width: 52%; }
.trade-efficiency-section .accordion-inner h5 { font-size: var(--font-size-3); line-height: 1.2; font-weight: 600; text-transform: capitalize; }
.trade-efficiency-section .accordion-inner ul { max-width: 592px; margin-top: 1.8rem; color: var(--sub-black); }
.trade-efficiency-section .accordion-inner ul li { padding: 12px 0 ; padding-left: 2rem; position: relative; border-bottom:1px solid #DDDDDD; font-size: var(--font-size-5);  font-weight: 300; } 
.trade-efficiency-section .accordion-inner ul li:last-child { border-bottom: none; }
.trade-efficiency-section .accordion-inner ul li:before { content: "•"; position: absolute; left: .3rem; color: var(--sub-black); }
.trade-efficiency-section li.active::before { opacity: 1 !important; }
.trade-efficiency-section li.active .arrow::after { transform: translate(-50%,-50%) rotate(0); }
.trade-efficiency-section li.active .accordion-header h4 { font-weight: 500; }



/* Features Section */
.features-section { padding: 43rem 0 17rem; text-align: center; }
.features-section ul { display: flex; gap:3rem; }
.features-section li { z-index: 1; position: relative; flex:1; display: flex; flex-direction: column; padding: 2rem 2rem 5rem; background: linear-gradient(180deg, #DDEAFE 0%, rgba(237, 244, 255, 0.2) 99%); border-radius: 2.5rem; transition: .5s ease-in; overflow: hidden; }
.features-section li::before { z-index: -1; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); opacity: 0; transition: .5s ease-in; border-radius: 2.5rem; }
.features-section dt { margin: 3.6rem 0 2rem; font-size: var(--font-size-3); font-weight: 600; line-height: 1.25; transition: .5s ease-in; }
.features-section dd { padding: 0 1.5rem; color:var(--sub-black); font-size: var(--font-size-5); transition: .5s ease-in; }
.features-section .list-img { position: relative; border-radius: 2.4rem; overflow: hidden; aspect-ratio: 149/96; background: white; }
.features-section .list-img .ab { position: absolute; left:0; top:0; }
	.features-section li:hover { color:white; box-shadow: 0px 4px 22px 0px #11314B0F; }
	.features-section li:hover dd { color:white; }
	.features-section li:hover::before { opacity: 1; }
	.fect-02 #features-img-2-5 { position: absolute; left:25%; top:26%; color:var(--sub-black); font-size: max(.8vw, 8px); font-weight: 500; }
	.fect-02 #features-img-3-2 { width: 100%; height: 100%; }
	.fect-02 #features-img-3-2 img { height: 100%; max-width: none; object-fit: cover; object-position: left; }
	.fect-02 #features-img-3-3 { left:30%; top:63%; width: 14%; display: flex; justify-content: space-between; }
	.fect-02 #features-img-3-3 span { position: relative; width: 10%; aspect-ratio: 1/1; border-radius: 50%; background: var(--key-color); }
	.fect-02 #features-img-3-3 span:nth-child(1) { top:.4rem; }
	.fect-02 #features-img-3-3 span:nth-child(3) { top:-.6rem; }
	
	.fect-03 #features-img-2-1 { left:14%; top:31%; color:var(--sub-black); font-size: max(.8vw, 8px); }
	.fect-03 #features-img-3-2 { width: 100%; height: 100%; }
	.fect-03 #features-img-3-2 img { height: 100%; max-width: none; object-fit: cover; object-position: left; }

	.fect-04 .list-img:has(#features-img-1-1) img { height:100%; max-width: none; object-fit: contain; }
	.fect-04 .list-img:has(#features-img-1-1) div { width: 100%; height: 100%; }
	.fect-04 #features-img-1-1 { animation: float2 3s ease-in-out infinite; animation-delay: 1.5s; }
	.fect-04 #features-img-1-2 { animation: float2 3s ease-in-out infinite; }
	.fect-04 #features-img-1-3 { left:45%; top:auto; bottom:1%; width: 19% !important; height: auto !important; }
	.fect-04 .list-img:has(#features-img-3-1) img { height:100%; max-width: none; object-fit: contain; }
	.fect-04 .list-img:has(#features-img-3-1) div { width: 100%; height: 100%; }
	.fect-04 #features-img-3-1 { left:28.8%; top:22.5%; display: flex; flex-direction: column; justify-content: space-between; width: 45% !important; height: auto !important; aspect-ratio: 307/159; }
	.fect-04 #features-img-3-1 p { display: flex; align-items: center; gap:6px; height: 25%; padding: 0; }
	.fect-04 #features-img-3-1 span { height: 60%; border-radius: 0 max(.4vw, 4px) max(.4vw, 4px) 0; }
	.fect-04 #features-img-3-1 p:nth-child(1) span { width: 81%; background: linear-gradient(90deg, rgba(209, 224, 255, 0.7) 0%, rgba(21, 94, 239, 0.7) 100%); }
	.fect-04 #features-img-3-1 p:nth-child(2) span { width: 62%; background: linear-gradient(90deg, rgba(209, 224, 255, 0.3) 0%, rgba(21, 94, 239, 0.3) 100%); }
	.fect-04 #features-img-3-1 p:nth-child(3) span { width: 16%; background: linear-gradient(90deg, rgba(209, 224, 255, 0.1) 0%, rgba(21, 94, 239, 0.1) 100%); }
	.fect-04 #features-img-3-1 b { flex-shrink: 0; font-size: max(.6vw, 7px); }
	.fect-04 #features-img-3-3 { width: 4% !important; height: auto !important; top:70%; left:60%; }

	.fect-05 .list-img:has(#features-img-1-1) img { height:100%; max-width: none; object-fit: contain; }
	.fect-05 .list-img:has(#features-img-1-1) div { width: 100%; height: 100%; }
	.fect-05 #features-img-1-1 { animation: float2 3s ease-in-out infinite; animation-delay: 1.5s; }
	.fect-05 #features-img-1-2 { animation: float2 3s ease-in-out infinite; }
	.fect-05 #features-img-1-3 { left:45%; top:auto; bottom:1%; width: 19% !important; height: auto !important; }
	.fect-05 #features-img-2-1 { width: 100%; height: 100%; }
	.fect-05 #features-img-2-1 img { height: 100%; max-width: none; object-fit: cover; object-position: left; }
	.fect-05 #features-img-2-2 { animation: float2 3s ease-in-out infinite; }
	.fect-05 #features-img-3-4 { width: 5.5%; top:80%; left:60%; rotate: -13deg; }
	
	.fect-06 #features-img-1-1 { animation: float2 3s ease-in-out infinite; }
	.fect-06 #features-img-2-1 { display: flex; top:30%; height: 57%; animation: scroll 10s linear infinite; }
	.fect-06 #features-img-2-1 img { width:auto !important; height:100%; object-fit: cover; }
	.fect-06 #features-img-3-1 { width: 100%; height: 100%; }
	.fect-06 #features-img-3-1 img { height: 100%; max-width: none; object-fit: cover; object-position: left; }
	.fect-06 #features-img-3-2 { animation: float2 3s ease-in-out infinite; }

	.fect-07 #features-img-1-1 { width: 100%; height: 100%; }
	.fect-07 #features-img-1-1 img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: top; }

	.fect-08 #features-img-2-1 { width: 100%; height: 100%; }
	.fect-08 #features-img-2-1 img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: top; }
	.fect-08 #features-img-3-2 { width: 100%; height: 100%; }
	.fect-08 #features-img-3-2 img { height: 100%; max-width: none; object-fit: cover; object-position: left; }
	.fect-08 #features-img-3-3 { left:30%; top:63%; width: 14%; display: flex; justify-content: space-between; }
	.fect-08 #features-img-3-3 span { position: relative; width: 10%; aspect-ratio: 1/1; border-radius: 50%; background: var(--key-color); }
	.fect-08 #features-img-3-3 span:nth-child(1) { top:.4rem; }
	.fect-08 #features-img-3-3 span:nth-child(3) { top:-.6rem; }
	
/* Services Section */
.services-section { padding-bottom: 17rem; text-align: center; }
.services-section .inner { max-width: 1420px; }
.services-section .description { margin: 2.5rem auto 8rem; }
.services-content > div { display: flex; gap:7rem; }
.services-content > div:nth-child(2) { margin-top: 15rem; flex-direction: row-reverse; } 
.services-content .cont-img { width:50%; height:fit-content; aspect-ratio: 675/617; position: relative; background: #F6F7F9; border-radius: 3rem; overflow: hidden; }
.services-content .cont-img img { position: absolute; width: calc(100% - 6rem); top:6.4rem; left:50%; transform: translateX(-50%); border-radius: 3rem 3rem 0 0; box-shadow: 0px 25.59px 51.18px -12.79px #191A1B2E; }
.services-content .cont-text { width:50%; display: flex; flex-direction: column; justify-content: center; padding-left: 6rem; text-align: left; }
.services-content h4 { display: flex; align-items: end; height: 9.4rem; font-size: 4.2rem; font-weight: 600; line-height: 1.1; }
.services-content p { max-width: 60rem; padding: 1.5rem 0 6.6rem; font-size: var(--font-size-5); color:var(--sub-black); }
.services-content ul { display: flex; flex-direction: column; gap:4.2rem; }
.services-content li { display: flex; gap:2.4rem; }
.services-content li .icon { flex-shrink: 0; width: 6.6rem; margin-top: 1px; aspect-ratio: 1/1; }
.services-content li dt { font-size: var(--font-size-3); font-weight: 600; }
.services-content li dd { max-width: 46.5rem; margin-top: 1rem; font-size: var(--font-size-5); color:var(--sub-black); }


.workflow-section { padding: 0 3.2rem; text-align: center; color:white; }
.workflow-content {position: relative; padding: 17rem 0; background: url('/images/fect/workflow_bg_01.png') no-repeat center/cover; border-radius: 3rem; overflow: hidden; }
.workflow-content:before {display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 68.9rem; height: 85.5rem; background: url("/images/fect/workflow_circle.png") no-repeat center / cover; mix-blend-mode: lighten;}
.workflow-content .h3-wrap span { color:white; }
.workflow-content .h3-wrap span::before { filter: saturate(0) brightness(10); }
.workflow-content .description { margin: 2.5rem auto 8rem; color:white; }
.workflow-content .workflow-list { position: relative; margin-top: 10.2rem; }
.workflow-content .workflow-list::before { content: ''; position: absolute; left:0; top:0; width: 100%; height: 1px; display: block; height: 1px; background: linear-gradient(90deg, rgba(14, 26, 56, 0.5) 0%, rgba(96, 194, 255, 0.5) 50%, rgba(15, 27, 58, 0.5) 100%); }
.workflow-content .workflow-list ul { display: flex; }
.workflow-content li { flex:1; position: relative; }
.workflow-content li .marker { position: relative; width: 1rem; margin:0 auto; transform: translateY(-50%); aspect-ratio: 1/1; border-radius: 5rem; background: #60C2FF; }
.workflow-content li .marker .pin-gauge { width: 5rem; right:50%; top:50%; }
.workflow-content li .marker .pin-gauge span { background: #60C2FF14; }
/* .workflow-content li .marker::before { content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 3.2rem; aspect-ratio: 1/1; border-radius: 5rem; background: #60C2FF33; }
.workflow-content li .marker::after { content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 5rem; aspect-ratio: 1/1; border-radius: 5rem; background: #60C2FF14; } */
.workflow-content li dl { z-index: 1; position: relative; max-width: 36.2rem; padding: 3.8rem 0; margin: 3.6rem auto 0; border-radius: 2rem; overflow: hidden; transition: .5s ease-in-out; }
.workflow-content li dl::before { z-index: -1; content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 2rem; background: linear-gradient(140deg, #FFFFFF -13%, rgba(255, 255, 255, 0) 40%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; background-size: 300%; background-position: 90% 90%; transition: .5s ease-in-out; }
.workflow-content li dt { position: relative; display: inline-block; padding-left: 3rem; font-size: var(--font-size-3); font-weight: 600; white-space: nowrap; }
.workflow-content li dt::before { content: ''; position: absolute; left: 0; top:0; }
.workflow-content li:nth-child(1) dt::before { content: '1.'; }
.workflow-content li:nth-child(2) dt::before { content: '2.'; }
.workflow-content li:nth-child(3) dt::before { content: '3.'; }
.workflow-content li:nth-child(4) dt::before { content: '4.'; }
.workflow-content li:nth-child(5) dt::before { content: '5.'; }
.workflow-content li dd { margin-top: 1rem; font-size: var(--font-size-5); }
.workflow-content li dd .sub-title { font-weight: 500; margin-bottom: 2rem; }
	.workflow-content li.active dl { background: #FFFFFF1C; }
	.workflow-content li.active dl::before { background-position: 0; }

	.apex-03 .workflow-section { padding: 0; }
	.apex-03 .workflow-content { border-radius: 0; background: linear-gradient(270deg, #293D95 -15.79%, #101B35 100%); }
	.apex-03 .workflow-content li dl { max-width: 40rem; }
	.apex-03 .workflow-section .h3-wrap b { font-weight: 500; color:transparent; background: linear-gradient(103.93deg, #46C3FE 8.68%, #9A41FF 94.32%); background-clip: text; -webkit-background-clip: text; }

.fect h3 { text-transform: capitalize; }
.fect .blog-section { padding-top: 17rem; }
.fect .blog-category { display: none; }


.explore-section { padding: 13rem 0 17rem; background: linear-gradient(180deg, rgba(228, 237, 253, 1) 0%, rgba(228, 237, 253, 0.75) 100%); overflow: hidden; }
.explore-section .inner { overflow: visible; }
.explore-section .explore-list { margin-top: 8rem; overflow: visible; }
.explore-section .explore-list li { z-index: 1; position: relative; width: 37rem; aspect-ratio: 1/1; font-size: 2.6rem; font-weight: 600; box-shadow: 4px 4px 19px 0px #4364FF1F; background: white; border-radius: 3rem; transition: .5s ease-in; }
.explore-section .explore-list li::before { z-index: -1; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); opacity: 0; transition: .5s ease-in; border-radius: 3rem; }
.explore-section .explore-list li a { display: block; width: 100%; height: 100%; padding: 2.8rem; text-align: center; }
.explore-section .explore-list .icon { margin-bottom: 2rem; }
	.explore-section .explore-list li:hover { color:white; }
	.explore-section .explore-list li:hover::before { opacity: 1; box-shadow: 0px 4px 4px 0px #FFFFFF40 inset; }


.contact-section { background: linear-gradient(180deg, rgba(228, 237, 253, 0.75) 0%, rgba(228, 237, 253, 0.5) 100%); } 

@media screen and (max-width:1400px){
	.fect-01 .sub-visual-b .visual-imgs li { width: 255px; }
}
@media screen and (max-width:1200px){
	.sub-visual { height: 900px; }
	
	.features-section::before { content: ''; display: block; aspect-ratio: 3/1; }
	.features-section { padding-top: 0; } 
	.features-section ul { gap:15px; }
	.features-section li { padding: 10px 10px 28px; }

	.services-content > div { gap:6rem; }
	.services-content p { padding: 10px 0 26px; }
	.services-content ul { gap:28px; }
	.services-content li dd { margin-top: 8px; }
	.services-content .cont-text { padding-left: 3rem; }

	.workflow-content .workflow-list { max-width: 400px; width: 92%; margin:0 auto; }
	.workflow-content .workflow-list::before { content: ''; position: absolute; left:0; top:0; width: 1px; height: 100%; display: block; background: linear-gradient(180deg, rgba(14, 26, 56, 0.5) 0%, rgba(96, 194, 255, 0.5) 50%, rgba(15, 27, 58, 0.5) 100%); }
	.workflow-content .workflow-list .inner { width: 100%; padding: 0; }
	.workflow-content .workflow-list ul { flex-direction: column; gap:20px; }
	.workflow-content li .marker { position: absolute; left:0px; top:50%; transform: translate(-50%,-50%); width: 5px; }
	.workflow-content li .marker::before { width: 15px; }
	.workflow-content li .marker::after { width: 30px; }
	.workflow-content li dl { margin-top: 0; }

	.fect-01 .sub-visual-b .visual-logo { width: 24%; }
	.fect-01 .sub-visual-b .visual-imgs li .line { width: 76%; }

	.fect-services-wrap { gap:1rem; }
	.fect-services-detail li { padding: 4rem 2.6rem 6rem; }
	.fect-services-detail dt { font-size: 4rem; }
	.fect-services-detail .swiper-pagination { left: 2.6rem; gap:5px; }
	.fect-services-detail .swiper-pagination-bullet { width: 6px; }
	.fect-services-detail .swiper-arrow { right: 2.6rem; gap:8px; }

	.trade-efficiency-section .accordion-header h4 { font-size: 3.6rem; }
}

@media screen and (max-width:1024px){ 
	.sub-visual { height: 860px; }
	.features-section { padding-bottom: 12rem; }
	.features-section::before { content: ''; display: block; aspect-ratio: 4/1; }

	.services-section { padding-bottom: 12rem; }
	.services-content > div { flex-direction: column; gap:30px; }
	.services-content .cont-img { width: 100%; height: 292px; border-radius: 15px; }
	.services-content .cont-img img { width: calc(100% - 40px); top:30px; max-width: 380px; border-radius: 15px 15px 0 0; }
	.services-content .cont-text { width: 100%; padding-left: 0; }
	.services-content h4 { height: auto; font-size: 32px; }
	.services-content > div:nth-child(2) { padding-left: 0; flex-direction: column; margin-top: 60px; }

	.workflow-content { padding: 12rem 0; }

	.explore-section { padding: 10rem 0 12rem; }

	.fect-01 .sub-visual-b .visual-imgs { aspect-ratio: 13/8; }
	.fect-01 .sub-visual-b .visual-imgs li { width: 235px; }
	
	.fect-services-section { padding: 0; }
	.fect-services-detail .swiper-button-prev, .fect-services-detail .swiper-button-next { width: 34px; }
}
@media screen and (max-width:768px){ 
	.sub-visual { height: 540px; padding-top: 124px; }
	.sub-visual .visual-text-wrap h2 { padding: 10px 0 26px; font-size: 46px; }
	.sub-visual .visual-text-wrap p:nth-child(3) { max-width: 300px; }
	.sub-visual .visual-btn-wrap { padding: 0 6px; margin-top: 36px; }
	.sub-visual .visual-img-wrap { margin-top: 44px; border-radius: 5px; box-shadow: 0px 6.12px 12.25px -3.06px #191A1B2E; }

	.features-section { padding-bottom: 80px; }
	.features-section::before { content: ''; display: block; aspect-ratio: 2/1; }
	.features-section ul { max-width: 400px; margin:0 auto; flex-direction: column; gap:20px; }

	.services-section { padding-bottom: 80px; }
	.services-content h4 { font-size: 24px; }
	.services-content li .icon { width: 44px; }

	.blog-section .blog-top .btn-link { display: none; }
	.blog-section .mb-view { text-align: right; }
	.blog-section .mb-view .btn-link { display: inline-flex; margin-top: 28px; }

	.workflow-section { padding: 0; }
	.workflow-content { padding: 80px 0; border-radius: 20px; /* background: url('/images/fect/workflow_bg_m.jpg') */ no-repeat center/cover; }
	.workflow-content:before {width: 90%; height: 100%; background-size: contain;}
	.workflow-content .description { margin: 20px auto 50px; }
	.workflow-content li dl { background: #FFFFFF1C; }
	.workflow-content li dl::before { background-position: 0; }

	.explore-section { padding: 80px 0; }
	.explore-section .explore-list { margin-top: 30px; }
	.explore-section .explore-list li { width: 200px; font-size: 13px; border-radius: 16px; box-shadow: 2.16px 2.16px 10.27px 0px #4364FF1F; }
	.explore-section .explore-list li::before { border-radius: 16px; }
	.explore-section .explore-list li a { padding: 15px; }
	.explore-section .explore-list .icon { width: 150px; margin:0 auto 10px; }

	.fect-01 .sub-visual-b .visual-imgs { aspect-ratio: unset; height: 846px; }
	.fect-01 .sub-visual-b .visual-imgs ul { max-width: 320px; margin:0 auto; }
	.fect-01 .sub-visual-b .visual-imgs li { width: 100%; margin-bottom: 10px; position: relative; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; transform: none !important; border-radius: 12px; }
	.fect-01 .sub-visual-b .visual-imgs li .line { display: none; }
	.fect-01 .sub-visual-b .visual-imgs li::before { display: none; }
	.fect-01 .sub-visual-b .visual-imgs li a { padding: 12px; }
	.fect-01 .sub-visual-b .visual-imgs li a::before { border-radius: 12px; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna { margin-bottom: 0; margin-top: 30px; }
	.fect-01 .sub-visual-b .visual-imgs .li-clearance { margin-top: 250px; }

	.fect-01 .sub-visual-b .visual-logo { width: 150px; top:44%; }
	.fect-01 .pin-gauge { top:44%; width: 42rem; }

	.fect-01 .sub-visual-b { padding: 124px 0 180px; }
	.fect-01 .sub-visual-b .h2-wrap h2 { font-size: 36px; }
	.fect-01 .sub-visual-b .visual-imgs li { height: 75px; }
	.fect-01 .sub-visual-b .visual-imgs li:not(.li-qna) .list-title::after { filter:invert(.5); right:2px; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna { color:white; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna a::before { opacity: 1; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna .list-title dd { color:white; }
	.fect-01 .sub-visual-b .visual-imgs .li-qna .list-title .icon::before { opacity: 1; }
	
	.fect-01 .sub-visual-b .visual-logo { z-index: 0; }
	.fect-01 .sub-visual-b .visual-logo::before { content: ''; z-index: -1; display: block; position: absolute; left:50%; top:50%; width: 270px; height: 269px; transform: translate(-50%,-50%); background: url('/images/fect/01__1_4.png') no-repeat center/contain; }
	
	.fect-services-content { padding: 80px 0; border-radius: 20px; }
	.fect-services-wrap { flex-wrap: wrap; padding: 10px; border-radius: 12px; background: var(--main-black); box-shadow: 3.29px 3.29px 9.86px 0px #0000001F; }
	.fect-services-content .description br { display: none; }
	.fect-services-visual { width: 100%; border-radius: 5px; }
	.fect-services-detail { width: 100%; }
	.fect-services-detail dt { font-size: 26px; }
	.fect-services-detail li { padding: 26px 10px 70px; }
	.fect-services-detail .swiper-pagination { left: 10px; bottom:10px; }
	.fect-services-detail .swiper-arrow { right: 10px; bottom:10px; }
	.fect-01 .why-section { padding: 80px 0 140px; }

	.marquee-wrap img { height: 66px; }

	.trade-efficiency-section .accordion-list > ul > li { padding: 24px 0; }
	.trade-efficiency-section .accordion-header { padding-left: 26px; }
	.trade-efficiency-section .accordion-header h4 { font-size: 20px; font-weight: 500; }
	.trade-efficiency-section .accordion-inner { flex-wrap: wrap; gap:18px; }
	.trade-efficiency-section .accordion-content { padding-top: 24px; padding-left: 0; }
	.trade-efficiency-section .accordion-inner .visual-content { width: 100%; height:133px; border-radius: 12px; }
	.trade-efficiency-section .accordion-inner .visual-content img { max-width: none; }
	.trade-efficiency-section .accordion-inner .text-content { width: 100%; }
	.trade-efficiency-section .accordion-inner ul { margin-top: 0; }
	.trade-efficiency-section .accordion-inner ul li { padding: 10px 0; padding-left: 20px; }
	.trade-efficiency-section .accordion-inner ul li:before { left: 8px; }
	.trade-efficiency-section .accordion-list > ul > li::before { width: calc(100% + 40px); left: -20px; }
}
@media screen and (max-width:480px){ 
	.workflow-content .workflow-list { width: 88%; margin-right: 20px; }
	.workflow-content li dl { margin-left:8%; max-width: 100%; padding: 26px 27px; text-align: left; }

	.workflow-content li dd br { display: none; }
}


/* Blog */
.blog h3 { font-size: 4rem; font-weight: 500; line-height: 1; }
.blog-h3-wrap { margin-bottom: 7rem; text-align: center; }
.blog-h3-wrap span { display: inline-block; margin-bottom: 1.5rem; color:transparent; background: linear-gradient(270deg, #2666E7 0%, #C360D9 147.4%); background-clip: text; -webkit-background-clip: text; font-size: var(--font-size-3); font-weight: 600; }
.blog-h3-wrap h3 { font-size: 9rem; font-weight: 600; line-height: 1.1; }
.blog-h3-wrap .description { margin-top: 3.5rem; font-size: var(--font-size-4); }

.blog-key-section { z-index: 1; position: relative; height: auto; padding: 21.8rem 0 0; }
.blog-key-section::before { content: ''; z-index: -1; position: absolute; inset: 0; height: 80%; background: linear-gradient(270deg, #E4ECFE 0%, #FBFCFF 100%); }
.blog-key-section::after { content: ''; z-index: -1; position: absolute; left:50%; top:60%; transform: translate(-50%,-50%); height: 100%; aspect-ratio: 1/1; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); opacity: 0.1; }
.blog-key-content { margin-top: 3rem; border-radius: 4rem; background: white; box-shadow: 0px 2.09px 15.69px 0px #11314B1F; }
.blog-key-content li a { display: flex; padding: 3rem; }
.blog-key-content .cont-img { width: 47%; max-width: 683px; aspect-ratio: 683/467; border-radius: 2.5rem; overflow: hidden; }
.blog-key-content .cont-img img { max-width: none; height: 100%; object-fit: cover; }
.blog-key-content .cont-text { flex:1; padding: 4.6rem 0 6.5rem 9rem; }
.blog-key-content .cont-text dl { max-width: 592px; }
.blog-key-content .cont-text dt { margin: 2rem 0 2.5rem; font-size: 4rem; line-height: 1.3; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.blog-key-content .cont-text dd { color: var(--sub-black); font-size: var(--font-size-5); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.blog-key-section .swiper-arrow { display: flex; position: absolute; right:3rem; bottom:3rem; gap:12px; z-index: 1; animation: fadeUp 0.7s ease-out forwards; animation-delay: 0.3s; opacity: 0;}
.blog-key-section .swiper-arrow.active { display: flex;}
.blog-key-section .swiper-arrow div { position: relative; }
@keyframes fadeUp {
	from {
		transform: translateY(70px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

	/* .blog-01 .blog-key-section { height: 100vh; } */
	.blog-01 .blog-key-section::before { height: 91rem; }

.blog-post-section { padding: 17rem 0; }
.blog-post-section .blog-list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top: 5rem; }
.blog-post-section .blog-list li { width: 100%; }

/* Category Tab */
.category-tabs { margin:0; }
.category-tabs li { width: fit-content; padding: 0 18px; font-size: var(--font-size-4); line-height: 1.1; font-weight: 500; opacity: .5; cursor: pointer; }
.category-tabs li.active { opacity: 1; font-weight: 700; }
.tab-content { display: none; }
.tab-content.on { display: block; }

/* Search */
.srch-box { display: flex; justify-content: space-between; align-items: center; } 
.srch-box .input-box { position: relative; }
.srch-box .input-box input[type="text"] { width: 100%; min-width: 34rem; height: 44px; padding: 0 18px; padding-right: 44px; border-radius: 10px; border: 0; font: var(--eng-txt18); background-color: transparent; border: 1px solid #DDDDDD; font-size: var(--font-size-5); }
.srch-box .input-box input[type="text"]::placeholder { color: var(--sub-black); }
.srch-box .input-box input[type="text"]:focus { outline: 1px solid var(--key-color); }
.srch-box .input-box > button { display: block; position: absolute; right:0; top:0; width: 44px; height: 100%; font-size: 0; text-indent: -9999px; background: url('/images/blog/ico_srch.svg') no-repeat center/18px; }

/* Pagination */
.pagination-wrap ul { display: flex; justify-content: center; align-items: center; margin-top: 6rem; }
.pagination-wrap ul li { display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem; border-radius: 1rem; font-size: var(--font-size-5); color: #4C4C4C; position: relative; cursor: pointer; }
.pagination-wrap ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.pagination-wrap ul li:not(.num) { font-size: 0; text-indent: -9999px; }
.pagination-wrap ul li.prev { margin-right:10px; background: url('/images/blog/page_arw.svg') no-repeat center/contain; transform: scale(-1); }
.pagination-wrap ul li.next { margin-left:10px; background: url('/images/blog/page_arw.svg') no-repeat center/contain; }
.pagination-wrap ul li.un-active { opacity: 0.3; cursor: default; }
.pagination-wrap ul li.num.on { background-color: var(--main-black); color:white; cursor: default; }


/* Blog View */
.blog-view .blog-h3-wrap span { margin-bottom: 2.4rem; }
.blog-view .blog-h3-wrap h3 { font-size: 6rem; }
.blog-view .blog-view-section { z-index: 1; position: relative; padding: 23.4rem 0 17rem; text-align: center; }
.blog-view .blog-view-section::before { z-index: -1; content: ''; position: absolute; inset: 0; height: 776px; background: linear-gradient(270deg, #E4ECFE 0%, #FBFCFF 100%); }
.blog-view .blog-view-section::after { content: ''; z-index: -1; position: absolute; left:50%; top:10%; transform: translateX(-50%); height: 990px; aspect-ratio: 1/1; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); opacity: 0.1; }
.blog-view .blog-view-section .inner { max-width: 1320px; }
.blog-view .blog-view-section .date { margin-top: 4.8rem; font-size: var(--font-size-4); line-height: 1; color:var(--sub-black); }
.blog-view .blog-view-content { padding: 5.6rem 5.6rem 8rem; box-shadow: 0px 4px 30px 0px #11314B1F; background: white; border-radius: 4rem; text-align: left; }
.blog-view .view-blog-img { aspect-ratio: 1210/607; border-radius: 2.5rem; overflow: hidden; }
.blog-view .view-blog-img img { max-width: none; height: 100%; object-fit: cover; }
.blog-view .view-blog-wrap { padding: 4rem 6rem 0; }
.blog-view .view-blog-text { font-size: var(--font-size-4); color:var(--sub-black); }
.blog-view .view-blog-text * { line-height: 1.5; font:revert; }
.blog-view .view-blog-text ul { list-style: disc; padding-left: 18px; }
.blog-view .view-blog-text ol { list-style: auto; }
.blog-view .view-blog-files { margin-top: 3rem; font-size: var(--font-size-5); color:var(--sub-black); }
.blog-view .view-blog-files a { position: relative; padding-left: 2.7rem; text-decoration: underline; text-underline-offset: 2px; }
.blog-view .view-blog-files a::before { content: ''; display: block; width: 2rem; aspect-ratio: 1/1; position: absolute; left: 0; top:2px; background: url('/images/blog/ico_file.svg') no-repeat center/contain; }
.blog-view .btn-link { width: 17rem; margin:7rem auto 0; background: var(--key-color); color:white; }
.blog-view .btn-link:hover { background: var(--main-black); }
.blog-view .btn-link::after { filter: saturate(0) brightness(10); }
.blog-view .btn-link .trans-x-box > span::after { color:white; }


@media screen and (max-width:1200px){ 
	.blog-key-section { padding: 20rem 0 0; }
		.blog-01 .blog-key-section { height: auto; padding: 20rem 0 17rem; }
	.blog-key-content .cont-text { padding: 3rem 0 5rem 6rem; }
	.blog-key-content .cont-text dt { margin:12px 0 12px; font-size: 30px; }
	.blog-key-section .swiper-arrow { gap:8px; }
	.blog-key-section .swiper-button-prev,
	.blog-key-section .swiper-button-next { width: 34px; background-size: 34px; }

	.blog-view .blog-view-section { padding: 20rem 0 17rem; }
}
@media screen and (max-width:1024px){ 
	.blog-h3-wrap { margin-bottom: 44px; }
	.blog-key-section::before { height: 100%; }
	.blog-01 .blog-key-section::before {height: 100%;}
		.blog-01 .blog-key-section { padding: 20rem 0 12rem; }
	.blog-post-section { padding: 12rem 0; }
	.blog-post-section .blog-list ul { grid-template-columns: repeat(2, 1fr); }

	.blog-view .blog-view-section { padding: 20rem 0 12rem; }
	.blog-view .blog-view-section::before { height: 600px; }
	.blog-view .blog-view-content { padding: 20px 20px 47px; }
	.blog-view .view-blog-wrap { padding: 30px 15px 0; }

	.srch-box { flex-wrap: wrap; }
	.srch-box .input-box { width: 100%; margin-top: 20px; }
}
@media screen and (max-width:768px){ 
	.blog h3 { padding-left: 10px; font-size: 30px; }
	.blog-h3-wrap { margin-bottom: 30px; }
	.blog-h3-wrap h3 { font-size: 42px; }
	.blog-h3-wrap span { margin-bottom: 10px; }
	.blog-key-section { padding: 125px 0; }
		.blog-01 .blog-key-section { padding: 125px 0; }
	.blog-key-section .swiper-arrow { bottom:-50px; transform: translateY(100%); }
	.blog-key-content { border-radius: 20px; box-shadow: 0px 4px 15px 0px #11314B14; }
	.blog-key-content li a { display: block; padding: 14px; }
	.blog-key-content .cont-img { width: 100%; border-radius: 10px; }
	.blog-key-content .cont-text { flex:auto; padding: 20px 10px 47px; }
	.blog-key-content .cont-text dt { font-size: 20px; }
	.blog-key-content .cont-text dd { -webkit-line-clamp: 2; }

	.blog-post-section { padding: 80px 0 100px; }
	.blog-post-section .blog-list ul { margin-top: 40px; }
	
	.blog-view .blog-h3-wrap span { margin-bottom: 10px; }
	.blog-view .blog-h3-wrap h3 { font-size: 30px; }
	.blog-view .blog-view-section { padding: 125px 0; }
	.blog-view .blog-view-section::before { height: 60vh; }
	.blog-view .blog-view-section::after { height: 500px; }
	.blog-view .blog-view-content { padding: 14px 14px 47px; border-radius: 20px; box-shadow: 0px 4px 15px 0px #11314B14; }
	.blog-view .view-blog-wrap { padding: 20px 10px 0; }
	.blog-view .btn-link { margin-top: 36px; }

	.category-tabs li { padding: 0 8px; }
	.category-tabs li span { position: relative; display: block; padding-bottom: 4px; }
	.category-tabs li.active span::before { content: ''; display: block; width: 100%; height:2px; position: absolute; left: 0; bottom:0; background: var(--main-black); }

}
@media screen and (max-width:650px){ 
	.pagination-wrap ul { margin-top: 10px; }
	.blog-post-section .blog-list ul { grid-template-columns: repeat(1, 1fr); }
}



/* KB */
.kb-01 .sub-visual-a { padding-bottom: 17rem; }
.kb-01 .sub-visual-a::before { height: 100%; }
.kb-01 .h2-wrap { margin-bottom: 0; }
.kb-01 .h2-wrap .description { margin-bottom: 0; }

.diagram-section { position: relative; padding: 17rem 0; text-align: center; overflow: hidden; }
.diagram-content { position: relative; text-align: left; }
.diagram-content .diagram-img { position: relative; width: 50%; margin:0 auto; text-align: center; }
.diagram-content .diagram-img img:nth-child(2) { z-index: 3; position: absolute; inset: 0; }
.diagram-content li { position: absolute; width: 23%; }
.diagram-content dt { overflow: hidden; font-size: var(--font-size-3); font-weight: 600; text-transform: capitalize; letter-spacing: -.8px; }
.diagram-content dd { overflow: hidden; margin-top: 12px; font-size: var(--font-size-5); color:var(--sub-black); }
.diagram-content dl span { display: block; }
.diagram-content .marker { position: absolute; top:4rem; overflow: hidden; height: 5px; width: 50%; }
.diagram-content .marker .line { position: absolute; left:0; top:2px; width: 100%; height: 1px; border:1px dashed #85A9F2; }
.diagram-content .marker .circle { display: inline-block; position: absolute; width: 5px; height: 5px; top:50%; transform: translateY(-50%); background: #85A9F2; border-radius: 50%; }
	.diagram-content li:nth-child(1) { padding-right: 2.5rem; left:0; top:15%; text-align: right; }
	.diagram-content li:nth-child(2) { padding-left: 2.5rem; right:0; top:15%; }
	.diagram-content li:nth-child(3) { padding-right: 2.5rem; left:0; top:63%; text-align: right; }
	.diagram-content li:nth-child(4) { padding-left: 2.5rem; right:0; top:63%; }
	.diagram-content li:nth-child(odd) .marker { right:0; transform: translate(100%); }
	.diagram-content li:nth-child(even) .marker { left:0; transform: translate(-100%); }
	.diagram-content li:nth-child(odd) .circle { left: 0; }
	.diagram-content li:nth-child(even) .circle { right: 0; }

.kb-01 .sticky-section { background: #EDF4FFCC; }
.kb-01 .sticky-section::before { display: none; }
.kb-01 .sticky-section .sticky-text dl:nth-child(4) { border-bottom: none; }
.kb-01 .sticky-section .box-text { padding: 2rem 3.5rem; margin-top: 4.5rem; border-radius: 2rem; background: #F6F7F9; font-size: var(--font-size-5); }
.kb-01 .sticky-section .box-text p { line-height: 1.6; }
.kb-01 .sticky-section .sticky-text h4 { color:var(--key-color); }

.success-stories-section .inner::before { display: none; }

.efficiency-section { padding: 17rem 0; color:white; background: linear-gradient(270deg, #293D95 -15.79%, #101B35 100%); text-align: center; }
.efficiency-section .inner { max-width: 1320px; }
.efficiency-section .h3-wrap span { color:white; }
.efficiency-section .h3-wrap span::before { filter: saturate(0) brightness(10); }
.efficiency-section .h3-wrap b { font-weight: 500; color:transparent; background: linear-gradient(103.93deg, #46C3FE 8.68%, #9A41FF 94.32%); background-clip: text; -webkit-background-clip: text; }
.efficiency-section .h3-wrap + .description { color:white; }
.efficiency-list { text-align: left; }
.efficiency-list ul { display: flex; flex-direction: column; gap:3rem; }
.efficiency-list li { z-index: 1; position: relative; display: flex; align-items: center; gap:4.6rem; padding: 6rem 5.2rem; background: #FFFFFF0D; border-radius: 3rem; overflow: hidden; transition: .6s ease-in-out; }
.efficiency-list li::before { z-index: -1; content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 3rem; background-size: 300%; background-position: 0; transition: .6s ease-in-out;}
.efficiency-list li:hover::before { background: linear-gradient(170deg, #FFFFFF -13%, rgba(255, 255, 255, 0) 85%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.efficiency-list li .icon { width: 8rem; flex-shrink: 0; }
.efficiency-list dl { display: flex; align-items: center; }
.efficiency-list dt { width: 36.4rem; font-size: 2.6rem; font-weight: 600; text-transform: capitalize; }
.efficiency-list dd { flex:1; font-size: var(--font-size-5); }

.faq-section { position: relative; padding: 17rem 0; text-align: center; overflow: hidden; }
.faq-section::before { content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); height:100%; aspect-ratio: 1/1; background: radial-gradient(50% 50% at 50% 50%, #155EEF 0%, #155EEF00 100%); border-radius: 50%; opacity: 0.1; }
.faq-section .inner { max-width: 1440px; }
.faq-section .accordion-list { text-align: left; }
.faq-section .accordion-list > ul { display: flex; flex-direction: column; gap:1.8rem; }
.faq-section .accordion-list > ul > li { padding: 3.2rem 5rem 0; border-radius: 2rem; box-shadow: 0px 4px 22px 0px #11314B0F; background: white; cursor: pointer; }
.faq-section .accordion-header { position: relative; display: flex; gap:12px; justify-content: space-between; padding-bottom: 3.2rem; padding-left: 7rem; }
.faq-section .accordion-header span { position: absolute; left:0; top:0; font-size: var(--font-size-4); text-transform: capitalize; color: var(--key-color); font-weight: 600; }
.faq-section .accordion-header h4 { font-size: var(--font-size-5); font-weight: 500; line-height: 1; text-transform: capitalize; }
.faq-section .accordion-header .arrow { flex-shrink: 0; position: relative; width: 20px; height: 20px; } 
.faq-section .accordion-header .arrow::before,
.faq-section .accordion-header .arrow::after { content: ''; width: 100%; height: 1.5px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: var(--main-black); transition: transform 0.3s ease; }
.faq-section .accordion-header .arrow::after { transform: translate(-50%,-50%) rotate(90deg); }
.faq-section .accordion-content { padding:2.3rem 0 5rem; border-top:1px solid #DDDDDD; font-size: var(--font-size-5); color:var(--sub-black); }
.faq-section .accordion-content { position: relative; padding-left: 7rem; }
.faq-section .accordion-inner { padding-right: 20px; }
.faq-section .accordion-inner > span { position: absolute; left:0; top:2.3rem; font-size: var(--font-size-4); text-transform: capitalize; font-weight: 600; }
.faq-section li.active .arrow::after { transform: translate(-50%,-50%) rotate(0); }

@media screen and (max-width:1400px){ 
	.efficiency-list li { gap:3rem; }
	.efficiency-list dt { width: 31.6rem; }
	.efficiency-list dd br { display: none; }
}
@media screen and (max-width:1024px){ 
	.diagram-content li { width: 25%; }
	.diagram-content .marker { width: 40%; }
	.diagram-content li:nth-child(1) { top:13%; }
	.diagram-content li:nth-child(2) { top:13%; }
	.diagram-content li:nth-child(3) { top:60%; }
	.diagram-content li:nth-child(4) { top:60%; }

}
@media screen and (max-width:768px){ 
	.kb-01 .sub-visual-a { padding-bottom: 105px; }
	.diagram-section { padding: 80px 0 140px; }

	.diagram-content .diagram-img { max-width: 320px; width: 100%; }
	.diagram-content li { width: 100%; padding-left: 84px !important; padding-right: 0 !important; position: relative; left:auto !important; top:auto !important; right:auto !important; text-align: left !important; margin-top: 30px; }
	.diagram-content dd { margin-top: 8px; }
	.diagram-content .marker { width: 70px; height: 44px; right:auto !important; left:0 !important; top:-10px !important; transform: none !important; }
	.diagram-content .marker .circle { right:0 !important; left:auto !important; }
	.diagram-content .marker .line { top:21px; }
	.diagram-content li .marker::after { content: ''; display: block; aspect-ratio: 1/1; width: 44px; position: absolute; left:0; }
	.diagram-content li:nth-child(1) .marker::after { background: url('/images/kb/01__1_3_m.png') no-repeat center/contain; }
	.diagram-content li:nth-child(2) .marker::after { background: url('/images/kb/01__1_4_m.png') no-repeat center/contain; }
	.diagram-content li:nth-child(3) .marker::after { background: url('/images/kb/01__1_5_m.png') no-repeat center/contain; }
	.diagram-content li:nth-child(4) .marker::after { background: url('/images/kb/01__1_6_m.png') no-repeat center/contain; }

	.kb-01 .sticky-section .sticky-text { padding-bottom: 0px; }
	.kb-01 .sticky-section .box-text { width: calc(100% + 36px); padding: 28px 18px; position: relative; left:-18px; margin-top: 4px; border-radius: 12px; }

	.efficiency-section { padding: 80px 0; }
	.efficiency-list li { flex-wrap:wrap; gap:28px; padding: 28px 28px 26px; border-radius: 20px; }
	.efficiency-list li .icon { width: 44px; }
	.efficiency-list li::before { border-radius: 20px; }
	.efficiency-list dl { flex-wrap: wrap; gap:8px; }
	.efficiency-list dt { width: 100%; }
	.efficiency-list ul { gap:20px; }

	.faq-section { padding: 80px 0; }
	.faq-section .accordion-list > ul > li { padding: 23px 18px 0; border-radius: 12px; }
	.faq-section .accordion-header .arrow { width: 14px; height: 14px; }
	.faq-section .accordion-header .arrow::before, .faq-section .accordion-header .arrow::after { height: 1px; }
	.faq-section .accordion-header { padding-bottom: 23px; padding-left: 33px; }
	.faq-section .accordion-content { padding-left: 33px; padding-bottom: 32px; }
	.faq-section .accordion-content br { display: none; }
	.faq-section .accordion-list > ul { gap:14px; }
}


/* Careers */
.careers .visual-buttons { display: flex; justify-content: center; gap:1.5rem; }
.careers .visual-buttons a:nth-child(1) { background: var(--gradient-color); color:white; }
.careers .visual-buttons a:nth-child(1)::after { filter: saturate(0) brightness(10); }
.careers .visual-buttons a:nth-child(1)::before { content: ''; z-index: -1; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #00000033; opacity: 0; transition: .3s ease-in-out; }
.careers .visual-buttons a:nth-child(1):hover::before { opacity: 1; }
.careers .visual-buttons a .trans-x-box > span::after { color:white; }
.careers .visual-buttons a:nth-child(2) { background: white; }
.careers .visual-buttons a:nth-child(2):hover { background: var(--main-black); }
.careers .visual-buttons a:nth-child(2):hover::after { filter: saturate(0) brightness(10); }

.careers .sub-visual-a { padding-bottom: 17rem; }
.careers .sub-visual-a::before { height: 100%; }
.careers .sub-visual-a .description { margin-bottom: 7rem; }

.careers .sub-contents { position: relative; }
.careers .sub-contents::before { content: ''; position: absolute; right:5%; top:-10rem; width: 20rem; aspect-ratio: 200/255; background: url('/images/main/main_deco_1.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }

.careers .sticky-section { background:#F6F7F9; }
.careers .sticky-section::before { display: none; }

.careers-01 .borderless-growth-section { position: relative; padding-bottom: 30rem; overflow: hidden; }
.careers-01 .borderless-growth-section .inner::before { display: none; }
.careers-01 .borderless-growth-section ul { grid-template-columns:repeat(3, 1fr); gap: 3rem;}
.careers-01 .borderless-growth-section li { flex-direction: column; gap:4.5rem; padding-bottom: 7.5rem; }

.careers-01 .contact-section { position: relative; background: linear-gradient(180deg, #F6F7F9 0%, #FFFFFF00 100%); }
.careers-01 .contact-section::before { z-index: 1; content: ''; position: absolute; left:7%; top:-8rem; width: 16.4rem; aspect-ratio: 164/170; background: url('/images/main/main_deco_2.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.careers-01 .contact-section .contact-content { height: 53.4rem; }
.careers-01 .contact-section .contact-content .contact-bg {height: 120%; background: url('/images/careers/careers_contact_bg02.jpg') no-repeat center/cover; }
.careers-01 .contact-section .contact-content .inner .h3-wrap h3 {font-size: 5rem; font-weight: 500; color: #101828;}

.careers-02 .contact-section { position: relative; background: #fff}
.careers-02 .contact-section::before { z-index: 1; content: ''; position: absolute; left:7%; top:-8rem; width: 16.4rem; aspect-ratio: 164/170; background: url('/images/main/main_deco_2.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.careers-02 .contact-section .contact-content { height: 53.4rem; }
.careers-02 .contact-section .contact-content .contact-bg {height: 120%; background: url('/images/careers/careers_contact_bg02.jpg') no-repeat center/cover; }
.careers-02 .contact-section .contact-content .inner .h3-wrap h3 {font-size: 5rem; font-weight: 500; color: #101828;}

.talents-section { padding: 17rem 0 0; text-align: center; }
.talents-section .inner { max-width: 1440px; }
.talents-section ul { display: flex; gap:2.6rem; }
.talents-section li { position: relative; flex:1; border-radius: 3rem; overflow: hidden; color:white; font-weight: 700; font-size: 2.6rem; text-transform: capitalize; cursor: pointer; }
.talents-section li img { width: 100%; height: 100%; object-fit: cover; transition: .6s; }
.talents-section .team-name { height: 2.6rem; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); transition: .4s; }
.talents-section .team-name p { white-space: nowrap; }
.talents-section .arrow { position: relative; width: 2rem; margin: 2rem auto 0; aspect-ratio: 1/1; opacity: 0; transition: .4s; }
.talents-section .arrow::before,
.talents-section .arrow::after { content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 100%; height: 1px; background: white; transition: transform 0.3s ease; }
.talents-section .arrow::after { transform: translate(-50%,-50%) rotate(90deg); }
.talents-section li:hover img { transform: scale(1.05); }
.talents-section li:hover .arrow { opacity: 1; }
.talents-section li:hover .team-name { transform: translate(-50%, -100%); }

.popup-talent { display: none; position: fixed; inset: 0; background: #000000B2; z-index: 103; }
.popup-talent .popup-close { z-index: 2; position: absolute ; top:3rem; right:4rem; width: 5rem; aspect-ratio: 1/1; cursor: pointer; }
.popup-talent .popup-close span { display: block; background-color: var(--main-black); position: absolute; width: 2px; height: 24px; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.popup-talent .popup-close span:nth-child(2) { transform: translate(-50%,-50%) rotate(135deg); }
.popup-talent .popup-wrap { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 92%; padding: 3.8rem 6rem; max-width: 1000px; aspect-ratio: 1000/710; background: white; border-radius: 3rem; }
.popup-talent .popup-wrap h4 { display: flex; align-items: center; gap:1rem; margin-bottom: 3rem; font-size: var(--font-size-2); font-weight: 600; }
.popup-talent .popup-wrap h4::before { content: ''; display: block; width: 1rem; aspect-ratio: 1/1; background: var(--key-color); border-radius: 50%; }
.popup-talent .popup-cont { width: 100%; height: 100%; overflow: auto; padding-right: 16px; }
.popup-talent .popup-cont dl { position: relative; margin-top: 16px; padding: 2.8rem 3.7rem; border-radius: 2rem; background: #F6F7F9; }
.popup-talent .popup-cont dl:first-child { margin-top: 0; }
.popup-talent .popup-cont dt { color:var(--key-color); font-weight: 600; font-size: var(--font-size-4); }
.popup-talent .popup-cont dd { margin-top: 12px; }
.popup-talent .popup-cont .basic-list ul li { padding-left: 2rem; position: relative; font-size: var(--font-size-5); color:var(--sub-black); } 
.popup-talent .popup-cont .basic-list ul li:before { content: "•"; position: absolute; left: .3rem; }
.popup-talent .popup-cont .hiring-list ul { display: flex; margin-top: 3.3rem; }
.popup-talent .popup-cont .hiring-list ul::before { content: ''; position: absolute; width: 100%; height: 1px; border-top:1px dashed #DDDDDD; top:10.6rem; left:0; }
.popup-talent .popup-cont .hiring-list ul li { position: relative; flex:1; font-size: 1.6rem; color: var(--sub-black); text-align: center; }
.popup-talent .popup-cont .hiring-list ul li .icon { width: 4rem; aspect-ratio: 1/1; margin: 0 auto 1.6rem; }
.popup-talent .popup-cont .hiring-list ul li:not(:last-child)::after { content: ''; position: absolute; right:0; top:2rem; transform: translate(-50%,-50%); width: 7px; aspect-ratio: 1/1; background: url('/images/careers/talent_arw.svg') no-repeat center/contain; }
.popup-talent .popup-cont::-webkit-scrollbar { width: 3px; }
.popup-talent .popup-cont::-webkit-scrollbar-thumb { background-color: #A9A9A9; }
.popup-talent .popup-cont::-webkit-scrollbar-track { background-color: white; }

@media screen and (max-width:1200px){ 
	.talents-section ul { gap:16px; }
}
@media screen and (max-width:768px){ 
	.careers .sub-visual-a { padding-bottom: 105px; }
	.careers .sub-visual-a .description { margin-bottom: 34px; }
	.careers .sub-contents::before { right:0; width: 80px; top:-6rem; }
	.careers-01 .borderless-growth-section li { padding: 28px 28px 32px; }
	.careers-01 .borderless-growth-section ul { gap:18px; }
	.careers-01 .borderless-growth-section { padding-bottom: 148px; }

	.careers-01 .contact-section::before { width: 74px; top:-4rem; }
	.careers-01 .contact-section .contact-content { height: 342px; }
	.careers-01 .contact-section .contact-content .inner .h3-wrap h3 {font-size: 24px; line-height: 26px;}
	.careers-01 .contact-section .contact-content .inner .h3-wrap h3 span {font-size: 24px; line-height: 26px;}


	.careers-02 .contact-section::before { width: 74px; top:-4rem; }
	.careers-02 .contact-section .contact-content { height: 342px; }
	.careers-02 .contact-section .contact-content .inner .h3-wrap h3 {font-size: 24px; line-height: 26px;}
	.careers-02 .contact-section .contact-content .inner .h3-wrap h3 span {font-size: 24px; line-height: 26px;}
	
	.talents-section { padding: 80px 0 0; }
	.talents-section ul { flex-direction: column; gap:20px; }
	.talents-section ul li { height: 272px; flex:auto; }
	.talents-section ul li img { max-width: none; height: 100%; object-fit: cover; }
	.talents-section .team-name { height: auto; transform: translate(-50%,-50%) !important; }
	.talents-section .arrow { opacity: 1; }

	.popup-talent .popup-wrap { aspect-ratio: auto; padding: 38px 22px; }
	.popup-talent .popup-close { top:16px; right:16px; }
	.popup-talent .popup-wrap h4 { margin-bottom: 14px; }
	.popup-talent .popup-cont { height: 64vh; }
	.popup-talent .popup-cont dl { padding: 20px; margin-top: 12px; }
	.popup-talent .popup-cont dd { margin-top: 8px; }
	.popup-talent .popup-cont .hiring-list ul::before { top:10rem; }
}
@media screen and (max-width:480px){ 
	.careers .h2-wrap .description br { display: none; }
	.careers .visual-buttons { flex-direction: column; gap:14px; align-items: center; }
	.careers .visual-buttons a { width: fit-content; }

	.talents-section .team-name { font-size: 18px; display: flex; align-items: center; gap:12px; }
	.talents-section .arrow { margin:0; }

	.popup-talent .popup-cont .hiring-list ul { position: relative; margin-top: 14px; flex-direction: column; gap:20px; }
	.popup-talent .popup-cont .hiring-list ul::before { height: 100%; width: 1px; left:20px; top:0; border-left:1px dashed #DDDDDD; border-top:none; }
	.popup-talent .popup-cont .hiring-list ul li { display: flex; text-align: left; gap:16px; align-items: center; }
	.popup-talent .popup-cont .hiring-list ul li .icon { width: 40px; margin:0; }
	.popup-talent .popup-cont .hiring-list ul li:not(:last-child)::after { right:auto; left:20px; top:auto; bottom: -18px; transform: translate(-50%,-50%) rotate(90deg); }
}


/* Contact Us */
.contact .sub-visual-a {position: inherit;}
.contact .sub-visual-a::before {height: 77.5rem;}
.contact .sub-visual-a::after {width: 100%;}
.form-section { position: relative; z-index: 5; padding-bottom: 17rem; }
.form-section .inner { max-width: 1320px; }
.form-section .inner::before { content: ''; position: absolute; right:-6%; top:-15rem; width: 18rem; aspect-ratio: 200/255; background: url('/images/main/main_deco_1.png') no-repeat center/contain; pointer-events: none; animation: float 3s ease-in-out infinite; }
.form-section .form-content { border-radius: 4rem; background: white; box-shadow: 0px 4px 30px 0px #11314B0F; }
.form-content { display: flex; flex-direction: column; gap:13.4rem; padding: 8.4rem; font-size: var(--font-size-5); }
.form-content h4 { font-size: 2.6rem; font-weight: 600; text-transform: capitalize; }
.form-content label { display: flex; align-items: center; margin-bottom: 2rem; font-size: var(--font-size-4); font-weight: 500; text-transform: capitalize; }
.form-content small { margin-left:2.8rem; font-size: var(--font-size-5); color: var(--sub-black); }
.form-content input[type="text"],
.form-content select { width: 100%; height: 6rem; padding: 0 2.4rem; background: #F6F7F9; border-radius: 8px; border:none; }

.select-menu { position: relative; }
.select-menu .select-selected { width: 100%; height: 6rem; padding: 0 2.4rem; background: #F6F7F9 url('/images/common/select_arw.svg') no-repeat center right 24px / 16px !important; border-radius: 8px; cursor: pointer; }
.select-menu ul { z-index: 5; display: none; position: absolute; left: 0; bottom:-8px; transform: translateY(100%); width: 100%; padding: 12px 0; border-radius: 8px; box-shadow: 0px 0px 8px 0px #203A721F; background: white; }
.select-menu ul button { width: 100%; height: 100%; padding: 4px 22px; height: 40px; text-align: left; color:var(--sub-black); }
.select-menu ul button:hover { color:var(--key-color); text-decoration: underline; text-underline-offset: 2px; font-weight: 700; }

.form-content input:focus { outline-color: var(--key-color); }
.form-content textarea { width: 100%; height: 24rem; padding: 1.9rem 2.4rem; background: #F6F7F9; border-radius: 8px; border:none; }
.form-content textarea:focus { outline-color: var(--key-color); }
.form-content input::placeholder,
.form-content textarea::placeholder { color:#A3A3A3 }
.form-content .required::before { content: '*'; display: inline-block; margin-right: 4px; color:var(--key-color); }
.form-content .policy-box { display: flex; flex-direction: column; gap:1.4rem; width: 100%; height: 24rem; padding: 1.9rem 2.4rem; background: #F6F7F9; border-radius: 8px; border:none; overflow-y: auto; color:#A3A3A3; }
.form-content .policy-box ol { display: flex; flex-direction: column; gap:1.4rem; padding-left: 1.8rem; }
.form-content .policy-box ul { padding-left: 1.8rem; }
.form-content .policy-box ol li { list-style: auto; }
.form-content .policy-box ul li { list-style: disc; }
.form-content .policy-box ol li p { margin-top: 5px; }

.radio-group { display: grid; grid-template-columns: repeat(5, 1fr); gap:2.6rem; margin-top: 3rem; }
.radio-group input { display: none; }
.radio-group label { justify-content: center; margin-bottom: 0 !important; aspect-ratio: 210/134; border-radius: 8px; background: #F6F7F9; color:var(--sub-black); cursor: pointer; text-align: center; }
.radio-group input:checked + label { background: linear-gradient(180deg, #99A8EF 0%, #155EEF 100%); color:white; }

.check-group { position: relative; padding-left: 3rem; }
.check-group input { display: none; }
.check-group label { margin-bottom: 0; color:var(--sub-black); cursor: pointer; text-transform: none; font-weight: 300; }
.check-group label::before { content: ''; position: absolute; left: 0; top:1px; display: inline-block; width: 2.2rem; aspect-ratio: 1/1; background: url('/images/common/check.svg') no-repeat center/contain; }
.check-group input:checked + label::before { background: url('/images/common/checked.svg') no-repeat center/contain; }

.h4-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap:10px; }
.h4-wrap .required { color:var(--sub-black); }
.check-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap:2rem; margin-top: 2rem; }

.input-groups .input-group { display: flex; gap:4.2rem; width: 100%; margin-top: 4.4rem; }
.input-groups .input-group > div { flex:1; }

.file-group { position: relative; }
.file-group input[type="text"] { padding-right: 12rem; }
.file-group input[type="file"] { display: none; }
.file-group label { position: absolute; right:1.3rem; top:50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 10.4rem; height: 34px; text-align: center; border-radius: 2rem; color:white; background: var(--key-color); font-size: 14px; font-weight: 600; line-height: 1.1; cursor: pointer; }

.form-section .btn-link { width: 17rem; margin:7rem auto 0; background: var(--key-color); color:white; }
.form-section .btn-link:hover { background: var(--main-black); }
.form-section .btn-link::after { filter: saturate(0) brightness(10); }
.form-section .btn-link .trans-x-box > span::after { color:white; }

@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
}

@media screen and (max-width:1200px){ 
	.form-section { padding-bottom: 12rem; }
}
@media screen and (max-width:1024px){ 
	.form-content { padding: 5rem; gap:10rem; }
	.form-content label { margin-bottom: 10px; }
	.form-section .inner::before { width: 14rem; top:-10rem; }

	.radio-group { gap:1.5rem; } 

	.input-groups .input-group { margin-top: 30px; gap:24px; }
	.select-menu .select-selected { background: #F6F7F9 url('/images/common/select_arw.svg') no-repeat center right 12px / 10px !important; }
}
@media screen and (max-width:768px){ 
	.contact .sub-visual-a::before {height: 55.5rem;}
	.form-section { padding-bottom: 100px; }


	.form-section .inner::before { display: none; }
	.form-content { padding: 32px 20px; border-radius: 20px; }
	.form-content h4 { font-size: 17px; }

	.radio-group { display: flex; flex-direction: column; gap:10px; margin-top: 20px; }
	.radio-group label { aspect-ratio: auto; height: 39px; border-radius: 5rem; color:var(--main-black); }
	.radio-group label br { display: none; }
	
	.form-content { gap:54px; }
	.form-content input[type="text"], .form-content select { height: 44px; padding: 0 14px; border-radius: 6px; }
	.form-content textarea { height: 132px; border-radius: 6px; }
	.form-content .policy-box { height: 132px; border-radius: 6px; }
	
	.form-content label { flex-wrap:wrap; }
	.form-content small { margin-left: 0; margin-top: 6px; }
	
	.input-groups .input-group { flex-wrap:wrap; }
	.input-groups .input-group > div { flex:auto; width: 100%; }
	
	.file-group label { height: 30px; }

	.select-menu ul { padding: 8px 0; }
	.select-menu ul button { height: 38px; }

	.form-section .btn-link { margin-top: 36px; }
}
@media screen and (max-width:540px){ 
	.h4-wrap .required { width: 100%; text-align: right; }
}


/* Policy */
.policy { padding: 28.8rem 0 17rem; }
.policy .inner { max-width: 1400px; }
.policy h2 { font-size: 6.6rem; line-height: 1.1; font-weight: 600; }
.policy .h2-wrap { display: flex; justify-content: space-between; align-items: end; padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 1px solid var(--sub-black); }
.policy .h2-wrap select { width: 368px; height: fit-content; font-size: var(--font-size-5); padding: 1rem 1.9rem; border: 1px solid var(--sub-black); cursor: pointer; background: white url('/images/common/policy_arw.svg') no-repeat center right 20px / 12px; border-radius: 5rem; color:var(--sub-black) }
.policy .policy-item { margin-top: 14px; padding: 0 3.8rem; background: #F6F7F9; border-radius: 1.6rem; }
.policy .policy-item-title { position: relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 3.3rem 0; padding-left: 7rem; font-size: var(--font-size-5); font-weight: 500; line-height: 1.2; }
.policy .policy-item-title span { position: absolute; left:0; color:var(--key-color); font-size: var(--font-size-4); font-weight: 600; }
.policy .policy-item-title .arrow { position: relative; width: 20px; height: 20px; } 
.policy .policy-item-title .arrow::before,
.policy .policy-item-title .arrow::after { content: ''; width: 100%; height: 1.5px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: var(--main-black); transition: transform 0.3s ease; }
.policy .policy-item-title .arrow::after { transform: translate(-50%,-50%) rotate(90deg); }
.policy .policy-item-title.active .arrow::after { transform: translate(-50%,-50%) rotate(0); }
.policy .policy-item-content { display: none; padding: 2.2rem 0; padding-left: 7rem; line-height: 1.3; font-size: 16px; color:var(--sub-black); border-top: 1px solid #DDDDDD; } 
.policy .policy-item-content > div { display: flex; flex-direction: column; gap:1.5rem; }
.policy ul { padding-left: 2rem; } 
.policy ul li { margin-bottom: 1rem; list-style: disc; } 
.policy ol { padding-left: 2.5rem; } 
.policy ol li { position: relative; }
.policy ol li::before { content: ""; position: absolute; left: -2.5rem; top: 0; }
.policy ol li:nth-child(1):before { content: '①'; }
.policy ol li:nth-child(2):before { content: '②'; }
.policy ol li:nth-child(3):before { content: '③'; }
.policy ol li:nth-child(4):before { content: '④'; }
.policy ol li:nth-child(5):before { content: '⑤'; }
.policy ol li:nth-child(6):before { content: '⑥'; }
.policy ol li:nth-child(7):before { content: '⑦'; }
.policy ol li:nth-child(8):before { content: '⑧'; }
.policy ol li:nth-child(9):before { content: '⑨'; }
.policy ol li:nth-child(10):before { content: '⑩'; }
.policy ol li:nth-child(11):before { content: '⑪'; }
.policy ol li:nth-child(12):before { content: '⑫'; }
.policy ol li:nth-child(13):before { content: '⑬'; }
.policy ol li:nth-child(14):before { content: '⑭'; }

.policy .policy-cookie { display: flex; flex-direction: column; gap:5rem; }
.policy .policy-cookie h4 { margin-bottom: 2rem; font-size: var(--font-size-3); font-weight: 600; }
.policy .policy-cookie-content { display: flex; flex-direction: column; gap:1.5rem; font-size: var(--font-size-3); line-height: 1.3; color: var(--sub-black); }


@media screen and (max-width:768px){ 
	.policy { padding: 144px 0 80px; }
	.policy .h2-wrap { flex-wrap:wrap; gap:30px; margin-bottom: 30px; padding-bottom: 30px; border-bottom-color: #DDDDDD; }
	.policy h2 { font-size: 36px; }
	.policy .policy-item { padding: 0 20px; border-radius: 8px; }
	.policy .policy-item-title { padding-left: 37px; }
	.policy .policy-item-content { padding-left: 0; border-top-color: #F6F7F9; }
	.policy .policy-item-title .arrow { width: 12.5px; height: 12.5px; }
	.policy .policy-item-title .arrow::before, .policy .policy-item-title .arrow::after { height: 1px; }
}