@charest "utf-8";

:root { 
    --txt: #6e6e73; 
    --black: black; 
    --green: #74cc45; 
    --white: white; 
    --orange: #f89845; 
    --blue:#30a5df; 
   } 
 
 
 body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
 .herotop { height: calc(var(--vh, 1vh) * 100)}
 .image3 { -webkit-user-drag: none; } 
 .mo {display:none}
 @media (min-width: 768px){
 .cards { height: calc(var(--vh, 1vh) * 100)} 
 }
 @media (min-width: 479px){
    .mo {display:block}
}
 
 [data-wf-bgvideo-fallback-img] { display: none; } 
 @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } 
 }
 
 .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } 
 
 .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { outline-offset: 2px; border-radius: 50%; outline: 2px solid #30a5df; } 
 
 .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } 
 
 .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } 
 
 .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } 
 
 .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } 
 
 .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } 
 
 .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } 
 
 .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } 
 
 body { color: #333; letter-spacing: -.05em; word-break: keep-all; text-wrap: balance; font-family: Noto Sans KR, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; } 
 h1 { margin-top: 0; margin-bottom: 0; font-family: 'GmarketSansMedium'; font-size: 3em; font-weight: bold; line-height: 1.3em; } 
 h2 { margin-top: 0; margin-bottom: 0; font-family: 'GmarketSansMedium'; font-size: 2em; font-weight: bold; line-height: 1.3em; } 
 h3 { margin-top: 0; margin-bottom: 0; font-family: 'GmarketSansMedium'; font-size: 1.6em; font-weight: bold; line-height: 1.3em; } 
 
 .nav { z-index: 50; border-bottom: 1px solid #ddd0; width: 100%; padding-top: 1em; padding-bottom: 1em; position: fixed; inset: 0% 0% auto; } 
 .container { width: 90%; margin-left: auto; margin-right: auto; } 
 .container.height100.vertical-center-center { flex-flow: column; justify-content: center; align-items: center; display: flex; } 
 .horizontal { flex-flow: row; justify-content: center; align-items: flex-start; display: flex; } 
 .horizontal-between { flex-flow: row; justify-content: space-between; align-items: flex-start; display: flex; } 
 .vertical { flex-flow: column; align-items: stretch; display: flex; } 
 .vertical.gap-15em { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } 
 .vertical-center { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } 
 .vertical-center.viralbox { z-index: 2; position: relative; transform: rotate(-5deg); } 
 .vertical-center.gap-5em { grid-column-gap: 5em; grid-row-gap: 5em; } 
 .vertical-center.gap-10em { grid-column-gap: 10em; grid-row-gap: 10em; } 
 
 .gap-1em { grid-column-gap: 1em; grid-row-gap: 1em; } 
 .gap-2em { grid-column-gap: 2em; grid-row-gap: 2em; } 
 .gap-3em { grid-column-gap: 3em; grid-row-gap: 3em; } 
 .gap-05em { grid-column-gap: .5em; grid-row-gap: .5em; } 
 .grid-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } 
 .grid-2.gap-2em { grid-column-gap: 2em; grid-row-gap: 2em; } 
 .grid-3 { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } 
 .grid-3.herobtmbox { grid-column-gap: 0px; grid-row-gap: 0px; place-items: center stretch; width: 100%; } 
 .grid-4 { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } 
 
 .text { color: var(--txt); font-size: 1.2em; line-height: 1.6em; } 
 @media (max-width: 480px){
 .text { font-size: 1.4em; } 
 }

 .text.max30 { max-width: 30em; } 
 .text-big { font-size: 1.6em; line-height: 1.6em; } 
 .text-big.aligncenter.en { z-index: 2; position: relative; } 
 .text-small { font-size: 1em; line-height: 1.3em; } 
 .text-small.herotxt { font-family: 'GmarketSansMedium';font-weight: 100; } 
 @media (max-width: 480px){
 .text-small.herotxt { font-weight: 400; } 
 }

 .text-small.herotxt1 { text-align: left; font-family: 'GmarketSansMedium';font-weight: 100; } 
 .gutter-1em { width: 100%; height: 1em; } 
 .gutter-2em { width: 100%; height: 2em; } 
 .gutter-3em { width: 100%; height: 3em; } 
 .gutter-4em { width: 100%; height: 4em; } 
 .gutter-5em { width: 100%; height: 5em; } 

 .section { padding-top: 5em; padding-bottom: 5em; } 
 .vertical-left { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } 
 .vertical-right { flex-flow: column; display: flex; } 
 .horizontal-left { flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex; } 
 .horizontal-right { flex-flow: row; justify-content: flex-end; align-items: flex-start; display: flex; } 
 .horizontal-middle { flex-flow: row; justify-content: center; align-items: center; display: flex; } 
 .horizontal-between-middle { flex-flow: row; justify-content: space-between; align-items: center; display: flex; } 
 .horizontal-between-bottom { flex-flow: row; justify-content: space-between; align-items: flex-end; display: flex; } 
 .horizontal-bottom { flex-flow: row; justify-content: center; align-items: flex-end; display: flex; } 
 .section-nobtm { padding-top: 5em; } 
 .section-big { padding-top: 11em; padding-bottom: 11em; } 
 .section-big.overflow.gray { background-color: #f5f5f5; } 
 .section-big.imgbg { background-image: linear-gradient(#ffffffd9, #ffffffd9), url('../img/contact_img.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; } 
 .section-big.imgbg1 { background-image: linear-gradient(#30a5dfb4, #30a5dfb4), url('../img/about_marketing.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; } 
 .section-big.hidden { display: none; } 
 .section-big._1 { overflow: visible; } 
 .section-big-nobtm { padding-top: 7em; } 
 .code-embed { display: none; } 
 .slider { background-color: #fff; width: 100%; height: auto; } 
 .slide-nav { margin-top: 100dvh; font-size: .5em; inset: -13em 0% auto; } 
 .left-arrow, .right-arrow { display: none; } 
 .slide { width: 100%; height: auto; } 
 .slidebox { flex-flow: column; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } 
 .link-block { color: #fff; flex-flow: column; justify-content: flex-start; align-items: center; padding-top: 1px; font-family: Noto Sans KR, sans-serif; font-size: 1.2em; font-weight: 400; line-height: 1.3em; text-decoration: none; display: flex; } 
 .link-block.black { color: var(--black); } 
 .link-block.black.w--current { color: var(--blue); } 
 .link-block.viral { color: var(--black); } 
 .link-block.viral.w--current { color: #f89845; } 
 .link-block.performance { color: var(--black); } 
 .link-block.performance.w--current { color: var(--green); } 
 .link-block.contact { color: var(--black); } 
 .link-block.contact.w--current { color: var(--blue); } 
 .navline { background-color: #fff; width: 100%; height: 1px; } 
 .navline.black { background-color: var(--black); } 
 .image { width: auto; height: 3em; } 
 .grid-nav { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; place-items: center stretch; } 
 .whitetxt { color: #fff; } 

 .en { font-family: 'GmarketSansMedium';; font-weight: 500; } 
 .herobtm { width: 100%; padding-top: 15em; padding-bottom: 11em; position: relative; } 
 .width100 { width: 100%; } 
 .aligncenter { text-align: center; } 
 .alignright { text-align: right; } 
 .height100 { height: 100%; } 
 .vertical-center-between { flex-flow: column; justify-content: space-between; align-items: center; display: flex; } 
 .image-2 { width: auto; height: 10em; } 
 .overflow { overflow: hidden; } 
 .overflow.about { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: center; align-items: center; display: flex; } 
 .image3 { width: auto; height: 12em; } 
 .herotop { z-index: 2; width: 100%; height: 100dvh; padding-top: 2em; padding-bottom: 2em; position: relative; } 
 .mask { height: auto; } 

 /* main_herobg */
 .herobg { z-index: 0; background-color: var(--blue); position: absolute; inset: 0%; } 
 .herobg.orange { background-color: #ec6f30; } 
 .herobg.yellow { background-color: #cfc039; } 
 .herobg.green { background-color: #c046b0; } 
 .herobg.about { background-color: #30a5df; } 
 .herobg.viral { background-color: #ffecdb; } 
 .herobg.performance { background-color: #e6ffdb; } 
 .herobg.contact { background-color: #30a5df; background-image: linear-gradient(#fff, #aee4ff 50%, #aee4ff); } 
 .texthuge { font-size: 2em; line-height: 1.5em; } 

 .texthuge.aligncenter._25em { max-width: 25em; } 
 .texthuge.en-bold { font-family: 'GmarketSansMedium';; font-weight: 600; line-height: 1.3em; } 
 .background-video { border-radius: 1em; width: 50%; height: auto; margin-top: 10em; padding-bottom: 35%; overflow: hidden; } 
 .custom-css { display: none; } 
 
 .btn { color: #051328; cursor: pointer; background-color: #e7e7e7; border: 1px #000; justify-content: center; align-items: center; padding: 1em 2em; font-family: 'GmarketSansMedium';; font-weight: bold; font-size: 1em; line-height: 1.3em; text-decoration: none; display: flex; position: relative; } 
 
 .btn.btn-one { background-color: var(--blue); color: var(--white); border-radius: 1em; transition: background-color .2s; } 
 .btn.btn-two { background-color: var(--green); color: var(--white); border-radius: 1em; transition: background-color .2s; } 
 
 .btn.btn-one:hover { background-color: #30a5df36; } 
 
 
 .btn.btn-one._1 { border-style: solid; border-color: var(--blue); color: var(--blue); background-color: #6c11dc00; min-width: 13em; font-family: Noto Sans KR, sans-serif; } 
 
 .btn.btn-one._1:hover { background-color: var(--blue); } 
 
 .btn.btn-one._2 { min-width: 13em; font-family: Noto Sans KR, sans-serif; } 
 
 .btn.btn-one._3 { border-style: solid; border-color: var(--white); color: var(--white); background-color: #fff0; min-width: 13em; font-family: Noto Sans KR, sans-serif; } 
 
 .btn.btn-one._3:hover { background-color: var(--white); } 
 
 .marquee { align-items: center; width: 100%; display: flex; position: absolute; inset: 0%; overflow: hidden; } 
 
 .marquee-inner { opacity: 0; } 
 
 .btnmarqueetxt { color: var(--blue); } 
 
 .btnmarqueetxt._1 { color: var(--white); } 
 
 .btnmarqueetxt._2 { color: var(--blue); } 
 .grain { z-index: 1; opacity: .05; background-image: url('../images/Grain.gif'); background-position: 50%; background-size: auto; position: absolute; inset: 0%; } 
 .txtslide.white { color: var(--white); } 
 .purplespan { color: var(--blue);font-family: 'GmarketSansMedium';;font-weight: bold;} 
 .swiper-wrapper { align-items: stretch; display: flex; } 
 .card-content { z-index: 2; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; display: flex; position: relative; } 
 .swiper-content { background-color: var(--blue); text-align: left; border-radius: 18px; flex-direction: column; align-items: center; width: 100%; margin-bottom: 3em; padding: 3em; position: relative; overflow: hidden; } 
 .swiper-content._1 { background-color: #30a5df; margin-top: 3em; margin-bottom: 0; } 
 .swiper-content._2 { background-color: #30a5df; } 
 .swiper-content._3 { background-color: var(--blue); margin-top: 3em; margin-bottom: 0; } 
 .image-4 { width: auto; height: 6em; } 
 .text-block { color: #ffffff1a; font-family: 'GmarketSansMedium';; font-size: 15em; font-weight: bold; line-height: .85em; position: absolute; inset: -2% auto auto -5%; } 
 
 .stickycontainer { height: 350dvh; position: relative; } 
 
 .stickybox { flex-flow: column; justify-content: space-between; height: 100dvh; padding-top: 7em; padding-bottom: 2em; display: flex; position: sticky; top: 0; } 
 
 .stickybox._1 { justify-content: center; align-items: center; } 
 
 .image-5 { opacity: .08; width: auto; height: 12em; margin-bottom: 4em; } 
 
 .image-6 { background-color: #eee; border-radius: 1em; width: 100%; height: auto; } 
 
 .photobox { border-radius: 1em; width: 90%; max-width: 30em; position: relative; overflow: hidden; box-shadow: 6px 6px 12px #0003; } 
 
 .txtbubble { flex-flow: column; justify-content: flex-start; align-items: center; padding-bottom: 2em; display: flex; position: absolute; inset: auto 0% 0; } 
 
 .text-block-2 { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--white); text-align: center; background-color: #0000004d; border-radius: boldem; padding: 1em 2em; font-size: 1em; line-height: 1.3em; } 
 
 .grid-nav-mobile { grid-template-rows: auto; grid-template-columns: 1fr 1fr; place-items: center stretch; display: none; } 
 
 .clientmarquee { justify-content: flex-start; align-items: stretch; display: flex; overflow: hidden; } 
 
 .clientmarquee-inner { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: row; justify-content: flex-start; align-items: stretch; padding-right: 2em; display: flex; } 
 
 .image-7 { background-color: #f1f1f1; width: 12em; min-width: 12em; height: 6em; padding: 1em; } 
 
 .clientmarquee-inner-1 { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: row; justify-content: flex-start; align-items: stretch; padding-right: 2em; display: flex; } 
 
 .clientmarquee-1 { flex-flow: row-reverse; justify-content: flex-start; align-items: stretch; display: flex; overflow: hidden; } 
 
 /*footer*/
 .footer_right-columns { flex-flow: column; flex: none; justify-content: flex-start; width: 50%; display: flex; } 
 
 .container-2 { width: 90%; margin-left: auto; margin-right: auto; } 
 
 .footer_column { flex-direction: column; flex: none; justify-content: flex-start; align-items: flex-start; width: 50%; display: flex; } 
 
 .footer_column.is-newsletter { flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; } 
 
 .text-size-regular { text-transform: uppercase; } 
 
 .footer_content-flex-wrapper { justify-content: space-between; align-items: stretch; width: 100%; display: flex; } 
 
 .footer_content-wrapper { justify-content: space-between; width: 100%; } 
 
 .footer_component { background-color: var(--blue)!important; z-index: 50; background-color: #333; justify-content: center; align-items: flex-end; width: 100%; padding-top: 4em; padding-bottom: 3em; display: flex; position: relative; overflow: hidden; } 
 
 .footer_link-block { color: #fff; } 
 
 .footertxt { color: var(--white); word-break: keep-all; font-size: 1em; line-height: 1.3em; } 
 
 .div-block { grid-column-gap: .5em; grid-row-gap: 0em; flex-flow: wrap; display: flex; } 
 
 .image-8 { width: auto; height: 2.5em; } 
 .footer_column.is-newsletter img { width:200px; height: auto; } 
 
 @media (min-width: 768px) { }
 @media (max-width: 480px){
    
 .footer_column.is-newsletter img { width:130px; } 
 }
 
 .label1 { position: relative; } 
 
 .div-block-3 { background-color: #30a5df36; width: 110%; height: 40%; position: absolute; inset: 30% 0% 0% -5%; transform: rotate(-3deg); } 
 
 .gutter-05em { width: 100%; height: .5em; } 
 
 .text-block-5 { color: var(--white); text-transform: uppercase; font-family: 'GmarketSansMedium';; font-size: 2em; font-weight: bold; line-height: 1.25em; } 
 
 .div-block-4 { flex-flow: row; display: flex; } 
 
 .ftb { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: center stretch; width: 100%; display: grid; } 
 
 .gutter-9em { width: 100%; height: 9em; } 
 
 .contbtn { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: center; display: flex; } 
 
 .navbar-button-container { flex-direction: column; justify-content: space-between; display: flex; position: relative; } 
 
 .navbar-line { background-color: #191919; width: 100%; height: 1px; } 
 
 .play-pause-button { width: 2em; height: 2em; } 
 
 .bubble { z-index: 10; position: fixed; inset: auto 2em 2em auto; } 
 
 
 .link { background-color: var(--blue); color: var(--white); text-align: center; border-radius: 20em; justify-content: center; align-items: center; width: 4em; height: 4em; text-decoration: none; display: flex; } 
 .kakao_link { background-color: none; color: var(--white); text-align: center; border-radius: 20em; justify-content: center; align-items: center; width: 4em; height: 4em; text-decoration: none; display: flex; } 
 
 .link.viral { background-color: #f89845; } 
 
 .link.performance { background-color: var(--green); } 
 
 /*about*/
 .abouttitle { color: var(--black); text-align: center; text-transform: uppercase; margin-top: .1em; font-family: 'GmarketSansMedium';; font-size: 7em; font-weight: bold; line-height: 1em; } 
 .abouttitle_txt { color: var(--blue)!important; text-align: center; text-transform: uppercase; margin-top: .1em; font-family: 'GmarketSansMedium';; font-size: 7em; font-weight: bold; line-height: 1em; } 
 
 .abouttitle._2 { opacity: .3; filter: blur(6px); color: var(--blue); } 
 
 .image-9 { z-index: 2; height: 7em; margin-bottom: .5em; position: absolute; } 
 
 .abouttop { z-index: 2; width: 100%; height: 100dvh; padding-top: 2em; padding-bottom: 2em; position: relative; overflow: hidden; } 
 
 .div-block-5 { background-color: #fff; border-radius: .5em; padding: 1em 1.5em .8em; } 
 
 .div-block-5._1 { margin-top: -1em; } 
 
 .viraltitle { color: var(--black); text-align: center; text-transform: uppercase; margin-top: .1em; font-family: 'GmarketSansMedium';; font-size: 5em; font-weight: bold; line-height: 1em; } 
 
 ._50 { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 50%; display: flex; } 
 
 ._50.vertical { align-items: stretch; } 
 
 .subcontainer { width: 90%; max-width: 1440px; margin-left: auto; margin-right: auto; } 
 
 .text-block-6 { letter-spacing: -.05em; font-family: 'GmarketSansMedium';; font-size: 4em; font-weight: bold; line-height: 1.25em; } 
 
 .card { background-color: #fff; border-radius: 2em; width: 100%; padding: 1.5em; } 
 
 .card.vertical.gap-5em { grid-column-gap: 5em; grid-row-gap: 5em; } 
 
 .text-block-7 { font-size: 1.2em; font-weight: 700; line-height: 1.5em; } 
 @media (max-width: 480px){
 .text-block-7 { font-size:1.9em; } 
 }
 .text-block-8 { background-color: var(--orange); color: var(--white); text-align: center; border-radius: .5em; justify-content: center; align-items: center; width: 2em; height: 2em; padding-bottom: .1em; font-size: 1em; font-weight: 700; line-height: 1em; display: flex; } 
 @media (max-width: 480px){
 .text-block-8 { font-size:1.3em; } 
 }
 .text-block-8._1 { background-color: var(--green); } 
 
 .text-block-8._2 { background-color: var(--blue); } 
 
 .horizontal-left-middle { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } 
 
 ._25em { max-width: 25em; } 
 
 .orangegradientspan { background-image: linear-gradient(135deg, var(--orange), var(--black)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } 
 
 .image-10 { background-color: #f1f1f1; border-radius: 1em; width: 4em; height: auto; padding: .5em; } 
 
 .gap-4em, .gap-5em { grid-column-gap: 3em; grid-row-gap: 3em; } 
 
 .horizontal-between-stretch { flex-flow: row; justify-content: space-between; align-items: stretch; display: flex; } 
 
 .vertical-left-between { flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } 
 
 .greengradientspan { background-image: linear-gradient(135deg, var(--green), var(--black)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } 
 
 .vertical-left-center { flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } 
 
 .div-block-6 { background-color: #f1f1f1; border-radius: 2em; width: 50%; position: relative; overflow: hidden; } 
 
 .text-block-9 { color: var(--blue); text-transform: uppercase; background-color: #f4ebff; border-radius: .2em; padding: .3em; font-size: 1em; line-height: 1em; } 
 
 .text-block-9._1 { color: var(--orange); background-color: #fff4eb; } 
 
 .text-block-9._2 { color: var(--green); background-color: #edfce5; } 
 
 .purplegradientspan { background-image: linear-gradient(135deg, var(--blue), var(--black)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } 
 
 .text-1 { color: var(--txt); max-width: 27em; font-size: 1.3em; line-height: 1.6em; } 
 @media (max-width: 480px){
 .text-1 { font-size: 1.5em; } 
 }
 .orangespan { color: var(--orange); } 
 
 .blackspan { color: #333; } 
 
 .greenspan { color: var(--green); } 
 
 .subcontainer1 { grid-column-gap: 5em; grid-row-gap: 5em; justify-content: space-between; align-items: center; width: 90%; max-width: 1440px; margin-left: auto; margin-right: auto; display: flex; } 
 
 .image-11 { width: auto; height: 5em; } 
 
 .contacttop { z-index: 2; width: 100%; padding-top: 15em; padding-bottom: 15em; position: relative; overflow: hidden; } 
 
 .form { grid-column-gap: 2em; grid-row-gap: 2em; background-color: #fff; border-radius: 2em; flex-flow: column; width: 100%; padding: 2.5em; display: flex; } 
 
 .form-block { width: 100%; max-width: 720px; margin-bottom: 0; } 
 
 .text-field { color: #333; border: 1px solid #ccc; border-radius: .5em; height: 3em; margin-bottom: 0; padding: 0 1em; font-size: 1.3em; font-weight: 400; line-height: 1.6em; } 
 
 .field-label { margin-bottom: 0; font-size: 1.6em; font-weight: 600; line-height: 1.3em; } 
 
 .checkbox { border-radius: 50%; width: 2em; height: 2em; margin-top: 0; } 
 
 .checkbox.w--redirected-checked { border: 1px solid var(--blue); background-color: var(--blue); background-image: url('../images/custom-checkbox-checkmark.svg'); background-position: 50%; background-size: 90%; margin-top: 0; } 
 
 .checkbox-field { justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; } 
 
 .checkbox-label { margin-left: .5em; font-size: 1.3em; font-weight: 400; } 
 
 .grayspan { color: #b8b8b8; } 
 
 
 .submit-button {
   background-color: var(--blue);
   border-radius: .5em;
   height: 3em;
   font-size: 1.3em;
   line-height: 1.3em;
   transition: background-color .2s;
 }
 
 .submit-button:hover { color: var(--blue); background-color: #ebfcff; } 
 
 .image-12 { height: 2.1em; } 
 
 .horizontal-left-bottom { flex-flow: row; justify-content: flex-start; align-items: flex-end; display: flex; } 
 
 .text-block-11 { font-size: 2em; font-weight: 600; line-height: 1em; } 
 
 .div-block-7 { border-bottom: 1px solid #ccc; padding-bottom: 2em; } 
 
 .div-block-8 { grid-column-gap: .5em; grid-row-gap: .5em; flex-flow: wrap; font-size: 1.3em; display: flex; } 
 
 .ms-pill-item { flex-wrap: wrap; margin-bottom: 0; padding-left: 0; position: relative; } 
 
 .ms-pill-checkbox { display: none; } 
 
 .ms-pill-label { z-index: 2; white-space: nowrap; background-color: #e8f5fb; border: 1px solid #e8f5fb; border-radius: .2em; justify-content: flex-start; align-items: center; margin-bottom: 0; padding: .3em .5em .4em; font-size: .9em; font-weight: 400; line-height: 1em; position: relative; inset: 0% auto 0% 0%; } 
 
 .ms-pill-label:hover { border-color: var(--blue); } 
 
 .code-embed-2 { display: none; } 
 
 .minispan { color: var(--blue); font-size: .7em; } 
 
 .lemonspan { color: #ffe000; } 
 
 .navguide { width: 1px; height: 200dvh; position: absolute; inset: 0% auto auto 0%; } 
 
 .navguideelement { height: 100dvh; margin-top: 100dvh; } 
 
 .image-13 { background-color: #f1f1f1; border-radius: 1em; width: 9em; height: auto; padding: 2em; } 
 
 .popup { z-index: 51; background-color: #0000004d; flex-flow: column; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; overflow: hidden; } 
 
 .popuparea { width: 100%; max-width: 46em; } 
 
 .popupbox { grid-column-gap: 1em; grid-row-gap: 1em; background-color: #fff; border-radius: 1.5em; flex-flow: column; padding: 1.5em 1em 1em; display: flex; } 
 
 .text-block-16 { color: #000; text-align: center; font-size: 1.5em; font-weight: 700; } 
 
 .text-block-17 { color: #000; border: 1px solid #eee; border-radius: .5em; max-height: 20em; padding: .5em; font-size: 1em; line-height: 2em; overflow: auto; } 
 
 .sugessbtn { grid-column-gap: .5em; grid-row-gap: .5em; justify-content: center; align-items: center; width: 100%; margin-bottom: -.5em; padding-top: .5em; padding-bottom: .5em; display: flex; } 
 
 .label { color: #fff; background-color: #ccc; border-radius: .75em; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 3em; font-weight: 400; transition: background-color .4s; display: flex; } 
 
 .label:hover { background-color: var(--blue); color: var(--white); } 
 
 .div-block-11 { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: center; align-items: center; display: flex; } 
 
 .text-block-19 { color: #fff; border-bottom: 1px solid #ffffff1a; padding: 1em 5%; font-family: Noto Sans KR, sans-serif; font-size: 1.5em; font-weight: 400; line-height: 1em; } 
 
 .image-14 { width: auto; height: 2em; } 
 
 .mobiledropdown { z-index: 99; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #30a5dfad; border: 1px solid #ffffff26; border-radius: 1em; flex-flow: column; width: 90%; display: none; position: fixed; top: 5em; left: 5%; overflow: hidden; } 
 
 .div-block-10 { background-color: #eee; justify-content: space-between; align-items: center; width: 100%; padding: 1em 5% 2em; display: flex; } 
 
 .link-block-2 { text-decoration: none; } 
 
 .cards { background-color: #000; width: 100%; max-width: 1920px; height: 100dvh; margin-left: auto; margin-right: auto; display: flex; overflow: hidden; } 
 
 .card1 { color: #fff; background-color: #5208b9; background-image: url('../images/section4-1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: 100%; flex-direction: column; justify-content: center; align-items: center; width: 33.34%; height: 100%; padding: 1.5em; display: flex; } 
 
 .card1.card-second-ws__card--004 { background-color: var(--blue); background-image: url('../images/section4-2.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: 100%; } 
 
 .card1.card-third-ws__card--004 { background-color: #6413d4; background-image: url('../images/section4-3.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: 100%; } 
 
 .cardtxtbox { height: 7em; position: relative; overflow: hidden; } 
 
 /*.cardtxtbox:hover { */
 /* height: 3em; */
 /* position: relative; */
 /* overflow: hidden; */
 /* } */
 
 .cardtxt { margin-top: 0; margin-bottom: 0; font-family: 'GmarketSansMedium';; font-size: 3em; font-weight: bold; line-height: 1.2em; text-align: center; } 
 
 .image-15 { width: 2em; height: 2em; } 
 
 .link-block-3 { background-color: #0000004d; border-radius: 20em; padding: 1em; transition: background-color .2s; } 
 
 .link-block-3:hover { background-color: #0009; } 
 
 .cardtxtbox1 { height: 11.7em; position: relative; overflow: hidden; } 
 
 .text-block-20 { text-align: center; max-width: 15em; font-size: 1.3em; font-weight: 400; line-height: 1.5em; } 
 
 .div-block-15 { z-index: 2; grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } 
 
 .cardsection { background-image: linear-gradient(90deg, #30a5df 49%, #30a5df 51%); width: 100%; overflow: hidden; } 
 
 .div-block-16 { grid-column-gap: 3em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 65%; display: grid; } 
 
 .block17 { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 35%; display: flex; position: sticky; top: 15em; } 
 
 .gutter-15em { width: 100%; height: 15em; } 
 
 .container1200 { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; } 
 
 .text-field-1 { color: #333; border: 1px solid #ccc; border-radius: .5em; width: 60%; height: 3em; margin-bottom: 0; padding: 0 1em; font-size: 1.3em; font-weight: 400; line-height: 1.6em; } 
 
 .text-block-21 { justify-content: center; align-items: center; padding-bottom: .5em; font-size: 1.3em; font-weight: 400; line-height: 1em; display: flex; } 
 
 .div-block-17 { grid-column-gap: .5em; grid-row-gap: .5em; justify-content: space-between; align-items: stretch; display: flex; } 
 
 .select-field { background-color: #fff0; border-radius: .5em; width: 40%; height: 3em; margin-bottom: 0; padding: 0 1em; font-size: 1.3em; } 
 
 .textarea { border: 1px solid #ccc; border-radius: .5em; min-height: 10em; margin-bottom: 0; padding: .8em 1em; font-size: 1.3em; font-weight: 400; line-height: 1.6em; } 
 
 .mar-t-24 { margin-top: 1.5em; } 
 
 .slider-component { display: none; } 
 
 .slider-main_button-wrapper { grid-column-gap: 10px; margin-bottom: 1.5em; display: flex; } 
 
 .swiper { flex-direction: row; align-items: center; } 
 
 .slider-main_button { color: #c8dd5e; text-align: center; border: 1px solid #a5a5a5; border-radius: 100vw; justify-content: center; align-items: center; width: 3.25em; height: 3.25em; padding-top: 4px; transition: all .2s; display: flex; } 
 
 .slider-main_button:hover { color: #1f1f1f; transform: scale(1.1); } 
 
 .herocontainer { z-index: 2; width: 90%; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 2em; } 
 
 @media screen and (max-width: 991px) { body { font-size: 9px; } 
 
 .cards { height: 25rem; } 
 
 .slider-main_button:hover { transform: none; } 
 }
 
 @media screen and (max-width: 767px) { 
    body { font-size: 12px; } 
 
 .horizontal-between { flex-flow: column; } 
 
 .horizontal-between.portfolio { flex-flow: column; justify-content: space-between; align-items: center; } 
 
 .grid-2, .grid-3 { grid-template-columns: 1fr; } 
 
 .grid-3.herobtmbox { grid-column-gap: .5em; grid-row-gap: .5em; place-items: center; margin-bottom: 2em; } 
 
 .grid-4 { grid-template-columns: 1fr; } 
 
 .horizontal-between-bottom { flex-flow: column; justify-content: space-between; align-items: flex-start; } 
 
 .section-big._1 { overflow: hidden; } 
 
 .slide-nav { top: -7em; } 
 
 .grid-nav { grid-template-columns: 1fr; display: none; } 
 
 .image-2, .image3 { height: 6em; } 
 
 .background-video { width: 100%; padding-bottom: 100%; } 
 
 .swiper-slide { width: 80vw; min-width: 80vw; padding-right: 1em; } 
 
 .swiper-content { width: 100%; margin-bottom: 0; padding:1em 2em} 
 
 .swiper-content._1, .swiper-content._3 { margin-top: 0; } 
 .mar-t-24 { margin-top: 3.5em; } 
 .slider-main_button { padding-top:0; } 
 
 .image-5 { width: 100%; height: auto; } 
 
 .grid-nav-mobile { grid-auto-columns: 1fr; justify-content: space-between; display: flex; } 
 
 .footer_right-columns { width: 100%; } 
 
 .footer_column { flex: 1; justify-content: flex-start; align-items: flex-start; max-width: none; } 
 
 .footer_column.is-newsletter { width: 100%; } 
 
 .footer_content-flex-wrapper { grid-column-gap: 4em; grid-row-gap: 4em; flex-direction: column; align-items: flex-start; } 
 
 .div-block-4 { grid-column-gap: 0em; grid-row-gap: 0em; flex-flow: row-reverse; } 
 
 .ftb { flex-direction: column; grid-template-columns: 1fr; place-items: start; } 
 
 .contbtn { flex-flow: column; } 
 
 .navbar-button-container { justify-content: space-between; align-items: flex-end; width: 3em; height: 2em; } 
 
 .navbar-line { height: 2px; } 
 
 .navbar-line.is-top { width: 60%; } 
 
 .navbar-line.is-mid { width: 80%; } 
 
 .bubble { bottom: 1em; right: 1em; } 
 
 .abouttitle { font-size: 4em; } 
 .abouttitle_txt { font-size: 4em; } 
 
 .abouttitle._2 { filter: blur(3px); } 
 
 .image-9 { height: 4em; } 
 
 .viraltitle { font-size: 3em; } 
 
 ._50 { width: 100%; } 
 
 .subcontainer.horizontal-between-middle { flex-flow: column; } 
 .text-block-6.txtslide { font-size: 3em; } 
 .horizontal-between-stretch { flex-flow: column; } 
 .div-block-6.txtslide { width: 100%; } 
 .subcontainer1 { grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; } 
 .subcontainer1._1 { flex-flow: column-reverse; } 
 .image-11 { height: 3em; } 
 .popup { justify-content: flex-end; align-items: center; } 
 .popuparea { max-width: none; } 
 .popupbox { border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding-bottom: 1.5em; } 
 .label { background-color: #ff5200; } 
 .mobiledropdown { display: none; } 
 .cards { flex-direction: column; height: auto; } 
 .card1 { width: 100%; height: auto; padding-top: 8em; padding-bottom: 8em; } 
 .div-block-16 { grid-column-gap: 2em; width: 100%; display: none; } 
 .block17 { width: 100%; position: static; } 
 .slider-component { width: 100%; display: block; } 
 }
 
 @media screen and (max-width: 479px) { 
 body { font-size: 10px; } 
 .image-2, .image3 { height: 5em; } 
 .footer_column { flex: 1; } 
 .abouttitle { font-size: 3.5em; } 
 .abouttitle_txt { font-size: 3.5em; } 
 .abouttitle._2 { filter: blur(2px); } 
 .image-9 { height: 3.5em; } 
 .viraltitle { font-size: 2.5em; } 
 .image-11 { height: 2.3em; } 
 .popup { overflow: hidden; } 
 .image-14 { height: 1.5em; } 
 .mobiledropdown { top: 6em; } 
 }
 
 #w-node-e31e351b-9284-c3f1-5c2b-89b18062e3a6-d35aa95b { justify-self: end; } 
 #w-node-f64ee6f9-1d46-3080-d08a-d31a3e81dae1-3e81dab1 { grid-area: span 1 / span 1 / span 1 / span 1; } 
 #w-node-_4243fb39-cccc-303a-f1df-2c2e3832d6f5-3832d6df { justify-self: end; } 
 @font-face { font-family: Sb Aggro; src: url('../fonts/SB-aggro-M.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } 
 @font-face { font-family: Sb Aggro; src: url('../fonts/SB-aggro-B.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } 
 @font-face { font-family: Sb Aggro; src: url('../fonts/SB-aggro-L.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } 
 [data-wf-bgvideo-fallback-img] { display: none; } 
 @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } 
 }
 .btn-one .btn-text { display: inline-block; } 
 .btn-one:hover .btn-text { opacity: 0; } 
 .marquee { pointer-events: none; } 
 .marquee-inner { width: fit-content; display: flex; --offset: 1rem; --move-initial: calc(-25% + var(--offset)); --move-final: calc(-50% + var(--offset)); transform: translate3d(var(--move-initial), 0, 0); animation: marquee 1s linear infinite; animation-play-state: paused; } 
 .btn-one:hover .marquee-inner { animation-play-state: running; opacity: 1; transition-duration: 0.4s; } 
 .marquee span { text-align: center; white-space: nowrap; font-style: italic; padding: 1em 0.5em; } 
 @keyframes marquee { 
 0% { transform: translate3d(var(--move-initial), 0, 0); } 
 100% { transform: translate3d(var(--move-final), 0, 0); } 
 }
 
 /*about*/
 .btn-one .btn-text { display: inline-block; } 
 .btn-one:hover .btn-text { opacity: 0; } 
 .marquee { pointer-events: none; } 
 .marquee-inner { width: fit-content; display: flex; --offset: 1rem; --move-initial: calc(-25% + var(--offset)); --move-final: calc(-50% + var(--offset)); transform: translate3d(var(--move-initial), 0, 0); animation: marquee 1s linear infinite; animation-play-state: paused; } 
 .btn-one:hover .marquee-inner { animation-play-state: running; opacity: 1; transition-duration: 0.4s; } 
 .marquee span { text-align: center; white-space: nowrap; font-style: italic; padding: 1em 0.5em; } 
 @keyframes marquee { 
 0% { transform: translate3d(var(--move-initial), 0, 0); } 
 100% { transform: translate3d(var(--move-final), 0, 0); } 
 }
 .ms-pill-checkbox:checked ~ .ms-pill-label { background-color: #30a5df; border-color: #30a5df; color: #fff; }