/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
/*
font-family: 'Lato', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
/*
font-family: 'Nanum Gothic', sans-serif;
*/

body{
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: -0.4px;
  color: #263946;
}
h1, h2, h3, h4, h5, h6{
  margin:0;
  margin-bottom:20px;
  font-family: 'Lato', sans-serif;
  font-weight:normal;
  color: #1d2b48;
}
h1{
  font-size: 85px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 4px;
  color: #273945;
  line-height: normal;
}
h2{
  font-size: 52.5px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 2.9px;
  color: #273945;
}
h3{
  font-size: 36.5px;
  font-weight: 300;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.83px;
  text-align: left;
}
h4{
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 24.5px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 1.05px;
  color: #273945;
}
h5{
  font-size: 22.5px;
  font-weight: 300;
  font-style: normal;
  line-height: 2.44;
  letter-spacing: 1.3px;
  text-align: left;
}
h6{
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 17.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: -0.3px;
  color: #263946;
}
.mobile_only{
  display:none;
}
.container--main {
  background: #ffffff !important; }

.pf4_button{
  position:relative;
  display: inline-block;
  margin: 0;
  background-color: #89CBC7;
  opacity: 1;
  font-family: 'Lato', sans-serif;
  font-size: 16.5px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #263946;
  padding: 7px 32px 5px 32px;
  text-transform: uppercase;
}
.pf4_button:hover{
  background-color:#F8AF84;
  color: #263946;
}
.waper_main{
    overflow: hidden;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  body{
    font-size: 1.25vw;
    letter-spacing: -0.028vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom:1.389vw;
  }
  h1{
    font-size: 5.833vw;
    letter-spacing: 0.326vw;
  }
  h2{
    font-size: 3.646vw;
    letter-spacing: 0.201vw;
  }
  h3{
    font-size: 2.535vw;
    letter-spacing: 0.127vw;
  }
  h4{
    font-size: 1.701vw;
    letter-spacing: 0.073vw;
  }
  h5{
    font-size: 1.493vw;
    letter-spacing: 0.09vw;
  }
  h6{
    font-size: 1.215vw;
    letter-spacing: -0.021vw;
  }
  .pf4_button{
    font-size: 1.146vw;
    padding: 0.486vw 2.222vw 0.347vw 2.222vw;
  }
}
@media screen and (max-width: 1140px){
  body{
    font-size: 1.6vw;
    letter-spacing: -0.039vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom:1.951vw;
  }
  h1{
    font-size: 8.195vw;
    letter-spacing: 0.459vw;
  }
  h2{
    font-size: 4.122vw;
    letter-spacing: 0.283vw;
  }
  h3{
    font-size: 3.561vw;
    letter-spacing: 0.179vw;
  }
  h4{
    letter-spacing: 0.102vw;
  }
  h5{
    font-size: 2.098vw;
    letter-spacing: 0.127vw;
  }
  h6{
    font-size: 1.707vw;
    letter-spacing: -0.029vw;
  }
  .pf4_button{
    font-size: 1.61vw;
    padding: 0.683vw 3.122vw 0.488vw 3.122vw;
  }
}

@media screen and (max-width: 1024px){
  body{
    font-size: 1.837vw;
    letter-spacing: -0.041vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom:2.041vw;
  }
  h1{
    font-size: 8.571vw;
    letter-spacing: 0.48vw;
  }
  h2{
    font-size: 5vw;
    letter-spacing: 0.296vw;
  }
  h3{
    font-size: 3.724vw;
    letter-spacing: 0.187vw;
  }
  h4{
    font-size: 2.5vw;
    letter-spacing: 0.107vw;
  }
  h5{
    font-size: 2.194vw;
    letter-spacing: 0.133vw;
  }
  h6{
    font-size: 1.786vw;
    letter-spacing: -0.031vw;
  }
  .pf4_button{
    font-size: 1.5vw;
    padding: 0.714vw 3.265vw 0.51vw 3.265vw;
  }
}
@media screen and (max-width: 768px){
  body{
    font-size: 2.3vw;
    letter-spacing: -0.041vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom:2.041vw;
  }
  h1{
    font-size: 8.571vw;
    letter-spacing: 0.48vw;
  }
  h2{
    font-size: 5vw;
    letter-spacing: 0.296vw;
  }
  h3{
    font-size: 3.724vw;
    letter-spacing: 0.187vw;
  }
  h4{
    font-size: 2.9vw;
    letter-spacing: 0.107vw;
  }
  h5{
    font-size: 2.194vw;
    letter-spacing: 0.133vw;
  }
  h6{
    font-size: 1.786vw;
    letter-spacing: -0.031vw;
  }
  .pf4_button{
    font-size: 2.3vw;
    padding: 0.714vw 3.265vw 0.51vw 3.265vw;
  }
}
@media screen and (max-width: 550px){

}
/*
  Globals --> Full Left BG
-----------------------------*/
.full-bg-holder {
  position: relative; 
}
.full-bg-holder > * {
  position: relative;
  z-index: 1; 
}
.full-left-bg {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  content: "";
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  opacity: 0;
  background-size: cover;
}
.full-left-bg.active {
  opacity: 1; }

/*
  Globals --> Full right BG
-----------------------------*/
.full-right-bg {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  display: block;
  content: "";
  background-color: #859CAC;
  opacity: 0; }

.full-right-bg.active {
  opacity: 1; 
  }
/*
  Globals --> Full Right & Left BG
-----------------------------*/
.full-bg-mobile {
  display: none;
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: "";
  opacity: 0;
  background-color: #859CAC; 
}
.full-bg-mobile.active {
  opacity: 1; 
}
@media (max-width: 980px) {
  .full-bg-mobile {
    display: block; 
  } 
}
.section_inner {
  width: 1080px;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  position: relative; 
}
.section_inner img {
  max-width: 100%;
  height: auto;
  margin: 0;
}
.pf4_mobile_img,
.pf4_mobile_icon {
  width: 100% !important;
  display: none !important; 
}
@media (max-width: 1200px) {
  .section_inner {
    width: 980px; 
  } 
}
@media (max-width: 1080px) {
  .section_inner {
    width: 800px; 
  } 
}
@media (max-width: 900px) {
  .section_inner {
    width: 500px; 
  } 
}
@media (max-width: 550px) {
  .section_inner {
    width: 84%;
  } 
}
@media (max-width: 320px) {
  .section_inner {
  } 
}
/* 
=======================================
  Site Header Section
=========================================*/
html{
  padding-top:0 !important;
}
/* 
=======================================
  Site Header Section
=========================================*/
.pf4_site_header {
    padding: 0;
    position: fixed;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0) !important;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
}
.pf4_site_header.active {
    background-color: #fff !important;
    padding-top: 5px;
    padding-bottom: 11px;
}
.pf4_site_header .section_inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: -6px;
    
}

.pf4_heade_logo {
    width: 7%;
    padding-top: 25px;
    z-index: 2;
}
.pf4_heade_logo a{
    display: inline-block;
    margin: 0px;
}
.pf4_heade_logo img {
    height: auto;
    width: 50px;
    max-height: unset !important;
    top: 0px;
}

.pf4_header_right {
    width: 93%;
    text-align: right;
    padding-top: 17px;
    padding-left: 0px;
    order: 1;
}
.pf4_header_right.style_1{
    width: 44%;
    text-align: right;
}

.pf4_header_right ul {
    margin: 0px;
    padding: 0px;
    width: auto;
    display: inline-block;
}

.pf4_header_right ul li {
    list-style: none;
    margin: 0px;
    display: inline-block;
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px;
}

.pf4_header_right ul li a {
}

.pf4_header_right a {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 17px;
    padding-right: 17px;
    margin: 0 !important;
    font-family: 'Lato', sans-serif;
    font-size: 16.5px;
    font-weight: 300;
    letter-spacing: 0.83px;
    text-align: left;
    color: #283844;
    text-transform: uppercase;
    line-height: 1.72;
    display: block;
}

.pf4_header_right a:hover {
    color: #000000;
}

.pf4_header_right a:before, .pf4_header_right a:after, .pf4_header_right a i {
    content: " ";
    position: absolute;
    height: 10px;
    bottom: 20px;
    z-index: 0;
    opacity: 0;
}

.pf4_header_right a span {
    position: relative;
    z-index: 1;
    padding-right: 1px;
}
.pf4_header_right a:hover span{
      background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #fdbfc2 0%, #fdbfc2 100%);
    background-repeat: no-repeat;
    background-size: 100% 26%;
    background-position: 0px 56%;
}
.pf4_header_right ul li:before {
    width: 2px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    right: -15px;
    background-color: #000;
    opacity: 1;
    height: 14px;
    bottom: 17px;
}


.pf4_header_right a:after {
    width: 29px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    right: 0;
    border: 0;
}

.pf4_header_right a i {
    left: 23px;
    width: calc(100% - 52px);
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
}

.pf4_header_right a:hover:before, .pf4_header_right a:hover:after, .pf4_header_right a:hover i {
    opacity: 1;
}
.pf4_header_right a:hover {
    /* background-color: rgba(255, 255, 255, 0); */
    /* background-image: linear-gradient(120deg, #fdbfc2 0%, #fdbfc2 100%); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 26%; */
    /* background-position: 0px 56%; */
    /* text-align: left; */
    font-style: italic;
}

.pf4_header_social_icon {
    width: 15%;
    text-align: right;
    padding-top: 12px;
}

.pf4_header_social_icon a {
    text-decoration: none;
    display: inline-block;
    margin-left: 3px;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pf4_header_social_icon a img {
    height: 17px;
}

.dropdown-menu li {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.pf4_header_right .dropdown-menu li a:before, .pf4_header_right .dropdown-menu li a:after, .pf4_header_right .dropdown-menu li a i {
    bottom: 10px;
}

.dropdown-menu li a {
    padding-top: 0;
    padding-bottom: 0;
}

li.dropdown:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -8px;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.pf4_header_userarea span a {
    /* border: 2px solid #000; */
    /* padding: 4px 20px 6px 20px; */
    /* margin-left: 13px !important; */
}
.pf4_header_right ul li{
  position: relative;
}
.pf4_header_right ul li a:hover span {
    background-color: rgba(255, 255, 255, 0);
    /* background-image: linear-gradient(120deg, #d1fa05 0%, #d1fa05 100%); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 35%; */
    /* background-position: 0 50%; */
}
.pf4_header_right ul li:hover:before{
  /* content:""; */
  width: 103%;
  height: 7px;
  background-color: #d1fa05;
  bottom: 3px;
  left: -3px;
  display: block;
  position: absolute;
}
.pf4_header_right ul li:hover i{
  background-image: url(hover_arrow.png);
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -19px;
  top: 4px;
}
.pf4_header_right ul li.pf4_user_menu_item{

}
/*
  Header ---> Responsive Menu
-----------------------------*/
a.responsive-menu-hand {
    margin: 3px 0;
    position: absolute;
    top: 8px;
    right: -5px;
    display: none;
    width: 48px;
    height: 44px;
    cursor: pointer;
    background-image: url(open_img2.png);
    background-position: center right;
    background-repeat: no-repeat;
    /* background-color: #FFF; */
    background-size: contain;
}

a.responsive-menu-hand span, a.responsive-menu-close span {
    display: none;
}

a.responsive-menu-hand span {
}

a.responsive-menu-close span {
    display: block;
}

a.responsive-menu-hand:before, a.responsive-menu-hand:after {
    display: none;
}

a.responsive-menu-close {
    clear: both;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    top: 8px;
    right: 37px;
    background-image: url(close.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}

a.responsive-menu-close strong {
    position: relative;
    height: 0px;
    width: 40px;
    display: block;
}

a.responsive-menu-close span:nth-child(1), a.responsive-menu-close span:nth-child(2) {
    width: 40px;
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    background-color: #000;
    height: 5px;
}

a.responsive-menu-close span:nth-child(1) {
    transform: rotate(-50deg);
    margin-top: 25px;
}

a.responsive-menu-close span:nth-child(2) {
    transform: rotate(50deg);
    margin-top: -5px;
}

a.responsive-menu-close:hover {

}

.responsive-menu .user__avatar {
    display: none;
}

.responsive-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -110%;
    background: rgb(217 232 227 / 98%);
    z-index: 999999;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
    font-family: 'sofia_probold';
    transition: right 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.responsive-menu.active {
    right: 0;
}

.responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    border-bottom: 0;
}

.responsive-menu ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: 0px;
}

.responsive-menu ul li a, .responsive-menu .pf4_header_userarea span a {
    line-height: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 22px !important;
    letter-spacing: 0.3px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.52;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
    border: 0;
    margin: 0;
}

.responsive-menu ul li:hover {
    text-decoration: none;
}

.responsive-menu ul li a:hover {
    color: #000000;
}

.responsive-menu ul li i {
    height: 40px;
    width: 40px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 40px;
    cursor: pointer;
    border-left: solid 1px #ffbea5;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.responsive-menu ul li i.minus {
    background-image: url(images/ui/minus.svg);
}

.responsive-menu ul li i.plus {
    background-image: url(images/ui/plus.svg);
}

.responsive-menu ul li ul {
    margin: 0;
    padding: 0;
}

.responsive-menu ul li ul li a {
    font-size: 90%;
    padding-left: 30px;
    border-bottom: solid 1px #E9E9E9;
    background-color: #F0F0F0;
}

.responsive-menu ul li ul li ul li a {
    font-size: 80%;
    padding-left: 30px;
    border-bottom: solid 1px #E9E9E9;
    background-color: #E4E4E4 ;
}

.pf4_header_userarea span a {
    /* border: 2px solid #000; */
    /* padding: 4px 20px 6px 20px; */
    /* margin-left: 13px !important; */
    display: block;
    text-align: center;
}

span[kjb-settings-id="sections_header_settings_language_login"] {
    padding-left: 23px;
}

span[kjb-settings-id="sections_header_settings_language_login"] a {
    border: solid 2px #000;
    padding: 3px 17px 2px 17px;
    line-height: 18px !important;
}

html{
  padding: 0px !important;
}

.header .logo--image.mobile_only {
    display: none;
}

.pf4_site_header{
  /* display: none !important; */
}
.pf4_site_header.active .section_inner{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.pf4_site_header.active .pf4_heade_logo{
  padding-top: 9px;
  width: 7%;
  order: 1;
  text-align: left;
}
.pf4_site_header.active .pf4_heade_logo .logo--image{ 
  height: auto;
}
.pf4_site_header.active .pf4_heade_logo a{
    margin: 0px;
    text-align: left;
}
.pf4_site_header.active .pf4_heade_logo img{
  /* width: 160px; */
}

.pf4_site_header.active .pf4_header_right{
  padding-top: 4px;
  width:93%;
}
.pf4_site_header.active {
  box-shadow: 0px -4px 10px #000;
}
@media screen and (max-width: 1440px) {
    span[kjb-settings-id="sections_header_settings_language_login"] {
        padding-left: 1.597vw;
    }
    .pf4_header_right a {
        padding-top: 0.694vw;
        padding-bottom: 0.694vw;
        padding-left: 1.181vw;
        padding-right: 1.181vw;
        font-size: 1.146vw;
        letter-spacing: 0.058vw;
    }

}

@media screen and (max-width: 1140px){
  .pf4_heade_logo img {
    width: 100%;
    top: 0px;
  }
  .pf4_header_right {
    padding-top: 19px;
    /* display: none; */
  }
 .pf4_site_header.active .section_inner {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .pf4_header_right.style_2{
    display: block;
    padding-top: 0px;
    padding-left: 0px;
  }
  a.responsive-menu-hand{
    display:block;
    top: 2vw;
    right: 0px;
  }
  .pf4_site_header.active a.responsive-menu-hand{
    top: 1.2vw;
  }
  .pf4_header_right ul{
    display:none;
  }

  .pf4_heade_logo{
    padding-left: 0px;
    /* text-align: left; */
    padding-top: 2vw;
  }
  .pf4_heade_logo a{ margin:0px;}
}
@media (max-width: 1024px) {
  .pf4_site_header {
    padding-top: 21px;
    /* padding-bottom: 33px; */
    padding-left: 5vw;
    padding-right: 5vw;
  }
    .pf4_site_header.active {
        position: fixed;
        padding-top: 0px;
        padding-bottom: 8px;
    }
  .pf4_site_header .section_inner {
    width: 100%;
    margin-bottom: 0px;
  }

    .pf4_heade_logo {
        /* width: 45%; */
        /* padding-top: 0px; */
        padding-top: 0.3vw;
    }

    .pf4_header_right {
        /* width: 55%; */
        /* padding-top: 6vw; */
    }

    a.responsive-menu-hand span {
        display: block;
        top: 5vw;
    }

    .header .header-menu {
        display: none !important;
    }

    .pf4_heade_logo img {
    /* width: 172px; */
    width: 44px;
    }

    a.responsive-menu-hand {
        display: block;
    }
    a.responsive-menu-hand{
        top: 0.0vw;
        width: 38px;
        height: 30px;
        background-size: contain;
    }
}

@media (max-width: 768px) {
    .waper_main{
        overflow: hidden;
    }
  .pf4_site_header {
    /* position: relative; */
    padding-top: 21px;
    padding-bottom: 33px;
    padding-left: 30px;
    padding-right: 35px;
  }
    .header .logo--image {
        height: auto !important;
        max-height: unset !important;
        max-width: 100%;
    }


    a.responsive-menu-hand {
        top: 3vw;
    }
    .pf4_heade_logo {
        padding-top: 2vw;
    }
    .pf4_site_header.active .pf4_header_right .responsive-menu-hand{
        top: 2.2vw;
    }
    .pf4_site_header.active .pf4_heade_logo{
      width: 70%;
      padding-top: 13px;
      padding-left: 0vw;
      padding-right: 0vw;
    }
    .pf4_site_header.active .pf4_header_right{
      width: 30%;
    }
}

@media (max-width: 550px) {
  .pf4_site_header {
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-left: 5.7vw;
    padding-right: 5.7vw;
    position: absolute;
  }

  .pf4_heade_logo {
    padding-top: 5vw;
    width: 65%;
  }
  .pf4_heade_logo img {
    /* width: 100%; */
  }
  a.responsive-menu-hand {
  top: 4.7vw;
  right: 0.9vw;
  }
  .pf4_site_header.active .pf4_header_right .responsive-menu-hand{
    top: 5px;
    background-image: url(open_img2.png);
    right: -12px;
  }
  .pf4_site_header.active {
    position: absolute;
    padding-left: 7vw;
    padding-right: 7vw;
    display: none;
  }
  .pf4_header_right {
    width: 45%;
  }
  .pf4_site_header.active .pf4_header_right {
    height: auto;
    background-color: rgb(33 55 94 / 0%);
  }
}
/*
  Footer Top
=========================================*/

/*
  Footer bottom
=========================================*/
.bb_footer_bottom{
    background-color: #88cac6;
    padding-bottom: 39px;
    text-transform: uppercase;
    padding-top: 40px;
}
.bb_footer_bottom .section_inner{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    font-size: 14.95px;
    font-family: 'Quicksand', sans-serif;
    width: 1180px;
    text-align: center;
}

.bb_footer_bottom_left{
    width: 100%;
    color: #000;
    padding-top: 21px;
    font-size: 15px;
    text-align: center;
}
.bb_footer_bottom_left a{
   color: #ffffff;
}
.bb_footer_bottom_left span{
    font-size: 15px;
    display: inline-block;
    padding-right: 36px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 1.9px!important;
}
.bb_footer_copyright{}
.hs_divider{}
.bb_footer_bottom_right{
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 0;
}
.footer_social{

}
.footer_social a{
    width: 40px;
    display: inline-block;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
.footer_social img{
  
}
@media (max-width: 1440px) {
  .bb_footer_bottom{
      padding-bottom: 3.8vw;
      padding-top: 2.7vw;
  }
  .bb_footer_bottom .section_inner{
      font-size: 14.6.597vw;
      width: 81.944vw;
  }
  .bb_footer_bottom_left{
      padding-top: 1.1vw;
      font-size: 1.042vw;
  }
  .bb_footer_bottom_left span{
      font-size: 1.042vw;
      padding-right: 3.069vw;
      letter-spacing: 0.132vw !important;
  }
  .bb_footer_copyright{}
  .hs_divider{ }
  .bb_footer_bottom_right{ }
}
@media (max-width: 1140px) {
  .bb_footer_bottom{  }
  .bb_footer_bottom .section_inner{width: 100%;padding-left: 6vw;padding-right: 6vw;}
  .bb_footer_bottom_left{font-size: 1.7vw;}
  .bb_footer_bottom_left span{font-size: 1.7vw;}
  .bb_footer_copyright{  }
  .hs_divider{  }
  .bb_footer_bottom_right{  }
}
@media (max-width: 1024px) {
  .bb_footer_bottom{  }
  .bb_footer_bottom .section_inner{  }
  .bb_footer_bottom_left {
    padding-top: 0.417vw;
    font-size: 1.3vw;
  }
  .bb_footer_bottom_left span{ 
    font-size: 1.3vw;
    padding-right: 0vw;
    letter-spacing: 0.132vw !important;
    font-style: italic;
  }
  .bb_footer_copyright{  }
  .hs_divider{  }
  .bb_footer_bottom_right{  }
}
@media (max-width: 768px) {
  .bb_footer_bottom{padding-top: 3.153vw;}
  .bb_footer_bottom .section_inner{  }
  .bb_footer_bottom_left{font-size: 2.3vw;padding-top: 2vw;}
  .bb_footer_bottom_left span{font-size: 2.3vw;display: block;}
  .bb_footer_copyright{  }
  .hs_divider{  }
  .bb_footer_bottom_right{  }
}
@media (max-width: 550px) {
  .bb_footer_bottom{padding-bottom: 2.5vw;padding-top: 3.6vw;}
  .bb_footer_bottom .section_inner{  }
  .bb_footer_bottom_left{font-size: 2.8vw;}
  .bb_footer_bottom_left span{font-size: 2.8vw;display: block;padding-top: 2vw;}
  .bb_footer_copyright{  }
  .hs_divider{  }
  .bb_footer_bottom_right{  }
  .footer_social a{
    width: 22px;
    display: inline-block;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
}
}
.bbs_stest{
    padding-top: 600px;
    background-color: #F5EFE9;
}
/*
  section: 1
=========================================*/
.kc_s1{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 248px;
    padding-bottom: 481px;
}
.kc_s1 .section_inner{
    width: 1322px;
}
.kc_s1 article{}
.kc_s1 article h1{
    margin-bottom: 14px;
}
.kc_s1 article h1 span{
    display: inline-block;
    padding-left: 15px;
    position: relative;
    top: 2px;
    font-size: 21.5px;
    font-weight: 300;
    font-style: normal;
    line-height: 2.44;
    letter-spacing: 1.3px;
    text-align: left;
}
.kc_s1 article h5{
    padding-left: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.44;
    letter-spacing: 0.4px;
    text-align: left;
    color: #87cbc5;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.kc_s1 article h5:before{

    background-color: #87cbc5;
    display: block;
    position: absolute;
    right: -14px;
    top: 3px;
    width: 2px;
    height: 41px;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kc_s1{
      padding-top: 17.222vw;
      padding-bottom: 33.403vw;
  }
  .kc_s1 .section_inner{
      width: 91.806vw;
  }
  .kc_s1 article{}
  .kc_s1 article h1{
      margin-bottom: 0.972vw;
  }
  .kc_s1 article h1 span{
      padding-left: 1.042vw;
      top: 0.139vw;
      font-size: 1.493vw;
      letter-spacing: 0.09vw;
  }
  .kc_s1 article h5{
      padding-left: 0.556vw;
      letter-spacing: 0.069vw;
  }
  .kc_s1 article h5:before{
      right: -0.972vw;
      top: 0.208vw;
      width: 0.139vw;
      height: 2.847vw;
  }
}
@media screen and (max-width: 1140px){
  .kc_s1{}
  .kc_s1 .section_inner{}
  .kc_s1 article{}
  .kc_s1 article h1{}
  .kc_s1 article h1 span{
    font-size: 2.098vw;
}
  .kc_s1 article h5{}
  .kc_s1 article h5:before{}
}
@media screen and (max-width: 1024px){
  .kc_s1{}
  .kc_s1 .section_inner{}
  .kc_s1 article{}
  .kc_s1 article h1{}
  .kc_s1 article h1 span{
    font-size: 2.6vw;
}
  .kc_s1 article h5{}
  .kc_s1 article h5:before{}
}
@media screen and (max-width: #768px){
  .kc_s1{}
  .kc_s1 .section_inner{}
  .kc_s1 article{}
  .kc_s1 article h1{}
  .kc_s1 article h1 span{}
  .kc_s1 article h5{}
  .kc_s1 article h5:before{}
}
@media screen and (max-width: 550px){
  .kc_s1{
    margin-top: 0.083vw;
    padding-top: 34.1vw;
    padding-bottom: 51.8vw;
    background-position: top right;
}
  .kc_s1 .section_inner{
    width: 100%;
    padding-left: 5.208vw;
    padding-right: 18vw;
}
  .kc_s1 article{}
  .kc_s1 article h1{
    font-size: 8.021vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.402vw;
    margin-bottom: 0vw;
}
  .kc_s1 article h1 span{
    font-size: 4vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.104vw;
    display: block;
    margin-top: -1.042vw;
    padding-left: 0.5vw;
}
  .kc_s1 article h5{
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    margin-top: -0.417vw;
    /* text-shadow: 1px 1px 35px #000; */
}
  .kc_s1 article h5:before{
    width: 0.208vw;
    height: 3.333vw;
    right: -0.833vw;
    top: 0.625vw;
}
}
/*
  section: 2
=========================================*/
.kc_s2{
    padding-top: 40px;
    padding-bottom: 73px;
    background-color: #F2F3EE;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.kc_s2_img_art_1{
    position: absolute;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    background-image: url(kc-s2-1.png);
    width: 862px;
    height: 372px;
    top: -43px;
    left: -128px;
}
.kc_s2_img_art_2{
    position: absolute;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    background-image: url(kc-s2-2.png);
    width: 282px;
    height: 347px;
    top: -43px;
    right: -130px;
}
.kc_s2_img_art_3{
    position: absolute;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
    background-image: url(kc-s2-4.png);
    width: 379px;
    height: 207px;
    bottom: -79px;
    left: -122px;
}
.kc_s2_img_art_4{
    position: absolute;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    background-image: url(kc-s2-3.png);
    width: 71px;
    height: 121px;
    bottom: -74px;
    right: -124px;
}
.kc_s2 .section_inner{
    width: 1187px;
}
.kc_s2_left{
    width: 43.9%;
    padding-top: 120px;
}
.kc_s2_left_img{
    position: relative;
    z-index: 3;
    height: 593px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.kc_s2_left_img img{
    opacity: 0;
    width: 10%;
}
.kc_s2_right{
    width: 50.1%;
    padding-left: 110px;
    padding-top: 96px;
}
.kc_s2_right article{
    position: relative;
    z-index: 2;
}
.kc_s2_img_art_5{
    font-size: 110.5px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: 5.53px;
    text-align: left;
    color: #d9e8e3;
    font-family: 'Lato', sans-serif;
    position: absolute;
    z-index: -1;
    top: -111px;
    right: -94px;
}
.kc_s2_img_art_6{
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: -1;
    background-image: url(kc-s2-5.png);
    width: 53px;
    height: 80px;
    bottom: -30px;
    left: -26px;
}
.kc_s2_right article h2{
    font-size: 57px;
    font-weight: 300;
    font-style: normal;
    margin-left: -6px;
    letter-spacing: 2.85px;
    margin-bottom: 37px;
    line-height: normal;
}
.kc_s2_right article p{
    margin-top: 3px;
    margin-bottom: 27px;
}
.kc_s2_right article p br{}
.kc_s2_right article p a{
    color: #87CBC5;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kc_s2{
      padding-top: 2.778vw;
      padding-bottom: 5.069vw;
  }
  .kc_s2_img_art_1{
      width: 59.861vw;
      height: 25.833vw;
      top: -3.139vw;
      left: -8.5vw;
  }
  .kc_s2_img_art_2{
      width: 19.583vw;
      height: 24.097vw;
      top: -3.139vw;
      right: -8.8vw;
  }
  .kc_s2_img_art_3{
      width: 26.319vw;
      height: 14.375vw;
      bottom: -5.5vw;
      left: -8.5vw;
  }
  .kc_s2_img_art_4{
      width: 4.931vw;
      height: 8.403vw;
      bottom: -5.5vw;
      right: -8.5vw;
  }
  .kc_s2 .section_inner{
      width: 82.431vw;
  }
  .kc_s2_left{
      width: 43.9%;
      padding-top: 8.333vw;
  }
  .kc_s2_left_img{
      height: 41.181vw;
  }
  .kc_s2_left_img img{
      width: 10%;
  }
  .kc_s2_right{
      width: 50.1%;
      padding-left: 7.639vw;
      padding-top: 6.667vw;
  }
  .kc_s2_right article{}
  .kc_s2_img_art_5{
      font-size: 7.674vw;
      letter-spacing: 0.384vw;
      right: -6.528vw;
      top: -7.708vw;
  }
  .kc_s2_img_art_6{
      width: 3.681vw;
      height: 5.556vw;
      bottom: -2.083vw;
      left: -1.806vw;
  }
  .kc_s2_right article h2{
      font-size: 3.958vw;
      margin-left: -0.417vw;
      letter-spacing: 0.198vw;
      margin-bottom: 2.569vw;
  }
  .kc_s2_right article p{
      margin-top: 0.208vw;
      margin-bottom: 1.875vw;
  }
  .kc_s2_right article p br{}
  .kc_s2_right article p a{}
}
@media screen and (max-width:1140px){
  .kc_s2{}
  .kc_s2_img_art_1{}
  .kc_s2_img_art_2{}
  .kc_s2_img_art_3{
    bottom: 1.861vw;
}
  .kc_s2_img_art_4{}
  .kc_s2 .section_inner{width: 90vw;}
  .kc_s2_left{}
  .kc_s2_left_img{
    height: 46.181vw;
}
  .kc_s2_left_img img{}
  .kc_s2_right{
    width: 56.1%;
}
  .kc_s2_right article{}
  .kc_s2_img_art_5{
    font-size: 9vw;
    top: -8.5vw;
    right: -3.528vw;
}
  .kc_s2_img_art_6{}
  .kc_s2_right article h2{
    font-size: 5.122vw;
    line-height: normal;
}
  .kc_s2_right article p{}
  .kc_s2_right article p br{
    display: none;
}
  .kc_s2_right article p a{}
}
@media screen and (max-width:1024px){
  .kc_s2{}
  .kc_s2_img_art_1{}
  .kc_s2_img_art_2{}
  .kc_s2_img_art_3{}
  .kc_s2_img_art_4{}
  .kc_s2 .section_inner{}
  .kc_s2_left{}
  .kc_s2_left_img{
    height: 47.181vw;
}
  .kc_s2_left_img img{}
  .kc_s2_right{}
  .kc_s2_right article{}
  .kc_s2_img_art_5{}
  .kc_s2_img_art_6{
    width: 5.681vw;
    height: 7.556vw;
    bottom: -3.083vw;
    left: -2.806vw;
}
  .kc_s2_right article h2{
    font-size: 6vw;
}
  .kc_s2_right article p{}
  .kc_s2_right article p br{}
  .kc_s2_right article p a{}
}
@media screen and (max-width:#768px){
  .kc_s2{}
  .kc_s2_img_art_1{}
  .kc_s2_img_art_2{}
  .kc_s2_img_art_3{}
  .kc_s2_img_art_4{}
  .kc_s2 .section_inner{}
  .kc_s2_left{}
  .kc_s2_left_img{}
  .kc_s2_left_img img{}
  .kc_s2_right{ padding-left: 4.639vw;}
  .kc_s2_right article{}
  .kc_s2_img_art_5{}
  .kc_s2_img_art_6{}
  .kc_s2_right article h2{}
  .kc_s2_right article p{}
  .kc_s2_right article p br{}
  .kc_s2_right article p a{}
}
@media screen and (max-width:550px){
  .kc_s2{
    padding-top: 1.042vw;
    padding-bottom: 8.125vw;
}
  .kc_s2_img_art_1{
    display: none;
  }
  .kc_s2_img_art_2{
    display: none;
  }
  .kc_s2_img_art_3{
    display: none;
  }
  .kc_s2_img_art_4{
    display: none;
  }
  .kc_s2_img_art_1.mobile_only{
    display: block;
    width: 49.583vw;
    height: 45.417vw;
    top: -7.5vw;
    left: -5.208vw;
    background-image: url(kc-s2-1-m.png);
  }
  .kc_s2_img_art_2.mobile_only{
    display: block;
    background-image: url(kc-s2-2-m.png);
    width: 31.25vw;
    height: 20.208vw;
    top: -1.875vw;
    right: 0vw;
  }
  .kc_s2_img_art_3.mobile_only{
    display: block;
    width: 37.292vw;
    height: 17.5vw;
    bottom: -2.917vw;
    left: -5.417vw;
    background-image: url(kc-s2-4-m.png);
  }
  .kc_s2_img_art_4.mobile_only{
    display: block;
    background-image: url(kc-s2-3-m.png);
    width: 24.792vw;
    height: 32.083vw;
    bottom: 15.625vw;
    right: -5.833vw;
  }
  .kc_s2 .section_inner{}
  .kc_s2_left{
    width: 100%;
    position: relative;
    padding-left: 14.792vw;
    padding-right: 15vw;
}
  .kc_s2_left_img{
    height: 68.542vw;
}
  .kc_s2_left_img img{}
  .kc_s2_right{
    width: 100%;
    padding-left: 5.625vw;
    padding-right: 3.125vw;
    padding-top: 7.083vw;
}
  .kc_s2_right article{}
  .kc_s2_img_art_5{
    font-size: 12.396vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.42;
    letter-spacing: 0.621vw;
    top: -8.958vw;
    right: 5.417vw;
}
  .kc_s2_img_art_6{
    width: 9.583vw;
    height: 14.375vw;
    left: inherit;
    bottom: -1.042vw;
    right: -1.875vw;
}
  .kc_s2_right article h2{
    font-size: 8.333vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.354vw;
    padding-bottom: 3.75vw;
}
  .kc_s2_right article p{
    font-size: 3.125vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    margin-bottom: 4.583vw;
}
  .kc_s2_right article p br{}
  .kc_s2_right article p a{}
}
/*
  section: 3
=========================================*/
.kc_s3{
    background-color: #D9E8E3;
    padding-top: 56px;
    padding-bottom: 59px;
}
.kc_s3 .section_inner{}
.kc_s3 article{
    text-align: center;
    width: 100%;
}
.kc_s3 article h2{
    font-style: italic;
    letter-spacing: 0.2px;
    margin-bottom: 37px;
}
.kc_s3 article h2 br{}
.kc_s3 article p{
    font-size: 19.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: -0.3px;
    margin-top: 0px;
    margin-bottom: 35px;
}
.kc_s3 article p br{}
.kc_s3_link{}
.kc_s3 article p .mob{
  display: none;
}
.kc_s3_link .pf4_button{}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kc_s3{
      padding-top: 3.889vw;
      padding-bottom: 4.097vw;
  }
  .kc_s3 .section_inner{}
  .kc_s3 article{
      width: 100%;
  }
  .kc_s3 article h2{
      letter-spacing: 0.014vw;
      margin-bottom: 2.569vw;
  }
  .kc_s3 article h2 br{}
  .kc_s3 article p{
      font-size: 1.354vw;
      letter-spacing: -0.021vw;
      margin-top: 0vw;
      margin-bottom: 2.431vw;
  }
  .kc_s3 article p br{}
  .kc_s3_link{}
  .kc_s3_link .pf4_button{}
}
@media screen and (max-width: 1140px){
  .kc_s3{}
  .kc_s3 .section_inner{}
  .kc_s3 article{}
  .kc_s3 article h2{}
  .kc_s3 article h2 br{}
  .kc_s3 article p{
    font-size: 1.6vw;
}
  .kc_s3 article p br{}
  .kc_s3_link{}
  .kc_s3_link .pf4_button{}
}
@media screen and (max-width: 1024px){
  .kc_s3{}
  .kc_s3 .section_inner{}
  .kc_s3 article{}
  .kc_s3 article h2{}
  .kc_s3 article h2 br{}
  .kc_s3 article p{
    font-size: 1.837vw;
}
  .kc_s3 article p br{
    display: none;
}
  .kc_s3_link{}
  .kc_s3_link .pf4_button{
    /* padding: 1vw 4.125vw 1vw 4.125vw; */
}
}
@media screen and (max-width: 768px){
  .kc_s3{}
  .kc_s3 .section_inner{}
  .kc_s3 article{}
  .kc_s3 article h2{}
  .kc_s3 article h2 br{}
  .kc_s3 article p{
    font-size: 2.3vw;
}
  .kc_s3 article p br{}
  .kc_s3_link{}
  .kc_s3_link .pf4_button{
    padding: 1.2vw 6.125vw 1vw 6.125vw;
}
}
@media screen and (max-width: 550px){
  .kc_s3{
    padding-top: 11.875vw;
    padding-bottom: 13.125vw;
}
  .kc_s3 .section_inner{
    width: 100%;
    padding-left: 9.375vw;
    padding-right: 9.375vw;
}
  .kc_s3 article{}
  .kc_s3 article h2{
    font-size: 6.667vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    margin-bottom: 4.375vw;
}
  .kc_s3 article h2 br{}
  .kc_s3 article p{
    font-size: 3.125vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
}
  .kc_s3 article p br{}
  .kc_s3 article p .mob{
  display: block;
}
  .kc_s3_link{
    padding-top: 3.542vw;
}
  .kc_s3_link .pf4_button{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    padding: 1.458vw 4.792vw 1.042vw 4.792vw;
}
}
/*
  section: 4
=========================================*/
.kc_s4{
    background-color: #F2F3EE;
    padding-top: 77px;
    padding-bottom: 0px;
}
.kc_s4 .section_inner{
    width: 1395px;
}
.kc_s4_header{
    width: 100%;
}
.kc_s4_header article{
    text-align: center;
}
.kc_s4_header article h2{
    margin-bottom: 23px;
}
.kc_s4_header article h2 .mob{
    display: none;
}
.kc_s4_header article h4{
}
.kc_s4_content{
    width: 100%;
    padding-top: 22px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    margin-right: -15px;
    position: relative;
    z-index: 1;
}
.kc_s4_content_item{
    width: 33.33%;
    padding-right: 48px;
    padding-left: 22px;
}
.kc_s4_content_item_in{
    background-color: #D9E8E3;
    padding: 42px 25px 110px 25px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.kc_s4_content_item_in article{
    text-align: center;
}
.kc_s4_content_item_in article h4{
    margin-bottom: 39px;
    position: relative;
}
.kc_s4_content_item_in article h4:before{
  content:"";
  background-color: #87cbc5;
  position: absolute;
  width: 137px;
  height: 3px;
  left: 50%;
  bottom: -24px;
  transform: translateX(-50%);
}
.kc_s4_content_item_in article h4 br{}
.kc_s4_content_item_in article p{
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 17.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: -0.3px;
    color: #263946;
}
.kc_s4_content_item_in article p br{}
.kc_s4_content_item_link{
    width: 100%;
    height: auto;
    display: inline-block;
    margin:  0 auto;
    position: absolute;
    left: 0px;
    bottom: 52px;
    text-align: center;
}
.kc_s4_content_item_link .pf4_button{
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    letter-spacing: -0.4px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 228px;
    text-align: center;
    margin: 0px auto;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kc_s4{
      padding-top: 5.347vw;
      padding-bottom: 0vw;
  }
  .kc_s4 .section_inner{
      width: 96.875vw;
  }
  .kc_s4_header{
      width: 100%;
  }
  .kc_s4_header article{}
  .kc_s4_header article h2{
      margin-bottom: 1.597vw;
  }
  .kc_s4_header article h4{}
  .kc_s4_content{
      width: 100%;
      padding-top: 1.528vw;
      margin: 0vw auto;
      margin-right: -1.042vw;
  }
  .kc_s4_content_item{
      width: 33.33%;
      padding-right: 3.333vw;
      padding-left: 1.528vw;
  }
  .kc_s4_content_item_in{
      padding: 2.917vw 1.736vw 7.639vw 1.736vw;
      width: 100%;
      height: 100%;
  }
  .kc_s4_content_item_in article{}
  .kc_s4_content_item_in article h4{
      margin-bottom: 2.708vw;
  }
  .kc_s4_content_item_in article h4:before{
    width: 9.514vw;
    height: 0.208vw;
    left: 50%;
    bottom: -1.667vw;
    transform: translateX(-50%);
  }
  .kc_s4_content_item_in article h4 br{}
  .kc_s4_content_item_in article p{
      margin-top: 0vw;
      margin-bottom: 1.389vw;
      font-size: 1.215vw;
      letter-spacing: -0.021vw;
  }
  .kc_s4_content_item_in article p br{}
  .kc_s4_content_item_link{
      width: 100%;
      left: 0vw;
      bottom: 3.611vw;
  }
  .kc_s4_content_item_link .pf4_button{
      letter-spacing: -0.028vw;
      padding-left: 0.694vw;
      padding-right: 0.694vw;
      max-width: 15.833vw;
  }
}
@media screen and (max-width: 1140px){
  .kc_s4{}
  .kc_s4 .section_inner{}
  .kc_s4_header{}
  .kc_s4_header article{}
  .kc_s4_header article h2{}
  .kc_s4_header article h4{}
  .kc_s4_content{}
  .kc_s4_content_item{}
  .kc_s4_content_item_in{}
  .kc_s4_content_item_in article{}
  .kc_s4_content_item_in article h4{}
  .kc_s4_content_item_in article h4:before{}
  .kc_s4_content_item_in article h4 br{}
  .kc_s4_content_item_in article p{
    font-size: 1.6vw;
}
  .kc_s4_content_item_in article p br{
    display: none;
}
  .kc_s4_content_item_link{}
  .kc_s4_content_item_link .pf4_button{
    max-width: 23vw;
}
}
@media screen and (max-width: 1024px){
  .kc_s4{}
  .kc_s4 .section_inner{}
  .kc_s4_header{}
  .kc_s4_header article{}
  .kc_s4_header article h2{}
  .kc_s4_header article h4{}
  .kc_s4_content{}
  .kc_s4_content_item{}
  .kc_s4_content_item_in{}
  .kc_s4_content_item_in article{}
  .kc_s4_content_item_in article h4{}
  .kc_s4_content_item_in article h4:before{}
  .kc_s4_content_item_in article h4 br{}
  .kc_s4_content_item_in article p{
    font-size: 1.837vw;
}
  .kc_s4_content_item_in article p br{}
  .kc_s4_content_item_link{}
  .kc_s4_content_item_link .pf4_button{}
}
@media screen and (max-width: 768px){
  .kc_s4{}
  .kc_s4 .section_inner{}
  .kc_s4_header{}
  .kc_s4_header article{}
  .kc_s4_header article h2{}
  .kc_s4_header article h4{}
  .kc_s4_content{}
    .kc_s4_content_item {
        width: 100%;
        margin-bottom: 4vw;
        padding-right: 10.333vw;
        padding-left: 10.333vw;
    }
    .kc_s4_content_item_in {
        padding: 4.917vw 5.736vw 11.639vw 5.736vw;
    }
  .kc_s4_content_item_in article{}
  .kc_s4_content_item_in article h4{}
  .kc_s4_content_item_in article h4:before{}
  .kc_s4_content_item_in article h4 br{}
  .kc_s4_content_item_in article p{
    font-size: 2.3vw;
  }
  .kc_s4_content_item_in article p br{}
    .kc_s4_content_item_link {
        bottom: 4.611vw;
    }
    .kc_s4_content_item_link .pf4_button {
        padding: 1.2vw 1.125vw 1vw 1.125vw;
        max-width: 40vw;
    }
}
@media screen and (max-width: 550px){
  .kc_s4{
    padding-top: 11.458vw;
}
  .kc_s4 .section_inner{
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
}
  .kc_s4_header{}
  .kc_s4_header article{}
  .kc_s4_header article h2{
    font-size: 6.667vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    margin-bottom: 3.958vw;
}
.kc_s4_header article h2 .bom{
    display: block;
}
  .kc_s4_header article h4{
    font-size: 3.021vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.117vw;
}
  .kc_s4_content{
    margin-right: 0vw;
    padding-top: 4.792vw;
    padding-left: 8.542vw;
    padding-right: 8.333vw;
}
  .kc_s4_content_item{
    width: 100%;
    padding-right: 0vw;
    padding-left: 0vw;
    margin-bottom: 11.042vw;
    position: relative;
    z-index: 5;
}
  .kc_s4_content_item_in{
    padding: 7.5vw 5.208vw 10.417vw 5.208vw;
}
  .kc_s4_content_item_in article{}
  .kc_s4_content_item_in article h4{
    font-size: 4.375vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.219vw;
}
  .kc_s4_content_item_in article h4:before{
    bottom: -4.583vw;
    width: 24.375vw;
    height: 0.625vw;
}
  .kc_s4_content_item_in article h4 br{}
  .kc_s4_content_item_in article p{
    font-size: 3.125vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.74;
    padding-top: 5.833vw;
    padding-bottom: 10.417vw;
}
  .kc_s4_content_item_in article p br{
    display: block;
}
  .kc_s4_content_item_link{
    bottom: 9.167vw;
}
  .kc_s4_content_item_link .pf4_button{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    max-width: 38.542vw;
}
}
/*
  section: 5
=========================================*/
.kc_s5{
    background-color: #F2F3EE;
    padding-top: 136px;
    padding-bottom: 97px;
    position: relative;
    /* overflow: hidden; */
}
.kc_s5_img_art_1{
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s5-1-new2.png);
    width: 379px;
    height: 354px;
    top: -199px;
    left: -103px;
}
.kc_s5_img_art_2{
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s5-2.png);
    width: 100px;
    height: 235px;
    top: -142px;
    right: -99px;
}
.kc_s5_img_art_3{
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s5-3.png);
    width: 353px;
    height: 274px;
    bottom: -97px;
    right: -102px;
}
.kc_s5 .section_inner{
    width: 1240px;
}
.kc_s5_left{
    width: 43.8%;
    padding-left: 42px;
    position: relative;
}
.kc_s5_left_img{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 675px;
}
.kc_s5_left_img img{
    opacity: 0;
    width: 10%;
}
.kc_s5_right{
    width: 56.2%;
    padding-left: 110px;
    padding-top: 79px;
}
.kc_s5_right article{
    position: relative;
    z-index: 2;
}
.kc_s5_right article h2{
    margin-left: -10px;
    margin-bottom: 18px;
}
.kc_s5_right article h4{
    margin-bottom: 45px;
}
.kc_s5_right article p{
    font-size: 18.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: -0.26px;
    text-align: left;
    color: #263946;
    margin-bottom: 50px;
    padding-left: 3px;
}
.kc_s5_right article p br{}
.kc_s5_right article .pf4_button{
    padding: 7px 45px 6px 45px;
    margin-left: 3px;
}
.kc_s5_text_art_4{
    font-family: 'Lato', sans-serif;
    position: absolute;
    z-index: -1;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 3.05px;
    color: #d9e8e3;
    bottom: 21px;
    right: -10px;
    font-size: 61px;
}
.kc_s5_text_art_4 br{}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kc_s5{
      padding-top: 9.444vw;
      padding-bottom: 6.736vw;
  }
  .kc_s5_img_art_1{
      width: 12.153vw;
      height: 25.278vw;
      top: -14vw;
      left: -7vw;
  }
  .kc_s5_img_art_2{
      width: 6.944vw;
      height: 16.319vw;
      top: -10.486vw;
      right: -6.6vw;
  }
  .kc_s5_img_art_3{
      width: 24.514vw;
      height: 19.028vw;
      bottom: -6.8vw;
      right: -7vw;
  }
  .kc_s5 .section_inner{
      width: 86.111vw;
  }
  .kc_s5_left{
      width: 43.8%;
      padding-left: 2.917vw;
  }
  .kc_s5_left_img{
      height: 46.875vw;
  }
  .kc_s5_left_img img{
      width: 10%;
  }
  .kc_s5_right{
      width: 56.2%;
      padding-left: 7.639vw;
      padding-top: 5.486vw;
  }
  .kc_s5_right article{}
  .kc_s5_right article h2{
      margin-left: -0.694vw;
      margin-bottom: 1.25vw;
  }
  .kc_s5_right article h4{
      margin-bottom: 3.125vw;
  }
  .kc_s5_right article p{
      font-size: 1.285vw;
      letter-spacing: -0.018vw;
      margin-bottom: 3.472vw;
      padding-left: 0.208vw;
  }
  .kc_s5_right article p br{}
  .kc_s5_right article .pf4_button{
      padding: 0.486vw 3.125vw 0.417vw 3.125vw;
      margin-left: 0.208vw;
  }
  .kc_s5_text_art_4{
      letter-spacing: 0.212vw;
      bottom: 1.458vw;
      right: -0.694vw;
      font-size: 4.236vw;
  }
  .kc_s5_text_art_4 br{}
}

@media screen and (max-width: 1140px){
  .kc_s5{}
  .kc_s5_img_art_1{}
  .kc_s5_img_art_2{}
  .kc_s5_img_art_3{}
  .kc_s5 .section_inner{
    width: 90vw;
}
  .kc_s5_left{
    padding-left: 0vw;
    width: 40%;
}
  .kc_s5_left_img{
    height: 53.875vw;
}
  .kc_s5_left_img img{}
  .kc_s5_right{width: 60%;padding-left: 6vw;}
  .kc_s5_right article{}
  .kc_s5_right article h2{}
  .kc_s5_right article h4{}
  .kc_s5_right article p{
    font-size: 1.6vw;
    padding-right: 4vw;
}
  .kc_s5_right article p br{
    display: none;
}
  .kc_s5_right article .pf4_button{}
  .kc_s5_text_art_4{
    font-size: 6vw;
    bottom: 4.458vw;
    right: -0.694vw;
}
  .kc_s5_text_art_4 br{}
}
@media screen and (max-width: 1024px){
  .kc_s5{}
  .kc_s5_img_art_1{}
  .kc_s5_img_art_2{}
  .kc_s5_img_art_3{}
  .kc_s5 .section_inner{}
  .kc_s5_left{
    width: 44%;
}
  .kc_s5_left_img{
    height: 53.875vw;
}
  .kc_s5_left_img img{}
  .kc_s5_right{
    width: 56%;
    padding-top: 1vw;
}
  .kc_s5_right article{}
  .kc_s5_right article h2{}
  .kc_s5_right article h4{}
  .kc_s5_right article p{
    font-size: 1.837vw;
}
  .kc_s5_right article p br{}
  .kc_s5_right article .pf4_button{
    /* padding: 1vw 4.125vw 1vw 4.125vw; */
    /* margin-left: 0.208vw; */
}
  .kc_s5_text_art_4{
    bottom: 3vw;
    right: -4.694vw;
}
  .kc_s5_text_art_4 br{}
}
@media screen and (max-width: 768px){
  .kc_s5{    overflow: unset;}
  .kc_s5_img_art_1{}
  .kc_s5_img_art_2{}
  .kc_s5_img_art_3{}
  .kc_s5 .section_inner{}
  .kc_s5_left{}
  .kc_s5_left_img{}
  .kc_s5_left_img img{}
  .kc_s5_right{}
  .kc_s5_right article{}
  .kc_s5_right article h2{}
  .kc_s5_right article h4{}
  .kc_s5_right article p{
    font-size: 2.3vw;
}
  .kc_s5_right article p br{}
  .kc_s5_right article .pf4_button{
    padding: 1.2vw 4.125vw 1vw 4.125vw;
    margin-left: 0.208vw;
}
  .kc_s5_text_art_4{}
  .kc_s5_text_art_4 br{}
}
@media screen and (max-width: 550px){
  .kc_s5{
    padding-top: 0.833vw;
    padding-bottom: 10.417vw;
}
  .kc_s5_img_art_1{
    width: 42.083vw;
    height: 58.75vw;
    top: -35.208vw;
    left: -2.708vw;
    background-image: url(kc-s5-1-m.png);
}
  .kc_s5_img_art_2{
    width: 23.333vw;
    height: 16.875vw;
    top: -12.5vw;
    right: 0vw;
    background-image: url(kc-s5-2-m.png);
}
  .kc_s5_img_art_3{
    width: 41.458vw;
    height: 29.375vw;
    bottom: -10.5vw;
    right: 0vw;
    background-image: url(kc-s5-3-m.png);
}
  .kc_s5 .section_inner{
    width: 100%;
}
  .kc_s5_left{
    width: 100%;
    padding-left: 17.5vw;
    padding-right: 17.292vw;
}
  .kc_s5_left_img{
    height: 88.333vw;
    background-size: contain;
}
  .kc_s5_left_img img{}
  .kc_s5_right{
    width: 100%;
    padding-top: 7.083vw;
    padding-left: 9.583vw;
    padding-right: 3.333vw;
}
  .kc_s5_right article{}
  .kc_s5_right article h2{
    font-size: 6.563vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.329vw;
    margin-bottom: 2.5vw;
}
  .kc_s5_right article h4{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.271vw;
    padding-left: 0.625vw;
    margin-bottom: 6.25vw;
}
  .kc_s5_right article p{
    font-size: 3.125vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    padding-right: 3.542vw;
    padding-left: 1.667vw;
    margin-bottom: 7.708vw;
}
  .kc_s5_right article p br{}
  .kc_s5_right article .pf4_button{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    padding: 1.458vw 7.292vw 1.042vw 7.292vw;
    margin-left: 1.667vw;
}
  .kc_s5_text_art_4{
    font-size: 7.292vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.365vw;
    bottom: 7.292vw;
    right: 2.5vw;
}
  .kc_s5_text_art_4 br{}
}
/*
  section: 6
=========================================*/
.kd_s6{}

.kd_s6_upper{
    width: 100%;
    display: block;
    background-color: #f8ad83;
    padding-top: 17px;
    padding-bottom: 24px;
}
.kd_s6_upper .section_inner{
    width: 1424px;
}
.kd_s6_upper ul{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.kd_s6_upper ul li{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 33.33%;
    text-align: center;
    font-size: 36.5px;
    font-weight: 300;
    letter-spacing: 1.83px;
    color: #fefefe;
    font-family: 'Lato', sans-serif;
}
.kd_s6_upper ul li.active{
  color: #273945;
}

.kd_s6_bottom{
    background-color: #d9e8e3;
}
.kd_s6_bottom .section_inner{
    width: 1304px;
    padding-top: 113px;
    padding-bottom: 125px;
}

.kd_s6_bottom_left{
    width: 47%;
    padding-top: 32px;
    padding-right: 100px;
    padding-bottom: 20px;
}
.kd_s6_bottom_left h2{
    margin: 0px;
    padding-bottom: 35px;
}
.kd_s6_bottom_left p{
    margin: 0px;
    padding-left: 7px;
    line-height: 1.75;
    padding-bottom: 25px;
}
.kd_s6_bottom_left p .mob{
  display: none;
}
.kd_s6_bottom_left p br{}

.kd_s6_bottom_right{
    width: 53%;
}
.kd_s6_bottom_slider{
    padding-left: 79px;
    padding-right: 51px;
}
.kd_s6_bottom_scol{}
.kd_s6_bottom_scol img{} 

.kd_s6_bottom_slider .slick-list{}
.kd_s6_bottom_slider .slick-list .slick-track{}
.kd_s6_bottom_slider .slick-prev,
.kd_s6_bottom_slider .slick-next {
  background-color: transparent;
  border: 0px;
  background-repeat: no-repeat;
  font-size: 0px;
  width: 28px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  background-size: contain;
  position: absolute;
  top: 41%;
  z-index: 2;
}
.kd_s6_bottom_slider .slick-prev {
  background-image: url(kc-s6_2.png);
  left: 5px;
}
.kd_s6_bottom_slider .slick-next {
  background-image: url(kc-s6_3.png);
  right: -17px;
}
.kd_s6_bottom_slider .slick-dots{ display: none !important; }
.kd_s6_bottom_slider .slick-dots li{ }
.kd_s6_bottom_slider .slick-dots li button{ }
.kd_s6_bottom_slider .slick-dots li:hover,
.kd_s6_bottom_slider .slick-dots li.slick-active{}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kd_s6{}
  .kd_s6_upper{
      width: 100%;
      padding-top: 1.181vw;
      padding-bottom: 1.667vw;
  }
  .kd_s6_upper .section_inner{
      width: 98.889vw;
  }
  .kd_s6_upper ul{
      margin: 0vw;
      padding: 0vw;
      width: 100%;
  }
  .kd_s6_upper ul li{
      margin: 0vw;
      padding: 0vw;
      width: 33.33%;
      font-size: 2.535vw;
      letter-spacing: 0.127vw;
  }
  .kd_s6_upper ul li.active{}
  .kd_s6_bottom{}
  .kd_s6_bottom .section_inner{
      width: 90.556vw;
      padding-top: 7.847vw;
      padding-bottom: 8.681vw;
  }
  .kd_s6_bottom_left{
      width: 47%;
      padding-top: 2.222vw;
      padding-right: 6.944vw;
      padding-bottom: 1.389vw;
  }
  .kd_s6_bottom_left h2{
      margin: 0vw;
      padding-bottom: 2.431vw;
  }
  .kd_s6_bottom_left p{
      margin: 0vw;
      padding-left: 0.486vw;
      padding-bottom: 1.736vw;
  }
  .kd_s6_bottom_left p br{}
  .kd_s6_bottom_right{
      width: 53%;
  }
  .kd_s6_bottom_slider{
      padding-left: 5.486vw;
      padding-right: 3.542vw;
  }
  .kd_s6_bottom_scol{}
  .kd_s6_bottom_scol img{} 
  .kd_s6_bottom_slider .slick-list{}
  .kd_s6_bottom_slider .slick-list .slick-track{}
  .kd_s6_bottom_slider .slick-prev,
  .kd_s6_bottom_slider .slick-next {
    border: 0vw;
    font-size: 0vw;
    width: 1.944vw;
    height: 2.083vw;
    padding: 0vw;
    margin: 0vw;
    top: 41%;
  }
  .kd_s6_bottom_slider .slick-prev {
    left: 0.347vw;
  }
  .kd_s6_bottom_slider .slick-next {
    right: -1.181vw;
  }
  .kd_s6_bottom_slider .slick-dots{}
  .kd_s6_bottom_slider .slick-dots li{ }
  .kd_s6_bottom_slider .slick-dots li button{ }
  .kd_s6_bottom_slider .slick-dots li:hover,
  .kd_s6_bottom_slider .slick-dots li.slick-active{}
}
@media screen and (max-width: 1140px){
  .kd_s6{}
  .kd_s6_upper{
    padding-top: 1.8vw;
}
  .kd_s6_upper .section_inner{
    width: 98vw;
}
  .kd_s6_upper ul{}
  .kd_s6_upper ul li{
    font-size: 2.5vw;
}
  .kd_s6_upper ul li.active{}
  .kd_s6_bottom{}
  .kd_s6_bottom .section_inner{}
  .kd_s6_bottom_left{
}
  .kd_s6_bottom_left h2{}
  .kd_s6_bottom_left p{}
  .kd_s6_bottom_left p br{
    display: none;
}
  .kd_s6_bottom_right{}
  .kd_s6_bottom_slider{}
  .kd_s6_bottom_scol{}
  .kd_s6_bottom_scol img{} 
  .kd_s6_bottom_slider .slick-list{}
  .kd_s6_bottom_slider .slick-list .slick-track{}
  .kd_s6_bottom_slider .slick-prev,
  .kd_s6_bottom_slider .slick-next {}
  .kd_s6_bottom_slider .slick-prev {}
  .kd_s6_bottom_slider .slick-next {}
  .kd_s6_bottom_slider .slick-dots{}
  .kd_s6_bottom_slider .slick-dots li{ }
  .kd_s6_bottom_slider .slick-dots li button{ }
  .kd_s6_bottom_slider .slick-dots li:hover,
  .kd_s6_bottom_slider .slick-dots li.slick-active{}
}
@media screen and (max-width: 1024px){
  .kd_s6{}
  .kd_s6_upper{}
  .kd_s6_upper .section_inner{}
  .kd_s6_upper ul{}
  .kd_s6_upper ul li{}
  .kd_s6_upper ul li.active{}
  .kd_s6_bottom{}
  .kd_s6_bottom .section_inner{}
  .kd_s6_bottom_left{}
  .kd_s6_bottom_left h2{}
  .kd_s6_bottom_left p{}
  .kd_s6_bottom_left p br{}
  .kd_s6_bottom_right{}
  .kd_s6_bottom_slider{}
  .kd_s6_bottom_scol{}
  .kd_s6_bottom_scol img{} 
  .kd_s6_bottom_slider .slick-list{}
  .kd_s6_bottom_slider .slick-list .slick-track{}
  .kd_s6_bottom_slider .slick-prev,
  .kd_s6_bottom_slider .slick-next {}
  .kd_s6_bottom_slider .slick-prev {}
  .kd_s6_bottom_slider .slick-next {}
  .kd_s6_bottom_slider .slick-dots{}
  .kd_s6_bottom_slider .slick-dots li{ }
  .kd_s6_bottom_slider .slick-dots li button{ }
  .kd_s6_bottom_slider .slick-dots li:hover,
  .kd_s6_bottom_slider .slick-dots li.slick-active{}
}
@media screen and (max-width: 768px){
  .kd_s6{}
  .kd_s6_upper{
    padding-top: 1.7vw;
  }
  .kd_s6_upper .section_inner{}
  .kd_s6_upper ul{}
  .kd_s6_upper ul li{}
  .kd_s6_upper ul li.active{}
  .kd_s6_bottom{}
  .kd_s6_bottom .section_inner{
    width: 70vw;
 }
  .kd_s6_bottom_left{
    padding-right: 0vw;
    width: 100%;
    padding-top: 0vw;
 }
  .kd_s6_bottom_left h2{}
  .kd_s6_bottom_left p{}
  .kd_s6_bottom_left p br{}
  .kd_s6_bottom_right{
    width: 100%;
  }
  .kd_s6_bottom_slider{}
  .kd_s6_bottom_scol{}
  .kd_s6_bottom_scol img{} 
  .kd_s6_bottom_slider .slick-list{}
  .kd_s6_bottom_slider .slick-list .slick-track{}
  .kd_s6_bottom_slider .slick-prev,
  .kd_s6_bottom_slider .slick-next {
    width: 4.944vw;
    height: 5.083vw;
}
  .kd_s6_bottom_slider .slick-prev {
    left: -2vw;
}
  .kd_s6_bottom_slider .slick-next {
    right: -5vw;
}
  .kd_s6_bottom_slider .slick-dots{}
  .kd_s6_bottom_slider .slick-dots li{ }
  .kd_s6_bottom_slider .slick-dots li button{ }
  .kd_s6_bottom_slider .slick-dots li:hover,
  .kd_s6_bottom_slider .slick-dots li.slick-active{}
}
@media screen and (max-width: 550px){
  .kd_s6{
    /* padding-bottom: 2.917vw; */
    overflow: hidden;
  }
  .kd_s6_upper{
    padding-top: 3.333vw;
    padding-bottom: 4.583vw;
    width: 176%;
    margin-left: -38%;
  }
  .kd_s6_upper .section_inner{
    width: 100%;
  }
  .kd_s6_upper ul{}
  .kd_s6_upper ul li{
    font-size: 4.375vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.219vw;
    width: 33.33%;
  }
  .kd_s6_upper ul li.active{
  }
  .kd_s6_bottom{
    padding-top: 1.667vw;
    padding-bottom: 3.542vw;
  }
  .kd_s6_bottom .section_inner{
    width: 100%;
    padding-left: 10vw;
    padding-right: 10.833vw;
  }
  .kd_s6_bottom_left{
    width: 100%;
    text-align: center;
    padding-right: 0vw;
    padding-top: 0vw;
    padding-bottom: 4.167vw;
  }
  .kd_s6_bottom_left h2{
    font-size: 6.563vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.329vw;
  }
  .kd_s6_bottom_left p{
    font-size: 3.125vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
  }
  .kd_s6_bottom_left p .mob{
    display: block;
  }
  .kd_s6_bottom_left p br{}
  .kd_s6_bottom_right{
    width: 100%;
  }
  .kd_s6_bottom_slider{}
  .kd_s6_bottom_scol{}
  .kd_s6_bottom_scol img{} 
  .kd_s6_bottom_slider .slick-list{}
  .kd_s6_bottom_slider .slick-list .slick-track{}
  .kd_s6_bottom_slider .slick-prev,
  .kd_s6_bottom_slider .slick-next {
    width: 3.542vw;
    height: 3.542vw;
    top: 41%;
  }
  .kd_s6_bottom_slider .slick-prev {
    left: -3.75vw;
  }
  .kd_s6_bottom_slider .slick-next {
    right: -5.208vw;
  }
  .kd_s6_bottom_slider .slick-dots{}
  .kd_s6_bottom_slider .slick-dots li{ }
  .kd_s6_bottom_slider .slick-dots li button{ }
  .kd_s6_bottom_slider .slick-dots li:hover,
  .kd_s6_bottom_slider .slick-dots li.slick-active{}
}
/*
  section: 7
=========================================*/
.kd_s7{
  background-color: #f2f3ee;
  padding-top: 57px;
  padding-bottom: 70px;
  position: relative;
}
.kd_s7_art1{
    position: absolute;
    background-position: center right;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s7_1.png);
    width: 592px;
    height: 70px;
    bottom: -72px;
    right: 0px;
}
.kd_s7 .section_inner{
    width: 1440px;
}

.kd_s7_title{
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 54px;
}
.kd_s7_title h2{}
.kd_s7_title h4{
    display: block;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #273945;
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
    margin-bottom: 0px;
}
.kd_s7_title h4 a{
    color: #273945;
}

.kd_s7_instagram{
    width: 100%;
    display: block;
}

.kd_s7_instagram .instagram_feed{}
.kd_s7_instagram .instagram_gallery{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: 0px;
}
.kd_s7_instagram .instagram_gallery a{
    width: 25%;
    display: block;
    margin: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
.kd_s7_instagram .instagram_gallery a img{
    width: 100% !important;
    float: none;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kd_s7{
    padding-top: 3.958vw;
    padding-bottom: 4.861vw;
  }
  .kd_s7_art1{
      width: 41.111vw;
      height: 4.861vw;
      bottom: -4.861vw;
      right: 0vw;
  }
  .kd_s7 .section_inner{
      width: 100vw;
  }
  .kd_s7_title{
      width: 100%;
      padding-bottom: 3.75vw;
  }
  .kd_s7_title h2{}
  .kd_s7_title h4{
      letter-spacing: 0.069vw;
  }
  .kd_s7_title h4 a{}
  .kd_s7_instagram{
      width: 100%;
  }
  .kd_s7_instagram .instagram_feed{}
  .kd_s7_instagram .instagram_gallery{
      margin: 0vw;
  }
  .kd_s7_instagram .instagram_gallery a{
      width: 25%;
      margin: 0vw;
      padding-left: 0.208vw;
      padding-right: 0.208vw;
  }
  .kd_s7_instagram .instagram_gallery a img{
      width: 100% !important;
  }
}

@media screen and (max-width: 1140px){
  .kd_s7{}
  .kd_s7_art1{}
  .kd_s7 .section_inner{}
  .kd_s7_title{}
  .kd_s7_title h2{}
  .kd_s7_title h4{
    letter-spacing: 0.102vw;
}
  .kd_s7_title h4 a{}
  .kd_s7_instagram{  }
  .kd_s7_instagram .instagram_feed{}
  .kd_s7_instagram .instagram_gallery{}
  .kd_s7_instagram .instagram_gallery a{}
  .kd_s7_instagram .instagram_gallery a img{}
}
@media screen and (max-width: 1024px){
  .kd_s7{}
  .kd_s7_art1{}
  .kd_s7 .section_inner{}
  .kd_s7_title{}
  .kd_s7_title h2{}
  .kd_s7_title h4{}
  .kd_s7_title h4 a{}
  .kd_s7_instagram{  }
  .kd_s7_instagram .instagram_feed{}
  .kd_s7_instagram .instagram_gallery{}
  .kd_s7_instagram .instagram_gallery a{}
  .kd_s7_instagram .instagram_gallery a img{}
}
@media screen and (max-width: #768px){
  .kd_s7{}
  .kd_s7_art1{}
  .kd_s7 .section_inner{}
  .kd_s7_title{}
  .kd_s7_title h2{}
  .kd_s7_title h4{}
  .kd_s7_title h4 a{}
  .kd_s7_instagram{  }
  .kd_s7_instagram .instagram_feed{}
  .kd_s7_instagram .instagram_gallery{}
  .kd_s7_instagram .instagram_gallery a{}
  .kd_s7_instagram .instagram_gallery a img{}
}
@media screen and (max-width: 550px){
  .kd_s7{
    padding-top: 10.417vw;
    padding-bottom: 6.875vw;
}
  .kd_s7_art1{
    background-image: url(kc-s7_1.png);
    width: 47.708vw;
    height: 14.583vw;
    bottom: -11vw;
    right: 0vw;
}
  .kd_s7 .section_inner{}
  .kd_s7_title{
    padding-bottom: 4.167vw;
}
  .kd_s7_title h2{
    font-size: 6.667vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.333vw;
    margin-bottom: 2.292vw;
}
  .kd_s7_title h4{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.271vw;
}
  .kd_s7_title h4 a{}
  .kd_s7_instagram{  }
  .kd_s7_instagram .instagram_feed{}
  .kd_s7_instagram .instagram_gallery{}
  .kd_s7_instagram .instagram_gallery a{
    width: 33.33%;
    padding-left: 0.417vw;
    padding-right: 0.417vw;
  }
  .kd_s7_instagram .instagram_gallery a:last-child{
    display:none;
  }
  .kd_s7_instagram .instagram_gallery a img{}
}
/*
  section: 8
=========================================*/
.kd_s8{
  position: relative;
  background-color: #f2f3ee;
  padding-bottom: 71px;
}
.kd_s8_art1{
    position: absolute;
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s8_1.png);
    width: 240px;
    height: 325px;
    bottom: -71px;
    left: -268px;
}
.kd_s8_art2{
    position: absolute;
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url(kc-s8_2.png);
    width: 840px;
    height: 329px;
    bottom: -73px;
    right: -274px;
}

.kd_s8 .section_inner{
    background-color: #d9e8e3;
    display: block;
    width: 891px;
    padding-top: 29px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 47px;
}
.kd_s8 h2 {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-bottom: 14px;
}
.kd_s8 h4 {
    display: block;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.kd_s8 p{
    margin: 0px;
    font-size: 16px;
    color: #263946;
    line-height: 1.69;
    padding-left: 21px;
}
.kd_s8 p .mob{
  display: none;
}
.kd_s8_form{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0px;
}
.kd_s8_form {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0px;
    padding-left: 28px;
    padding-right: 26px;
    padding-top: 30px;
}
.kd_s8_form_in {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.kd_s8_form_in input{
    background-color: transparent;
    border: 0px solid #FFF;
    border-bottom: 2px solid #90cec8;
    color: #000;
    width: 100%;
    letter-spacing: 1.03px;
    display: block;
    padding-bottom: 7px;
    text-align: center;
    font-size: 20.5px;
    font-weight: 300;
    margin-top: 3px;
    padding-left: 2px;
    text-transform: capitalize;
    margin-bottom: 11px;
    font-family: 'Lato', sans-serif;
}
.kd_s8_form_in input[type="submit"]{
    border: 0px solid #f8ad83 !important;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    opacity: 1;
    font-size: 16px;
    line-height: 0.89;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    padding: 15px 60px 15px 60px;
    width: auto;
    font-family: 'Lato', sans-serif;
    /* padding: 7px 45px 6px 45px; */
    background-color: #89CBC7;
}
.kd_s8_form_in input[type="submit"]:hover{
    background-color: #000;
    color: #FFF;
}
.kd_s8_form_in .submit-field{
    padding-top: 10px;
    padding-bottom: 19px;
}

.kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9fa4a3;
}
.kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */
  color: #9fa4a3;
}
.kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */
  color: #9fa4a3;
}
.kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */
  color: #9fa4a3;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .kd_s8{
    padding-bottom: 4.931vw;
  }
  .kd_s8_art1{
      width: 16.667vw;
      height: 22.569vw;
      bottom: -5vw;
      left: -18.5vw;
  }
  .kd_s8_art2{
      width: 58.333vw;
      height: 22.847vw;
      bottom: -5vw;
      right: -19vw;
  }

  .kd_s8 .section_inner{
      width: 61.875vw;
      padding-top: 2.014vw;
      padding-left: 6.944vw;
      padding-right: 6.944vw;
      padding-bottom: 3.264vw;
  }
  .kd_s8 h2 {
      width: 100%;
      margin: 0vw;
      padding-bottom: 1.06vw;
  }
  .kd_s8 h4 {
      letter-spacing: 0.069vw;
  }
  .kd_s8 p{
      margin: 0vw;
      font-size: 1.111vw;
      line-height: 1.69;
      padding-left: 1.458vw;
  }
  .kd_s8_form{
      width: 100%;
      margin-top: 0vw;
  }
  .kd_s8_form {
      width: 100%;
      margin-top: 0vw;
      padding-left: 1.944vw;
      padding-right: 1.806vw;
      padding-top: 2.12vw;
  }
  .kd_s8_form_in {
      width: 100%;
  }
  .kd_s8_form_in input{
      border: 0vw solid #FFF;
      border-bottom: 0.139vw solid #90cec8;
      width: 100%;
      letter-spacing: 0.072vw;
      padding-bottom: 0.486vw;
      font-size: 1.424vw;
      margin-top: 0.208vw;
      padding-left: 0.139vw;
      margin-bottom: 0.764vw;
  }
  .kd_s8_form_in input[type="submit"]{
      border: 0vw solid #f8ad83 !important;
      margin-top: 1.389vw;
      font-size: 1.111vw;
      letter-spacing: 0.132vw;
      padding: 1.042vw 4.167vw 1.042vw 4.167vw;
  }
  .kd_s8_form_in input[type="submit"]:hover{}
  .kd_s8_form_in .submit-field{
      padding-top: 0.694vw;
      padding-bottom: 1.319vw;
  }

  .kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 1140px){
  .kd_s8{}
  .kd_s8_art1{}
  .kd_s8_art2{}
  .kd_s8 .section_inner{}
  .kd_s8 h2 {}
  .kd_s8 h4 {
}
  .kd_s8 p{
    font-size: 1.6vw;
    text-align: center;
}
  .kd_s8_form{}
  .kd_s8_form {}
  .kd_s8_form_in {}
  .kd_s8_form_in input{}
  .kd_s8_form_in input[type="submit"]{
    font-size: 1.61vw;
    line-height: normal;
    padding: 0.93vw 5.125vw 0.92vw 5.125vw;
}
  .kd_s8_form_in input[type="submit"]:hover{}
  .kd_s8_form_in .submit-field{}
  .kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 1024px){
  .kd_s8{}
  .kd_s8_art1{}
  .kd_s8_art2{}
  .kd_s8 .section_inner{}
  .kd_s8 h2 {}
  .kd_s8 h4 {}
  .kd_s8 p{
    font-size: 1.837vw;
}
  .kd_s8_form{}
  .kd_s8_form {}
  .kd_s8_form_in {}
  .kd_s8_form_in input{
    font-size: 1.837vw;
}
  .kd_s8_form_in input[type="submit"]{
    font-size: 1.5vw;
}
  .kd_s8_form_in input[type="submit"]:hover{}
  .kd_s8_form_in .submit-field{}
  .kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 768px){
  .kd_s8{}
  .kd_s8_art1{}
  .kd_s8_art2{}
  .kd_s8 .section_inner{
    width: 79.875vw;
}
  .kd_s8 h2 {}
  .kd_s8 h4 {}
  .kd_s8 p{
    font-size: 2.3vw;
}
  .kd_s8_form{}
  .kd_s8_form {}
  .kd_s8_form_in {}
  .kd_s8_form_in input{
    font-size: 2.3vw;
}
  .kd_s8_form_in input[type="submit"]{
    padding: 1.7vw 5.125vw 1.6vw 5.125vw;
    font-size: 2.3vw;
}
  .kd_s8_form_in input[type="submit"]:hover{}
  .kd_s8_form_in .submit-field{}
  .kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 550px){
  .kd_s8{
    padding-bottom: 7.292vw;
    padding-left: 6.5vw;
    padding-right: 6.5vw;
}
  .kd_s8_art1{
    width: 25.833vw;
    height: 37.083vw;
    bottom: inherit;
    left: -6.833vw;
    top: -3vw;
    z-index: 0;
}
  .kd_s8_art2{
    width: 97.917vw;
    height: 37.5vw;
    bottom: -7vw;
    right: -7vw;
    z-index: 0;
}
  .kd_s8 .section_inner{
    width: 100%;
    padding-top: 3.333vw;
    padding-left: 8.833vw;
    padding-right: 8.833vw;
    padding-bottom: 5.417vw;
}
.kd_s8 .section_inner:after{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #D9E8E3;
  top: 0;
  left: 0;
}
  .kd_s8 h2 {
    font-size: 6.667vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.333vw;
    margin-bottom: 1.25vw;
    position: relative;
    z-index: 2;
}
  .kd_s8 h4 {
    font-size: 2.917vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.146vw;
    position: relative;
    z-index: 2;
}
  .kd_s8 p{
    font-size: 2.3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 0.1vw;
    padding-left: 0vw;
    padding-top: 1vw;
    position: relative;
    z-index: 2;
}
.kd_s8 p .mob{
  display: block;
}
  .kd_s8_form{}
  .kd_s8_form {
    padding-left: 3.944vw;
    padding-right: 3.806vw;
    position: relative;
    z-index: 2;
}
  .kd_s8_form_in {}
  .kd_s8_form_in input{
    font-size: 2.188vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.11vw;
    padding-bottom: 1.25vw;
    margin-bottom: 1.667vw;
}
  .kd_s8_form_in input[type="submit"]{
    font-size: 2.813vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    padding: 1.458vw 7.292vw 1.042vw 7.292vw;
}
  .kd_s8_form_in input[type="submit"]:hover{}
  .kd_s8_form_in .submit-field{}
  .kd_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .kd_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .kd_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .kd_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}