:root{
  --colorMain: #6F5EF2!important;
--colorWhite: #fff!important;
}
.body-container-wrapper{
  overflow:hidden;
}
.kl-footer__byline-wrapper,.hs-tools-menu.hs-collapsed{display:none!important;}

/*상단 헤더가 없는 경우 iframe*/
.hubspot-iframe{position: fixed; left: 0px; top: 68px; width: 100%; height: calc(100% - 68px); border: none;}
/* 상단에 배너 사용시 iframe 조정 */
#hs-web-interactives-top-push-anchor{height:65px!important;}
#hs-web-interactives-top-push-anchor[style*="height"] ~ .body-wrapper .hubspot-iframe {
top: calc(68px + 65px); height: calc(100% - (68px + 65px));}  
/*도입문의*/
.span12.widget-span.widget-type-custom_widget.widget_1742262371037-padding.dnd-module{
  display: flex;
  justify-content: center;
}
#hs_cos_wrapper_widget_1742262371037{
width:100%;
max-width: calc(1000px +(180px* 2));
}
/*메인*/
.button.module_17400978145024__primary_cta{
font-size: 18px!important;
background-color: var(--colorWhite);
color: var(--colorMain);
}
.module_17400978145024__secondary_cta{
border-color: var(--colorWhite);
}
.module_17400978145024__secondary_cta > span{
font-size: 18px!important;
color: var(--colorWhite);
} 
/* .kl-featured-card__image > a > img{
margin-top: 6rem;
} */
img[src=https://flextudio.com/hubfs/%ED%95%9C%EA%B5%AD%EC%96%B4.svg]{
margin-top: 6rem;
}
/* 홈페이지 메인 상단 HeroBanner의 하얀 점 숨기기 */
img[src='https://flextudio.com/hubfs/transparent.png']{
display: none;
}
.kl-featured-card__image > a > img{
border-radius: 16px;
}
.button{
font-size:16px!important;
}
/*제품소개*/
.kl-testimonial,
.kl-card,
.kl-card-grid__card{
box-shadow: 0 8px 16px rgba(28, 28, 28, .1);
border: .5px solid rgba(28, 28, 28, .1);
}
/*요금제*/
.kl-pricing{
align-items: stretch;
}
.kl-pricing__card{
display: flex;
flex-direction: column;
}
.kl-pricing__card ul.kl-pricing__features{
height: 100%;
}
#hs_cos_wrapper_widget_1740010647284_ h2{
margin-bottom: 0;
}
/*FAQ*/
.kl-faq__header h3{
border-bottom: 0;
}

/*요금제*/
.kl-pricing__badge{  
background-color: #2a3e6a;
color: #fff;
font-size: 1rem;
}
.kl-pricing__description p{
font-size: 15px;
}
.kl-pricing__features li{
font-size:15px;
}
.dnd_area-dnd_partial-1-module-3, .dnd_area-dnd_partial-1-module-3__button{
font-size: 18px!important;
}

.blog-index, .blog-more-posts{
  padding: 0;
}
.blog-post__body-wrapper,.blog-post__title{
max-width:1200px;
}
.blog-header--post{
min-height: 320px;
height: 360px;
}

.blog-tags{
display: flex;
flex-wrap: wrap;  
margin:0;
padding: 0 16px;
>li{
  margin:0px;
  .blog-tags__link{
   border-radius: 8px;
    color: #999;
    padding: 12px 16px;
    border: none;
    font-size: .875rem;
    &.blog-tags__link--current{
      color:#fff;
      background-color: #313131;
    }
    &:hover{
      color:#fff;
    }
  }
}
}
.hs-search-field__input{
padding: 4px 8px;
font-size: .875rem;
border: 1px solid #ccc;
border-radius: 8px;
height: 36px;  
&:focus{
  outline-width: 1px;
}
}
.hs-search-field__button {
background-color: transparent;
/*   &:hover{
  cursor: pointer;
  background-color: #000;
} */
}
.hs-search-field__bar:after{
right: 14px;
&:hover{
  filter: brightness(20%);
}
}
/*블로그검색*/
/* .row-fluid-wrapper .row-depth-1 .row-number-1 .dnd_area-row-0-force-full-width-section .dnd-section .dnd_area-row-0-padding{
max-width:1200px;
} */
.body-container-wrapper .dnd_area-row-0-force-full-width-section > .row-fluid {
max-width: 1000px!important;
padding: 20px;
}
#hs_cos_wrapper_widget_1745218879434 .hs-search-results-title{
font-size: 28px;
}
.span4.widget-span.widget-type-cell.dnd-column{
padding: 4px 16px 0 16px;
}
.hs-search-results__pagination{
a{
 color: #666;
  font-weight: normal;
  &.hs-search-results__pagination__link--active{
    border-radius: 999px;
  }
  
}
.hs-search-results__pagination__link--first,
.hs-search-results__pagination__link--last{
  display: none;
}
}

/*고객사례 모바일*/

