.elementor-3240 .elementor-element.elementor-element-bc1331c{--display:flex;--min-height:100vh;--margin-top:-12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-d7aecc3 .bdt-slideshow-items .elementor-repeater-item-3d1048c.bdt-slideshow-item .bdt-slideshow-content-wrapper{text-align:center !important;}.elementor-3240 .elementor-element.elementor-element-d7aecc3 .bdt-slideshow .bdt-navigation-prev i, .elementor-3240 .elementor-element.elementor-element-d7aecc3 .bdt-slideshow .bdt-navigation-next i{font-size:28px;}.elementor-3240 .elementor-element.elementor-element-d7aecc3 .bdt-slideshow .bdt-navigation-prev{left:20px;}.elementor-3240 .elementor-element.elementor-element-d7aecc3 .bdt-slideshow .bdt-navigation-next{right:20px;}.elementor-3240 .elementor-element.elementor-element-4ff6d343{--display:flex;--min-height:100vh;--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;--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-4ff6d343:not(.elementor-motion-effects-element-type-background), .elementor-3240 .elementor-element.elementor-element-4ff6d343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_headline );}.elementor-3240 .elementor-element.elementor-element-771e545e{--display:flex;--min-height:0px;--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:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#3676F166;--border-color:#3676F166;--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3240 .elementor-element.elementor-element-9ff66f2{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:5%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-9ff66f2.e-con{--align-self:center;}.elementor-3240 .elementor-element.elementor-element-223e30b6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-223e30b6 .elementor-heading-title{font-family:"Pretendard", Sans-serif;font-size:53px;font-weight:700;color:var( --e-global-color-uicore_primary );}.elementor-3240 .elementor-element.elementor-element-223e30b6 {---ui-speed:1500ms;---ui-delay:0ms;---ui-stagger:25ms;}.elementor-3240 .elementor-element.elementor-element-53deab5e .elementor-heading-title{font-size:22px;font-weight:400;color:var( --e-global-color-uicore_primary );}.elementor-3240 .elementor-element.elementor-element-53deab5e {---ui-speed:1500ms;---ui-delay:0ms;---ui-stagger:25ms;}.elementor-3240 .elementor-element.elementor-element-a4c10c2{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-a4c10c2.e-con{--order:99999 /* order end hack */;}.elementor-3240 .elementor-element.elementor-element-61b39e1 > .elementor-widget-container{margin:0% 0% 0% 10%;padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-61b39e1{text-align:right;}.elementor-3240 .elementor-element.elementor-element-61b39e1 img{width:55%;max-width:55%;}.elementor-3240 .elementor-element.elementor-element-fd14fb9{--display:flex;--margin-top:1%;--margin-bottom:0%;--margin-left:-15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-item{background-color:var( --e-global-color-uicore_headline );text-align:left;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-content{background-color:var( --e-global-color-uicore_headline );}.elementor-3240 .elementor-element.elementor-element-6a5a2fa > .elementor-widget-container{background-color:var( --e-global-color-uicore_headline );margin:0% 0% 0% 0%;padding:1% 0% 5% 0%;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa:hover .elementor-widget-container{background-color:var( --e-global-color-uicore_headline );}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .swiper-slide:not(.swiper-slide-visible){opacity:0.4;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-image img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-uicore_headline );border-radius:15px 15px 15px 15px;padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-image{margin-bottom:30px;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-title{color:var( --e-global-color-uicore_white );font-size:35px;letter-spacing:0.5px;}.elementor-3240 .elementor-element.elementor-element-6a5a2fa .bdt-ep-static-carousel-text{color:var( --e-global-color-uicore_light );font-size:18px;font-weight:300;line-height:23px;letter-spacing:0.5px;}.elementor-3240 .elementor-element.elementor-element-6d580c9{--display:flex;--min-height:100vh;--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;--justify-content:center;--overlay-opacity:0.75;--margin-top:-15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-6d580c9:not(.elementor-motion-effects-element-type-background), .elementor-3240 .elementor-element.elementor-element-6d580c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_headline );background-image:url("https://002.ddocstyle.com/wp-content/uploads/2025/07/07_건조_.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3240 .elementor-element.elementor-element-6d580c9::before, .elementor-3240 .elementor-element.elementor-element-6d580c9 > .elementor-background-video-container::before, .elementor-3240 .elementor-element.elementor-element-6d580c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-3240 .elementor-element.elementor-element-6d580c9 > .elementor-background-slideshow::before, .elementor-3240 .elementor-element.elementor-element-6d580c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3240 .elementor-element.elementor-element-6d580c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-uicore_headline );--background-overlay:'';}.elementor-3240 .elementor-element.elementor-element-1eaf1dc{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#3676F166;--border-color:#3676F166;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:7%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3240 .elementor-element.elementor-element-3efaffe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-3efaffe.elementor-element{--align-self:center;}.elementor-3240 .elementor-element.elementor-element-3efaffe{text-align:center;}.elementor-3240 .elementor-element.elementor-element-3efaffe .elementor-heading-title{font-family:"Pretendard", Sans-serif;font-size:53px;font-weight:700;color:var( --e-global-color-uicore_primary );}.elementor-3240 .elementor-element.elementor-element-3efaffe {---ui-speed:1500ms;---ui-delay:0ms;---ui-stagger:25ms;}.elementor-3240 .elementor-element.elementor-element-a455298 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-a455298{text-align:center;}.elementor-3240 .elementor-element.elementor-element-a455298 .elementor-heading-title{font-size:22px;font-weight:400;color:var( --e-global-color-uicore_primary );}.elementor-3240 .elementor-element.elementor-element-a455298 {---ui-speed:1500ms;---ui-delay:0ms;---ui-stagger:25ms;}.elementor-3240 .elementor-element.elementor-element-bc3896d{--display:flex;--margin-top:2%;--margin-bottom:7%;--margin-left:4%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-item{background-color:var( --e-global-color-uicore_headline );text-align:center;border-radius:20px 20px 20px 20px;padding:10px 10px 10px 10px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-item:hover{background-color:var( --e-global-color-uicore_primary );}.elementor-3240 .elementor-element.elementor-element-9180eda > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-3240 .elementor-element.elementor-element-9180eda.elementor-element{--align-self:center;}.elementor-3240 .elementor-element.elementor-element-9180eda .swiper-carousel{padding:0px;margin:0 -0px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-content{border-style:none;border-radius:1px 1px 1px 1px;padding:10px 10px 10px 10px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-image img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-uicore_light );border-radius:20px 20px 20px 20px;padding:0% 0% 0% 0%;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-image{margin-bottom:35px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-title{color:var( --e-global-color-uicore_white );font-family:"Pretendard", Sans-serif;font-size:25px;font-weight:500;letter-spacing:0.5px;}.elementor-3240 .elementor-element.elementor-element-9180eda .bdt-ep-static-carousel-text{color:var( --e-global-color-uicore_light );font-family:"Pretendard", Sans-serif;font-size:16px;font-weight:300;line-height:22px;letter-spacing:0.5px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-3240 .elementor-element.elementor-element-9ff66f2{--width:100%;}.elementor-3240 .elementor-element.elementor-element-a4c10c2{--width:30%;}}@media(max-width:1024px){.elementor-3240 .elementor-element.elementor-element-771e545e{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:96px;--padding-bottom:80px;--padding-left:48px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-1eaf1dc{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:96px;--padding-bottom:80px;--padding-left:48px;--padding-right:0px;}}@media(max-width:767px){.elementor-3240 .elementor-element.elementor-element-771e545e{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:0px;}.elementor-3240 .elementor-element.elementor-element-1eaf1dc{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:0px;}}/* Start custom CSS for bdt-static-carousel, class: .elementor-element-6a5a2fa *//* Elementor BDT Static Carousel ID "company" 전용 이미지 이동 & 텍스트 표시 효과 */

/* 모든 상위 컨테이너들의 오버플로우 강제 해제 (ID company만) */
#company .elementor-widget-bdt-static-carousel {
    overflow: visible !important;
}
#company .elementor-widget-container {
    overflow: visible !important;
}
#company .bdt-static-carousel {
    overflow: visible !important;
    position: relative;
    z-index: 1;
}

