.elementor-229 .elementor-element.elementor-element-2b22e35{--display:flex;--min-height:213px;--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;--gap:0px 0px;--background-transition:0.3s;}.elementor-229 .elementor-element.elementor-element-2b22e35:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-2b22e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#004E76;}.elementor-229 .elementor-element.elementor-element-2b22e35, .elementor-229 .elementor-element.elementor-element-2b22e35::before{--border-transition:0.3s;}.elementor-229 .elementor-element.elementor-element-d79e407{text-align:center;}.elementor-229 .elementor-element.elementor-element-d79e407 .elementor-heading-title{color:#FFFFFF;font-family:var( --e-global-typography-5736e96-font-family ), Sans-serif;font-size:var( --e-global-typography-5736e96-font-size );font-weight:var( --e-global-typography-5736e96-font-weight );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-229 .elementor-element.elementor-element-ebfc496{text-align:center;}.elementor-229 .elementor-element.elementor-element-ebfc496 .elementor-heading-title{color:#FFFFFF;font-family:var( --e-global-typography-ecadf73-font-family ), Sans-serif;font-size:var( --e-global-typography-ecadf73-font-size );font-weight:var( --e-global-typography-ecadf73-font-weight );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-229 .elementor-element.elementor-element-ebfc496 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-cc015b5{--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;--background-transition:0.3s;}.elementor-229 .elementor-element.elementor-element-db81e28{--grid-columns:4;--grid-column-gap:17px;--grid-row-gap:60px;}.elementor-229 .elementor-element.elementor-element-db81e28 > .elementor-widget-container{margin:100px 0px 150px 0px;}@media(max-width:1024px){.elementor-229 .elementor-element.elementor-element-d79e407 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-229 .elementor-element.elementor-element-ebfc496 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-229 .elementor-element.elementor-element-db81e28{--grid-columns:3;--grid-column-gap:11px;--grid-row-gap:16px;}.elementor-229 .elementor-element.elementor-element-db81e28 > .elementor-widget-container{margin:50px 0px 0px 0px;}}@media(max-width:767px){.elementor-229 .elementor-element.elementor-element-2b22e35{--min-height:139px;}.elementor-229 .elementor-element.elementor-element-d79e407 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-229 .elementor-element.elementor-element-ebfc496 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-229 .elementor-element.elementor-element-ebfc496 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-db81e28{--grid-columns:2;}.elementor-229 .elementor-element.elementor-element-db81e28 > .elementor-widget-container{margin:23px 0px 50px 0px;}}/* Start custom CSS */.image-overlay-container {
  position: relative;
  border-radius: 10px;
  width: 100%;
  max-width: 600px; /* 원하는 너비로 설정하세요 */
}

.image-overlay-container img {
  width: 100%;
  display: block;
  border-radius: 10px;
  
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25%; /* 초기 상태에서 오버레이의 높이를 설정합니다 */
  background-color: #00000099; /* 초기 투명 회색 오버레이 */
  transition: .5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
}


 .image-overlay-container button {
  visibility: hidden; /* 초기에는 숨김 처리 */
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.overlay .text{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-top: px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-family: "프리텐다드"
}

.overlay .button{
    color: white;
    border: 2px solid white;
    font-weight: 700;
    margin-top: 20px;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.overlay .button:hover{
    color: white !important;
    background-color: #00000099;
    font-weight: 700;
  
    
}


.image-overlay-container:hover .overlay {
  height: 100%; /* 마우스 오버 시 전체 높이로 변경 */
  background-color: #00000099; /* 마우스 오버 시 투명도 변경 */
  border-radius: 10px;
}

.image-overlay-container:hover .text,
.image-overlay-container:hover .button {
  visibility: visible; /* 마우스 오버 시 보이게 변경 */
  opacity: 1;
  color: #fff;
  border-color: #1A3668;
  transition: opacity 0.5s linear;
}


 .text_el {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
    color: white;
    font-size: 17px;
    font-weight: 500;
}

@media (max-width:468px){
    .text_el {
        font-size: 13px;
        max-width: 350px;
    }
    
    .overlay .text{
    font-size: 16px;
    line-height:23px;
}
.overlay .button{
    
    margin-top: 10px;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    
}
}/* End custom CSS */