<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WML4SVL');</script> <!-- End Google Tag Manager --> <!-- HTML Meta Tags --> <title>원하는대로 F:it, 당신의 IT</title> <meta name="description" content="구독형 네트워크 F:it을 소개합니다."> <meta name="keywords" content="네트워크, Meraki, Cisco Meraki, 메가존클라우드, 구독, 머라키, F:it, 구독형 네트워크, 보안, 렌탈, 사무실, 아루바, Catalyst, 아리스타, 주니퍼, Juniper"> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://network.yourfit.co.kr/"> <meta property="og:type" content="website"> <meta property="og:title" content="원하는대로 F:it, 당신의 IT"> <meta property="og:description" content="메가존클라우드의 구독형 네트워크 F:it을 소개합니다."> <meta property="og:image" content="https://oopy.lazyrockets.com/api/rest/cdn/image/d7036c95-7364-4afe-9a6d-8b5cc8c57cff.jpeg"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="network.yourfit.co.kr"> <meta property="twitter:url" content="https://network.yourfit.co.kr/"> <meta name="twitter:title" content="원하는대로 F:it, 당신의 IT"> <meta name="twitter:description" content="메가존클라우드의 구독형 네트워크 F:it을 소개합니다."> <meta name="twitter:image" content="https://oopy.lazyrockets.com/api/rest/cdn/image/d7036c95-7364-4afe-9a6d-8b5cc8c57cff.jpeg"> <!-- Meta Tags end--> <title>원하는대로 F:it, 당신의 IT</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <style> .notion-app { display: none !important; } /* 기본 스타일 */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; } .gnb { background-color: #333; color: #fff; padding: 10px 0; } .gnb nav ul { list-style-type: none; margin: 0; padding: 0; text-align: center; } .gnb nav ul li { display: inline; margin-right: 20px; } .gnb nav ul li:last-child { margin-right: 0; } .gnb nav ul li a { text-decoration: none; color: #fff; font-weight: bold; font-size: 16px; } /* 반응형 스타일 */ @media screen and (max-width: 768px) { .gnb { padding: 10px; } .gnb nav ul { text-align: center; padding-left: 10px; } .gnb nav ul li { display: block; margin-bottom: 8px; } } /* commom */ * { margin: 0; padding: 0; box-sizing: border-box; font-size: 62.5%; font-family: 'Noto Sans KR', sans-serif; } ul, li { list-style: none; } .common-inner { max-width: 1200px; width: 100%; margin: 0 auto; } .flex-column { display: flex; width: 100%; } .flex-column .col-3 { flex: calc(100% / 4); max-width: calc((100% - 8.4rem) / 4); } .flex-column .col-4 { flex: calc(100% / 3); max-width: calc((100% - 8rem) / 3); } .flex-column .col-6 { flex: calc(100% / 2); max-width: calc((100% / 2) - 1.4rem); } /* components */ h2 { font-size: 4.2rem; font-weight: 700; text-align: center; } .large-view { display: block; } .small-view { display: none; } .btn-wrap { display: flex; align-items: center; justify-content: center; } .btn-wrap .btn { display: flex; align-items: center; justify-content: flex-start; height: 6rem; border-radius: 30px; background-color: #5aa646; font-size: 1.7rem; font-weight: 700; text-decoration: none; color: #fff; } /* header */ #header { position: absolute; width: 100%; z-index: 10; } #header .header-content { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 9rem; } #header .header-content .logo-wrap { display: flex; justify-content: space-between; align-items: center; flex: calc(100% / 4); max-width: calc((100% / 4) - 3.5rem); } #header .logo-wrap .logo { background-repeat: no-repeat; background-position: center; background-size: contain; } #header .logo-wrap .logo.cisco { width: 9.9rem; height: 5.5rem; background-image: url('https://img.matilda.ai/wp-content/cisco-Meraki-logo-dj.png'); } #header .logo-wrap .logo.mzc { width: 14.7rem; height: 3.7rem; margin-left: 6rem; background-image: url('https://img.matilda.ai/wp-content/MEGAZONECLOUD_NEW_CI_B.png'); position: relative; } #header .logo-wrap .logo.mzc::before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: .1rem; height: 5rem; margin: -.8rem -2.5rem; background-color: #b0b0b0; } /* main */ #main-visual { width: 100%; height: 100%; background-image: url('https://img.matilda.ai/wp-content/fit-main-visual-bg-3.png'); background-repeat: repeat; background-position: center; background-size: contain; } #main-visual .visual-obj { min-height: 44.5rem; background-image: url('https://img.matilda.ai/wp-content/fit-main-visual-obj-dj-3-1.png'); background-repeat: no-repeat; background-position: bottom; background-size: contain; } #div-video { text-align: center; margin: 20px auto; background-color: #f9f9f9 } #fit-promo { height: 61.9rem; padding: 7rem 0 5rem; background-image: url('https://img.matilda.ai/wp-content/fit-promo-bg-3.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } #fit-promo .sc-title { color: #025546; } #fit-promo .sub-title { margin-top: 1.5rem; margin-bottom: 5rem; font-size: 2.4rem; font-weight: 500; text-align: center; color: #333; } #fit-promo ul { display: flex; justify-content: space-between; } #fit-promo li { display: flex; flex-direction: column; height: 24.8rem; padding: 5rem 4rem 0; background-color: #fff; position: relative; } #fit-promo li::before { content: ''; display: block; position: absolute; top: -76%; width: 30rem; height: 18.7rem; background-repeat: no-repeat; background-position: center; background-size: contain; } #fit-promo li::after { content: ''; display: block; position: absolute; top: -1px; right: 0; width: 28.7rem; height: 13.4rem; background-repeat: no-repeat; background-position: center; background-size: contain; } #fit-promo li.left-block::before { left: 0; background-image: url('https://img.matilda.ai/wp-content/fit-promo-obj01-3.png'); } #fit-promo li.right-block::before { right: 0; background-image: url('https://img.matilda.ai/wp-content/fit-promo-obj02-3.png'); } #fit-promo li.left-block::after { background-image: url('https://img.matilda.ai/wp-content/fit-promo-prize01-3.png'); } #fit-promo li.right-block::after { background-image: url('https://img.matilda.ai/wp-content/fit-promo-prize02-3.png'); } #fit-promo li h3 { font-size: 3.2rem; font-weight: 700; } #fit-promo li p { margin: 3.5rem 0 2rem; font-size: 1.7rem; font-weight: 400; } #fit-promo li .refer { display: block; padding-left: 1rem; font-size: 1.5rem; color: #666; word-break: keep-all; position: relative; } #fit-promo li .refer::before { content: '*'; position: absolute; top: 0; left: 0; } #fit-promo li.left-block h3 { color: #5aa646; } #fit-promo li.right-block h3 { color: #e9662e; } #fit-promo .btn-wrap { margin-top: 4.4rem; } #fit-promo .btn-wrap .btn { width: 30rem; } #fit-promo .btn-wrap .btn::before { content: ''; display: inline-block; width: 8.1rem; height: 7.3rem; margin-right: 1rem; margin-bottom: 3rem; background-image: url('https://img.matilda.ai/wp-content/fit-btn-present-box-2.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } .video-container { position: relative; padding-bottom: 35.5%; /* 16:9 비율을 위한 비율 계산 */ max-width: 70%; /* 동영상 최대 너비 설정 */ margin: 0 auto; /* 중앙 정렬 */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #fit-info { padding-top: 6.5rem; padding-bottom: 3.9rem; background-color: #004f41; } #fit-info .sc-title { margin-bottom: 4rem; color: #fff; } #fit-info ul { justify-content: space-between; flex-wrap: wrap; } #fit-info li { display: flex; flex-direction: column; align-items: center; padding: 2.5rem 1.5rem; background-color: #fff; position: relative; z-index: 1; } #fit-info li .icon-box { width: 9.3rem; height: 8.8rem; background-repeat: no-repeat; background-position: center; background-size: contain; } #fit-info li.info-item01 .icon-box { background-image: url('https://img.matilda.ai/wp-content/fit-info-icon01-3.png'); } #fit-info li.info-item02 .icon-box { background-image: url('https://img.matilda.ai/wp-content/fit-info-icon02-3.png'); } #fit-info li.info-item03 .icon-box { background-image: url('https://img.matilda.ai/wp-content/fit-info-icon03-3.png'); } #fit-info li.info-item04 .icon-box { background-image: url('https://img.matilda.ai/wp-content/fit-info-icon04-3.png'); } #fit-info li .badge { position: absolute; top: 2.1rem; left: -1.1rem; width: 8.7rem; height: 4.3rem; background-image: url('https://img.matilda.ai/wp-content/fit-service-badge-3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -9999em; } #fit-info li .badge::after { content: ''; position: absolute; bottom: -.7rem; left: 0; width: 1.1rem; height: .7rem; background-image: url('https://img.matilda.ai/wp-content/fit-service-badge-bottom-3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } #fit-info li h3 { margin-top: 1rem; font-size: 2rem; font-weight: 500; text-align: center; } #fit-info li h3 strong { display: inline-block; color: #025546; font-size: 3rem; font-weight: 700; } #fit-info li h3 span { display: inline-block; font-size: 2.2rem; color: #737373; } #fit-info li .line { margin: 1.5rem 0; width: 7rem; height: .4rem; background-color: #5aa646; } #fit-info li .info-text { line-height: 1.7; font-size: 1.7rem; font-weight: 500; } #fit-info li .prd-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.5rem; } #fit-info li .prd-obj { display: flex; align-items: center; flex-direction: column; justify-content: center; flex: 50%; max-width: calc(100%/2 - 0.5rem); border: 1px solid #d4d4d4; border-radius: 5px; } #fit-info li .prd-obj:nth-child(n+3) { margin-top: 1rem; margin-bottom: 0; } #fit-info li .prd-obj .img-box { width: 10rem; height: 3rem; background-repeat: no-repeat; background-position: center; background-size: contain; } #fit-info li .prd-obj .img-box.obj01 { background-image: url('https://img.matilda.ai/wp-content/fit-product-obj01-3.png'); } #fit-info li .prd-obj .img-box.obj02 { background-image: url('https://img.matilda.ai/wp-content/fit-product-obj02-3.png'); } #fit-info li .prd-obj .img-box.obj03 { background-image: url('https://img.matilda.ai/wp-content/fit-product-obj03-3.png'); } #fit-info li .prd-obj .img-box.obj04 { background-image: url('https://img.matilda.ai/wp-content/fit-product-obj04-3.png'); } #fit-info li .prd-obj p { margin-top: .5rem; font-size: 1.2rem; } #fit-info .desc-text { margin-top: 3.8rem; font-size: 1.5rem; text-align: center; color: #fff; } #fit-service { padding: 6.5rem 0 10.5rem; background-color: #f6f6f6; } #fit-service .sub-title { margin-top: 3rem; font-size: 2rem; line-height: 1.4; text-align: center; } #fit-service .btn-wrap { margin-top: 3rem; margin-bottom: 6.5rem; } #fit-service .btn-wrap .btn { justify-content: center; width: 27rem; } #fit-service .content-wrap { display: flex; flex-direction: column; align-items: center; } #fit-service .content-wrap .icon-box { margin: 2.5rem 0 1rem; background-repeat: no-repeat; background-position: center; background-size: contain; } #fit-service .content-wrap .icon-box.problem { width: 19rem; height: 5.4rem; background-image: url('https://img.matilda.ai/wp-content/fit-icon-problem-3.png'); } #fit-service .content-wrap .icon-box.solution { width: 19.2rem; height: 7.2rem; background-image: url('https://img.matilda.ai/wp-content/fit-icon-solution-3.png'); } #fit-service .content-wrap .img-box img { display: block; width: 100%; } #fit-service .content-wrap .img-box.problem { width: 84.7rem; min-height: 22.1rem; background-image: url('https://img.matilda.ai/wp-content/fit-service-problem-text-3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } #fit-service .content-wrap .img-box.arrow { margin-top: 2rem; width: 67.9rem; height: 4.8rem; background-image: url('https://img.matilda.ai/wp-content/fit-service-arrow-3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } #fit-service .content-wrap .img-box.solution { width: 100%; min-height: 28.7rem; margin-top: 2.5rem; background-image: url('https://img.matilda.ai/wp-content/fit-service-solution-img-3.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } /* footer */ #footer { background-color: #4c4c4c; } #footer .footer-content { display: flex; flex-direction: column; align-items: center; padding: 5.5rem 0 10rem; } #footer .logo { width: 21.4rem; height: 5.5rem; background-image: url('https://img.matilda.ai/wp-content/footer-logo-mzc-3.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } #footer .info-list { display: flex; margin-top: 5.6rem; margin-bottom: 3rem; } #footer .info-list li { font-size: 1.2rem; color: #fff; } #footer .info-list li+li { margin-left: 4.2rem; } #footer .contact-box { display: flex; } #footer .contact-box .address { font-size: 1.2rem; color: #fff; } #footer .contact-box a { display: block; color: #fff; text-decoration: none; margin-left: 2.6rem; font-size: 1.2rem; } .videoWrap {margin: 80px 0;overflow: hidden;} .videoWrap .sc-title {margin-bottom: 40px;color: #025546;} .videoWrap .videoInner {width: calc(100% + 30px);margin: 0 -15px} .videoWrap .videoInner .videoBox {border: 5px solid #eee;} .videoWrap .videoInner .videoList {display: inline-block;width: calc(100% / 3 - 30px);margin: 0 15px;float: left;} .videoWrap .videoInner .videoList h3.tit {display: block;font-size: 20px;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 400;text-align: center;} @media screen and (max-width: 1024px) { .videoWrap .sc-title {margin-bottom: 24px;} .videoWrap .videoInner .videoList{flex: 100%;max-width: 100%;width: 100%;margin: 0 0 40px;text-align: center;} .videoWrap .videoInner .videoBox {border: 0;} } @media (min-width: 1025px) { .videoWrap .videoInner .videoList iframe {width: 100% !important;height: 205px !important;} } /* responsive */ @media screen and (min-width: 280px) and (max-width: 319px) { html, body { font-size: 50%; } } @media screen and (max-width: 320px) { html, body { font-size: 62.5%; } } @media screen and (min-width: 360px) and (max-width: 413px) { html, body { font-size: 68.75%; } .div-video2 { padding-bottom: 75%; } } @media screen and (min-width: 414px) and (max-width: 1023px) { html, body { font-size: 75%; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { html, body { font-size: 68.75%; } } @media screen and (max-width: 1024px) { /* common */ .common-inner { padding: 0 15px; } .flex-column .col-6 { flex: 100%; max-width: 100%; margin-bottom: 1rem; } .flex-column .col-3 { flex: 100%; max-width: 100%; margin-bottom: 0.7rem; } /* components */ h2 { font-size: 1.6rem; } .large-view { display: none; } .small-view { display: block; } .btn-wrap .btn { height: 3rem; border-radius: 10px; font-size: 1rem; } /* header */ #header .header-content { height: 4rem; } #header .header-content .logo-wrap { justify-content: flex-start; flex: 100%; max-width: 100%; } #header .logo-wrap .logo.cisco { width: 2.3rem; height: 1.8rem; background-image: url('https://img.matilda.ai/wp-content/cisco-Meraki-logo-dj.png'); } #header .logo-wrap .logo.mzc { width: 4.8rem; height: 1.2rem; margin-left: 1.5rem; background-image: url('https://img.matilda.ai/wp-content/m-logo-mzc-1.png'); } #header .logo-wrap .logo.mzc::before { height: 1.8rem; margin: -.4rem -.8rem; } /* main */ #main-visual { background-image: url('https://img.matilda.ai/wp-content/m-fit-main-visual-bg-2.png'); } #main-visual .visual-obj { min-height: 18.2rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-main-visual-obj-dj-3.png'); background-size: cover; } #fit-promo { height: auto; padding: 2.5rem 0; background-image: url('https://img.matilda.ai/wp-content/m-fit-promo-bg-2.png'); } #fit-promo .sub-title { margin-top: .5rem; margin-bottom: 1.5rem; font-size: 1rem; } #fit-promo ul { flex-direction: column; } #fit-promo li { height: auto; padding: 2.5rem 1.7rem 2rem; } #fit-promo li.left-block::before { top: -6.7rem; width: 100%; height: 6.7rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-promo-obj-1.png'); background-size: cover; } #fit-promo li.right-block::before { display: none; } #fit-promo li.left-block::after { width: 9.5rem; height: 4.4rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-promo-prize01-1.png'); } #fit-promo li.right-block::after { background-image: url('https://img.matilda.ai/wp-content/m-fit-promo-obj02-1.png'); width: 9.5rem; height: 4.4rem; } #fit-promo li h3 { font-size: 1.4rem; } #fit-promo li p { margin: 1.5rem 0 .5rem; font-size: 1rem; } #fit-promo li .refer { padding-left: .5rem; font-size: .8rem; } #fit-promo .btn-wrap { margin-top: 1.8rem; } #fit-promo .btn-wrap .btn { width: 16.6rem; } #fit-promo .btn-wrap .btn::before { width: 3.8rem; height: 3.4rem; margin-right: .5rem; margin-bottom: 2rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-btn-present-box-2.png'); } #fit-info { padding-top: 3rem; padding-bottom: 2rem; } #fit-info .sc-title { margin-bottom: 2rem; } #fit-info li { padding: 1.5rem 2rem; } #fit-info li .icon-box { width: 4.1rem; height: 3.9rem; } #fit-info li.info-item01 .icon-box { background-image: url('https://img.matilda.ai/wp-content/m-fit-info-icon01-2.png'); } #fit-info li.info-item02 .icon-box { background-image: url('https://img.matilda.ai/wp-content/m-fit-info-icon02-2.png'); } #fit-info li.info-item03 .icon-box { background-image: url('https://img.matilda.ai/wp-content/m-fit-info-icon03-2.png'); } #fit-info li.info-item04 { margin-bottom: 0; } #fit-info li.info-item04 .icon-box { background-image: url('https://img.matilda.ai/wp-content/m-fit-info-icon04-2.png'); } #fit-info li .badge { top: 1rem; left: -1.1rem; width: 5.9rem; height: 2.9rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-service-badge-1.png'); } #fit-info li h3 { margin-top: 1rem; font-size: 1rem; } #fit-info li h3 strong { font-size: 1.3rem; } #fit-info li h3 span { font-size: 1.1rem; } #fit-info li .line { margin: .9rem 0; width: 3rem; height: .2rem; } #fit-info li .info-text { font-size: 1rem; } #fit-info li .prd-list { margin-top: 1rem; } #fit-info li .prd-obj { padding: 0.5rem 1rem; border-radius: 2px; } #fit-info li .prd-obj:nth-child(n+3) { margin-top: 0; } #fit-info li .prd-obj .img-box { max-width: 100%; height: 2rem; } #fit-info li .prd-obj p { margin-top: .2rem; font-size: 1rem; } #fit-info .desc-text { margin-top: 2.5rem; font-size: 1rem; } #fit-service { padding: 3rem 0 2rem; } #fit-service .sub-title { margin-top: 1.5rem; font-size: 1rem; } #fit-service .btn-wrap { margin-top: 2rem; margin-bottom: 2.6rem; } #fit-service .btn-wrap .btn { width: 13.8rem; border-radius: 15px; height: 2.8rem; } #fit-service .content-wrap .icon-box { margin: 1.5rem 0 0rem; } #fit-service .content-wrap .icon-box.problem { width: 8rem; height: 4rem; } #fit-service .content-wrap .icon-box.solution { width: 8rem; height: 4rem; } #fit-service .content-wrap .img-box.problem { width: 100%; min-height: 12rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-service-problem-text-2.png'); } #fit-service .content-wrap .img-box.solution { min-height: 35rem; max-height: 80.4rem; margin-top: 1.5rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-service-solution-img-1.png'); } #fit-service .content-wrap .img-box.arrow { margin-top: 1rem; width: 19.7rem; height: 1.4rem; background-image: url('https://img.matilda.ai/wp-content/m-fit-service-arrow-1.png'); } /* footer */ #footer .common-inner { padding: 0 15px; } #footer .footer-content { padding: 1.8rem 0 2.8rem; } #footer .logo { width: 15.1rem; height: 3.8rem; background-image: url('https://img.matilda.ai/wp-content/footer-logo-mzc-3.png); } #footer .info-list { flex-direction: column; margin-top: 1.9rem; margin-bottom: .5rem; text-align: center; } #footer .info-list li { font-size: 0.1rem; } #footer .info-list li + li { margin-left: 0; } #footer .contact-box { flex-direction: column; text-align: center; } #footer .contact-box .address { font-size: 1rem; } #footer .contact-box a { margin-left: 0; font-size: 1rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .btn-wrap .btn { height: 3rem; } #main-visual .visual-obj { background-image: url('https://img.matilda.ai/wp-content/fit-main-visual-obj-3.png'); background-size: contain; } #fit-promo { padding: 4.5rem 0; } #fit-promo li.left-block::before { top: -10.3rem; left: 0; width: 100%; height: 10.3rem; background-size: contain; } #fit-promo .btn-wrap .btn { width: 16.6rem; } #fit-service .content-wrap .img-box.problem { min-height: 16.7rem; } #fit-service .content-wrap .img-box.solution { min-height: 65.4rem; } } @media screen and (min-width: 768px) and (max-width: 1439px) { #main-visual .visual-obj { background-image: url('https://img.matilda.ai/wp-content/fit-main-visual-obj-3.png'); background-size: contain; } #fit-promo li.left-block::before { top: -10.3rem; left: 0; width: 100%; height: 10.3rem; background-size: contain; } } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WML4SVL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="gnb"> <nav> <ul> <li><a href="https://yourfit.co.kr/">F:it 메인 홈페이지 바로가기</a></li> </ul> </nav> </header> <header id="header"> <div class="common-inner"> <div class="header-content"> <div class="logo-wrap"> <h1 class="logo cisco"></h1> <h1 class="logo mzc"></h1> </div> </div> </div> </header> <main id="main"> <section id="main-visual"> <div class="visual-obj"> </div> </section> <section id="fit-promo"> <div class="common-inner"> <h2 class="sc-title">F:it GRAND <br class="small-view">LAUNCHING 프로모션</h2> <p class="sub-title">신규 고객님들께 통크게 쏩니다!</p> <ul class="flex-column"> <li class="col-6 left-block"> <h3>01. 무료 체험 안내</h3> <p>F:it 네트워크 서비스를 1개월간 무료로 경험하고 도입해보세요.</p> <span class="refer">고객 네트워크 환경에 따라 전체 네트워크가 아닌 일부 네트워크의 체험을 지원합니다.</span> </li> <li class="col-6 right-block"> <h3>02. 헤드셋 증정 이벤트</h3> <p>F:it 구매 고객 선착순 30분께 Cisco Headset 730을 드립니다.</p> <span class="refer">F:it 서비스 월 구독액 10만원 이상시 해당</span> <span class="refer">제품 색상은 랜덤으로 증정</span> </li> </ul> <div class="btn-wrap"><a href="https://www.megazone.com/application_askmzcfit/" target="_blank" class="btn">혜택 받고 F:it 시작하기 ></a></div> </div> </section> <section class="videoWrap"> <div class="common-inner"> <h2 class="sc-title">구독형 네트워크 F:it 소개 영상</h2> <div class="videoInner"> <div class="videoList"> <div class="videoBox"> <iframe width="560" height="315" src="https://www.youtube.com/embed/3VlgK9q5vwQ?si=TpakMJv2kWRNy4JG" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <h3 class="tit">네트워크 F:it 소개 영상 보기 (Lite)</h3> </div> <div class="videoList"> <div class="videoBox"> <iframe width="560" height="315" src="https://www.youtube.com/embed/r8Ad4GiJRwk?si=fmyMH6i3dRerW6s0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <h3 class="tit">웨비나 보기</h3> </div> <div class="videoList"> <div class="videoBox"> <iframe width="560" height="315" src="https://www.youtube.com/embed/mJbxRM-Jx6A?si=zjLK1RlmV8NzGZX1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <h3 class="tit">네트워크 F:it 소개 영상 보기 (Full)</h3> </div> </div> </div> </section> <!-- <div class="video-container"div style=“text-align: center";"margin: 0px auto”;"background-color: #f9f9f9><br><br> <iframe width="560" height="315" src="https://www.youtube.com/embed/3VlgK9q5vwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <br><br> </div> --> <section id="fit-info"> <div class="common-inner"> <h2 class="sc-title">당신이 원하는 대로 F:it!</h2> <ul class="flex-column info-list"> <li class="col-3 info-item01"> <div class="icon-box"></div> <h3>소규모 SOHO를 위한 F:it <strong>35,000원</strong><span> / 월</span></h3> <span class="line"></span> <p class="info-text">상품 구성 안내</p> <ul class="flex-column prd-list"> <li class="col-6 prd-obj"> <div class="img-box obj01"></div> <P>AP</P> <P> </P> </li> <li class="col-6 prd-obj"> <div class="img-box obj04"></div> <P>매니지드 서비스</P> <P> </P> </li> </ul> </li> <li class="col-3 info-item02"> <div class="icon-box"></div> <em class="badge">인기</em> <h3>스타트업을 위한 F:it <strong>109,000원</strong><span> / 월</span></h3> <span class="line"></span> <p class="info-text">상품 구성 안내</p> <ul class="flex-column prd-list"> <li class="col-6 prd-obj"> <div class="img-box obj01"></div> <P>AP</P> <P>2대</P> </li> <li class="col-6 prd-obj"> <div class="img-box obj02"></div> <P>소형 방화벽</P> <P> </P> </li> <li class="col-6 prd-obj"> <div class="img-box obj04"></div> <P>매니지드 서비스</P> <P> </P> </li> </ul> </li> <li class="col-3 info-item03"> <div class="icon-box"></div> <h3>중소기업을 위한 F:it <strong>360,000원</strong><span> / 월</span></h3> <span class="line"></span> <p class="info-text">상품 구성 안내</p> <ul class="flex-column prd-list"> <li class="col-6 prd-obj"> <div class="img-box obj01"></div> <P>AP</P> <P>4대</P> </li> <li class="col-6 prd-obj"> <div class="img-box obj02"></div> <P>중형 방화벽</P> <P> </P> </li> <li class="col-6 prd-obj"> <div class="img-box obj03"></div> <P>스위치</P> <P> </P> </li> <li class="col-6 prd-obj"> <div class="img-box obj04"></div> <P>매니지드 서비스</P> <P> </P> </li> </ul> </li> <li class="col-3 info-item04"> <div class="icon-box"></div> <h3>중견기업을 위한 F:it <strong>1,000,000원</strong><span> / 월</span></h3> <span class="line"></span> <p class="info-text">상품 구성 안내</p> <ul class="flex-column prd-list"> <li class="col-6 prd-obj"> <div class="img-box obj01"></div> <P>AP</P> <P>8대</P> </li> <li class="col-6 prd-obj"> <div class="img-box obj02"></div> <P>대형 방화벽</P> <P>(이중화 지원)</P> </li> <li class="col-6 prd-obj"> <div class="img-box obj03"></div> <P>스위치</P> <P>2대</P> </li> <li class="col-6 prd-obj"> <div class="img-box obj04"></div> <P>매니지드 서비스</P> <P> </P> </li> </ul> </li> </ul> <p class="desc-text">*상기 금액은 패키지 구성에 따라 가격이 변동될 수 있습니다.</p> </div> </section> <section id="fit-service"> <div class="common-inner"> <h2 class="sc-title">What's F:it?</h2> <p class="sub-title">메가존클라우드의 F:it 은 네트워크 인프라, 소프트웨어, IT Device를 <br class="large-view">구독형 서비스로 결합하여, 월별 예측가능한 단일 가격으로 제공하는 서비스 입니다. <br class="large-view">메가존클라우드의 매니지드 서비스와 Cisco Meraki가 만나 여러분의 네트워크를 맞춤 제공해드리는 F:it을 지금 바로 확인해보세요.</p> <div class="btn-wrap"><a href="https://matilda.ai/wp-content/uploads/wp-content/★구독형_네트워크_Fit-1.pdf" target="_blank" class="btn">F:it 브로슈어 자세히 보기 ></a></div> <h2 class="sc-title">Why F:it?</h2> <div class="content-wrap"> <div class="icon-box problem"></div> <div class="img-box problem"></div> <div class="img-box arrow"></div> </div> <div class="content-wrap"> <div class="icon-box solution"></div> <h2 class="sc-title">IT, 이제 사지 말고 F:it하세요!</h2> <div class="img-box solution"></div> </div> </div> </section> </main> <footer id="footer"> <div class="common-inner"> <div class="footer-content"> <h2 class="logo"></h2> <ul class="info-list"> <li>메가존클라우드(주) </li> <li>사업자번호 : 232-88-00982 </li> <li>대표이사 : 이주완 </li> </ul> <div class="contact-box"> <div class="address">서울특별시 강남구 논현로85길 46 메가존빌딩</div> <a href="mailto:Meraki@megazone.com">이메일 : Meraki@megazone.com</a> </div> </div> </div> </footer> </body> </html> ```
HTML
복사