/* Swiper 컨테이너에도 overflow visible 적용 */
#company .swiper-carousel {
    overflow: visible !important;
}
#company .swiper-wrapper {
    overflow: visible !important;
}

/* 기본 캐러셀 아이템 설정 */
#company .bdt-ep-static-carousel-item {
    position: relative;
    overflow: visible !important; /* 이미지가 컨테이너 밖으로 나갈 수 있도록 변경 */
    cursor: pointer;
    z-index: 1; /* 기본 z-index 설정 */
    margin-bottom: 100px; /* 아이템 간 여백 추가하여 텍스트 공간 확보 */
}

/* 호버 시 아이템의 z-index 높이기 */
#company .bdt-ep-static-carousel-item:hover {
    z-index: 999 !important; /* 매우 높은 z-index로 다른 모든 요소들보다 위에 표시 */
}

/* 캐러셀 이미지 컨테이너 */
#company .bdt-ep-static-carousel-image {
    transition: transform 0.4s ease; /* 이미지 이동 애니메이션을 위한 트랜지션 */
    position: relative;
    z-index: 1; /* 콘텐츠 위에 오도록 z-index 설정 */
    overflow: hidden; /* 라운딩된 모서리 밖으로 나가는 부분 숨김 */
}

/* 이미지 자체에도 라운딩 적용 */
#company .bdt-ep-static-carousel-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* 호버 시에도 라운딩 유지를 위한 추가 설정 */
#company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-image {
    overflow: hidden !important; /* 호버 시에도 오버플로우 숨김 강제 유지 */
    background-color: #000000 !important; /* 호버 시 이미지 컨테이너 배경색 검정 */
}
#company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-image img {
    background-color: #000000 !important; /* 호버 시 이미지 배경색 검정 */
}

