.elementor-992 .elementor-element.elementor-element-5e27a05b{--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;--overlay-opacity:0.48;--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:11%;--padding-bottom:11%;--padding-left:0%;--padding-right:0%;}.elementor-992 .elementor-element.elementor-element-5e27a05b:not(.elementor-motion-effects-element-type-background), .elementor-992 .elementor-element.elementor-element-5e27a05b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://kangnkang.com/wp-content/uploads/2025/12/modern-architecture-in-shanghai-2025-01-29-07-39-49-utc-scaled.jpg");background-position:center center;background-size:cover;}.elementor-992 .elementor-element.elementor-element-5e27a05b::before, .elementor-992 .elementor-element.elementor-element-5e27a05b > .elementor-background-video-container::before, .elementor-992 .elementor-element.elementor-element-5e27a05b > .e-con-inner > .elementor-background-video-container::before, .elementor-992 .elementor-element.elementor-element-5e27a05b > .elementor-background-slideshow::before, .elementor-992 .elementor-element.elementor-element-5e27a05b > .e-con-inner > .elementor-background-slideshow::before, .elementor-992 .elementor-element.elementor-element-5e27a05b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000A8;--background-overlay:'';}.elementor-992 .elementor-element.elementor-element-6d63d7ce{--display:flex;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-992 .elementor-element.elementor-element-43f3c3cf{text-align:center;}.elementor-992 .elementor-element.elementor-element-43f3c3cf .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:45px;font-weight:400;line-height:1px;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-992 .elementor-element.elementor-element-421d38c2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-992 .elementor-element.elementor-element-421d38c2 .elementor-heading-title{font-family:"Noto Sans Gothic", Sans-serif;font-size:26px;font-weight:800;line-height:13px;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-992 .elementor-element.elementor-element-d9dc2aa{--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;}body.elementor-page-992:not(.elementor-motion-effects-element-type-background), body.elementor-page-992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-992 .elementor-element.elementor-element-d9dc2aa{--content-width:1600px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-992 .elementor-element.elementor-element-5e27a05b{--margin-top:-20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:19%;--padding-bottom:19%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-992 .elementor-element.elementor-element-43f3c3cf .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-992 .elementor-element.elementor-element-421d38c2{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-992 .elementor-element.elementor-element-421d38c2 .elementor-heading-title{font-size:29px;}}/* Start custom CSS for shortcode, class: .elementor-element-62f977c *//* 1. 기본 상태에서 테두리 공간 확보 및 부드러운 전환 */
.gallery-item-wrap {
    border: 3px solid transparent !important; 
    box-sizing: border-box; /* 테두리가 박스 크기에 영향을 주지 않도록 설정 */
    transition: border-color 0.2s ease-in-out;
}

/* 2. 마우스 오버 시 테두리 색상 변경 (박스 효과) */
.gallery-item-box:hover .gallery-item-wrap {
    border-color: #1C1E7C !important;
}

/* 3. 마우스 오버 시 제목(글자) 색상 변경 */
/* 기존 게시판 클래스와 새 게시판 클래스(.gallery-title) 모두 대응 */
.gallery-item-box:hover .mb-gallery-info-title,
.gallery-item-box:hover .mb-gallery-info-title div,
.gallery-item-box:hover .gallery-title,
.gallery-item-box:hover .gallery-title a {
    color: #1C1E7C !important;
    transition: color 0.2s ease-in-out;
}


/* 1. 썸네일 박스 높이를 A4 비율(약 1:1.4)에 가깝게 조정 */
.gallery-item-img {
    height: auto !important;
    aspect-ratio: 1 / 1.414; /* A4 용지 비율 설정 */
    overflow: hidden;
    background-color: #f8f8f8; /* 이미지가 없을 때 대비한 배경색 */
}

/* 2. 내부 이미지(div 형태)가 박스에 꽉 차도록 설정 */
.gallery-item-img .img {
    height: 100% !important;
    background-size: contain !important; /* 이미지 전체가 잘리지 않고 다 보이게 설정 */
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* 3. (선택사항) 박스 전체 세로 정렬 최적화 */
.gallery-item-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}/* End custom CSS */