.elementor-288 .elementor-element.elementor-element-36e9ff8:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-36e9ff8 > .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-288 .elementor-element.elementor-element-36e9ff8 > .elementor-background-overlay{background-color:#1A1A1A;opacity:0.34;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-288 .elementor-element.elementor-element-36e9ff8 > .elementor-container{max-width:1250px;min-height:340px;}.elementor-288 .elementor-element.elementor-element-36e9ff8{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-288 .elementor-element.elementor-element-ae1d624{text-align:center;}.elementor-288 .elementor-element.elementor-element-ae1d624 .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-288 .elementor-element.elementor-element-0833693{--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-288 .elementor-element.elementor-element-417ba0c{--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-288 .elementor-element.elementor-element-c412abc{text-align:center;}.elementor-288 .elementor-element.elementor-element-c412abc .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-288 .elementor-element.elementor-element-e8eb923{text-align:center;}.elementor-288 .elementor-element.elementor-element-ca8dba2{--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-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-288 .elementor-element.elementor-element-c03fbf0{--grid-columns:4;--grid-row-gap:4px;--grid-column-gap:10px;}.elementor-288 .elementor-element.elementor-element-c03fbf0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-c03fbf0 .elementor-pagination{text-align:center;margin-top:0px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-c03fbf0 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-c03fbf0 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-288 .elementor-element.elementor-element-c03fbf0 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-288 .elementor-element.elementor-element-c03fbf0 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-0833693{--content-width:1250px;}.elementor-288 .elementor-element.elementor-element-417ba0c{--content-width:1250px;}}@media(max-width:1024px){.elementor-288 .elementor-element.elementor-element-36e9ff8:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-36e9ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-288 .elementor-element.elementor-element-36e9ff8 > .elementor-background-overlay{opacity:0;}.elementor-288 .elementor-element.elementor-element-36e9ff8{padding:140px 30px 50px 30px;}.elementor-288 .elementor-element.elementor-element-ae1d624 .elementor-heading-title{font-size:28px;}.elementor-288 .elementor-element.elementor-element-0833693{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-417ba0c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-288 .elementor-element.elementor-element-c03fbf0{--grid-columns:2;}}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-36e9ff8:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-36e9ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-288 .elementor-element.elementor-element-36e9ff8 > .elementor-background-overlay{opacity:0.65;}.elementor-288 .elementor-element.elementor-element-36e9ff8{padding:110px 20px 40px 20px;}.elementor-288 .elementor-element.elementor-element-bcd4e29{width:100%;}.elementor-288 .elementor-element.elementor-element-ae1d624{text-align:center;}.elementor-288 .elementor-element.elementor-element-ae1d624 .elementor-heading-title{font-size:25px;}.elementor-288 .elementor-element.elementor-element-0833693{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-c03fbf0{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-ef6ac16 *//* 포트폴리오 필터 전체 */
.elementor-widget-taxonomy-filter .e-filter {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 30px !important;
}

/* 버튼 기본 */
.elementor-widget-taxonomy-filter .e-filter-item {
  min-width: 180px !important;
  height: 50px !important;
  padding: 0 24px !important;
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.28s ease !important;
  transform: translateY(0) !important;
}

/* 순서 강제 */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
  order: 1 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[data-filter="play-facility"] {
  order: 2 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[data-filter="symbolic-sculpture"] {
  order: 3 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[data-filter="theme-waterpark"] {
  order: 4 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[data-filter="environmental-sculpture"] {
  order: 5 !important;
}

/* 호버 모션 */
.elementor-widget-taxonomy-filter .e-filter-item:hover {
  border-color: #0097a9 !important;
  color: #0097a9 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 18px rgba(0, 151, 169, 0.18) !important;
}

/* 활성화 버튼 */
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] {
  background: #0097a9 !important;
  border-color: #0097a9 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0, 151, 169, 0.25) !important;
}

/* 활성화 버튼 호버 */
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"]:hover {
  color: #ffffff !important;
  transform: translateY(-4px) !important;
}

/* 모바일 */
@media (max-width: 767px) {
  .elementor-widget-taxonomy-filter .e-filter {
    gap: 8px !important;
  }

  .elementor-widget-taxonomy-filter .e-filter-item {
    min-width: calc(50% - 8px) !important;
    height: 44px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca8dba2 *//* ===================================================
   두리이앤씨 포트폴리오 카테고리 탭 버튼 CSS (테두리 선명하게)
=================================================== */

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

/* 2. 일반 버튼 상태 (기본 흰색 배경 / 먹색 글자 / 테두리 진한 회색 변경) */
.elementor-288 .elementor-element.elementor-element-ca8dba2 .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-288 .elementor-element.elementor-element-ca8dba2 .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-288 .elementor-element.elementor-element-ca8dba2 .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-288 .elementor-element.elementor-element-ca8dba2 .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 */