/* reaset */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: middle; text-decoration: none; } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section { display: block } [hidden] { display: none } h1,h2,h3,h4,h5,h6,p,span { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 500; vertical-align: baseline } menu,ol,ul { list-style: none } blockquote, q { quotes: none } blockquote:after,blockquote:before,q:after,q:before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* =========================== 폰트 =========================== */ @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap'); /* =========================== 기반 및 공통 적용 =========================== */ :root { /* 브랜드 컬러 및 톤앤매너 */ --color-primary: #00BBFF; --color-secondary: #163EEE; --color-white: #FFFFFF; --color-dark-gray: #717171; --color-gray: #C1C1C1; --color-light-gray: #EEEEEE; --color-light-blue: #FAFDFF; --color-black-gray: #111111; --color-black: #000000; --font-size-70: clamp(36px, 6vw, 7rem); --font-size-50: clamp(28px, 4vw, 5rem); --font-size-36: clamp(24px, 2.7vw, 3.6rem); --font-size-28: clamp(18px, 2.5vw, 2.8rem); --font-size-26: clamp(18px, 2.5vw, 2.6rem); --font-size-24: clamp(16px, 2.5vw, 2.4rem); --font-size-20: clamp(16px, 2vw, 2rem); --font-size-18: clamp(14px, 2vw, 1.8rem); --font-size-16: clamp(14px, 2vw, 1.6rem); --font-size-14: clamp(13px, 2vw, 1.4rem); --font-size-12: clamp(10px, 1.5vw, 1.2rem); } html { overflow-x: hidden; font-size: 62.5%; } @media only screen and (max-width:1280px) { html { font-size: 55%; } } @media only screen and (max-width:960px) { html { font-size: 50%; } } @media only screen and (max-width:499px) { html { font-size: 45%; } } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Pretendard', sans-serif !important; font-weight: 500 !important; color: var(--color-black); line-height: 1.5; letter-spacing: -0.5px; word-break: keep-all; overflow-wrap: break-word; overflow-x: hidden; } input, button, textarea { font-family: inherit; } img { width: 100%; display: block; } a { text-decoration: none; color: inherit; } #wrap { width: 100%; margin: 0 auto; } main { position: relative; overflow: hidden; } section { backdrop-filter: blur(15px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, var(--color-white) 15rem, var(--color-white) 94%, rgba(255, 255, 255, 0.60) 100%) !important; } article { padding: min(30%, 17rem) 0; } .container { max-width: calc(1440px + 5%); margin: 0 auto; } .inner { margin: 0 auto; padding: 0 5%; display: flex; flex-wrap: wrap; align-items: center; align-self: stretch; } .inner-column { flex-direction: column; gap: clamp(30px, 7vw, 7rem); position: relative; } .inner-row { flex-direction: row; justify-content: space-between; } .bg-top { width: max(1440px, 100vw); position: absolute; transform: translateX(-50%); left: 50%; z-index: -1; } .bg-bottom { width: clamp(500px, 100vw, 130rem); position: absolute; z-index: -1; left: -11rem; bottom: 0; } .flex-direction { display: flex; flex-direction: column; } .hover-scale { transition: transform 0.2s ease; cursor: pointer; } .hover-scale:hover { transform: scale(0.98); } .active { display: flex; } .inactive { display: none !important; } /* ---------------------------------------------- 페이지 진입 시 첫 화면 ---------------------------------------------- */ .page-load-right { opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; } body.page-loaded .page-load-right { opacity: 1; } header { transition-delay: 0.1s; } .bg-top, .title { transition-delay: 0.2s; } .hero, .replay-tab-wrapper { transition-delay: 0.3s; } .page-load-delay { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; } .page-load-delay.is-visible { opacity: 1; transform: translateY(0); } /* =========================== 다시보기 페이지 =========================== */ /* ----- 헤더 ----- */ header { width: 100%; backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.70); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); position: fixed; top: 0; z-index: 1000; transition: .3s; } .logo-svg { width: clamp(170px, 20vw, 29rem); } nav { display: flex; align-items: center; gap: 0 2rem; position: relative; z-index: 1001; } nav a { padding: 4rem 0.5rem; font-size: var(--font-size-20); transition: color .2s ease; } nav a:hover { color: var(--color-secondary); } .nav-dim { position: fixed; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: .3s; z-index: 999; } /* 네비 모바일 */ header.active { display: block; background: rgba(255, 255, 255, 0); } nav.active { right: 0; } .nav-dim.active { opacity: 1; visibility: visible; } /* 네비 메뉴 버튼 */ .btn-menu { width: 3rem; height: 2rem; position: relative; display: none; } .btn-menu span { display: block; height: 2px; border-radius: 1rem; background: var(--color-black); position: absolute; transition: all .3s ease; } .btn-menu .line-top { width: 3rem; top: 0; } .btn-menu .line-off { width: 2rem; transform: translateY(-50%); top: 50%; } .btn-menu .line-bottom { width: 1rem; bottom: 0; } .btn-menu:not(.active):hover .line-off, .btn-menu:not(.active):hover .line-bottom { width: 3rem; } .btn-menu.active span { width: 3rem; top: 50%; left: 50%; bottom: auto; } .btn-menu.active .line-top { transform: translate(-50%, -50%) rotate(45deg); } .btn-menu.active .line-bottom { transform: translate(-50%, -50%) rotate(-45deg); } .btn-menu.active .line-off { opacity: 0; } .btn-menu.active:hover .line-top { transform: translate(-50%, -50%) rotate(-45deg); } .btn-menu.active:hover .line-bottom { transform: translate(-50%, -50%) rotate(45deg); } @media only screen and (max-width:960px) { nav { width: min(400px, 85vw); height: 100vh; padding: 9rem 0; background: var(--color-white); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; transition: right .4s ease; position: fixed; top: 0; right: -100%; } nav a { width: 100%; border-bottom: 1px solid var(--color-light-gray); font-size: var(--font-size-28); text-align: center; } nav a:first-child { border-top: 1px solid var(--color-light-gray); } nav a:hover { background: var(--color-light-blue); color: var(--color-secondary); } .btn-menu { margin: 3rem 0; display: grid; align-items: center; cursor: pointer; z-index: 1001; } } @media only screen and (max-width:499px) { nav { width: 100%; } .btn-menu span { width: 3rem; } } /* ----- 다시보기 연도 리스트 ----- */ .replay { padding-top: min(30%, 22rem) !important; } .title { font-size: var(--font-size-50); text-align: center; } .title h3 { font-weight: 700; } .replay-list { width: 100%; } .replay-list ul { display: grid; gap: 5rem 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } .replay-video-list ul { display: grid; gap: 5rem 2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .replay-video-list ul li { display: none; gap: min(2vw, 2.5rem); } .replay-list ul li a { gap: 1rem; } .replay-list ul li h4 { font-size: var(--font-size-24); font-weight: 700; } .replay-thumbnail { border-radius: 1rem; box-shadow: 0 0 0.2rem color-mix(in srgb, var(--color-primary) 50%, transparent), 0 0 0.5rem color-mix(in srgb, var(--color-secondary) 30%, transparent); overflow: hidden; } @media only screen and (max-width: 960px) { .replay-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 499px) { .replay-list ul { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* ----- 다시보기 영상 리스트 ----- */ .replay-tab-wrapper { width: 100%; display: flex; flex-direction: column; gap: 5rem; } .replay-tab-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 1%; } .replay-tab-list li { width: min(calc(98% / 3), 16rem); padding: 0.5rem 0; box-sizing: border-box; border: 1px solid var(--color-gray); border-radius: 10rem; color: var(--color-dark-gray); font-size: var(--font-size-18); font-weight: 400; text-align: center; justify-content: center; cursor: pointer; } .replay-tab-list li:hover, .replay-tab-list li.active { border: 1px solid var(--color-secondary); background-color: var(--color-secondary); color: var(--color-white); font-weight: 700; transition: all .2s ease; } .replay-video-list ul li { display: none; gap: min(2vw, 2.5rem); } .replay-video-list ul li.active { display: flex; } .replay-thumbnail-mov { position: relative; aspect-ratio: 440 / 255; border-radius: 1rem; box-shadow: 0 0 0.2rem color-mix(in srgb, var(--color-primary) 50%, transparent), 0 0 0.5rem color-mix(in srgb, var(--color-secondary) 30%, transparent); cursor: pointer; } .replay-thumbnail-mov span { display: block; width: min(15%, 47px); aspect-ratio: 47 / 50; background: url('../images/icon-play.png') center/cover no-repeat; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 1; opacity: 0.5; transition: all 0.2s ease; } .replay-thumbnail-mov:hover span { opacity: 1; } .replay-cont, .modal-cont { padding-right: 2rem; gap: min(0.8vw, 1rem); } .replay-title, .modal-cont-title { font-size: var(--font-size-20); } .replay-title span, .modal-cont-subtitle { font-weight: 400; } .replay-speaker p, .modal-cont-speaker { color: var(--color-black-gray); font-size: var(--font-size-16); font-weight: 400; line-height: 1.7; } .replay-speaker p:before, .modal-cont-speaker:before { content: ''; display: inline-block; width: var(--font-size-12); aspect-ratio: 28 / 40; margin-right: min(1.5vw, 1rem); vertical-align: -3px; background: url(../images/icon-speaker.png) center / cover no-repeat; } .replay-keyword, .modal-cont-keyword { margin-top: 0.5rem; color: var(--color-white); font-size: var(--font-size-16); display: flex; flex-wrap: wrap; gap: 0.5rem; } .replay-keyword span, .modal-cont-keyword span { display: inline-block; padding: 0.3rem 1.7rem; border-radius: 10rem; background-color: var(--color-primary); } @media only screen and (max-width: 499px) { .replay-video-list ul li, .modal-replay { gap: 10px; } .replay-cont, .modal-cont { gap: 5px; } } /* ----- 영상 모달 ----- */ #modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; z-index: 9999; touch-action: none; overscroll-behavior: none; } .modal-replay { position: absolute; top: 50%; left: 50%; width: min(90%, 900px); padding: min(3vw, 3rem); box-sizing: border-box; border-radius: 1rem; background-color: var(--color-white); gap: min(2vw, 2.5rem); transform: translate(-50%, -50%); } .modal-replay-mov { position: relative; aspect-ratio: 16 / 9; border-radius: 1rem; overflow: hidden; } .modal-replay-mov iframe, .modal-replay-mov object, .modal-replay-mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-cont-maintitle { font-weight: 700; } @media only screen and (max-height: 670px) { .modal-replay { max-height: 92%; } } @media only screen and (max-width: 499px) { .modal-replay { padding: 15px; } } .btn-close { position: absolute; top: -5rem; right: 0px; width: 3rem; height: 3rem; cursor: pointer; } .btn-close span { display: block; width: 3rem; height: 2px; border-radius: 1rem; background: var(--color-white); position: absolute; top: 50%; left: 50%; transform-origin: center; transition: transform 0.3s ease; } .btn-close .line-top { transform: translate(-50%, -50%) rotate(45deg); } .btn-close .line-bottom { transform: translate(-50%, -50%) rotate(-45deg); } .btn-close:hover .line-top { transform: translate(-50%, -50%) rotate(-45deg); } .btn-close:hover .line-bottom { transform: translate(-50%, -50%) rotate(45deg); } /* 네비, 모달 오픈 시 스크롤 잠금 */ html.scroll-lock { overflow: hidden !important; } body.scroll-lock { width: 100%; left: 0; position: fixed !important; overflow: hidden !important; } /* ----- 영상 썸네일 ----- */ .thumbnail2023-trackImg1-01 { background: url('../images/ktcloud2023_track1_1.png') center/cover no-repeat; } .thumbnail2023-trackImg1-02 { background: url('../images/ktcloud2023_track1_2.png') center/cover no-repeat; } .thumbnail2023-trackImg1-03 { background: url('../images/ktcloud2023_track1_3.png') center/cover no-repeat; } .thumbnail2023-trackImg1-04 { background: url('../images/ktcloud2023_track1_4.png') center/cover no-repeat; } .thumbnail2023-trackImg1-05 { background: url('../images/ktcloud2023_track1_5.png') center/cover no-repeat; } .thumbnail2023-trackImg1-06 { background: url('../images/ktcloud2023_track1_6.png') center/cover no-repeat; } .thumbnail2023-trackImg1-07 { background: url('../images/ktcloud2023_track1_7.png') center/cover no-repeat; } .thumbnail2023-trackImg1-08 { background: url('../images/ktcloud2023_track1_8.png') center/cover no-repeat; } .thumbnail2023-trackImg1-09 { background: url('../images/ktcloud2023_track1_9.png') center/cover no-repeat; } .thumbnail2023-trackImg1-10 { background: url('../images/ktcloud2023_track1_10.png') center/cover no-repeat; } .thumbnail2023-trackImg2-01 { background: url('../images/ktcloud2023_track2_1.png') center/cover no-repeat; } .thumbnail2023-trackImg2-02 { background: url('../images/ktcloud2023_track2_2.png') center/cover no-repeat; } .thumbnail2023-trackImg2-03 { background: url('../images/ktcloud2023_track2_3.png') center/cover no-repeat; } .thumbnail2023-trackImg2-04 { background: url('../images/ktcloud2023_track2_4.png') center/cover no-repeat; } .thumbnail2023-trackImg2-05 { background: url('../images/ktcloud2023_track2_5.png') center/cover no-repeat; } .thumbnail2023-trackImg2-07 { background: url('../images/ktcloud2023_track2_6.png') center/cover no-repeat; } .thumbnail2023-trackImg2-08 { background: url('../images/ktcloud2023_track2_7.png') center/cover no-repeat; } .thumbnail2023-trackImg2-09 { background: url('../images/ktcloud2023_track2_8.png') center/cover no-repeat; } .thumbnail2023-trackImg2-10 { background: url('../images/ktcloud2023_track2_9.png') center/cover no-repeat; } .thumbnail2023-trackImg3-01 { background: url('../images/ktcloud2023_track3_1.png') center/cover no-repeat; } .thumbnail2023-trackImg3-02 { background: url('../images/ktcloud2023_track3_2.png') center/cover no-repeat; } .thumbnail2023-trackImg3-03 { background: url('../images/ktcloud2023_track3_3.png') center/cover no-repeat; } .thumbnail2023-trackImg3-04 { background: url('../images/ktcloud2023_track3_4.png') center/cover no-repeat; } .thumbnail2023-trackImg3-05 { background: url('../images/ktcloud2023_track3_5.png') center/cover no-repeat; } .thumbnail2023-trackImg3-06 { background: url('../images/ktcloud2023_track3_6.png') center/cover no-repeat; } .thumbnail2023-trackImg3-07 { background: url('../images/ktcloud2023_track3_7.png') center/cover no-repeat; } .thumbnail2023-trackImg3-08 { background: url('../images/ktcloud2023_track3_8.png') center/cover no-repeat; } .thumbnail2023-trackImg3-09 { background: url('../images/ktcloud2023_track3_9.png') center/cover no-repeat; } .thumbnail2023-trackImg3-10 { background: url('../images/ktcloud2023_track3_10.png') center/cover no-repeat; } .thumbnail2024-trackImg1-01 { background: url('../images/ktcloud2024_track1_1.png') center/cover no-repeat; } .thumbnail2024-trackImg1-02 { background: url('../images/ktcloud2024_track1_2.png') center/cover no-repeat; } .thumbnail2024-trackImg1-03 { background: url('../images/ktcloud2024_track1_3.png') center/cover no-repeat; } .thumbnail2024-trackImg1-04 { background: url('../images/ktcloud2024_track1_4.png') center/cover no-repeat; } .thumbnail2024-trackImg1-05 { background: url('../images/ktcloud2024_track1_5.png') center/cover no-repeat; } .thumbnail2024-trackImg1-06 { background: url('../images/ktcloud2024_track1_6.png') center/cover no-repeat; } .thumbnail2024-trackImg1-07 { background: url('../images/ktcloud2024_track1_7.png') center/cover no-repeat; } .thumbnail2024-trackImg1-08 { background: url('../images/ktcloud2024_track1_8.png') center/cover no-repeat; } .thumbnail2024-trackImg1-09 { background: url('../images/ktcloud2024_track1_9.png') center/cover no-repeat; } .thumbnail2024-trackImg1-10 { background: url('../images/ktcloud2024_track1_10.png') center/cover no-repeat; } .thumbnail2024-trackImg2-01 { background: url('../images/ktcloud2024_track2_1.png') center/cover no-repeat; } .thumbnail2024-trackImg2-02 { background: url('../images/ktcloud2024_track2_2.png') center/cover no-repeat; } .thumbnail2024-trackImg2-03 { background: url('../images/ktcloud2024_track2_3.png') center/cover no-repeat; } .thumbnail2024-trackImg2-04 { background: url('../images/ktcloud2024_track2_4.png') center/cover no-repeat; } .thumbnail2024-trackImg2-05 { background: url('../images/ktcloud2024_track2_5.png') center/cover no-repeat; } .thumbnail2024-trackImg2-06 { background: url('../images/ktcloud2024_track2_6.png') center/cover no-repeat; } .thumbnail2024-trackImg2-07 { background: url('../images/ktcloud2024_track2_7.png') center/cover no-repeat; } .thumbnail2024-trackImg2-08 { background: url('../images/ktcloud2024_track2_8.png') center/cover no-repeat; } .thumbnail2024-trackImg2-09 { background: url('../images/ktcloud2024_track2_9.png') center/cover no-repeat; } .thumbnail2024-trackImg2-10 { background: url('../images/ktcloud2024_track2_10.png') center/cover no-repeat; } .thumbnail2024-trackImg3-01 { background: url('../images/ktcloud2024_track3_1.png') center/cover no-repeat; } .thumbnail2024-trackImg3-02 { background: url('../images/ktcloud2024_track3_2.png') center/cover no-repeat; } .thumbnail2024-trackImg3-03 { background: url('../images/ktcloud2024_track3_3.png') center/cover no-repeat; } .thumbnail2024-trackImg3-04 { background: url('../images/ktcloud2024_track3_4.png') center/cover no-repeat; } .thumbnail2024-trackImg3-05 { background: url('../images/ktcloud2024_track3_5.png') center/cover no-repeat; } .thumbnail2024-trackImg3-06 { background: url('../images/ktcloud2024_track3_6.png') center/cover no-repeat; } .thumbnail2024-trackImg3-07 { background: url('../images/ktcloud2024_track3_7.png') center/cover no-repeat; } .thumbnail2024-trackImg3-08 { background: url('../images/ktcloud2024_track3_8.png') center/cover no-repeat; } .thumbnail2024-trackImg3-09 { background: url('../images/ktcloud2024_track3_9.png') center/cover no-repeat; } .thumbnail2024-trackImg3-10 { background: url('../images/ktcloud2024_track3_10.png') center/cover no-repeat; } .thumbnail2025-keyImg01 { background: url('../images/ktcloud2025_keynote_1.png') center/cover no-repeat; } .thumbnail2025-keyImg02 { background: url('../images/ktcloud2025_keynote_2.png') center/cover no-repeat; } .thumbnail2025-trackImg1-01 { background: url('../images/ktcloud2025_track1_1.png') center/cover no-repeat; } .thumbnail2025-trackImg1-02 { background: url('../images/ktcloud2025_track1_2.png') center/cover no-repeat; } .thumbnail2025-trackImg1-03 { background: url('../images/ktcloud2025_track1_3.png') center/cover no-repeat; } .thumbnail2025-trackImg1-04 { background: url('../images/ktcloud2025_track1_4.png') center/cover no-repeat; } .thumbnail2025-trackImg1-05 { background: url('../images/ktcloud2025_track1_5.png') center/cover no-repeat; } .thumbnail2025-trackImg1-06 { background: url('../images/ktcloud2025_track1_6.png') center/cover no-repeat; } .thumbnail2025-trackImg1-07 { background: url('../images/ktcloud2025_track1_7.png') center/cover no-repeat; } .thumbnail2025-trackImg1-08 { background: url('../images/ktcloud2025_track1_8.png') center/cover no-repeat; } .thumbnail2025-trackImg1-09 { background: url('../images/ktcloud2025_track1_9.png') center/cover no-repeat; } .thumbnail2025-trackImg1-10 { background: url('../images/ktcloud2025_track1_10.png') center/cover no-repeat; } .thumbnail2025-trackImg2-01 { background: url('../images/ktcloud2025_track2_1.png') center/cover no-repeat; } .thumbnail2025-trackImg2-02 { background: url('../images/ktcloud2025_track2_2.png') center/cover no-repeat; } .thumbnail2025-trackImg2-03 { background: url('../images/ktcloud2025_track2_3.png') center/cover no-repeat; } .thumbnail2025-trackImg2-04 { background: url('../images/ktcloud2025_track2_4.png') center/cover no-repeat; } .thumbnail2025-trackImg2-05 { background: url('../images/ktcloud2025_track2_5.png') center/cover no-repeat; } .thumbnail2025-trackImg2-06 { background: url('../images/ktcloud2025_track2_6.png') center/cover no-repeat; } .thumbnail2025-trackImg2-07 { background: url('../images/ktcloud2025_track2_7.png') center/cover no-repeat; } .thumbnail2025-trackImg2-08 { background: url('../images/ktcloud2025_track2_8.png') center/cover no-repeat; } .thumbnail2025-trackImg2-09 { background: url('../images/ktcloud2025_track2_9.png') center/cover no-repeat; } .thumbnail2025-trackImg2-10 { background: url('../images/ktcloud2025_track2_10.png') center/cover no-repeat; } .thumbnail2026-introImg01 { background: url('../images/ktcloud2026_intro_01.png') center/cover no-repeat; } .thumbnail2026-keyImg01 { background: url('../images/ktcloud2026_keynote_01.png') center/cover no-repeat; } .thumbnail2026-keyImg02 { background: url('../images/ktcloud2026_keynote_02.png') center/cover no-repeat; } .thumbnail2026-trackImg1-01 { background: url('../images/ktcloud2026_track1_01.png') center/cover no-repeat; } .thumbnail2026-trackImg1-02 { background: url('../images/ktcloud2026_track1_02.png') center/cover no-repeat; } .thumbnail2026-trackImg1-03 { background: url('../images/ktcloud2026_track1_03.png') center/cover no-repeat; } .thumbnail2026-trackImg1-04 { background: url('../images/ktcloud2026_track1_04.png') center/cover no-repeat; } .thumbnail2026-trackImg1-05 { background: url('../images/ktcloud2026_track1_05.png') center/cover no-repeat; } .thumbnail2026-trackImg1-06 { background: url('../images/ktcloud2026_track1_06.png') center/cover no-repeat; } .thumbnail2026-trackImg1-07 { background: url('../images/ktcloud2026_track1_07.png') center/cover no-repeat; } .thumbnail2026-trackImg1-08 { background: url('../images/ktcloud2026_track1_08.png') center/cover no-repeat; } .thumbnail2026-trackImg1-09 { background: url('../images/ktcloud2026_track1_09.png') center/cover no-repeat; } .thumbnail2026-trackImg1-10 { background: url('../images/ktcloud2026_track1_10.png') center/cover no-repeat; } .thumbnail2026-trackImg2-01 { background: url('../images/ktcloud2026_track2_01.png') center/cover no-repeat; } .thumbnail2026-trackImg2-02 { background: url('../images/ktcloud2026_track2_02.png') center/cover no-repeat; } .thumbnail2026-trackImg2-03 { background: url('../images/ktcloud2026_track2_03.png') center/cover no-repeat; } .thumbnail2026-trackImg2-04 { background: url('../images/ktcloud2026_track2_04.png') center/cover no-repeat; } .thumbnail2026-trackImg2-05 { background: url('../images/ktcloud2026_track2_05.png') center/cover no-repeat; } .thumbnail2026-trackImg2-06 { background: url('../images/ktcloud2026_track2_06.png') center/cover no-repeat; } .thumbnail2026-trackImg2-07 { background: url('../images/ktcloud2026_track2_07.png') center/cover no-repeat; } .thumbnail2026-trackImg2-08 { background: url('../images/ktcloud2026_track2_08.png') center/cover no-repeat; } .thumbnail2026-trackImg2-09 { background: url('../images/ktcloud2026_track2_09.png') center/cover no-repeat; } .thumbnail2026-trackImg2-10 { background: url('../images/ktcloud2026_track2_10.png') center/cover no-repeat; } /* ----- 푸터 ----- */ footer { padding: 5rem 0; backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.90); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); } footer .inner { gap: 8rem; } footer a { color: var(--color-dark-gray); transition: color 0.2s ease; } footer a:hover { color: var(--color-black); } .footer-info { display: flex; flex-direction: column; align-self: stretch; gap: 3rem; } .footer-copy { color: var(--color-dark-gray); font-size: var(--font-size-18); display: flex; flex-wrap: wrap; gap: 0.5rem 4rem; } .footer-copy span { font-weight: 400; position: relative; } .footer-copy span::after { content: "|"; position: absolute; right: -2rem; } .footer-copy span:last-child::after { content: none; } .footer-links { display: flex; align-items: center; gap: 4rem; } .footer-links a { font-size: var(--font-size-28); font-weight: 600; } @media only screen and (max-width:960px) { footer .inner { flex-direction: column; align-items: flex-start; } .footer-copy { flex-direction: column; } .footer-copy span::after { content: none; } }