.elementor-284 .elementor-element.elementor-element-332c4ce:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://doorienc.com/wp-content/uploads/2026/07/두리이앤씨_subhero_14.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-background-overlay{background-color:#1A1A1A;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-container{max-width:1250px;min-height:340px;}.elementor-284 .elementor-element.elementor-element-332c4ce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-4558aef{text-align:center;}.elementor-284 .elementor-element.elementor-element-4558aef .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:40px;font-weight:600;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-5d098cb:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://doorienc.com/wp-content/uploads/2026/07/sub_header_03.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-background-overlay{background-color:#001A33;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-container{max-width:1250px;min-height:340px;}.elementor-284 .elementor-element.elementor-element-5d098cb .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-284 .elementor-element.elementor-element-5d098cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-7bd3ae0{text-align:start;}.elementor-284 .elementor-element.elementor-element-7bd3ae0 .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:40px;font-weight:600;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-cc24ef3{--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 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-ce23ab7{--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;--justify-content:center;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-a0b63b6{text-align:center;}.elementor-284 .elementor-element.elementor-element-a0b63b6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-284 .elementor-element.elementor-element-14d4153{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-284 .elementor-element.elementor-element-a431be5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-284 .elementor-element.elementor-element-0f436c8{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-284 .elementor-element.elementor-element-2e09d4f{--grid-columns:4;--grid-row-gap:4px;--grid-column-gap:10px;}.elementor-284 .elementor-element.elementor-element-2e09d4f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-2e09d4f .elementor-pagination{text-align:center;margin-top:0px;}body:not(.rtl) .elementor-284 .elementor-element.elementor-element-2e09d4f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-284 .elementor-element.elementor-element-2e09d4f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-284 .elementor-element.elementor-element-2e09d4f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-284 .elementor-element.elementor-element-2e09d4f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-cc24ef3{--content-width:1250px;}.elementor-284 .elementor-element.elementor-element-ce23ab7{--content-width:1250px;}}@media(max-width:1024px){.elementor-284 .elementor-element.elementor-element-332c4ce:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-background-overlay{opacity:0;}.elementor-284 .elementor-element.elementor-element-332c4ce{padding:140px 30px 50px 30px;}.elementor-284 .elementor-element.elementor-element-4558aef .elementor-heading-title{font-size:28px;}.elementor-284 .elementor-element.elementor-element-5d098cb:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-background-overlay{opacity:0;}.elementor-284 .elementor-element.elementor-element-5d098cb{padding:140px 30px 50px 30px;}.elementor-284 .elementor-element.elementor-element-7bd3ae0 .elementor-heading-title{font-size:28px;}.elementor-284 .elementor-element.elementor-element-cc24ef3{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-284 .elementor-element.elementor-element-ce23ab7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-284 .elementor-element.elementor-element-2e09d4f{--grid-columns:2;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-332c4ce:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-284 .elementor-element.elementor-element-332c4ce > .elementor-background-overlay{opacity:0.65;}.elementor-284 .elementor-element.elementor-element-332c4ce{padding:110px 20px 40px 20px;}.elementor-284 .elementor-element.elementor-element-23b02bc{width:100%;}.elementor-284 .elementor-element.elementor-element-4558aef{text-align:center;}.elementor-284 .elementor-element.elementor-element-4558aef .elementor-heading-title{font-size:25px;}.elementor-284 .elementor-element.elementor-element-5d098cb:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://doorienc.com/wp-content/uploads/2026/09/m-sub-04.jpg");background-position:center center;}.elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-container{min-height:220px;}.elementor-284 .elementor-element.elementor-element-5d098cb > .elementor-background-overlay{opacity:0.26;}.elementor-284 .elementor-element.elementor-element-5d098cb{padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-f21875d{width:100%;}.elementor-284 .elementor-element.elementor-element-f21875d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-7bd3ae0{text-align:center;}.elementor-284 .elementor-element.elementor-element-7bd3ae0 .elementor-heading-title{font-size:32px;}.elementor-284 .elementor-element.elementor-element-cc24ef3{--padding-top:40px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-a0b63b6 .elementor-heading-title{font-size:29px;}.elementor-284 .elementor-element.elementor-element-14d4153{font-size:16px;}.elementor-284 .elementor-element.elementor-element-0f436c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-2e09d4f{--grid-columns:1;}.elementor-284 .elementor-element.elementor-element-2e09d4f > .elementor-widget-container{margin:-30px 0px 0px 0px;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-0f436c8 *//* ==================================================
   두리이앤씨 PORTFOLIO TAXONOMY FILTER
   PC + MOBILE FINAL

   MOBILE
   1행 : ALL 전체폭
   2행 : 4개 카테고리 균등 4분할
   ★ 모바일 좌우 여백 제거 -> 최대폭 사용
================================================== */


/* ==================================================
   기본 전체
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* ==================================================
   PC FILTER
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 30px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==================================================
   PC 버튼 기본
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 180px !important;

    height: 50px !important;
    min-height: 50px !important;

    padding: 0 24px !important;
    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid #cccccc !important;
    border-radius: 6px !important;

    color: #333333 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;

    white-space: nowrap !important;
    text-align: center !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transform: translateY(0) !important;

    transition:
        background-color 0.28s ease,
        border-color 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease,
        box-shadow 0.28s ease !important;
}


/* ==================================================
   PC 순서
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="__all"] {
    order: 1 !important;
}

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="theme-waterpark"] {
    order: 2 !important;
}

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="symbolic-sculpture"] {
    order: 3 !important;
}

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="play-facility"] {
    order: 4 !important;
}

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="environmental-sculpture"] {
    order: 5 !important;
}


/* ==================================================
   PC HOVER
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item:hover {

    border-color: #008daf !important;

    color: #008daf !important;

    transform: translateY(-4px) !important;

    box-shadow:
        0 8px 18px rgba(0, 141, 175, 0.18) !important;
}


/* ==================================================
   ACTIVE
================================================== */

.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[aria-pressed="true"],
.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item.e-active,
.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-active="true"] {

    background: #008daf !important;

    border-color: #008daf !important;

    color: #ffffff !important;

    font-weight: 700 !important;

    box-shadow:
        0 8px 18px rgba(0, 141, 175, 0.24) !important;
}


/* Active Hover */
.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[aria-pressed="true"]:hover,
.elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item.e-active:hover {

    color: #ffffff !important;

    transform: translateY(-4px) !important;
}



/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    /* ==============================================
       필터 전체
       ★ 좌우 패딩 제거
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 {

        width: 100% !important;
        max-width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* ==============================================
       4열 GRID
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter {

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 4px !important;

        margin: 0 0 26px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* ==============================================
       모바일 버튼 공통
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item {

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 40px !important;
        min-height: 40px !important;

        padding: 0 1px !important;
        margin: 0 !important;

        background: #ffffff !important;

        border: 1px solid #d3d9dd !important;
        border-radius: 5px !important;

        color: #333333 !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        line-height: 1.15 !important;
        letter-spacing: -0.055em !important;

        white-space: nowrap !important;

        text-align: center !important;

        box-sizing: border-box !important;

        transform: none !important;

        box-shadow: none !important;

        overflow: hidden !important;
    }


    /* 내부 텍스트 깨짐 방지 */
    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item * {

        min-width: 0 !important;

        white-space: nowrap !important;

        font-size: inherit !important;
        line-height: inherit !important;
    }


    /* ==============================================
       1행 : ALL
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="__all"] {

        grid-row: 1 !important;
        grid-column: 1 / span 4 !important;

        width: 100% !important;

        height: 42px !important;
        min-height: 42px !important;

        font-size: 13.5px !important;
        font-weight: 700 !important;

        order: unset !important;
    }


    /* ==============================================
       2행 1열
       테마파크·워터파크
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="theme-waterpark"] {

        grid-row: 2 !important;
        grid-column: 1 !important;

        order: unset !important;
    }


    /* ==============================================
       2행 2열
       상환경 조형물
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="symbolic-sculpture"] {

        grid-row: 2 !important;
        grid-column: 2 !important;

        order: unset !important;
    }


    /* ==============================================
       2행 3열
       놀이시설물
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="play-facility"] {

        grid-row: 2 !important;
        grid-column: 3 !important;

        order: unset !important;
    }


    /* ==============================================
       2행 4열
       환경조형물
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="environmental-sculpture"] {

        grid-row: 2 !important;
        grid-column: 4 !important;

        order: unset !important;
    }


    /* ==============================================
       모바일 ACTIVE
    ============================================== */

    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[aria-pressed="true"],
    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item.e-active,
    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-active="true"] {

        background: #008daf !important;

        border-color: #008daf !important;

        color: #ffffff !important;

        font-weight: 700 !important;

        transform: none !important;

        box-shadow:
            0 4px 12px rgba(0, 141, 175, 0.18) !important;
    }


    /* 모바일에서는 PC Hover 이동 제거 */
    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item:hover {

        transform: none !important;
    }

}



