.elementor-167 .elementor-element.elementor-element-d0b2d88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-912d682{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-70706cf{--display:flex;--min-height:100vh;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-70706cf:not(.elementor-motion-effects-element-type-background), .elementor-167 .elementor-element.elementor-element-70706cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wiscon.kr/cn/wp-content/uploads/sites/3/2025/10/main_bg1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-167 .elementor-element.elementor-element-9a184de{--display:flex;--min-height:1px;}.elementor-167 .elementor-element.elementor-element-cfec91a{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-cfec91a:not(.elementor-motion-effects-element-type-background), .elementor-167 .elementor-element.elementor-element-cfec91a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wiscon.kr/cn/wp-content/uploads/sites/3/2025/10/main_bg2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-167 .elementor-element.elementor-element-e075978{padding:0px 0px 0px 0px;}.elementor-167 .elementor-element.elementor-element-b16fd47{--display:flex;--min-height:100vh;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-b16fd47:not(.elementor-motion-effects-element-type-background), .elementor-167 .elementor-element.elementor-element-b16fd47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wiscon.kr/cn/wp-content/uploads/sites/3/2025/10/main_bg3.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-167 .elementor-element.elementor-element-f8666fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 80px;--row-gap:40px;--column-gap:80px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-167 .elementor-element.elementor-element-eeb4436{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:150px;--z-index:1;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-167 .elementor-element.elementor-element-c190ff0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#FFFFFF;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-167 .elementor-element.elementor-element-ee2e7b6 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading-title, .elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading, .elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:52px;font-weight:700;line-height:60px;}.elementor-167 .elementor-element.elementor-element-67797da{text-align:center;font-family:"Noto Sans SC", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-167 .elementor-element.elementor-element-8be1c68{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-e6505a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1400px){.elementor-167 .elementor-element.elementor-element-b16fd47{--padding-top:120px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:777px){.elementor-167 .elementor-element.elementor-element-9a184de{--content-width:1500px;}.elementor-167 .elementor-element.elementor-element-f8666fd{--content-width:1415px;}.elementor-167 .elementor-element.elementor-element-eeb4436{--width:50%;}.elementor-167 .elementor-element.elementor-element-8be1c68{--width:50%;}}@media(max-width:1200px) and (min-width:777px){.elementor-167 .elementor-element.elementor-element-b16fd47{--width:100%;}.elementor-167 .elementor-element.elementor-element-f8666fd{--content-width:100%;}.elementor-167 .elementor-element.elementor-element-eeb4436{--width:100%;}.elementor-167 .elementor-element.elementor-element-8be1c68{--width:100%;}}@media(max-width:1200px){.elementor-167 .elementor-element.elementor-element-70706cf{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-167 .elementor-element.elementor-element-9a184de{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-b16fd47{--min-height:1vh;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-167 .elementor-element.elementor-element-f8666fd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-167 .elementor-element.elementor-element-eeb4436{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-167 .elementor-element.elementor-element-8be1c68{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:776px){.elementor-167 .elementor-element.elementor-element-70706cf{--min-height:1vh;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading, .elementor-167 .elementor-element.elementor-element-ee2e7b6 .raven-heading a{font-size:36px;line-height:46px;}}/* Start custom CSS for html, class: .elementor-element-14e1faa *//* ==============================================
 * 1. Hero Slider - 기본 레이아웃
 * ==============================================
 */
.hero-slider-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.hero-swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 2;
}
.swiper-slide .slide-overlay{
    display: none;
}
.swiper-slide .slide-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: -1;
}
.swiper-slide.video-slide .slide-content {
    display: none;
}

/* ==============================================
 * 2. Hero Slider - 콘텐츠
 * ==============================================
 */
.slide-content {
    position: relative;
    z-index: 2;
    text-align: left;
    max-width: 1440px;
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
    margin: 0 auto;
    align-content: center;
    font-family: "Noto Sans Sc";
    height: 100%;
}
.slide-content h2 {
    font-family: "Exo 2" !important;
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}
.slide-content p {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    padding-left: 10px;
}

/* ==============================================
 * 3. Hero Slider - 효과 (켄 번스)
 * ==============================================
 */
.slide-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: scale(1.15);
}
@keyframes kenburns {
    from { transform: scale(1.15); }
    to { transform: scale(1); }
}
.swiper-slide-active .slide-bg-image {
    animation: kenburns 10s ease-out forwards;
}

/* ==============================================
 * 4. 슬라이더 네비게이션 (좌우 버튼, 페이징)
 * ==============================================
 */
.slider-navigation {
    position: absolute;
    bottom: 260px;
    left: 245px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 20px;
    
}
.slider-navigation .swiper-button-prev,
.slider-navigation .swiper-button-next {
    position: static;
    margin: 0;
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, 0.5);
}
.slider-navigation .swiper-button-prev:hover,
.slider-navigation .swiper-button-next:hover {
    color: #fff;
    transition: all 0.3s ease-out;
}
.slider-navigation .swiper-pagination {
    position: static;
    width: auto;
    color: #fff;
}
.slider-navigation .swiper-button-prev::after,
.slider-navigation .swiper-button-next::after {
    font-size: 24px;
    font-weight: 700;
}

/* ----- 페이징 불릿(점) ----- */
.slider-navigation .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: none;
    opacity: 0.5;
    transition: all 0.3s ease;
    border-radius: 50%;
    margin: 0 10px !important;
}
.slider-navigation .swiper-pagination-bullet-active {
    position: relative;
    background-color: #fff;
    opacity: 1;
}
.slider-navigation .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
}

