@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
/* ------------------------------------------------------ 공통 ------------------------------------------------------ */
@font-face{font-family: 'SB Aggro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face{font-family: 'SB Aggro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{font-family: 'SB Aggro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;}
#bcMain{font-size: 16px;}
#bcMain *, #bcMain *:before, #bcMain *:after{box-sizing: border-box;}
#bcMain a{text-decoration: none;}
#bcMain img{max-width: 100%;}
#bcMain h1, #bcMain h2, #bcMain h3{margin: 0;}
#bcMain p{margin: 0; padding: 0; word-break: normal;}
#bcMain ul, #bcMain li{margin: 0; padding: 0; list-style: none;}
#bcMain button{font-family: inherit;}
#bcMain ::selection{background: #1DB3EF; color: #fff;}
.scp0:hover{color: rgb(29, 179, 239) !important;}
.scp1:hover{background: rgb(14, 127, 180) !important; border-color: rgb(14, 127, 180) !important;}
.scp2:hover{background: rgb(235, 243, 247) !important; border-color: rgb(29, 179, 239) !important;}
.scp3:hover{background: rgb(14, 33, 89) !important;}
.scp4:hover{background: rgb(255, 255, 255) !important;}
.scp5:hover{color: rgb(19, 200, 158) !important;}
.scp6:hover{border-color: rgb(29, 179, 239) !important; color: rgb(11, 26, 34) !important;}
.scp7:hover{color: rgb(11, 26, 34) !important; background: rgb(245, 247, 248) !important;}
#bcMain [data-slobanner]:hover [data-slobg]{transform: scaleY(1);}
#bcMain [data-slobanner]:hover [data-slonum], #bcMain [data-slobanner]:hover [data-slotitle], #bcMain [data-slobanner]:hover [data-slodesc]{color: #FFFFFF;}
#bcMain [data-slobanner]:hover [data-arrowrow], #bcMain [data-noti]:hover [data-arrowrow]{transform: translateX(0);}
#bcMain [data-noti]:hover [data-notibg]{transform: scaleY(1);}
#bcMain [data-noti]:hover [data-notibody]{transform: translateX(8px);}
#bcMain [data-noti]:hover [data-notimg]{transform: scale(1.06);}
#bcMain [data-noti]:hover [data-noticta]{color: rgb(29, 179, 239);}
#bcMain [data-moreview]:hover [data-mvring]{transform: scale(1.06); opacity: 0;}
#bcMain [data-moreview]:hover [data-mvbox]{transform: scale(1); opacity: 1;}
#bcMain [data-moreview]:hover [data-mvtext], #bcMain [data-moreview]:hover [data-mvplus]{color: #FFFFFF;}
@keyframes bc-blob {
	0%, 100%{border-radius: 42% 58% 63% 37% / 45% 42% 58% 55%; transform: rotate(0deg);}
	50%{border-radius: 62% 38% 40% 60% / 58% 63% 37% 42%; transform: rotate(180deg);}
}
@keyframes bc-marquee {
	0%{transform: translateX(0);}
	100%{transform: translateX(-50%);}
}
@keyframes bc-spin {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@keyframes bc-float {
	0%, 100%{transform: translateY(0) rotate(0deg);}
	50%{transform: translateY(-26px) rotate(6deg);}
}
@keyframes bc-cellonce {
	0%{transform: rotate(-40deg);}
	100%{transform: rotate(0deg);}
}
@keyframes bc-cellspin {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@keyframes bc-scrolldot {
	0%{transform: translateY(0); opacity: 0;}
	20%{opacity: 1;}
	80%{opacity: 1;}
	100%{transform: translateY(46px); opacity: 0;}
}
@keyframes bc-arrbounce {
	0%, 100%{transform: translateY(-3px);}
	50%{transform: translateY(4px);}
}
@keyframes bc-charin {
	0%{opacity: 0; filter: blur(10px); transform: translateY(6px);}
	100%{opacity: 1; filter: blur(0); transform: none;}
}
@keyframes bc-slidel {
	0%{opacity: 0; transform: translateX(60px);}
	100%{opacity: 1; transform: none;}
}
@keyframes bc-riseup {
	0%{opacity: 0; transform: translateY(120%);}
	100%{opacity: 1; transform: none;}
}
@keyframes bc-fadeup {
	0%{opacity: 0; transform: translateY(48px);}
	100%{opacity: 1; transform: none;}
}
@keyframes bc-rot {
	0%{opacity: 1; transform: rotate3d(0,1,1,360deg);}
	100%{opacity: 1; transform: rotate3d(0,1,1,0deg);}
}
@keyframes bc-rot2 {
	0%{opacity: 1; transform: rotate3d(1,0,1,0deg);}
	100%{opacity: 1; transform: rotate3d(1,0,1,360deg);}
}
#bcMain.bc-wrap{font-family: "Pretendard Variable", Pretendard, sans-serif; color: rgb(11, 26, 34); background: rgb(255, 255, 255); overflow-x: clip;}
#bcMain .bc-wrap-1{position: relative;}
#bcMain .bc-wrap-2{position: absolute; inset: 0px; z-index: 0; pointer-events: none; mask-image: linear-gradient(rgba(0, 0, 0, 0.4), rgb(0, 0, 0) 30%);}
#bcMain .bc-wrap-3{position: absolute; top: 0px; bottom: 0px; left: 16.6667%; width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-wrap-4{position: absolute; top: 0px; bottom: 0px; left: 33.3333%; width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-wrap-5{position: absolute; top: 0px; bottom: 0px; left: 50%; width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-wrap-6{position: absolute; top: 0px; bottom: 0px; left: 66.6667%; width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-wrap-7{position: absolute; top: 0px; bottom: 0px; left: 83.3333%; width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-wrap-8{display: block; width: 100%; height: auto; transform-origin: center center; will-change: transform; filter: drop-shadow(rgba(14, 143, 196, 0.28) 0px 24px 46px); transition: transform 0.6s; animation: auto ease 0s 1 normal none running none;}
/* =================== 반응형 =================== */
@media (prefers-reduced-motion: reduce) {
	#bcMain *, #bcMain *:before, #bcMain *:after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important;}
}

/* ------------------------------------------------------ main 01 비주얼 ------------------------------------------------------ */
#bcMain .bc-cell{position: absolute; top: 0; left: 50%; width: clamp(260px,40vw,520px); z-index: 3; pointer-events: none; transform: translate(-50%,0); transition: opacity 0.5s ease;}
#bcMain .bc-sec-top{position: relative; z-index: 2; max-width: 1800px; margin: 0px auto; padding: clamp(220px, 30vh, 360px) clamp(20px, 3.4vw, 56px) 120px;}
#bcMain .bc-top-1{position: relative; z-index: 2; display: flex; flex-direction: column; gap: clamp(8px, 1vw, 18px); width: max-content; max-width: 100%; margin: 0px auto; padding-right: clamp(200px, 22vw, 400px);}
#bcMain .bc-top-2{position: relative; z-index: 2; display: flex; align-items: center; gap: clamp(28px, 3.4vw, 64px); flex-wrap: wrap;}
#bcMain .bc-hero-tit{margin: 0px; font-family: "SB Aggro", Poppins; font-weight: 700; font-size: clamp(32px, 5vw, 92px); line-height: 1; color: rgb(11, 26, 34);}
#bcMain .bc-top-3{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-4{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 45ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-5{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 90ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-6{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 135ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-7{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 180ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-8{flex: 0 0 auto; width: clamp(48px, 6vw, 110px); height: 1px; background: rgb(11, 26, 34);}
#bcMain .bc-hero-tit-2{margin: 0px; font-size: clamp(18px, 1.6vw, 27px); font-weight: 700; letter-spacing: -0.02em; color: rgb(11, 26, 34);}
#bcMain .bc-top-9{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 225ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-10{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 270ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-11{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 315ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-12{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 360ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-13{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 405ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-14{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 450ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-15{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 495ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-16{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 540ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-17{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 585ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-18{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 630ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-19{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 675ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-20{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 720ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-21{position: relative; z-index: 2; padding-left: clamp(36px, 9vw, 220px);}
#bcMain .bc-hero-tit-3{font-family: "SB Aggro", Poppins; font-weight: 700; font-size: clamp(32px, 5vw, 92px); line-height: 1; letter-spacing: -2px; color: rgb(11, 26, 34);}
#bcMain .bc-top-22{color: rgb(29, 179, 239);}
#bcMain .bc-top-23{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 765ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-24{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 810ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-25{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 855ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-26{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 900ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-27{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 945ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-28{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 990ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-29{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1035ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-30{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1080ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-31{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1125ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-32{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1170ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-33{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1215ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-34{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1260ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-35{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1305ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-36{display: inline-block; opacity: 0; animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1350ms 1 normal forwards running bc-charin;}
#bcMain .bc-top-37{position: absolute; right: clamp(40px, 4.5vw, 80px); bottom: -16%; width: min(22rem, 24vw); aspect-ratio: 1 / 1; z-index: 1; pointer-events: none;}
#bcMain .bc-top-38{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 24deg); animation: 2s linear 0.133s infinite normal none running bc-rot;}
#bcMain .bc-top-39{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 48deg); animation: 2s linear 0.267s infinite normal none running bc-rot;}
#bcMain .bc-top-40{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 72deg); animation: 2s linear 0.4s infinite normal none running bc-rot;}
#bcMain .bc-top-41{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 96deg); animation: 2s linear 0.533s infinite normal none running bc-rot;}
#bcMain .bc-top-42{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 120deg); animation: 2s linear 0.667s infinite normal none running bc-rot;}
#bcMain .bc-top-43{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 144deg); animation: 2s linear 0.8s infinite normal none running bc-rot;}
#bcMain .bc-top-44{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(0, 1, 0, 168deg); animation: 2s linear 0.933s infinite normal none running bc-rot;}
#bcMain .bc-top-45{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 192deg); animation: 3s linear 1.067s infinite normal none running bc-rot2;}
#bcMain .bc-top-46{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 216deg); animation: 3s linear 1.2s infinite normal none running bc-rot2;}
#bcMain .bc-top-47{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 240deg); animation: 3s linear 1.333s infinite normal none running bc-rot2;}
#bcMain .bc-top-48{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 264deg); animation: 3s linear 1.467s infinite normal none running bc-rot2;}
#bcMain .bc-top-49{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 288deg); animation: 3s linear 1.6s infinite normal none running bc-rot2;}
#bcMain .bc-top-50{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 312deg); animation: 3s linear 1.733s infinite normal none running bc-rot2;}
#bcMain .bc-top-51{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 336deg); animation: 3s linear 1.867s infinite normal none running bc-rot2;}
#bcMain .bc-top-52{position: absolute; inset: 0px; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border-width: 1.9px; border-style: solid; border-color: rgba(65, 203, 205, 0.5) rgba(65, 203, 205, 0.5) rgba(65, 126, 205, 0.5) rgba(65, 126, 205, 0.5); border-image: none; opacity: 0; transform: rotate3d(1, 0, 0, 360deg); animation: 3s linear 2s infinite normal none running bc-rot2;}
#bcMain .bc-top-53{position: absolute; right: 0px; bottom: 0px; z-index: 3; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: clamp(88px, 7vw, 112px); height: clamp(88px, 7vw, 112px); border-radius: 9999px; background: rgb(29, 179, 239); color: rgb(255, 255, 255); text-decoration: none; text-align: center; opacity: 0; animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1495ms 1 normal forwards running bc-slidel;}
#bcMain .bc-top-54{font-family: "SB Aggro", Poppins; font-size: 14px; font-weight: 700; line-height: 1.35;}
#bcMain .bc-top-55{font-size: 18px; line-height: 1; animation: 1.6s ease-in-out 0s infinite normal none running bc-arrbounce;}
#bcMain .bc-top-56{display: flex; justify-content: space-between; gap: 100px; flex-wrap: wrap; width: 100%; margin: 100px 0px 16px;}
#bcMain .bc-top-57{display: inline-block; overflow: hidden; vertical-align: bottom;}
#bcMain .bc-hero-kw{display: inline-block; font-family: "SB Aggro", Poppins; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(91, 100, 110); opacity: 0; transform: translateY(120%); animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1655ms 1 normal forwards running bc-riseup;}
#bcMain .bc-hero-kw-2{display: inline-block; font-family: "SB Aggro", Poppins; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(91, 100, 110); opacity: 0; transform: translateY(120%); animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1745ms 1 normal forwards running bc-riseup;}
#bcMain .bc-hero-kw-3{display: inline-block; font-family: "SB Aggro", Poppins; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(91, 100, 110); opacity: 0; transform: translateY(120%); animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1835ms 1 normal forwards running bc-riseup;}
#bcMain .bc-hero-kw-4{display: inline-block; font-family: "SB Aggro", Poppins; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(91, 100, 110); opacity: 0; transform: translateY(120%); animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1925ms 1 normal forwards running bc-riseup;}
#bcMain .bc-hero-box{position: relative; border-radius: 28px; overflow: hidden; background: #0B1A22; aspect-ratio: 16/7; min-height: 340px;}
#bcMain .bc-top-58{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block;}
#bcMain .bc-glow{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1100px, 86%); height: 64%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 2.4s; background: radial-gradient(rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.75) 45%, transparent 72%);}
/* =================== 반응형 =================== */
@media (max-width: 1024px) {
	#bcMain .bc-sec-top{padding: clamp(180px, 24vh, 260px) clamp(20px, 3.4vw, 56px) 80px;}
	#bcMain .bc-top-56{gap: 40px; margin: 60px 0px 16px;}
	#bcMain .bc-hero-kw, #bcMain .bc-hero-kw-2, #bcMain .bc-hero-kw-3, #bcMain .bc-hero-kw-4{font-size: 15px;}
}
@media (max-width: 768px) {
	#bcMain .bc-sec-top{padding: 140px 20px 60px;}
	#bcMain .bc-top-1{width: 100%; padding-right: 0; padding-bottom: clamp(70px, 18vw, 130px);}
	#bcMain .bc-top-37{right: clamp(24px, 6vw, 50px); bottom: 0; width: clamp(200px, 44vw, 280px);}
	#bcMain .bc-top-53{width: 80px; height: 80px;}
	#bcMain .bc-top-54{font-size: 11px;}
	#bcMain .bc-top-55{font-size: 16px;}
	#bcMain .bc-top-56{gap: 10px 20px; margin: 40px 0px 16px;}
	#bcMain .bc-hero-kw, #bcMain .bc-hero-kw-2, #bcMain .bc-hero-kw-3, #bcMain .bc-hero-kw-4{font-size: 13px;}
	#bcMain .bc-hero-box{aspect-ratio: 4 / 3; min-height: 0;}
	#bcMain .bc-cell{width: clamp(180px, 50vw, 260px);}
}
@media (max-width: 550px) {
	#bcMain .bc-top-2{gap: 16px;}
	#bcMain .bc-top-8{width: 30px;}
	#bcMain .bc-top-21{padding-left: 20px;}
	#bcMain .bc-hero-kw, #bcMain .bc-hero-kw-2, #bcMain .bc-hero-kw-3, #bcMain .bc-hero-kw-4{font-size: 12px;}
}
@media (max-width: 450px) {
	#bcMain .bc-sec-top{padding: 120px 20px 50px;}
	#bcMain .bc-top-53{width: 72px; height: 72px;}
	#bcMain .bc-top-54{font-size: 10px;}
	#bcMain .bc-top-55{font-size: 14px;}
	#bcMain .bc-top-56{gap: 8px;}
	#bcMain .bc-hero-kw, #bcMain .bc-hero-kw-2, #bcMain .bc-hero-kw-3, #bcMain .bc-hero-kw-4{font-size: 10px;}
	#bcMain .bc-hero-box{aspect-ratio: 1 / 1;}
}

/* ------------------------------------------------------ main 02 소개 ------------------------------------------------------ */
#bcMain .bc-sec-about{position: sticky; top: 0; z-index: 4; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 100vh; box-sizing: border-box; padding: 120px clamp(20px, 3.4vw, 56px) 90px; gap: 50px;}
#bcMain .bc-about-1{margin: 0px; font-family: "SB Aggro", Poppins; font-weight: 700; font-size: clamp(36px, 6.1vw, 144px); line-height: 1; color: rgb(11, 26, 34); white-space: nowrap; letter-spacing: -0.01em !important;}
#bcMain .bc-about-2{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-840px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-3{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-792px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-4{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-744px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-5{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-696px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-6{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-648px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-7{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-600px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-8{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-552px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-9{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-504px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-10{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-456px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-11{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-408px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-12{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-360px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-13{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-312px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-14{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-264px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-15{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-216px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-16{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-168px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-17{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-120px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-18{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-72px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-19{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(-24px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-20{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(24px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-21{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(72px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-22{color: rgb(11, 26, 34); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(120px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-23{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(168px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-24{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(216px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-25{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(264px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-26{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(312px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-27{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(360px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-28{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(408px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-29{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(456px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-30{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(504px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-31{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(552px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-32{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(600px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-33{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(648px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-34{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(696px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-35{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(744px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-36{color: rgb(30, 79, 203); display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(792px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-37{display: inline-block; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s, filter 1s; transform: translateX(840px) translateY(30px); opacity: 0; filter: blur(12px);}
#bcMain .bc-about-38{font-size: clamp(17px, 1.7vw, 30px); font-weight: 500; line-height: 1.6; color: rgb(91, 100, 110);}
#bcMain .bc-about-39{display: block; overflow: hidden;}
#bcMain .bc-sub-line{display: block; transform: translateY(115%); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-about-40{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 50px; width: min(1600px, 100%);}
#bcMain .bc-banner{position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 56px; padding: 34px 32px; border-radius: 24px; background: rgb(234, 242, 249); color: rgb(11, 26, 34); text-align: left; opacity: 0; transform: translateY(28px); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-banner-bg{position: absolute; inset: 0px; background: linear-gradient(150deg, rgb(119, 167, 231) 0%, rgb(88, 144, 253) 60%, rgb(74, 123, 240) 100%); transform: scaleY(0); transform-origin: center bottom; transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none;}
#bcMain .bc-about-41{position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px;}
#bcMain .bc-banner-num{font-family: Outfit, "SB Aggro"; font-size: clamp(24px, 1.8vw, 30px); font-weight: 600; letter-spacing: 0.04em; line-height: 1; color: rgb(29, 179, 239);}
#bcMain .bc-banner-arr{display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 9999px; background: rgb(255, 255, 255); color: rgb(91, 100, 110); font-size: 19px; transition: border-color 600ms, color 600ms;}
#bcMain .bc-about-42{display: inline-block; width: 1.1em; height: 1.1em; overflow: hidden;}
#bcMain .bc-arrowrow{display: flex; width: 200%; height: 100%; transform: translateX(-50%); transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-about-43{flex: 0 0 50%; display: flex; align-items: center; justify-content: center; height: 100%; font-weight: 500;}
#bcMain .bc-about-44{position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px;}
#bcMain .bc-banner-tit{font-size: clamp(21px, 1.6vw, 30px); font-weight: 700; letter-spacing: -0.01em; transition: color 600ms;}
#bcMain .bc-banner-desc{font-size: 20px; font-weight: 500; color: rgb(138, 147, 155); word-break: keep-all; transition: color 600ms; line-height: 1.4;}
#bcMain .bc-about-45{height: 100vh;}
/* =================== 반응형 =================== */
@media (max-width: 1440px) {
	#bcMain .bc-about-40{gap: 40px;}
	#bcMain .bc-banner-desc{font-size: 18px;}
}
@media (max-width: 1280px) {
	#bcMain .bc-about-40{gap: 30px;}
	#bcMain .bc-banner{gap: 40px; padding: 30px;}
}
@media (max-width: 1024px) {
	#bcMain .bc-sec-about{position: relative; top: auto; min-height: 0; padding: 100px clamp(20px, 3.4vw, 56px) 80px;}
	#bcMain .bc-about-45{display: none;}
	#bcMain .bc-about-40{gap: 20px;}
	#bcMain .bc-banner-desc{font-size: 17px;}
}
@media (max-width: 860px) {
	#bcMain .bc-about-40{grid-template-columns: repeat(1, minmax(0px, 1fr));}
	#bcMain .bc-banner{gap: 30px;}
}
@media (max-width: 768px) {
	#bcMain .bc-sec-about{padding: 80px 20px 60px; gap: 30px;}
	#bcMain .bc-banner-arr{width: 40px; height: 40px; font-size: 17px;}
	#bcMain .bc-banner-desc{font-size: 16px;}
}
@media (max-width: 640px) {
	#bcMain .bc-about-1{font-size: 6vw;}
}
@media (max-width: 450px) {
	#bcMain .bc-sec-about{padding: 60px 20px 50px;}
	#bcMain .bc-about-1{font-size: 5.8vw;}
	#bcMain .bc-banner{padding: 30px 20px; gap: 24px;}
	#bcMain .bc-about-44{gap: 12px;}
}

/* ------------------------------------------------------ main 03 공용활용장비 ------------------------------------------------------ */
#bcMain .bc-rail::-webkit-scrollbar{display: none;}
#bcMain .bc-eq:hover [data-eqimg]{transform: scale(1.06);}
#bcMain .bc-eq:hover [data-eqcta]{background: #1DB3EF !important; gap: 10px;}
#bcMain .bc-sec-cores{position: relative; z-index: 5; margin-top: -100vh; min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 100px 0px; background: rgb(255, 255, 255);}
#bcMain .bc-cores-1{position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; border-radius: 40px; pointer-events: none; background-color: rgb(243, 246, 248);}
#bcMain .bc-cores-2{position: relative; display: flex; flex-direction: column; gap: 50px; max-width: 1800px; margin: 0px auto; width: 100%; box-sizing: border-box; padding: 0px clamp(20px, 3.4vw, 64px);}
#bcMain .bc-cores-3{display: flex; flex-direction: column; gap: 8px; padding: 0px 50px;}
#bcMain .bc-cores-4{display: inline-flex; align-items: center; gap: 16px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 22px; font-weight: 600; color: rgb(29, 179, 239); padding-bottom: 10px;}
#bcMain .bc-cores-5{display: flex; align-items: flex-end; gap: 4px; height: 22px;}
#bcMain .bc-cores-6{width: 4px; height: 22px; border-radius: 2px; background: rgb(29, 179, 239); transform: skewX(-16deg);}
#bcMain .bc-cores-7{width: 4px; height: 15px; border-radius: 2px; background: rgb(29, 179, 239); opacity: 0.66; transform: skewX(-16deg);}
#bcMain .bc-cores-8{width: 4px; height: 9px; border-radius: 2px; background: rgb(29, 179, 239); opacity: 0.36; transform: skewX(-16deg);}
#bcMain .bc-cores-9{margin: 0px; font-size: clamp(28px, 3.6vw, 64px); line-height: 1.16; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 26, 34);}
#bcMain .bc-cores-10{position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; margin: 0px calc(50% - 50vw); padding: 0px calc(-50% + 50px + 50vw) 14px; border-bottom: 1px solid rgba(4, 32, 45, 0.12);}
#bcMain .bc-cores-11{display: flex; align-items: center; gap: 10px;}
#bcMain .bc-eq-count{font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 20px; color: rgb(11, 26, 34); font-weight: 600;}
#bcMain .bc-cores-12{width: 36px; height: 36px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgb(4, 32, 45); font-size: 22px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: color 240ms;}
#bcMain .bc-cores-13{display: flex; flex-wrap: wrap; align-items: center; gap: 50px;}
#bcMain .bc-eq-tab{position: relative; padding: 0px 0px 12px; margin-bottom: -15px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(29, 179, 239); border-image: none; background: transparent; font-family: inherit; font-size: 20px; font-weight: 700; white-space: nowrap; color: rgb(11, 26, 34); cursor: pointer; transition: color 240ms, border-color 240ms;}
#bcMain .bc-eq-tab-2{position: relative; padding: 0px 0px 12px; margin-bottom: -15px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: transparent; font-family: inherit; font-size: 22px; font-weight: 400; white-space: nowrap; color: rgb(154, 166, 173); cursor: pointer; transition: color 240ms, border-color 240ms; font-weight: 600 !important;}
#bcMain .bc-cores-14{display: block; position: relative; height: 0px; margin: -50px 0px 0px; pointer-events: none;}
#bcMain .bc-cores-15{position: absolute; left: 0px; top: 0px; height: 200vh; width: 1px; background: rgba(4, 32, 45, 0.12);}
#bcMain .bc-cores-16{position: absolute; right: 0px; top: 0px; height: 200vh; width: 1px; background: rgba(4, 32, 45, 0.12);}
#bcMain .bc-rail{position: relative; display: flex; gap: 30px; overflow-x: auto; scrollbar-width: none; scroll-padding-left: max(50px + clamp(20px, 3.4vw, 64px), 50% - 850px + clamp(20px, 3.4vw, 64px)); margin: 50px 0px 0px; padding: 4px 0px 8px max(50px + clamp(20px, 3.4vw, 64px), 50% - 850px + clamp(20px, 3.4vw, 64px)); width: 100%; box-sizing: border-box;}
#bcMain .bc-eq-card{position: relative; flex: 0 0 clamp(250px, 0.285714 * (-116px + min(100vw, 1800px) - (2 * clamp(20px, 3.4vw, 64px))), 400px); scroll-snap-align: start; display: flex; flex-direction: column; gap: 30px; padding: 50px 30px; box-sizing: border-box; border-radius: 20px; background: rgb(255, 255, 255); border: 1px solid transparent; color: inherit; transition: background 320ms, border-color 320ms;}
#bcMain .bc-cores-17{display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 6px; min-height: 2.6em; justify-content: flex-end;}
#bcMain .bc-cores-18{font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: rgb(4, 32, 45);}
#bcMain .bc-cores-19{position: relative; aspect-ratio: 3 / 2; flex: 0 0 auto; border-radius: 16px; overflow: hidden; background: rgb(11, 14, 17);}
#bcMain .bc-eq-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-cores-20{display: flex; align-items: center; gap: 14px;}
#bcMain .bc-eq-cta{flex: 0 0 auto; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0px 20px; border-radius: 9999px; background: rgb(4, 32, 45); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; transition: background 300ms, color 300ms, gap 300ms;}
/* =================== 반응형 =================== */
@media (max-width: 1280px) {
	#bcMain .bc-cores-3{padding: 0px 40px;}
	#bcMain .bc-cores-10{padding: 0px calc(-50% + 40px + 50vw) 14px;}
	#bcMain .bc-cores-13{gap: 40px;}
	#bcMain .bc-eq-tab, #bcMain .bc-eq-tab-2{font-size: 20px;}
	#bcMain .bc-rail{scroll-padding-left: calc(40px + clamp(20px, 3.4vw, 64px)); padding-left: calc(40px + clamp(20px, 3.4vw, 64px));}
}
@media (max-width: 1024px) {
	#bcMain .bc-sec-cores{margin-top: 0; min-height: 0; padding: 80px 0px;}
	#bcMain .bc-cores-2{gap: 30px;}
	#bcMain .bc-cores-14{margin: -30px 0px 0px;}
	#bcMain .bc-cores-3{padding: 0px 30px;}
	#bcMain .bc-cores-10{padding: 0px calc(-50% + 30px + 50vw) 14px;}
	#bcMain .bc-cores-13{gap: 30px;}
	#bcMain .bc-eq-tab, #bcMain .bc-eq-tab-2{font-size: 18px;}
	#bcMain .bc-eq-count{font-size: 18px;}
	#bcMain .bc-rail{gap: 20px; margin: 30px 0px 0px; scroll-padding-left: calc(30px + clamp(20px, 3.4vw, 64px)); padding-left: calc(30px + clamp(20px, 3.4vw, 64px));}
	#bcMain .bc-eq-card{gap: 20px; padding: 30px 20px;}
	#bcMain .bc-cores-18{font-size: 20px;}
	#bcMain .bc-eq-cta{height: 36px; padding: 0px 16px; font-size: 16px;}
}
@media (max-width: 768px) {
	#bcMain .bc-sec-cores{padding: 60px 0px;}
	#bcMain .bc-cores-3{padding: 0px 20px;}
	#bcMain .bc-cores-4{font-size: 18px; padding-bottom: 6px;}
	#bcMain .bc-cores-10{gap: 16px; padding: 0px calc(-50% + 20px + 50vw) 0px;}
	#bcMain .bc-cores-13{flex-wrap: nowrap; gap: 24px; width: 100%; overflow-x: auto; scrollbar-width: none;}
	#bcMain .bc-cores-13::-webkit-scrollbar{display: none;}
	#bcMain .bc-eq-tab, #bcMain .bc-eq-tab-2{margin-bottom: 0px; font-size: 16px;}
	#bcMain .bc-eq-count{font-size: 16px;}
	#bcMain .bc-cores-12{width: 32px; height: 32px; font-size: 20px;}
	#bcMain .bc-rail{scroll-padding-left: calc(20px + clamp(20px, 3.4vw, 64px)); padding-left: calc(20px + clamp(20px, 3.4vw, 64px));}
	#bcMain .bc-eq-card{flex: 0 0 250px;}
	#bcMain .bc-cores-18{font-size: 18px;}
	#bcMain .bc-eq-cta{font-size: 15px;}
}
@media (max-width: 550px) {
	#bcMain .bc-cores-13{justify-content: space-between; gap: 6px;}
	#bcMain .bc-eq-tab, #bcMain .bc-eq-tab-2{font-size: clamp(11px, 3.1vw, 16px);}
}
@media (max-width: 450px) {
	#bcMain .bc-cores-4{font-size: 16px;}
	#bcMain .bc-eq-card{flex: 0 0 240px;}
}

/* ------------------------------------------------------ main 04 공지사항 ------------------------------------------------------ */
#bcMain .bc-sec-news{position: relative; box-sizing: border-box; padding: 110px 0px 75px; overflow: hidden;}
#bcMain .bc-news-1{position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translateX(-50%); width: min(100%, 1800px); box-sizing: border-box; padding: 0px clamp(20px, 3.4vw, 64px); pointer-events: none; display: flex; justify-content: space-between;}
#bcMain .bc-news-2{width: 1px; background: rgba(4, 32, 45, 0.08);}
#bcMain .bc-news-3{position: relative; max-width: 1800px; margin: 0px auto; width: 100%; box-sizing: border-box; padding: 0px clamp(20px, 3.4vw, 64px);}
#bcMain .bc-news-col{display: block; opacity: 0; transform: translateX(-72px); transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-news-4{display: flex; flex-direction: column; gap: 50px;}
#bcMain .bc-news-5{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0px 50px;}
#bcMain .bc-news-6{display: flex; flex-direction: column; gap: 8px;}
#bcMain .bc-news-7{margin: 0px; font-size: clamp(28px, 3.6vw, 64px); line-height: 1.16; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 26, 34);}
#bcMain .bc-more{position: relative; display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; height: 52px; padding: 0px 26px; margin-bottom: 4px; color: rgb(11, 26, 34);}
#bcMain .bc-more-ring{position: absolute; inset: 0px; border: 1px solid rgba(4, 32, 45, 0.18); border-radius: 12px; transform: scale(1); opacity: 1; transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1), opacity 450ms; pointer-events: none;}
#bcMain .bc-more-box{position: absolute; inset: 0px; border-radius: 12px; background: rgb(29, 179, 239); transform: scale(0.9); opacity: 0; transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1), opacity 350ms; pointer-events: none;}
#bcMain .bc-more-txt{position: relative; z-index: 1; font-family: Outfit, "SB Aggro"; font-size: 16px; font-weight: 600; letter-spacing: 0.04em; transition: color 350ms;}
#bcMain .bc-more-plus{position: relative; z-index: 1; font-size: 22px; transition: color 350ms; font-weight: 600;}
#bcMain .bc-news-8{display: flex; flex-direction: column; flex: 1 1 0%; border-top: 1px solid rgba(4, 32, 45, 0.08);}
#bcMain .bc-noti{position: relative; display: flex; align-items: center; gap: clamp(24px, 2.4vw, 44px); padding: 28px 50px; border-bottom: 1px solid rgba(4, 32, 45, 0.08); opacity: 0; transform: translateY(44px);}
#bcMain .bc-noti-bg{position: absolute; z-index: 0; inset: 0px; background: rgb(235, 243, 247); transform: scaleY(0); transform-origin: center bottom; transition: transform 1200ms cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none;}
#bcMain .bc-news-9{flex: 0 0 auto; position: relative; z-index: 1; width: 260px; aspect-ratio: 1.6 / 1; overflow: hidden; border-radius: 16px; background: rgb(220, 233, 242);}
#bcMain .bc-news-9.is-noimg{display: flex; align-items: center; justify-content: center; background: rgb(230, 234, 238);}
#bcMain .bc-noti-logo{display: block; width: 50%; height: auto; filter: brightness(0) invert(1);}
#bcMain .bc-noti-body{flex: 1 1 0%; display: flex; flex-direction: column; gap: 12px; min-width: 0px; position: relative; z-index: 1; transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-noti-tit{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(17px, 1.4vw, 24px); font-weight: 700; line-height: 1.5; color: rgb(11, 26, 34); transition: color 300ms;}
#bcMain .bc-noti-date{font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.02em; color: rgb(138, 147, 155); transition: color 300ms;}
#bcMain .bc-noti-cta{flex: 0 0 auto; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 9999px; background: rgb(255, 255, 255); color: rgb(91, 100, 110); font-size: 19px; transition: border-color 600ms, color 600ms; font-weight: 700;}
#bcMain .bc-news-10{display: none;}
#bcMain .bc-news-11{font-family: Outfit, "SB Aggro"; font-size: clamp(20px, 1.6vw, 28px); font-weight: 600; letter-spacing: -0.01em; color: rgb(11, 26, 34);}
#bcMain .bc-news-12{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; flex: 1 1 0%;}
#bcMain .bc-news-13{position: relative; overflow: hidden; grid-column: span 2; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 140px; padding: 24px; border-radius: 22px; background: rgb(19, 42, 107); color: rgb(255, 255, 255); transition: background 260ms;}
#bcMain .bc-news-14{position: absolute; right: -12%; top: 50%; transform: translateY(-50%); height: 190%; width: auto; display: block; opacity: 0.16; filter: brightness(0) invert(1); pointer-events: none;}
#bcMain .bc-news-15{position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;}
#bcMain .bc-news-16{width: 40px; height: 40px; display: block;}
#bcMain .bc-news-17{font-size: 22px; color: rgba(255, 255, 255, 0.85);}
#bcMain .bc-news-18{position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px;}
#bcMain .bc-news-19{font-size: clamp(19px, 1.6vw, 26px); font-weight: 700; line-height: 1.3;}
#bcMain .bc-news-20{position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 120px; padding: 24px; border-radius: 22px; background: rgba(255, 255, 255, 0.6); color: rgb(19, 42, 107); transition: background 260ms;}
#bcMain .bc-news-21{position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px;}
#bcMain .bc-news-22{width: 36px; height: 36px; display: block;}
#bcMain .bc-news-23{position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px;}
#bcMain .bc-news-24{font-size: clamp(18px, 1.5vw, 23px); font-weight: 700;}
/* =================== 반응형 =================== */
@media (max-width: 1280px) {
	#bcMain .bc-news-5{padding: 0px 40px;}
	#bcMain .bc-noti{padding: 28px 40px;}
}
@media (max-width: 1024px) {
	#bcMain .bc-sec-news{padding: 80px 0px 60px;}
	#bcMain .bc-news-4{gap: 30px;}
	#bcMain .bc-news-5{padding: 0px 30px;}
	#bcMain .bc-noti{padding: 24px 30px;}
	#bcMain .bc-news-9{width: 200px;}
	#bcMain .bc-noti-date{font-size: 16px;}
	#bcMain .bc-noti-cta{width: 44px; height: 44px; font-size: 17px;}
}
@media (max-width: 768px) {
	#bcMain .bc-sec-news{padding: 60px 0px 40px;}
	#bcMain .bc-news-5{padding: 0px 20px;}
	#bcMain .bc-more{height: 44px; padding: 0px 18px; gap: 8px;}
	#bcMain .bc-more-txt{font-size: 14px;}
	#bcMain .bc-more-plus{font-size: 18px;}
	#bcMain .bc-noti{gap: 16px; padding: 20px;}
	#bcMain .bc-news-9{width: 160px; border-radius: 12px;}
	#bcMain .bc-noti-body{gap: 8px;}
	#bcMain .bc-noti-date{font-size: 15px;}
}
@media (max-width: 550px) {
	#bcMain .bc-noti{padding: 16px 20px;}
	#bcMain .bc-news-9{width: 110px;}
	#bcMain .bc-noti-tit{font-size: 15px;}
	#bcMain .bc-noti-date{font-size: 14px;}
	#bcMain .bc-noti-cta{width: 36px; height: 36px; font-size: 15px;}
}
@media (max-width: 450px) {
	#bcMain .bc-more{height: 40px; padding: 0px 12px; gap: 6px;}
	#bcMain .bc-more-txt{font-size: 12px;}
	#bcMain .bc-more-plus{font-size: 16px;}
}

/* ------------------------------------------------------ main 05 협력기관 ------------------------------------------------------ */
#bcMain .bc-sec-partners{position: relative; box-sizing: border-box; padding: 75px 0px 0px; overflow: hidden;}
#bcMain .bc-partners-1{position: relative; max-width: 1800px; margin: 0px auto; width: 100%; box-sizing: border-box; padding: 0px calc(50px + clamp(20px, 3.4vw, 64px)); display: flex; flex-direction: column; gap: 50px;}
#bcMain .bc-partners-2{display: flex; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: -28px;}
#bcMain .bc-partners-head, #bcMain .bc-partners-tit{display: contents;}
#bcMain .bc-partners-more{display: none;}
#bcMain .bc-partners-3{position: relative; isolation: isolate; z-index: 0;}
#bcMain .bc-partners-4{position: absolute; z-index: 0; right: 8%; top: -240px; width: min(34vw, 400px); aspect-ratio: 1 / 1; pointer-events: none; animation: 22s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running bc-float;}
#bcMain .bc-partners-5{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; display: block;}
#bcMain .bc-partners-6{position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; margin-left: -50px; margin-right: -50px; border-top: 1px solid rgba(4, 32, 45, 0.08); border-left: 1px solid rgba(4, 32, 45, 0.08); border-right: 1px solid rgba(4, 32, 45, 0.08); background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(12px); box-sizing: border-box;}
#bcMain .bc-partners-7{position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 58px; padding: 56px 24px 60px; color: rgb(11, 26, 34); border-left: 1px solid transparent; transition: background 300ms;}
#bcMain .bc-partners-8{position: absolute; left: 50%; top: 50%; width: 150%; aspect-ratio: 1 / 1; border-radius: 9999px; background: rgb(235, 243, 247); transform: translate(-50%, -50%) scale(0); transition: transform 1050ms cubic-bezier(0.22, 1, 0.36, 1); z-index: 0; pointer-events: none;}
#bcMain .bc-partners-9{position: relative; z-index: 1; width: 148px; height: 148px; flex: 0 0 auto; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgb(234, 244, 250) 100%); box-shadow: rgba(29, 179, 239, 0.18) 0px 0px 0px 1px, rgba(29, 179, 239, 0.42) 0px 0px 60px; transform: translateY(0px); transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-partners-10{position: absolute; inset: -14px; border-radius: 9999px; border: 1px dashed rgba(29, 179, 239, 0.4); animation: 26s linear 0s infinite normal none running bc-spin;}
#bcMain .bc-partners-11{width: 60px; height: 60px; object-fit: contain; display: block;}
#bcMain .bc-partners-12{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; transform: translateY(0px); transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);}
#bcMain .bc-partners-13{font-size: 24px; font-weight: 700; letter-spacing: -0.01em;}
#bcMain .bc-partners-14{font-size: 18px; line-height: 1.7; color: rgb(91, 100, 110);}
#bcMain .bc-partners-15{position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 58px; padding: 56px 24px 60px; color: rgb(11, 26, 34); border-left: 1px solid rgba(4, 32, 45, 0.08); transition: background 300ms;}
/* =================== 반응형 =================== */
@media (max-width: 1440px) {
	#bcMain .bc-partners-13{font-size: 22px;}
	#bcMain .bc-partners-14{font-size: 17px;}
}
@media (max-width: 1280px) {
	#bcMain .bc-partners-1{padding: 0px calc(40px + clamp(20px, 3.4vw, 64px));}
	#bcMain .bc-partners-6{margin-left: -40px; margin-right: -40px;}
	#bcMain .bc-partners-7, #bcMain .bc-partners-15{gap: 40px; padding: 40px 20px 44px;}
	#bcMain .bc-partners-9{width: 120px; height: 120px;}
	#bcMain .bc-partners-11{width: 50px; height: 50px;}
}
@media (max-width: 1024px) {
	#bcMain .bc-sec-partners{padding: 60px 0px 0px;}
	#bcMain .bc-partners-1{padding: 0px calc(30px + clamp(20px, 3.4vw, 64px)); gap: 30px;}
	#bcMain .bc-partners-4{top: -160px; width: 40vw;}
	#bcMain .bc-partners-6{grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-left: -30px; margin-right: -30px;}
	#bcMain .bc-partners-15:nth-child(n+3){border-top: 1px solid rgba(4, 32, 45, 0.08);}
	#bcMain .bc-partners-15:nth-child(3){border-left-color: transparent;}
	#bcMain .bc-partners-13{font-size: 20px;}
	#bcMain .bc-partners-14{font-size: 16px;}
}
@media (max-width: 768px) {
	#bcMain .bc-sec-partners{padding: 40px 0px 0px;}
	#bcMain .bc-partners-1{padding: 0px calc(20px + clamp(20px, 3.4vw, 64px));}
	#bcMain .bc-partners-6{margin-left: -20px; margin-right: -20px;}
	#bcMain .bc-partners-7, #bcMain .bc-partners-15{gap: 30px; padding: 30px 20px;}
	#bcMain .bc-partners-9{width: 100px; height: 100px;}
	#bcMain .bc-partners-10{inset: -10px;}
	#bcMain .bc-partners-11{width: 44px; height: 44px;}
	#bcMain .bc-partners-13{font-size: 18px;}
	#bcMain .bc-partners-14{font-size: 15px; line-height: 1.5;}
}
@media (max-width: 640px) {
	#bcMain .bc-partners-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;}
	#bcMain .bc-partners-tit{display: flex; flex-direction: column; gap: 8px; min-width: 0;}
	#bcMain .bc-partners-2{margin-bottom: 0px;}
	#bcMain .bc-partners-more{display: inline-flex;}
	#bcMain .bc-partners-4{display: none;}
	#bcMain .bc-partners-6{grid-template-columns: repeat(1, minmax(0px, 1fr));}
	#bcMain .bc-partners-15{border-left-color: transparent; border-top: 1px solid rgba(4, 32, 45, 0.08);}
	#bcMain .bc-partners-7, #bcMain .bc-partners-15{gap: 20px; padding: 30px 20px;}
}
@media (max-width: 450px) {
	#bcMain .bc-partners-head{gap: 12px;}
	#bcMain .bc-sec-partners .bc-news-7{font-size: clamp(20px, calc((100vw - 214px) * 0.138), 28px);}
}

/* ------------------------------------------------------ 푸터 ------------------------------------------------------ */
.bc-footer{font-size: 16px; font-family: 'Pretendard Variable', Pretendard, sans-serif; color: rgb(11, 26, 34);}
.bc-footer *, .bc-footer *:before, .bc-footer *:after{box-sizing: border-box;}
.bc-footer a{text-decoration: none;}
.bc-footer img{max-width: 100%;}
.bc-footer p{margin: 0; padding: 0; word-break: normal;}
.bc-footer button{font-family: inherit;}
.bc-footer{position: relative; padding: clamp(40px, 4vw, 72px) clamp(20px, 3.4vw, 64px); display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; max-width: 1800px; margin: 0px auto; width: 100%; box-sizing: border-box;}
.bc-footer-1{position: absolute; top: 0px; left: calc(50% - 50vw); width: 100vw; height: 1px; background: rgba(4, 32, 45, 0.08); pointer-events: none;}
.bc-footer-2{display: flex; flex-direction: column; gap: 50px; flex: 1 1 520px;}
.bc-footer-3{height: 62px; width: auto; align-self: flex-start; display: block;}
.bc-footer-4{display: flex; flex-direction: column; gap: 20px;}
.bc-footer-5{font-size: 22px; font-weight: 700; color: rgb(11, 26, 34);}
.bc-footer-6{display: flex; flex-wrap: wrap; gap: 12px 44px; font-size: 16px; color: rgb(91, 100, 110);}
.bc-footer-7{display: inline-flex; gap: 12px; font-size: 17px;}
.bc-footer-8{font-weight: 600; color: rgb(11, 26, 34);}
.bc-footer-9{margin: 0px; font-size: 17px; line-height: 1.7; color: rgb(166, 174, 181);}
.bc-footer-10{text-decoration: underline;}
.bc-footer-11{color: rgb(166, 174, 181); text-decoration: none;}
.bc-footer-12{display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 36px;}
.bc-footer-13{display: flex; flex-direction: column; align-items: flex-end; gap: 16px; height: 44px; justify-content: flex-end;}
.bc-footer-14{font-size: 18px; font-weight: 600; color: rgb(11, 26, 34); line-height: 1;}
.bc-footer-15{position: relative; min-width: 220px;}
.bc-footer-16{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; height: 52px; padding: 0px 20px; border: 1px solid rgba(4, 32, 45, 0.12); background: transparent; font-family: inherit; font-size: 16px; color: rgb(91, 100, 110); cursor: pointer; transition: border-color 240ms, color 240ms;}
.bc-footer-17{font-size: 20px; transform: rotate(0deg); transition: transform 300ms;}
.bc-footer-18{position: absolute; left: 0px; right: 0px; bottom: calc(100% + 6px); display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgba(4, 32, 45, 0.12); opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity 280ms, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);}
.bc-footer-19{padding: 14px 20px; font-size: 16px; color: rgb(91, 100, 110);}
.bc-footer-20{padding: 14px 20px; font-size: 16px; color: rgb(91, 100, 110); border-top: 1px solid rgba(4, 32, 45, 0.12);}
/* =================== 반응형 =================== */
@media (max-width: 1024px) {
	.bc-footer{gap: 30px;}
	.bc-footer-2{gap: 30px;}
	.bc-footer-3{height: 48px;}
	.bc-footer-5{font-size: 20px;}
	.bc-footer-12{gap: 24px;}
}
@media (max-width: 768px) {
	.bc-footer{flex-direction: column; padding: 40px 20px;}
	.bc-footer-2{flex: 1 1 auto;}
	.bc-footer-3{height: 40px;}
	.bc-footer-4{gap: 12px;}
	.bc-footer-5{font-size: 18px;}
	.bc-footer-6{gap: 8px 24px;}
	.bc-footer-7{font-size: 15px;}
	.bc-footer-9{font-size: 14px;}
	.bc-footer-12{align-items: flex-start;}
	.bc-footer-13{align-items: flex-start; height: auto;}
	.bc-footer-14{font-size: 15px;}
	.bc-footer-15{width: 100%; max-width: 320px;}
	.bc-footer-16{height: 46px; font-size: 15px;}
	.bc-footer-19, .bc-footer-20{padding: 12px 20px; font-size: 15px;}
}
@media (max-width: 450px) {
	.bc-footer-7{display: flex; flex-wrap: wrap; gap: 4px 10px;}
	.bc-footer-15{max-width: none;}
}

/* ------------------------------------------------------ 맨 위로 버튼 ------------------------------------------------------ */
#top_btn{position: fixed; right: clamp(16px, 2.2vw, 40px); bottom: clamp(16px, 2.2vw, 40px); z-index: 58; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; padding: 0; border: 1px solid rgba(4, 32, 45, 0.16); border-radius: 50%; background: none; color: rgb(11, 26, 34); line-height: 1; cursor: pointer; -webkit-appearance: none; appearance: none; transition: border-color 420ms cubic-bezier(0.22, 1, 0.36, 1);}
#top_btn .bc-top-bg{position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 6px 18px rgba(11, 26, 34, 0.10); transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1), background 340ms, box-shadow 340ms;}
#top_btn i{position: relative; z-index: 1; font-size: 22px; transition: color 300ms;}
#top_btn:hover .bc-top-bg, #top_btn:focus-visible .bc-top-bg{transform: scale(1.41); background: rgb(29, 179, 239); box-shadow: 0 10px 26px rgba(29, 179, 239, 0.34);}
#top_btn:hover, #top_btn:focus-visible{border-color: rgb(29, 179, 239);}
#top_btn:hover i, #top_btn:focus-visible i{color: #FFFFFF;}
#top_btn:focus{outline: none;}
#top_btn:focus-visible{outline: 2px solid rgb(29, 179, 239); outline-offset: 4px;}
/* =================== 반응형 =================== */
@media (max-width: 768px) {
	#top_btn{width: 48px; height: 48px;}
	#top_btn .bc-top-bg{width: 34px; height: 34px; margin: -17px 0 0 -17px;}
	#top_btn i{font-size: 18px;}
}
@media (prefers-reduced-motion: reduce) {
	#top_btn .bc-top-bg{transition-duration: .001ms;}
}