@media (max-width: 767px) {
  .row-fluid [class*=span] {
      margin-top: 40px;
  }
}
@media (max-width: 650px) {
 h1{
   font-size: 32px;
}
h2{
  font-size: 24px;
  margin-bottom: 12px;
}
#hs_cos_wrapper_module_17393299046474_ h1{
  font-size: 36px!important;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text pre{
margin:0;
}
.row-fluid-wrapper.row-depth-1.row-number-35.cell_17401004904432-row-1-vertical-alignment.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-17.dnd_area-row-6-padding.dnd-section > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-30.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-12 > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-23.dnd-row> .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-9.dnd-section.dnd_area-row-3-padding.dnd_area-row-3-background-layers > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-4.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-1.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-22.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-14.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-8.dnd-row > .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-16.cell_17418441644842-row-1-vertical-alignment.dnd-row> .row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-8.dnd-section.dnd_area-row-3-background-layers.dnd_area-row-3-background-color > .row-fluid{
 display:flex;
 flex-direction: column;
 row-gap: 20px;
}
.dnd-section{
  padding: 40px 20px;
}
.row-fluid-wrapper.row-depth-1.row-number-17.dnd_area-row-6-padding.dnd-section{
  padding-left: 20px !important;
  padding-right: 20px !important;
} 
.row-fluid-wrapper.row-depth-1.row-number-22.dnd-row.cell_17417449387512-row-0-padding{
  padding-bottom:24px!important;
}
.kl-rich-text__buttons{
  padding:0 20px;
}
  .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module > .kl-rich-text > .kl-rich-text__buttons {
      padding: 0 20px 20px 0;
  }
.row-fluid-wrapper.row-depth-1.row-number-12 > .row-fluid{
  padding: 0 40px;
}
}
@media screen and (max-width: 480px) {
    .dnd-section {
      padding: 20px;
  }
  .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module > .kl-rich-text > .kl-rich-text__buttons > .button {
   display: unset!important;
    margin: 0 10px;
  }
  #hs_cos_wrapper_dnd_area-module-4_{
    font-size:28px!important;
  }
  .row-fluid [class*=span] {
    margin-top: 0px;
  }
  .row-fluid-wrapper.row-depth-1.row-number-12 > .row-fluid {
    padding: 0;
  }
  /*둥실이*/
  .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_linked_image{
    display: flex;
    padding: 40px 0;
    
  }
  .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_linked_image .hs-image-widget{
      max-width: 50%!important;
    }
  .kl-rich-text.kl-rich-text--center{
    padding: 0 40px;
  }
}

/*파트너*/
.kl-faq__header > h3{
font-size: 18px;
}

/*아카데미 플랜*/

.mktoForm *{
font-family: pretendard!important;
}

/* .mktoFormRow{
display:flex;
} */

.mktoForm{
width: 100%!important;
padding: 0 2em 4em 2em;
}
.mktoForm .mktoError{
z-index:1 !important;
}
.mktoForm .mktoFieldWrap{
display:flex;
width: 100%;
/* max-width: 890px!important; */
float: unset!important;
padding-right: 3em;
}
.mktoForm .mktoLabel{
display:inline-flex;
flex-direction: row-reverse;
justify-content: flex-end;
font-size:13px;
font-weight: bold;
width: 110px!important;
padding: .5em 0;
}
.mktoFieldWrap > #LblMktoCompanyNotes{
flex-shrink: 0;
}
#MktoCompanyNotes{
width:890px!important;
}
#LblmarketingCode{
position:absolute;
left: 45px;
top:-3px;
}
#LblSalutation{
position:absolute;
left: 180px;
top:-3px;
}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
height: 32px;
-webkit-appearance: none!important;
font-size: 14px!important;
letter-spacing:0;
color: #000;
border-radius:6px!important;
border: 1px solid #E3E3E3 !important;
padding: 0.2em 0.5em!important;
box-shadow: unset!important;
min-height: 32px!important;
width: 300px!important;
}
.mktoForm textarea.mktoField{
max-width: 750px!important;
width: 100%!important;
height:120px
}
.mktoForm input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm div.mktoLogicalField.mktoInvalid {
border:1px solid #E63535;
}


.mktoForm fieldset.mktoFormCol{
margin-top:10px;
width: 100%;
max-width: 870px;
}
.mktoForm fieldset.mktoFormCol > .mktoFormRow .mktoFormCol{
width: 100%;
padding-right: 0em;
}
.mktoForm .mktoFormCol{
border: 0;
padding-right: 3em;
padding: 0 0em 0 0!important;
}
.mktoForm fieldset legend{
font-size: 13px;
font-weight: bold;
padding-left: 0px!important;
padding-bottom: 15px!important;
margin: 0px!important;
border: 0;
}
.mktoOffset{
background-color:red;
display:none;
}
.mktoForm fieldset legend + .mktoFormRow{
/* background-color:red; */
/* max-width: 880px; */
width: 100%;
}
.mktoForm fieldset .mktoFormCol .mktoHtmlText{
padding:5px 10px;
border:1px solid #e3e3e3;
border-radius:5px;
height: 40px !important;
overflow-y: auto;
width: 100%!important;
}

.mktoForm fieldset .mktoFormCol .mktoHtmlText td{
line-height:18px
}
.mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before{
  width: 1em;
  height: 1em;
  margin-left: -1.5em;    
  font-size: 13px;
  border-radius:4px;
  border: 1px solid #e3e3e3;
  box-shadow:unset;
  background-color: #fff;
}
.mktoForm .mktoRadioList > input, .mktoForm .mktoCheckboxList > input{
margin-top: 3px;
}
.mktoButtonRow{
display: flex!important;
justify-content:center;
max-width: 870px;
}
.mktoForm .mktoButtonWrap.mktoLight{
background:none !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoLight .mktoButton{
background-color:#222 !important;
background-image: unset !important;
border: 0 !important;
color: #fff !important;
font-size: 18px !important;
padding: 18px 40px !important;
width: 260px !important;
text-shadow: unset !important;
border-radius: 10px !important;
height: 65px !important;
}
.mktoForm .mktoButtonWrap.mktoLight .mktoButton:hover{
cursor:pointer;
background-color:#000 !important;
background:#000 !important;

box-shadow:rgba(0,0,0,0.3) 3px 3px 6px !important;
}
.mktoButtonWrap.mktoMinimal{
    margin-left: 264px!important;
    margin-top: 40px;
    display: inline-block;
}
.mktoForm .mktoGutter{
width:0 !important;
}