.elementor-482 .elementor-element.elementor-element-e9469a7:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gimhaeseoul.co.kr/wp-content/uploads/2026/09/gallery-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-background-overlay{background-color:#1A1A1A;opacity:0.34;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-container{max-width:1250px;min-height:340px;}.elementor-482 .elementor-element.elementor-element-e9469a7{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-482 .elementor-element.elementor-element-b21b890{text-align:center;}.elementor-482 .elementor-element.elementor-element-b21b890 .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-482 .elementor-element.elementor-element-b4bfab1:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gimhaeseoul.co.kr/wp-content/uploads/2026/09/intro-hero.jpg");background-position:center center;background-size:cover;}.elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-background-overlay{background-color:#001A33;opacity:0.26;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-container{max-width:1250px;min-height:340px;}.elementor-482 .elementor-element.elementor-element-b4bfab1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-482 .elementor-element.elementor-element-65459f7{text-align:center;}.elementor-482 .elementor-element.elementor-element-65459f7 .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-482 .elementor-element.elementor-element-7b8d864{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-7b8d864:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-7b8d864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-482 .elementor-element.elementor-element-6bbdde9{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-6bbdde9.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-482 .elementor-element.elementor-element-c34f52b{text-align:center;}.elementor-482 .elementor-element.elementor-element-c34f52b img{width:30px;}.elementor-482 .elementor-element.elementor-element-a245923{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-482 .elementor-element.elementor-element-7cdf07d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-menu-toggle{margin:0 auto;}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item:hover, .elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-482 .elementor-element.elementor-element-7cdf07d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-482 .elementor-element.elementor-element-b620526{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-286bf0b .elementor-menu-toggle{margin:0 auto;}.elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main .elementor-item:hover, .elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-286bf0b{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-482 .elementor-element.elementor-element-286bf0b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-482 .elementor-element.elementor-element-c701a50{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-c701a50:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-c701a50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-482 .elementor-element.elementor-element-517d447{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-2834abf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item:hover, .elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item.highlighted, .elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-482 .elementor-element.elementor-element-2834abf .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-482 .elementor-element.elementor-element-9c8565b{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main .elementor-item:hover, .elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-6afa7b7{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-482 .elementor-element.elementor-element-6afa7b7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-482 .elementor-element.elementor-element-2f3b1d1{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-482 .elementor-element.elementor-element-7bdfcde{--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-482 .elementor-element.elementor-element-96d6934{text-align:center;}.elementor-482 .elementor-element.elementor-element-96d6934 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;color:#0B3857;}.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-482 .elementor-element.elementor-element-22b5a7b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-482 .elementor-element.elementor-element-653400a{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-482 .elementor-element.elementor-element-831e26a{--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-482 .elementor-element.elementor-element-8594604{--grid-columns:4;}.elementor-482 .elementor-element.elementor-element-8594604 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-482 .elementor-element.elementor-element-8594604 .e-loop-item > .elementor-section, .elementor-482 .elementor-element.elementor-element-8594604 .e-loop-item > .elementor-section > .elementor-container, .elementor-482 .elementor-element.elementor-element-8594604 .e-loop-item > .e-con, .elementor-482 .elementor-element.elementor-element-8594604 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-widget-theme-post-title .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-482 .elementor-element.elementor-element-6b097ff{text-align:center;}.elementor-482 .elementor-element.elementor-element-6b097ff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-482 .elementor-element.elementor-element-e9469a7:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-background-overlay{opacity:0;}.elementor-482 .elementor-element.elementor-element-e9469a7{padding:140px 30px 50px 30px;}.elementor-482 .elementor-element.elementor-element-b21b890 .elementor-heading-title{font-size:28px;}.elementor-482 .elementor-element.elementor-element-b4bfab1:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-background-overlay{opacity:0;}.elementor-482 .elementor-element.elementor-element-b4bfab1{padding:140px 30px 50px 30px;}.elementor-482 .elementor-element.elementor-element-65459f7 .elementor-heading-title{font-size:28px;}.elementor-482 .elementor-element.elementor-element-6bbdde9{border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-482 .elementor-element.elementor-element-c34f52b img{width:20px;}.elementor-482 .elementor-element.elementor-element-a245923{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-482 .elementor-element.elementor-element-b620526{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-482 .elementor-element.elementor-element-517d447{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-482 .elementor-element.elementor-element-9c8565b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-482 .elementor-element.elementor-element-2f3b1d1{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-482 .elementor-element.elementor-element-7bdfcde{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-482 .elementor-element.elementor-element-8594604{--grid-columns:2;}}@media(max-width:767px){.elementor-482 .elementor-element.elementor-element-e9469a7:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-482 .elementor-element.elementor-element-e9469a7 > .elementor-background-overlay{opacity:0.65;}.elementor-482 .elementor-element.elementor-element-e9469a7{padding:110px 20px 40px 20px;}.elementor-482 .elementor-element.elementor-element-5da5758{width:100%;}.elementor-482 .elementor-element.elementor-element-b21b890{text-align:center;}.elementor-482 .elementor-element.elementor-element-b21b890 .elementor-heading-title{font-size:25px;}.elementor-482 .elementor-element.elementor-element-b4bfab1:not(.elementor-motion-effects-element-type-background), .elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gimhaeseoul.co.kr/wp-content/uploads/2026/09/m-hero2.jpg");background-position:center center;}.elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-container{max-width:500px;min-height:130px;}.elementor-482 .elementor-element.elementor-element-b4bfab1 > .elementor-background-overlay{opacity:0.42;}.elementor-482 .elementor-element.elementor-element-b4bfab1{padding:40px 20px 40px 20px;}.elementor-482 .elementor-element.elementor-element-b717bad{width:100%;}.elementor-482 .elementor-element.elementor-element-65459f7{text-align:center;}.elementor-482 .elementor-element.elementor-element-65459f7 .elementor-heading-title{font-size:25px;}.elementor-482 .elementor-element.elementor-element-6bbdde9{--width:20%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-482 .elementor-element.elementor-element-c34f52b img{width:24px;}.elementor-482 .elementor-element.elementor-element-a245923{--width:40%;}.elementor-482 .elementor-element.elementor-element-b620526{--width:40%;}.elementor-482 .elementor-element.elementor-element-517d447{--width:25%;--min-height:50px;}.elementor-482 .elementor-element.elementor-element-9c8565b{--width:25%;--min-height:50px;}.elementor-482 .elementor-element.elementor-element-2f3b1d1{--padding-top:40px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-482 .elementor-element.elementor-element-96d6934 .elementor-heading-title{font-size:27px;letter-spacing:-0.5px;}.elementor-482 .elementor-element.elementor-element-22b5a7b{font-size:16px;line-height:1.5em;letter-spacing:-0.7px;}.elementor-482 .elementor-element.elementor-element-653400a{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-482 .elementor-element.elementor-element-8594604{--grid-columns:1;}}@media(min-width:768px){.elementor-482 .elementor-element.elementor-element-7b8d864{--content-width:1250px;}.elementor-482 .elementor-element.elementor-element-6bbdde9{--width:7%;}.elementor-482 .elementor-element.elementor-element-a245923{--width:44%;}.elementor-482 .elementor-element.elementor-element-b620526{--width:44%;}.elementor-482 .elementor-element.elementor-element-c701a50{--content-width:1250px;}.elementor-482 .elementor-element.elementor-element-517d447{--width:23.2%;}.elementor-482 .elementor-element.elementor-element-9c8565b{--width:23.2%;}.elementor-482 .elementor-element.elementor-element-2f3b1d1{--content-width:1250px;}.elementor-482 .elementor-element.elementor-element-7bdfcde{--content-width:1250px;}}@media(max-width:1024px) and (min-width:768px){.elementor-482 .elementor-element.elementor-element-6bbdde9{--width:5%;}.elementor-482 .elementor-element.elementor-element-a245923{--width:19%;}.elementor-482 .elementor-element.elementor-element-b620526{--width:19%;}.elementor-482 .elementor-element.elementor-element-517d447{--width:19%;}.elementor-482 .elementor-element.elementor-element-9c8565b{--width:19%;}}/* Start custom CSS for image, class: .elementor-element-c34f52b *//* 기본 상태에서 아이콘에 부드러운 애니메이션 효과 부여 */ .elementor-482 .elementor-element.elementor-element-c34f52b img { transition: all 0.3s ease; } /* 컨테이너에 마우스 호버 시 내부 이미지 위젯의 검은색을 흰색(Invert)으로 변경 */ .elementor-482 .elementor-element.elementor-element-c34f52b:hover img { filter: brightness(0) invert(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6bbdde9 *//* --- 업데이트된 홈 버튼 전용 코드 --- */ /* 1. 홈 버튼: 마우스 호버 시 배경색은 '흰색'으로 강제 고정 */ #doha-home-btn:hover { background-color: #ffffff !important; /* 배경은 그대로 흰색 유지 */ cursor: pointer; /* 마우스 손가락 모양 */ } /* 2. 홈 버튼: 마우스 호버 시 아이콘/이미지 색상만 '회색'으로 변경 */ /* 회색 색상 코드 예시: #777777 (원하시는 회색 톤이 있다면 숫자를 바꾸셔도 됩니다) */ /* 폰트 아이콘(i) 또는 SVG인 경우 */ #doha-home-btn:hover i, #doha-home-btn:hover svg { color: #777777 !important; /* 회색 적용 */ fill: #777777 !important; /* SVG 채우기 회색 */ transition: all 0.3s ease; /* 부드러운 전환 */ } /* 이미지(img, 예: PNG) 파일인 경우 (필터 사용) */ /* 검정색 이미지를 회색처럼 보이게 만듭니다 */ #doha-home-btn:hover img { filter: grayscale(100%) opacity(0.6) !important; /* 이미지 회색조 + 반투명 처리 */ transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b8d864 *//* =================================================== 재경김해고 2DEPTH 서브 메뉴 카테고리 바 - Deep Navy / Blue Tone - 세련된 호버 + 활성 메뉴 강조 =================================================== */ /* 1. 박스(열) 기본 설정 */ .menu-box { position: relative !important; height: 75px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; display: flex !important; align-items: stretch !important; justify-content: center !important; cursor: pointer !important; background: #ffffff !important; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; } /* 2. 내부 기본 배경 / 테두리 제거 */ .menu-box *, .menu-box a, .menu-box li, .menu-box .current-menu-item, .menu-box .current-menu-item a { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; text-decoration: none !important; } /* 3. 메뉴 링크 전체 클릭 영역 */ .menu-box .elementor-widget-container, .menu-box .widget_nav_menu, .menu-box ul.menu, .menu-box ul.menu li, .menu-box ul.menu li a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* 4. 기본 메뉴 텍스트 */ .menu-box a, .menu-box .elementor-item { color: #1a1a1a !important; font-weight: 500 !important; letter-spacing: -0.2px !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* 5. 하단 포인트 라인 */ .menu-box::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #0B2E59; transform: translateX(-50%); transition: width 0.3s ease; } /* 6. 호버 효과 */ .menu-box:not(#doha-home-btn):hover { background: linear-gradient( 135deg, #0B2E59 0%, #174A7E 100% ) !important; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(11, 46, 89, 0.18) !important; } /* 호버 시 하단 라인 확장 */ .menu-box:not(#doha-home-btn):hover::after { width: 100%; } /* 호버 시 텍스트 / 아이콘 흰색 */ .menu-box:not(#doha-home-btn):hover a, .menu-box:not(#doha-home-btn):hover span, .menu-box:not(#doha-home-btn):hover .elementor-item { color: #ffffff !important; fill: #ffffff !important; } /* 호버 시 텍스트 살짝 상승 */ .menu-box:not(#doha-home-btn):hover a { transform: translateY(-1px); } /* 7. 현재 활성 메뉴 */ .menu-box .current-menu-item a, .menu-box .current_page_item a { color: #0B2E59 !important; font-weight: 700 !important; } /* 활성 메뉴 박스 전체 강조 */ .menu-box:has(.current-menu-item), .menu-box:has(.current_page_item) { background: #f2f6fb !important; } /* 활성 메뉴 하단 바 */ .menu-box:has(.current-menu-item)::after, .menu-box:has(.current_page_item)::after { width: 100%; } /* 8. 활성 메뉴에 호버 시 */ .menu-box:has(.current-menu-item):hover, .menu-box:has(.current_page_item):hover { background: linear-gradient( 135deg, #0B2E59 0%, #174A7E 100% ) !important; } .menu-box:has(.current-menu-item):hover a, .menu-box:has(.current_page_item):hover a { color: #ffffff !important; } /* 9. 모바일 */ @media (max-width: 767px) { .menu-box { height: 58px !important; } .menu-box a { font-size: 14px !important; } .menu-box::after { height: 3px; } .menu-box:not(#doha-home-btn):hover { transform: none; box-shadow: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c701a50 *//* =================================================== 재경김해고 2DEPTH MENU FINAL PC + MOBILE TOUCH FIX 핵심 - PC hover 유지 - 모바일 터치 시 글자 사라짐 완전 차단 - hover / active / focus / visited 모두 강제 지정 - WebKit text-fill까지 강제 =================================================== */ /* ================================================== 1. 기본 박스 ================================================== */ .menu-box { position: relative !important; height: 75px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; align-items: stretch !important; justify-content: center !important; cursor: pointer !important; background: #ffffff !important; transition: background .3s ease, transform .3s ease, box-shadow .3s ease !important; } /* ================================================== 2. 내부 초기화 ================================================== */ .menu-box *, .menu-box a, .menu-box li, .menu-box .current-menu-item, .menu-box .current-menu-item a { background-color: transparent !important; box-shadow: none !important; border: none !important; text-decoration: none !important; } /* ================================================== 3. 전체 클릭 영역 ================================================== */ .menu-box .elementor-widget-container, .menu-box .widget_nav_menu, .menu-box ul.menu, .menu-box ul.menu li, .menu-box ul.menu li a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ================================================== 4. 기본 메뉴 텍스트 ================================================== */ .menu-box a, .menu-box .elementor-item { color: #1A1A1A !important; -webkit-text-fill-color: #1A1A1A !important; font-weight: 500 !important; letter-spacing: -0.2px !important; text-align: center !important; opacity: 1 !important; visibility: visible !important; transition: color .3s ease, transform .3s ease !important; } /* ================================================== 5. 하단 라인 ================================================== */ .menu-box::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #0B2E59; transform: translateX(-50%); opacity: 0; transition: width .3s ease, opacity .3s ease; pointer-events: none; } /* ================================================== 6. PC HOVER ★ 실제 마우스에서만 작동 ================================================== */ @media (min-width: 768px) and (hover: hover) and (pointer: fine) { .menu-box:not(#doha-home-btn):hover { background: linear-gradient( 135deg, #0B2E59 0%, #174A7E 100% ) !important; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(11,46,89,.18) !important; } .menu-box:not(#doha-home-btn):hover::after { width: 72%; opacity: 1; background: rgba(255,255,255,.92); } .menu-box:not(#doha-home-btn):hover a, .menu-box:not(#doha-home-btn):hover span, .menu-box:not(#doha-home-btn):hover .elementor-item { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; fill: #ffffff !important; font-weight: 700 !important; } .menu-box:not(#doha-home-btn):hover a { transform: translateY(-1px); } } /* ================================================== 7. 활성 메뉴 ================================================== */ .menu-box .current-menu-item a, .menu-box .current_page_item a, .menu-box a.elementor-item-active { color: #0B2E59 !important; -webkit-text-fill-color: #0B2E59 !important; font-weight: 700 !important; opacity: 1 !important; } .menu-box:has(.current-menu-item), .menu-box:has(.current_page_item), .menu-box:has(a.elementor-item-active) { background: #F4F7FB !important; } /* ================================================== 8. PC 활성메뉴 HOVER ================================================== */ @media (min-width: 768px) and (hover: hover) and (pointer: fine) { .menu-box:has(.current-menu-item):hover, .menu-box:has(.current_page_item):hover, .menu-box:has(a.elementor-item-active):hover { background: linear-gradient( 135deg, #0B2E59 0%, #174A7E 100% ) !important; } .menu-box:has(.current-menu-item):hover a, .menu-box:has(.current_page_item):hover a, .menu-box:has(a.elementor-item-active):hover a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } } /* ================================================== 9. HOME ================================================== */ #doha-home-btn { background: #ffffff !important; } #doha-home-btn::after { display: none !important; } /* ================================================== 10. MOBILE ================================================== */ @media (max-width: 767px) { /* ---------------------------------------------- 박스 ---------------------------------------------- */ html body .menu-box { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; background-image: none !important; border-right: 1px solid #E4E9EF !important; box-shadow: none !important; transform: none !important; transition: none !important; animation: none !important; -webkit-tap-highlight-color: transparent !important; touch-action: manipulation !important; } html body .menu-box:last-child { border-right: none !important; } /* ---------------------------------------------- 내부 전체 ---------------------------------------------- */ html body .menu-box *, html body .menu-box a, html body .menu-box span, html body .menu-box li, html body .menu-box .elementor-item { transition: none !important; animation: none !important; opacity: 1 !important; visibility: visible !important; } /* ---------------------------------------------- 모바일 기본 메뉴 텍스트 ---------------------------------------------- */ html body .menu-box a, html body .menu-box .elementor-item, html body .menu-box a:link, html body .menu-box a:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 0 5px !important; color: #25364A !important; -webkit-text-fill-color: #25364A !important; fill: #25364A !important; font-size: clamp(12px, 3.4vw, 14px) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.4px !important; text-align: center !important; white-space: nowrap !important; word-break: keep-all !important; opacity: 1 !important; visibility: visible !important; transform: none !important; text-shadow: none !important; filter: none !important; -webkit-tap-highlight-color: transparent !important; } /* ================================================== ★ 핵심 모바일 터치 상태 모두 동일하게 유지 ================================================== */ html body .menu-box:not(#doha-home-btn):hover, html body .menu-box:not(#doha-home-btn):active, html body .menu-box:not(#doha-home-btn):focus, html body .menu-box:not(#doha-home-btn):focus-visible, html body .menu-box:not(#doha-home-btn):focus-within { background: #ffffff !important; background-image: none !important; transform: none !important; box-shadow: none !important; } html body .menu-box:not(#doha-home-btn):hover a, html body .menu-box:not(#doha-home-btn):active a, html body .menu-box:not(#doha-home-btn):focus a, html body .menu-box:not(#doha-home-btn):focus-visible a, html body .menu-box:not(#doha-home-btn):focus-within a, html body .menu-box:not(#doha-home-btn) a:hover, html body .menu-box:not(#doha-home-btn) a:active, html body .menu-box:not(#doha-home-btn) a:focus, html body .menu-box:not(#doha-home-btn) a:focus-visible { color: #25364A !important; -webkit-text-fill-color: #25364A !important; fill: #25364A !important; opacity: 1 !important; visibility: visible !important; transform: none !important; text-shadow: none !important; filter: none !important; outline: none !important; } /* span까지 강제 */ html body .menu-box:hover a span, html body .menu-box:active a span, html body .menu-box:focus-within a span { color: #25364A !important; -webkit-text-fill-color: #25364A !important; opacity: 1 !important; visibility: visible !important; } /* ---------------------------------------------- 기본 하단라인 OFF ---------------------------------------------- */ html body .menu-box::after { width: 0 !important; height: 3px !important; opacity: 0 !important; transition: none !important; } /* ================================================== 현재 활성 메뉴 ================================================== */ html body .menu-box:has(.current-menu-item), html body .menu-box:has(.current_page_item), html body .menu-box:has(a.elementor-item-active) { background: #F4F7FB !important; } html body .menu-box .current-menu-item a, html body .menu-box .current_page_item a, html body .menu-box a.elementor-item-active { color: #0B2E59 !important; -webkit-text-fill-color: #0B2E59 !important; fill: #0B2E59 !important; font-weight: 700 !important; opacity: 1 !important; } html body .menu-box:has(.current-menu-item)::after, html body .menu-box:has(.current_page_item)::after, html body .menu-box:has(a.elementor-item-active)::after { width: 100% !important; opacity: 1 !important; background: #0B2E59 !important; } /* ================================================== ★ 활성 메뉴 터치 상태도 네이비 유지 ================================================== */ html body .menu-box:has(.current-menu-item):hover, html body .menu-box:has(.current-menu-item):active, html body .menu-box:has(.current_page_item):hover, html body .menu-box:has(.current_page_item):active, html body .menu-box:has(a.elementor-item-active):hover, html body .menu-box:has(a.elementor-item-active):active { background: #F4F7FB !important; } html body .menu-box:has(.current-menu-item):hover a, html body .menu-box:has(.current-menu-item):active a, html body .menu-box:has(.current_page_item):hover a, html body .menu-box:has(.current_page_item):active a, html body .menu-box:has(a.elementor-item-active):hover a, html body .menu-box:has(a.elementor-item-active):active a { color: #0B2E59 !important; -webkit-text-fill-color: #0B2E59 !important; fill: #0B2E59 !important; opacity: 1 !important; font-weight: 700 !important; } /* ---------------------------------------------- HOME ---------------------------------------------- */ html body #doha-home-btn { flex: 0 0 52px !important; width: 52px !important; min-width: 52px !important; background: #ffffff !important; } html body #doha-home-btn::after { display: none !important; } } /* ================================================== 11. 작은 모바일 ================================================== */ @media (max-width: 390px) { html body .menu-box { height: 52px !important; min-height: 52px !important; } html body .menu-box a, html body .menu-box .elementor-item { padding: 0 3px !important; font-size: 12px !important; letter-spacing: -0.5px !important; } html body #doha-home-btn { flex-basis: 48px !important; width: 48px !important; min-width: 48px !important; } }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-831e26a *//* ================================================== 재경김해고 행사갤러리 필터 + 그리드 MOBILE FINAL - 1행: ALL / 2행: 4등분 순서 정렬 ================================================== */ .elementor-482 .elementor-element.elementor-element-831e26a { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } @media (max-width: 767px) { /* 1. 모바일 부모 컨테이너 */ .elementor-482 .elementor-element.elementor-element-831e26a { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; padding: 0 12px !important; gap: 20px !important; box-sizing: border-box !important; } /* 2. 필터 컨테이너 4열 그리드 */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; width: 100% !important; max-width: 100% !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 3. 버튼 기본 공통 핏 (25% 균등 분할) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; /* 찌그러짐 방지 */ box-sizing: border-box !important; height: 38px !important; min-height: 38px !important; padding: 0 2px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #D8E0E9 !important; border-radius: 5px !important; color: #344354 !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: -0.6px !important; white-space: nowrap !important; text-align: center !important; transform: none !important; box-shadow: none !important; } /* 버튼 내부 텍스트 찌그러짐 방지 */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item * { min-width: 0 !important; white-space: nowrap !important; } /* ================================================== ★ 실제 돔(DOM) 순서 기반 정확한 좌표 배치 1번째 = 기타행사 2번째 = 소모임 3번째 = 송년회 4번째 = 체육대회 5번째 = ALL ================================================== */ /* 1행 : ALL (5번째 요소를 1행 1~4열 전체로 확장) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item:nth-of-type(5), .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item[data-filter="__all"] { grid-row: 1 !important; grid-column: 1 / span 4 !important; height: 40px !important; font-size: 13.5px !important; font-weight: 700 !important; } /* 2행 1열 : 체육대회 (4번째 요소) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item:nth-of-type(4) { grid-row: 2 !important; grid-column: 1 !important; } /* 2행 2열 : 송년회 (3번째 요소) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item:nth-of-type(3) { grid-row: 2 !important; grid-column: 2 !important; } /* 2행 3열 : 소모임 (2번째 요소) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item:nth-of-type(2) { grid-row: 2 !important; grid-column: 3 !important; } /* 2행 4열 : 기타행사 (1번째 요소) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item:nth-of-type(1) { grid-row: 2 !important; grid-column: 4 !important; } /* 4. 선택(Active) 상태 컬러 (로열 딥블루) */ .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item[aria-pressed="true"], .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item.e-active, .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item[data-active="true"] { background: #0B2E59 !important; border-color: #0B2E59 !important; color: #ffffff !important; font-weight: 700 !important; } /* 5. 하단 루프 그리드 꽉 채움 */ .elementor-482 .elementor-element.elementor-element-831e26a .elementor-widget-loop-grid, .elementor-482 .elementor-element.elementor-element-831e26a > .gallery-grid { width: 100% !important; max-width: 100% !important; margin: 0 !important; } } /* 초소형 스마트폰 (375px 이하 기기 대응) */ @media (max-width: 375px) { .elementor-482 .elementor-element.elementor-element-831e26a .e-filter { gap: 4px !important; } .elementor-482 .elementor-element.elementor-element-831e26a .e-filter-item { font-size: 11px !important; letter-spacing: -0.8px !important; padding: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-653400a *//* ================================================== 재경김해고 행사갤러리 CATEGORY + LOOP GRID MOBILE FINAL V3 실제 Elementor 출력 순서 1 = 기타행사 2 = 소모임 3 = 송년회 4 = 체육대회 5 = All 모바일 최종 표시 1행 : ALL 2행 : 체육대회 / 송년회 / 소모임 / 기타행사 ================================================== */ /* ================================================== PC 기본 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { /* ================================================== 1. 전체 부모 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 12px !important; gap: 24px !important; box-sizing: border-box !important; overflow: visible !important; } /* ================================================== 2. CATEGORY ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a > .gallery-category { order: 1 !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; left: auto !important; right: auto !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } .elementor-482 .elementor-element.elementor-element-653400a > .gallery-category > .elementor-widget-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* ================================================== 3. FILTER GRID 4등분 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-template-rows: 40px 40px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; column-gap: 6px !important; row-gap: 6px !important; overflow: visible !important; box-sizing: border-box !important; } /* ================================================== 4. 모든 필터 버튼 공통 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 5px 2px !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: hidden !important; color: #344354 !important; background: #ffffff !important; border: 1px solid #D8E0E9 !important; border-radius: 5px !important; box-shadow: none !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -0.45px !important; text-align: center !important; flex: none !important; transform: none !important; transition: none !important; } /* ================================================== 5. ★ 실제 DOM 순서 기준 재배치 ================================================== */ /* ---------------------------------------------- All 실제 5번째 → 첫 번째 줄 전체 ---------------------------------------------- */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:nth-child(5) { grid-column: 1 / 5 !important; grid-row: 1 !important; } /* ---------------------------------------------- 체육대회 실제 4번째 → 두 번째 줄 첫 번째 ---------------------------------------------- */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:nth-child(4) { grid-column: 1 !important; grid-row: 2 !important; } /* ---------------------------------------------- 송년회 실제 3번째 → 두 번째 줄 두 번째 ---------------------------------------------- */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; } /* ---------------------------------------------- 소모임 실제 2번째 → 두 번째 줄 세 번째 ---------------------------------------------- */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:nth-child(2) { grid-column: 3 !important; grid-row: 2 !important; } /* ---------------------------------------------- 기타행사 실제 1번째 → 두 번째 줄 네 번째 ---------------------------------------------- */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:nth-child(1) { grid-column: 4 !important; grid-row: 2 !important; } /* ================================================== 6. 필터 내부 텍스트 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item *, .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item span { min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; overflow: visible !important; text-align: center !important; } /* ================================================== 7. ACTIVE ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item[aria-pressed="true"], .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item.e-filter-item-active { color: #ffffff !important; background: #0B2E59 !important; border-color: #0B2E59 !important; font-weight: 700 !important; } /* ================================================== 8. 모바일 Hover 제거 ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item:hover { transform: none !important; box-shadow: none !important; } /* ================================================== 9. LOOP GRID ================================================== */ .elementor-482 .elementor-element.elementor-element-653400a > .gallery-grid { order: 2 !important; position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; left: auto !important; right: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; box-sizing: border-box !important; } .elementor-482 .elementor-element.elementor-element-653400a > .gallery-grid > .elementor-widget-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } } /* ================================================== SMALL MOBILE ================================================== */ @media (max-width: 390px) { .elementor-482 .elementor-element.elementor-element-653400a { padding-left: 10px !important; padding-right: 10px !important; } .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter { column-gap: 4px !important; row-gap: 5px !important; } .elementor-482 .elementor-element.elementor-element-653400a .gallery-category .e-filter-item { font-size: 10.5px !important; letter-spacing: -0.55px !important; padding-left: 1px !important; padding-right: 1px !important; } }/* End custom CSS */