/* 캐러셀 콘텐츠 (타이틀과 서브타이틀을 포함하는 div) */
#company .bdt-ep-static-carousel-content {
    position: absolute;
    bottom: -80px; /* 이미지 아래쪽으로 더 멀리 배치 */
    left: 0;
    width: 100%;
    padding: 15px; /* 내용의 패딩 */
    background-color: #000000; /* 검정 배경색 */
    color: #fff; /* 텍스트 색상 */
    text-align: left;
    opacity: 0; /* 기본적으로 숨김 */
    visibility: hidden; /* 기본적으로 숨김 */
    transform: translateY(0); /* 초기 위치 조정 */
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; /* 콘텐츠 표시 애니메이션 */
    z-index: 998; /* 이미지보다 살짝 아래, 하지만 다른 요소들보다는 위 */
}

/* 서브타이틀 (Step 번호) 스타일 */
#company .bdt-ep-static-carousel-sub-title {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #000000;
    padding: 4px 10px;
    margin: 0 0 8px 0;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.4;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* 타이틀 스타일 */
#company .bdt-ep-static-carousel-title {
    margin: 0;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.3;
    transition: all 0.3s ease;
}

/* 캐러셀 아이템에 마우스 오버 시 (Hover Effect) */
#company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-image {
    transform: translateY(-50px); /* 이미지를 위로 50px 이동 (더 크게 이동) */
    z-index: 999 !important; /* 이미지가 다른 요소들 위에 표시되도록 */
    position: relative; /* position 명시적 설정 */
}
#company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-content {
    opacity: 1; /* 콘텐츠를 보이게 함 */
    visibility: visible; /* 콘텐츠를 보이게 함 */
    transform: translateY(-30px); /* 텍스트는 살짝만 위로 이동하여 이미지와 분리 */
}

/* 이미지 링크 기본 설정 */
#company .bdt-ep-static-carousel-image-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* 반응형 대응 */
@media (max-width: 767px) {
    #company .bdt-ep-static-carousel-item {
        margin-bottom: 80px; /* 모바일에서 여백 조정 */
    }
    #company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-image {
        transform: translateY(-40px); /* 모바일에서는 이동 거리를 40px로 설정 */
    }
    #company .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-content {
        transform: translateY(-25px); /* 모바일에서 텍스트는 25px만 이동 */
    }
    #company .bdt-ep-static-carousel-content {
        padding: 12px; /* 모바일에서 패딩 조정 */
        bottom: -60px; /* 모바일에서 텍스트 위치 조정 */
    }
}

/* Elementor 섹션과 컨테이너의 오버플로우도 해제 */
#company .e-con,
#company .e-container,
#company .elementor-section,
#company .elementor-container {
    overflow: visible !important;
}

/* 추가적인 상위 요소들의 오버플로우 해제 */
#company .elementor-element {
    overflow: visible !important;
}

/* 접근성 개선 */
#company .bdt-ep-static-carousel-item:focus {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}
#company .bdt-ep-static-carousel-item:focus .bdt-ep-static-carousel-image {
    transform: translateY(-50px);
}
#company .bdt-ep-static-carousel-item:focus .bdt-ep-static-carousel-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(-30px); /* 포커스 시에도 적절한 거리로 이동 */
}/* End custom CSS */
/* Start custom CSS for bdt-static-carousel, class: .elementor-element-9180eda *//* ID가 'system'인 요소 내의 캐러셀 아이템 (각 슬라이드) 기본 정렬 및 텍스트 중앙 정렬 */
#system .bdt-ep-static-carousel-item {
    display: flex;             /* Flexbox 컨테이너로 설정 */
    flex-direction: column;    /* 내부 요소를 세로로 쌓음 */
    align-items: center;       /* 자식 요소들을 가로 중앙으로 정렬 */
    justify-content: center;   /* 자식 요소들을 세로 중앙으로 정렬 (필요시) */
    text-align: center;        /* 아이템 내부 모든 텍스트 중앙 정렬 */
}

/* ID가 'system'인 요소 내의 캐러셀 이미지 박스 (bdt-ep-static-carousel-image) 기본 스타일 및 정렬 */
#system .bdt-ep-static-carousel-image {
    margin-top: 20px;          /* 상단 여백 20px 부여 */
    margin-left: auto;         /* 좌우 자동 마진으로 가로 중앙 정렬 */
    margin-right: auto;        /* 좌우 자동 마진으로 가로 중앙 정렬 */
    background-color: #ffffff; /* 페이지 로드 시 이미지 박스 배경색을 흰색으로 설정 */
    border-radius: 20px;       /* 모든 모서리에 20px 라운딩 적용 */
    overflow: hidden;          /* 둥근 모서리 밖으로 이미지가 튀어나오지 않도록 */
}

/* ID가 'system'인 요소 내의 캐러셀 아이템에 마우스 호버 시 효과 */
#system .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-image {
    background-color: #172548 !important; /* 호버 시 이미지 박스 배경을 #172548 컬러로 변경 (강제 적용) */
}

#system .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-title {
    color: #172548 !important; /* 호버 시 타이틀 텍스트 컬러를 #172548로 변경 (강제 적용) */
}

#system .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-text p,
#system .bdt-ep-static-carousel-item:hover .bdt-ep-static-carousel-text span {
    color: #172548 !important; /* 호버 시 설명 텍스트 컬러를 #172548로 변경 (강제 적용) */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-200Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-300Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-400Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-500SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-600Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://002.ddocstyle.com/wp-content/uploads/2025/07/Pretendard-700ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */