.elementor-631 .elementor-element.elementor-element-6b65a5af:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gimhaeseoul.co.kr/wp-content/uploads/2026/09/notice-hero.jpg");background-position:center center;background-size:cover;}.elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-background-overlay{background-color:#001A33;opacity:0.26;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-container{max-width:1250px;min-height:340px;}.elementor-631 .elementor-element.elementor-element-6b65a5af{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-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-631 .elementor-element.elementor-element-6508baa8{text-align:center;}.elementor-631 .elementor-element.elementor-element-6508baa8 .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-631 .elementor-element.elementor-element-434e3dc:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-434e3dc > .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-631 .elementor-element.elementor-element-434e3dc > .elementor-background-overlay{background-color:#001A33;opacity:0.26;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-container{max-width:1250px;min-height:340px;}.elementor-631 .elementor-element.elementor-element-434e3dc{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-631 .elementor-element.elementor-element-9b9389a{text-align:center;}.elementor-631 .elementor-element.elementor-element-9b9389a .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-631 .elementor-element.elementor-element-5817543{--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-631 .elementor-element.elementor-element-5817543:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-5817543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-631 .elementor-element.elementor-element-9d2d5b2{--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-631 .elementor-element.elementor-element-9d2d5b2.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-631 .elementor-element.elementor-element-266a679{text-align:center;}.elementor-631 .elementor-element.elementor-element-266a679 img{width:30px;}.elementor-631 .elementor-element.elementor-element-bb5d4c2{--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-631 .elementor-element.elementor-element-637b019{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-631 .elementor-element.elementor-element-637b019 .elementor-menu-toggle{margin:0 auto;}.elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-637b019 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-9af75bc{--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-631 .elementor-element.elementor-element-0200511{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-631 .elementor-element.elementor-element-0200511 .elementor-menu-toggle{margin:0 auto;}.elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-0200511 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-8a85a8b{--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-631 .elementor-element.elementor-element-d4fb3f1{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-631 .elementor-element.elementor-element-d4fb3f1 .elementor-menu-toggle{margin:0 auto;}.elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-d4fb3f1 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-b245d83{--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-631 .elementor-element.elementor-element-b245d83:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-b245d83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-631 .elementor-element.elementor-element-7486ed7{--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-631 .elementor-element.elementor-element-2ed2179{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-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-2ed2179 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-9d70809{--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-631 .elementor-element.elementor-element-a21f76f{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-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-a21f76f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-cecb20e{--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-631 .elementor-element.elementor-element-cf68124{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-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item:hover, .elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-631 .elementor-element.elementor-element-cf68124 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-631 .elementor-element.elementor-element-16a8ea8f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-631 .elementor-element.elementor-element-7d004593{--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;--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-631 .elementor-element.elementor-element-63a358dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-631 .elementor-element.elementor-element-63a358dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-631 .elementor-element.elementor-element-5155c6b1{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-631 .elementor-element.elementor-element-105a517d{--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: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-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-631 .elementor-element.elementor-element-f8a6ab1{--grid-row-gap:32px;--grid-column-gap:24px;}.elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.75 * 100% );}.elementor-631 .elementor-element.elementor-element-f8a6ab1:after{content:"0.75";}.elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail__link{width:100%;}.elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__meta-data span + span:before{content:"///";}.elementor-631 .elementor-element.elementor-element-f8a6ab1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-631 .elementor-element.elementor-element-f8a6ab1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-631 .elementor-element.elementor-element-f8a6ab1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-631 .elementor-element.elementor-element-a1d89fe{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-631 .elementor-element.elementor-element-efb9a2f{--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;--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-631 .elementor-element.elementor-element-79b0fb1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-631 .elementor-element.elementor-element-79b0fb1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-631 .elementor-element.elementor-element-04bb368{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-631 .elementor-element.elementor-element-dfaca85{--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: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-631 .elementor-element.elementor-element-99a2f02{--grid-row-gap:32px;--grid-column-gap:24px;}.elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.75 * 100% );}.elementor-631 .elementor-element.elementor-element-99a2f02:after{content:"0.75";}.elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail__link{width:100%;}.elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__meta-data span + span:before{content:"///";}.elementor-631 .elementor-element.elementor-element-99a2f02.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-631 .elementor-element.elementor-element-99a2f02.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-631 .elementor-element.elementor-element-99a2f02.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-631 .elementor-element.elementor-element-6b65a5af:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-background-overlay{opacity:0;}.elementor-631 .elementor-element.elementor-element-6b65a5af{padding:140px 30px 50px 30px;}.elementor-631 .elementor-element.elementor-element-6508baa8 .elementor-heading-title{font-size:28px;}.elementor-631 .elementor-element.elementor-element-434e3dc:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-background-overlay{opacity:0;}.elementor-631 .elementor-element.elementor-element-434e3dc{padding:140px 30px 50px 30px;}.elementor-631 .elementor-element.elementor-element-9b9389a .elementor-heading-title{font-size:28px;}.elementor-631 .elementor-element.elementor-element-9d2d5b2{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-631 .elementor-element.elementor-element-266a679 img{width:20px;}.elementor-631 .elementor-element.elementor-element-bb5d4c2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-9af75bc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-8a85a8b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-7486ed7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-9d70809{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-cecb20e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-16a8ea8f{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-7d004593{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-631 .elementor-element.elementor-element-63a358dc .elementor-heading-title{font-size:35px;}.elementor-631 .elementor-element.elementor-element-a1d89fe{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-efb9a2f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-631 .elementor-element.elementor-element-79b0fb1 .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-631 .elementor-element.elementor-element-6b65a5af:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-631 .elementor-element.elementor-element-6b65a5af > .elementor-background-overlay{opacity:0.65;}.elementor-631 .elementor-element.elementor-element-6b65a5af{padding:110px 20px 40px 20px;}.elementor-631 .elementor-element.elementor-element-927ea85{width:100%;}.elementor-631 .elementor-element.elementor-element-6508baa8{text-align:center;}.elementor-631 .elementor-element.elementor-element-6508baa8 .elementor-heading-title{font-size:25px;}.elementor-631 .elementor-element.elementor-element-434e3dc:not(.elementor-motion-effects-element-type-background), .elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gimhaeseoul.co.kr/wp-content/uploads/2026/09/m-hero4.jpg");background-position:center center;}.elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-container{max-width:500px;min-height:130px;}.elementor-631 .elementor-element.elementor-element-434e3dc > .elementor-background-overlay{opacity:0.42;}.elementor-631 .elementor-element.elementor-element-434e3dc{padding:40px 20px 40px 20px;}.elementor-631 .elementor-element.elementor-element-fc26760{width:100%;}.elementor-631 .elementor-element.elementor-element-9b9389a{text-align:center;}.elementor-631 .elementor-element.elementor-element-9b9389a .elementor-heading-title{font-size:25px;}.elementor-631 .elementor-element.elementor-element-9d2d5b2{--width:20%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-631 .elementor-element.elementor-element-266a679 img{width:24px;}.elementor-631 .elementor-element.elementor-element-bb5d4c2{--width:40%;}.elementor-631 .elementor-element.elementor-element-9af75bc{--width:40%;}.elementor-631 .elementor-element.elementor-element-8a85a8b{--width:40%;}.elementor-631 .elementor-element.elementor-element-7486ed7{--width:33.3%;}.elementor-631 .elementor-element.elementor-element-9d70809{--width:33.3%;}.elementor-631 .elementor-element.elementor-element-cecb20e{--width:33.3%;}.elementor-631 .elementor-element.elementor-element-16a8ea8f{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-631 .elementor-element.elementor-element-f8a6ab1:after{content:"0.5";}.elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail__link{width:100%;}.elementor-631 .elementor-element.elementor-element-a1d89fe{--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-631 .elementor-element.elementor-element-79b0fb1 .elementor-heading-title{font-size:28px;}.elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-631 .elementor-element.elementor-element-99a2f02:after{content:"0.5";}.elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-631 .elementor-element.elementor-element-5817543{--content-width:1250px;}.elementor-631 .elementor-element.elementor-element-9d2d5b2{--width:7%;}.elementor-631 .elementor-element.elementor-element-bb5d4c2{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-9af75bc{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-8a85a8b{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-b245d83{--content-width:1250px;}.elementor-631 .elementor-element.elementor-element-7486ed7{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-9d70809{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-cecb20e{--width:31.7%;}.elementor-631 .elementor-element.elementor-element-16a8ea8f{--content-width:1280px;}.elementor-631 .elementor-element.elementor-element-7d004593{--width:100%;}.elementor-631 .elementor-element.elementor-element-a1d89fe{--content-width:1280px;}.elementor-631 .elementor-element.elementor-element-efb9a2f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-631 .elementor-element.elementor-element-9d2d5b2{--width:5%;}.elementor-631 .elementor-element.elementor-element-bb5d4c2{--width:19%;}.elementor-631 .elementor-element.elementor-element-9af75bc{--width:19%;}.elementor-631 .elementor-element.elementor-element-8a85a8b{--width:19%;}.elementor-631 .elementor-element.elementor-element-7486ed7{--width:19%;}.elementor-631 .elementor-element.elementor-element-9d70809{--width:19%;}.elementor-631 .elementor-element.elementor-element-cecb20e{--width:19%;}}/* Start custom CSS for image, class: .elementor-element-266a679 *//* 기본 상태에서 아이콘에 부드러운 애니메이션 효과 부여 */ .elementor-631 .elementor-element.elementor-element-266a679 img { transition: all 0.3s ease; } /* 컨테이너에 마우스 호버 시 내부 이미지 위젯의 검은색을 흰색(Invert)으로 변경 */ .elementor-631 .elementor-element.elementor-element-266a679:hover img { filter: brightness(0) invert(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d2d5b2 *//* --- 업데이트된 홈 버튼 전용 코드 --- */ /* 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-5817543 *//* =================================================== 재경김해고 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-b245d83 *//* =================================================== 재경김해고 2DEPTH 서브 메뉴 행사안내 / 동문회 소식 / 동문회 자료실 PC + MOBILE FINAL PC - Deep Navy / Blue Hover - Active 강조 MOBILE - 3개 메뉴 균등배치 - 높이/글자 축소 - 터치 Hover 잔상 제거 - Active만 깔끔하게 강조 =================================================== */ /* ================================================== 1. 메뉴 박스 기본 ================================================== */ .menu-box { position: relative !important; height: 75px !important; min-width: 0 !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; box-shadow: none !important; transition: background .30s ease, transform .30s ease, box-shadow .30s ease !important; } /* ================================================== 2. 내부 스타일 초기화 ================================================== */ .menu-box *, .menu-box a, .menu-box li, .menu-box .current-menu-item, .menu-box .current-menu-item a, .menu-box .current_page_item, .menu-box .current_page_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; text-align: center !important; word-break: keep-all !important; transition: color .30s ease, transform .30s ease !important; } /* ================================================== 5. 하단 포인트 라인 ================================================== */ .menu-box::after { content: ""; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 0 !important; height: 4px !important; background: #0B2E59 !important; transform: translateX(-50%) !important; transition: width .30s ease, opacity .30s ease !important; opacity: 0 !important; pointer-events: none !important; } /* ================================================== 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) !important; box-shadow: 0 8px 18px rgba(11,46,89,.18) !important; } .menu-box:not(#doha-home-btn):hover::after { width: 72% !important; opacity: 1 !important; background: rgba(255,255,255,.90) !important; } .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; font-weight: 700 !important; } .menu-box:not(#doha-home-btn):hover a, .menu-box:not(#doha-home-btn):hover .elementor-item { transform: translateY(-1px) !important; } } /* ================================================== 7. 현재 ACTIVE ================================================== */ .menu-box .current-menu-item a, .menu-box .current_page_item a, .menu-box a.elementor-item-active { color: #0B2E59 !important; font-weight: 700 !important; } .menu-box:has(.current-menu-item), .menu-box:has(.current_page_item), .menu-box:has(a.elementor-item-active) { background: #F2F6FB !important; } /* Active 하단선 */ .menu-box:has(.current-menu-item)::after, .menu-box:has(.current_page_item)::after, .menu-box:has(a.elementor-item-active)::after { width: 100% !important; opacity: 1 !important; background: #0B2E59 !important; } /* ================================================== 8. PC Active 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; transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(11,46,89,.18) !important; } .menu-box:has(.current-menu-item):hover::after, .menu-box:has(.current_page_item):hover::after, .menu-box:has(a.elementor-item-active):hover::after { width: 72% !important; background: rgba(255,255,255,.90) !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; font-weight: 700 !important; } } /* ================================================== 9. HOME 버튼 ================================================== */ #doha-home-btn { background: #ffffff !important; transform: none !important; box-shadow: none !important; } #doha-home-btn::after { display: none !important; } /* ================================================== 10. ★ MOBILE ================================================== */ @media (max-width: 767px) { /* ---------------------------------------------- 각 메뉴 박스 3개 동일폭 ---------------------------------------------- */ .menu-box { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border-right: 1px solid #E3E8EE !important; box-shadow: none !important; transform: none !important; transition: none !important; -webkit-tap-highlight-color: transparent !important; touch-action: manipulation !important; } /* 마지막 메뉴 우측선 제거 */ .menu-box:last-child { border-right: none !important; } /* ---------------------------------------------- 내부 전체 폭 ---------------------------------------------- */ .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; min-width: 0 !important; } /* ---------------------------------------------- ★ 모바일 글자 ---------------------------------------------- */ .menu-box a, .menu-box .elementor-item { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-width: 0 !important; padding: 0 6px !important; color: #344354 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.45px !important; text-align: center !important; white-space: nowrap !important; word-break: keep-all !important; overflow: hidden !important; text-overflow: clip !important; transform: none !important; transition: none !important; opacity: 1 !important; } /* ---------------------------------------------- 모바일 기본 하단선 숨김 ---------------------------------------------- */ .menu-box::after { height: 3px !important; width: 0 !important; opacity: 0 !important; transition: none !important; } /* ---------------------------------------------- ★ Active ---------------------------------------------- */ .menu-box:has(.current-menu-item), .menu-box:has(.current_page_item), .menu-box:has(a.elementor-item-active) { background: #F2F6FB !important; } .menu-box .current-menu-item a, .menu-box .current_page_item a, .menu-box a.elementor-item-active { color: #0B2E59 !important; font-weight: 700 !important; } .menu-box:has(.current-menu-item)::after, .menu-box:has(.current_page_item)::after, .menu-box:has(a.elementor-item-active)::after { width: 100% !important; opacity: 1 !important; background: #0B2E59 !important; } /* ---------------------------------------------- 모바일 Hover 제거 ---------------------------------------------- */ .menu-box:not(#doha-home-btn):hover { background: #ffffff !important; transform: none !important; box-shadow: none !important; } .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: #344354 !important; fill: #344354 !important; transform: none !important; } /* ---------------------------------------------- Active 메뉴는 Hover 시에도 유지 ---------------------------------------------- */ .menu-box:has(.current-menu-item):hover, .menu-box:has(.current_page_item):hover, .menu-box:has(a.elementor-item-active):hover { background: #F2F6FB !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: #0B2E59 !important; font-weight: 700 !important; } /* ---------------------------------------------- 터치 순간 피드백 ---------------------------------------------- */ .menu-box:not(#doha-home-btn):active { background: #F6F8FB !important; } } /* ================================================== 11. 작은 모바일 ================================================== */ @media (max-width: 390px) { .menu-box { height: 50px !important; min-height: 50px !important; } .menu-box a, .menu-box .elementor-item { padding: 0 4px !important; font-size: 12px !important; letter-spacing: -0.55px !important; } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f8a6ab1 *//* ================================================== 재경김해고 동문행사 안내 POSTS 3-COLUMN PREMIUM CARD FINAL VERSION - 4:3 Image - Soft Hover - Image Center Fix - 3 Line Excerpt Ellipsis ================================================== */ /* ================================================== 1. 전체 GRID 간격 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-posts-container { column-gap: 24px !important; row-gap: 32px !important; } /* ================================================== 2. 카드 기본 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post { position: relative !important; background: #ffffff !important; border: 1px solid #E1E7EE !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 3px 12px rgba(11, 46, 89, 0.05) !important; transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important; } /* ================================================== 3. 이미지 영역 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail__link { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; overflow: hidden !important; border-radius: 12px 12px 0 0 !important; } /* 800×600 = 4:3 */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail { position: relative !important; width: 100% !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: #f2f4f7 !important; } /* ================================================== 4. 이미지 Elementor 중앙정렬 방식 보존 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail img { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; /* 중앙보다 아주 살짝 위 */ object-position: center 45% !important; display: block !important; transform: translate(-50%, -50%) scale(1) !important; transform-origin: center center !important; transition: transform .35s ease, filter .35s ease !important; } /* ================================================== 5. 이미지 네이비 오버레이 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail__link::after { content: ""; position: absolute; inset: 0; z-index: 2; background: rgba(11, 46, 89, 0.08) !important; opacity: 0 !important; pointer-events: none; transition: opacity .30s ease !important; } /* ================================================== 6. 텍스트 영역 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__text { padding: 20px 20px 22px !important; } /* ================================================== 7. 제목 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__title { margin: 0 0 10px !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: -0.45px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__title a { color: #15263B !important; text-decoration: none !important; transition: color .25s ease !important; } /* ================================================== 8. META ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__meta-data { margin: 0 0 10px !important; color: #8B96A3 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.4 !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__meta-data *, .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__meta-data a { color: #8B96A3 !important; } /* ================================================== 9. EXCERPT 3줄 이후 자동 ... ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__excerpt { margin: 0 0 17px !important; color: #66717F !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; letter-spacing: -0.15px !important; overflow: hidden !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__excerpt p { margin: 0 !important; color: #66717F !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; /* 3줄 말줄임 */ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ================================================== 10. READ MORE ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__read-more { position: relative !important; display: inline-flex !important; align-items: center !important; margin-top: 1px !important; color: #0B2E59 !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; transition: color .25s ease, transform .25s ease !important; } /* 화살표 */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__read-more::after { content: "→"; margin-left: 6px; font-size: 15px; transition: transform .25s ease; } /* ================================================== 11. CARD HOVER ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover { transform: translateY(-5px) !important; border-color: #0B2E59 !important; box-shadow: 0 13px 27px rgba(11, 46, 89, 0.12) !important; } /* ================================================== 이미지 Hover ★ 중앙 위치 유지하면서 아주 약하게 확대 ================================================== */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1.018) !important; filter: brightness(0.985) !important; } /* 네이비 효과도 약하게 */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__thumbnail__link::after { opacity: 1 !important; } /* 제목 */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__title a { color: #0B2E59 !important; } /* 자세히 보기 */ .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__read-more { color: #174A7E !important; transform: translateX(2px) !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__read-more::after { transform: translateX(4px) !important; } /* ================================================== 12. TABLET ================================================== */ @media (max-width: 1024px) { .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-posts-container { column-gap: 20px !important; row-gap: 26px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__text { padding: 18px 17px 20px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__title { font-size: 17px !important; } } /* ================================================== 13. MOBILE ================================================== */ @media (max-width: 767px) { .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-posts-container { column-gap: 0 !important; row-gap: 22px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post { border-radius: 10px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__thumbnail__link { border-radius: 10px 10px 0 0 !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover { transform: none !important; box-shadow: 0 8px 20px rgba(11,46,89,.09) !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1) !important; filter: none !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post:hover .elementor-post__thumbnail__link::after { opacity: 0 !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__text { padding: 17px 16px 19px !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__title { font-size: 17px !important; line-height: 1.4 !important; } .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__excerpt, .elementor-631 .elementor-element.elementor-element-f8a6ab1 .elementor-post__excerpt p { font-size: 13.5px !important; line-height: 1.65 !important; } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-99a2f02 *//* ================================================== 재경김해고 동문행사 안내 POSTS 3-COLUMN PREMIUM CARD FINAL VERSION - 4:3 Image - Soft Hover - Image Center Fix - 3 Line Excerpt Ellipsis ================================================== */ /* ================================================== 1. 전체 GRID 간격 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-posts-container { column-gap: 24px !important; row-gap: 32px !important; } /* ================================================== 2. 카드 기본 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post { position: relative !important; background: #ffffff !important; border: 1px solid #E1E7EE !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 3px 12px rgba(11, 46, 89, 0.05) !important; transition: transform .30s ease, box-shadow .30s ease, border-color .30s ease !important; } /* ================================================== 3. 이미지 영역 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail__link { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; overflow: hidden !important; border-radius: 12px 12px 0 0 !important; } /* 800×600 = 4:3 */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail { position: relative !important; width: 100% !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: #f2f4f7 !important; } /* ================================================== 4. 이미지 Elementor 중앙정렬 방식 보존 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail img { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; /* 중앙보다 아주 살짝 위 */ object-position: center 45% !important; display: block !important; transform: translate(-50%, -50%) scale(1) !important; transform-origin: center center !important; transition: transform .35s ease, filter .35s ease !important; } /* ================================================== 5. 이미지 네이비 오버레이 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail__link::after { content: ""; position: absolute; inset: 0; z-index: 2; background: rgba(11, 46, 89, 0.08) !important; opacity: 0 !important; pointer-events: none; transition: opacity .30s ease !important; } /* ================================================== 6. 텍스트 영역 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__text { padding: 20px 20px 22px !important; } /* ================================================== 7. 제목 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__title { margin: 0 0 10px !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: -0.45px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__title a { color: #15263B !important; text-decoration: none !important; transition: color .25s ease !important; } /* ================================================== 8. META ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__meta-data { margin: 0 0 10px !important; color: #8B96A3 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.4 !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__meta-data *, .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__meta-data a { color: #8B96A3 !important; } /* ================================================== 9. EXCERPT 3줄 이후 자동 ... ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__excerpt { margin: 0 0 17px !important; color: #66717F !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; letter-spacing: -0.15px !important; overflow: hidden !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__excerpt p { margin: 0 !important; color: #66717F !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; /* 3줄 말줄임 */ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ================================================== 10. READ MORE ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__read-more { position: relative !important; display: inline-flex !important; align-items: center !important; margin-top: 1px !important; color: #0B2E59 !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; transition: color .25s ease, transform .25s ease !important; } /* 화살표 */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__read-more::after { content: "→"; margin-left: 6px; font-size: 15px; transition: transform .25s ease; } /* ================================================== 11. CARD HOVER ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover { transform: translateY(-5px) !important; border-color: #0B2E59 !important; box-shadow: 0 13px 27px rgba(11, 46, 89, 0.12) !important; } /* ================================================== 이미지 Hover ★ 중앙 위치 유지하면서 아주 약하게 확대 ================================================== */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1.018) !important; filter: brightness(0.985) !important; } /* 네이비 효과도 약하게 */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__thumbnail__link::after { opacity: 1 !important; } /* 제목 */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__title a { color: #0B2E59 !important; } /* 자세히 보기 */ .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__read-more { color: #174A7E !important; transform: translateX(2px) !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__read-more::after { transform: translateX(4px) !important; } /* ================================================== 12. TABLET ================================================== */ @media (max-width: 1024px) { .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-posts-container { column-gap: 20px !important; row-gap: 26px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__text { padding: 18px 17px 20px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__title { font-size: 17px !important; } } /* ================================================== 13. MOBILE ================================================== */ @media (max-width: 767px) { .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-posts-container { column-gap: 0 !important; row-gap: 22px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post { border-radius: 10px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__thumbnail__link { border-radius: 10px 10px 0 0 !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover { transform: none !important; box-shadow: 0 8px 20px rgba(11,46,89,.09) !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1) !important; filter: none !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post:hover .elementor-post__thumbnail__link::after { opacity: 0 !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__text { padding: 17px 16px 19px !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__title { font-size: 17px !important; line-height: 1.4 !important; } .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__excerpt, .elementor-631 .elementor-element.elementor-element-99a2f02 .elementor-post__excerpt p { font-size: 13.5px !important; line-height: 1.65 !important; } }/* End custom CSS */