/* ==================================================
   SMALL MOBILE
   375px 이하
================================================== */

@media (max-width: 375px) {

    .elementor-284 .elementor-element.elementor-element-0f436c8 {

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter {

        gap: 3px !important;
    }


    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item {

        height: 38px !important;
        min-height: 38px !important;

        padding: 0 !important;

        font-size: 10.5px !important;

        letter-spacing: -0.065em !important;
    }


    .elementor-284 .elementor-element.elementor-element-0f436c8 .e-filter-item[data-filter="__all"] {

        height: 40px !important;
        min-height: 40px !important;

        font-size: 13px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a431be5 *//* ===================================================
   두리이앤씨 포트폴리오 카테고리 탭 버튼 CSS (테두리 선명하게)
=================================================== */

/* 1. 모든 버튼을 가로로 똑같은 비율로 꽉 차게 확장 */
.elementor-284 .elementor-element.elementor-element-a431be5 .elementor-widget-button {
    flex: 1 !important;
    margin: 0 4px !important;
}

/* 2. 일반 버튼 상태 (기본 흰색 배경 / 먹색 글자 / 테두리 진한 회색 변경) */
.elementor-284 .elementor-element.elementor-element-a431be5 .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 16px 10px !important;
    background-color: #ffffff !important; 
    color: #555555 !important; 
    border: 1px solid #cccccc !important; /* 연한 회색에서 조금 더 진하고 또렷한 회색으로 교체 */
    border-radius: 8px !important; 
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}

/* 3. 일반 버튼 마우스 호버(Hover) 시 효과 */
.elementor-284 .elementor-element.elementor-element-a431be5 .elementor-widget-button:hover .elementor-button {
    background-color: #ffffff !important;
    color: #008daf !important; 
    border-color: #008daf !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 16px rgba(0, 141, 175, 0.15) !important; 
}

/* 4. 첫 번째 버튼(ALL) 기본 청록색 강제 고정 */
.elementor-284 .elementor-element.elementor-element-a431be5 .elementor-widget-button:first-child .elementor-button {
    background-color: #008daf !important; 
    color: #ffffff !important; 
    border-color: #008daf !important;
    box-shadow: 0 4px 12px rgba(0, 141, 175, 0.3) !important;
}

/* 5. 첫 번째 버튼(ALL) 호버 시에도 청록색/흰색 유지 (모션만 작동) */
.elementor-284 .elementor-element.elementor-element-a431be5 .elementor-widget-button:first-child:hover .elementor-button {
    background-color: #008daf !important; 
    color: #ffffff !important; 
    border-color: #008daf !important;
    transform: translateY(-4px) !important;
}/* End custom CSS */