/* ==============================================
 * 5. 스크롤 다운 인디케이터
 * ==============================================
 */
.scroll-down-indicator {
    position: absolute;
    bottom: 30px;
    left: 170px;
    z-index: 10;
    color: #fff;
    text-align: center;
    animation: bounce 2s infinite;
    font-family: "Exo 2";
    transition: left 0.5s ease, right 0.5s ease;
}
.scroll-down-indicator span {
    font-size: 16px;
    font-weight: 400;
}
.scroll-down-indicator svg {
    display: block;
    margin: 5px auto 0;
    width: 20px;
    height: 20px;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

/* ==============================================
 * 6. 컨트롤 위치 변경 (비디오)
 * ==============================================
 */

.hero-slider-container.video-controls-active .slider-navigation {
    bottom: 30px;  
    left: 350px;   
    right: auto;
}




/* ==============================================
 * 7. 반응형 미디어 쿼리
 * ==============================================
 */
@media(max-width: 1500px) {
    .slide-content { padding: 0 20px !important; }

    .hero-slider-container.video-controls-active .slider-navigation {
        bottom: 260px;
        left: 245px;
        right: auto;
    }
}

@media (max-width: 776px) {
    
    .hero-slider-container {
        height: 500px !important;
    }
    .slide-content h2 {
        font-size: 45px !important;
    }
    .slide-content p {
        font-size: 18px;
    }
    .slide-content .sub_tit {
        margin-bottom: 50px;
        font-size: 20px !important;
    }
    .slider-navigation {
        bottom: 15vh;
        left: 20px;
        right: 20px;
        justify-content: space-between;
    }
    .slider-navigation .swiper-pagination {
        display: none;
    }
    .slider-navigation .swiper-button-prev::after,
    .slider-navigation .swiper-button-next::after {
        font-size: 20px;
    }
    .scroll-down-indicator {
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
    }
    .side-banners {
        display: none;
    }

 
    .hero-slider-container.video-controls-active .slider-navigation {
        bottom: 15vh;
        left: 20px;
        right: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35af586 */@media(max-width: 1200px){
    .ksl-main-layout{
        flex-direction: column-reverse;
        align-items: center;
    }
    
        .ksl-left-box{
            width: 100%!important;
            height: 100% !important;
        }
    .ksl-right-box{
        width: 100% !important;
        height :400px !important;
    }
}

@media(max-width: 776px){
      .ksl-left-box .ksl-text-content h2{
          font-size: 36px !important;
      }
  .ksl-right-slider .swiper-slide{
      padding: 40px 20px !important;
  }
    .ksl-right-slider h3{
        font-size: 30px !important;
    }
    .ksl-swiper-pagination{padding: 0 !important;}
    
    .ksl-left-box{padding: 40px 20px 80px 20px !important;}
}

.ksl-main-layout {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }

  .ksl-left-box {
    width: 670px;
    height: 600px;
    padding: 80px 40px;
    background-color: #f8f8f8;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    position: relative;
    
  }
  
   .ksl-left-box .ksl-text-content .sub_tit{
       display: block;
       font-family: "Exo 2";
       font-weight: 500;
       color: rgba(255,255,255,0.7);
       margin-bottom: 15px;
   }

  .ksl-left-box .ksl-text-content h2 {
    font-size: 52px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 60px;
    font-family: "Exo 2"
  }

  .ksl-left-box .ksl-text-content p {
    font-size: 18px;
    line-height: 30px;
    font-family: "Noto sans SC";
  }

  .ksl-right-box {
    width: 800px;
    height: 600px;
    border-radius: 12px;
    
    overflow: hidden;
  }

  .ksl-right-slider {
    width: 100%;
    height: 100%;
  }

  .ksl-right-slider .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    color: white;
    box-sizing: border-box;
    padding: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }

  .ksl-right-slider .ksl-slide-content {
    text-align: left;
  }

  .ksl-right-slider .ksl-icon {
    display: block;
    margin-bottom: 40px;
  }
.ksl-right-slider span{
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
     font-family: "Noto sans SC";
}
  .ksl-right-slider h3 {
       font-family: "Noto sans SC";
    font-size: 2.2em;
    font-weight: 700;
    margin: 0;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .ksl-swiper-pagination {
    text-align: left; 
    bottom: 30px !important; 
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    padding: 0 40px; 
    position: absolute;
}

.ksl-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff;  
    opacity: 0.3;
    margin: 0 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.ksl-swiper-pagination .swiper-pagination-bullet:hover{opacity: 1;}

.ksl-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff; 
    opacity: 1;
    width: 25px;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e075978 */.pro-sync-layout {
  display: flex;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.pro-sync-left,
.pro-sync-right {
  width: 100%;
}

.pro-sync-left{max-width: 920px;}
.pro-sync-right{max-width: 1000px;}

.pro-sync-swiper-images,
.pro-sync-swiper-text {
  width: 100%;
  height: 100%;
}

.pro-sync-left,
.pro-sync-right {
  height: 100%;
  box-sizing: border-box;
}

.pro-sync-swiper-images .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 919px;
}

.pro-sync-right {
  padding: 180px 0 75px 95px;
  box-sizing: border-box;
  display: block;
}
.pro-sync-swiper-text {
  overflow: hidden;
}
.pro-sync-swiper-text .swiper-slide {
  height: auto;
  opacity: 0;
  transition-property: opacity;
}
.pro-sync-swiper-text .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.pro-sync-right .pro_tit{margin: 50px 0 80px 0;
   max-width: 700px;
} 
.pro-sync-right .pro_tit span{
  display: block;
  color: #b68149;
  font-weight: 500;
  font-size: 16px;
  font-family: "Noto Sans SC";
}  

.pro-sync-right .pro_tit h4{
  font-size: 36px;
  font-weight: bold;
  font-family: "Noto Sans SC";
}

.pro-sync-right .pro_desc{
  width: 100%;
  max-width: 720px;
  display: flex;
}

.pro-sync-right .pro_desc > div{ width: 50%;}

.pro-sync-controls {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  justify-content: flex-end;
  max-width: 700px;
}

.pro-sync-nav-prev,
.pro-sync-nav-next {
  color: #fff;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: color 0.3s border-color 0.3s;
  border: 2px solid rgba(255,255,255,0.2);
  transition: all 0.3s ease-out;
}
.pro-sync-nav-prev:hover,
.pro-sync-nav-next:hover {
 background: #8e6030;
  border-color: #8e6030;
}


.pro-sync-nav-prev svg,
.pro-sync-nav-next svg{
  stroke-width: 1px;
}
.pro-sync-nav-prev::after,
.pro-sync-nav-next::after {
  font-size: 18px;
  font-weight: bold;
}

.pro-sync-nav-prev::after {
  content: "←";
}
.pro-sync-nav-next::after {
  content: "→";
}

.pro-sync-pagination {
  position: static;
  width: auto;
  margin: 0 15px;
  max-width: 160px;
}
.pro-sync-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.7;
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out;
}

 .pro-sync-pagination .swiper-pagination-bullet:hover{
     border-color:  #8e6030;
     background: transparent;
 }
.pro-sync-pagination .swiper-pagination-bullet-active {
  background: transparent;
  border: 2px solid #8e6030;
  opacity: 1;
}

.pro-sync-pagination .swiper-pagination-bullet {
margin-left: 5px;
margin-right: 5px;
}



.pro-sync-nav-prev::after,
.pro-sync-nav-next::after {
  display: none;
}

.pro-sync-nav-prev{margin-right: 5px;}
.pro-sync-nav-next{
  margin-left: 5px;
}


  .pro_desc .left .line{
      width: 1px;
      height : 200px;
      background: rgba(255,255,255,0.5);
      margin: 0 auto;
      transform: rotate(40deg);
  }
  
  .pro_desc .right p{
       font-family: "Noto Sans SC";
      font-size: 22px;
      font-weight: 400;
      line-height: 34px;
      margin-bottom: 45px;
      
  }
  
  .pro_desc .right > span{
       font-family: "Noto Sans SC";
      font-size: 17px;
      display: block;
      color: #fff;
      font-weight: 300;
      margin-bottom: 60px;
  }
  
  

.pro_desc .moreBtn {
  display: inline-flex; 
  align-items: center;
  gap: 13px; 
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 25px;
  width: 195px;
  height: 50px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}

.pro_desc .moreBtn:hover{
    background: #8e6030;
    border-color: #8e6030;
}

.pro_desc .moreBtn svg {
  width: 35px; 
  height: 35px;
  transition: all 0.7s ease-in-out;
}

.pro_desc .moreBtn:hover svg{
    transform: rotate(360deg);
}


@media (min-width: 1401px) and (max-width: 1750px) {
  .pro_desc .left .line{display: none;}
  .pro_desc .left{width: 0 !important;}
  .pro-sync-controls {justify-content: flex-start !important;}
  .pro-sync-right .pro_tit{
    margin: 50px 0 40px 0;
    max-width: 400px;
  } 
}


@media (max-width: 1400px) {
  .pro-sync-layout {
    flex-direction: column; 
  }
  .pro-sync-left,
  .pro-sync-right {
    width: 100%; 
  }
  .pro-sync-right {
    padding: 30px 20px; 
  }
  .pro-sync-controls {
    margin-bottom: 15px;
    justify-content: center; 
  }
  .pro-sync-swiper-images .swiper-slide img {
     /*height: 300px;*/ 
     object-fit: cover;
  }
  
  .pro_desc{
      flex-direction: column;
  }
    .pro_desc .left{
        display: none;}
        .pro_desc .right{
            width: 100% !important;
        }
  
}

@media(max-width: 776px){
    .pro-sync-right .pro_tit{margin-bottom: 30px !important;}
}


.pro-sync-swiper-images .swiper-wrapper {
  height: 100%;
}

/* 개별 슬라이드(slide)가 부모 높이를 따르도록 설정 */
.pro-sync-swiper-images .swiper-slide {
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for raven-heading, class: .elementor-element-ee2e7b6 */h2{margin-bottom: 0;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25d6a98 */.moreBtn2{
    width: 160px;
    height: 50px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 25px;
    margin: 80px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.moreBtn2 span{
    margin-left: 35px;
    color: #fff;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 500;
}

.moreBtn2 svg{
    margin-right: 10px;
}

.moreBtn2:hover{
      background: #8e6030;
      border-color: #8e6030;
  }
  
  .moreBtn2  svg {
    width: 35px; 
    height: 35px;
    transition: all 0.7s ease-in-out;
  }
  
  .moreBtn2:hover svg{
      transform: rotate(360deg);
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea02d83 */.mb27{
    margin-bottom: 27px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8be1c68 */.cont_box{
    border-radius: 20px;
    width: 300px;
    box-sizing: border-box;
    text-align: center;
    padding: 70px 40px 60px 40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease-in-out;
    
}

.cont_box:hover{
    transform: translateY(-15px);
}

.cb1{background: #fff;}
.cb2{background: rgba(142,96,48,0.9);}

.cont_box h4{
    font-family: "Exo 2";
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 0;
}

.cb1 h4{color: #111;}
.cb2 h4{color: #fff;}

.cont_box .line{
    width: 1px;
    height: 80px;
    margin: 30px auto 30px auto;
    transform: rotate(40deg);
}

.cb1 .line{background: #aaa;}
.cb2 .line{background: #fff;}

.cont_box p{
    font-family: "Noto Sans SC";
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.5;
}

.cb1 p{color: #555;}
.cb2 p{color: #fff;}


.cont_box .btn{
    width: 40px;
    height: 40px;
    margin-top: 65px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    text-align: center;
}

.cb2 .btn{background:#fff;}

.cb1 .btn{border-color: #ddd;}

.cont_box .btn svg {
    width: 17px;
    height: 17px;
    margin-top: 4px;
 }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b16fd47 */@media(max-width: 1200px){
    .bg_overlay::before{
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
    }
    
}

.bg_overlay{position: relative;}

.bg_overlay::before{
    width: 50%;
    height: 100vh;
    position: absolute;
    right :0;
    top: 0;
    background: rgba(0,0,0,0.3);
    content: "";
    margin: 0 auto 0 0;
    z-index: 0;
    max-width: 920px;
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */