.elementor-23 .elementor-element.elementor-element-5c24e6d{--display:flex;--min-height:80px;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0.2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0.2px;--border-left-width:0px;border-color:#ECECEC26;--border-color:#ECECEC26;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:15;}.elementor-23 .elementor-element.elementor-element-5c24e6d:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-5c24e6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-a6b6370{--display:flex;--position:fixed;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4006b53 );--border-color:var( --e-global-color-4006b53 );--border-radius:10px 0px 0px 10px;box-shadow:5px 5px 55px -10px rgba(112.19999999999999, 112.19999999999999, 112.19999999999999, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;top:28%;--z-index:500;}.elementor-23 .elementor-element.elementor-element-a6b6370:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-a6b6370 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-a6b6370:hover{--border-radius:10px 0px 0px 10px;--border-top-left-radius:10px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:10px;}.elementor-23 .elementor-element.elementor-element-a6b6370, .elementor-23 .elementor-element.elementor-element-a6b6370::before{--border-transition:0.3s;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-a6b6370{right:0px;}body.rtl .elementor-23 .elementor-element.elementor-element-a6b6370{left:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-23 .elementor-element.elementor-element-f7628bb:hover{background-color:#112961;}.elementor-23 .elementor-element.elementor-element-f7628bb{padding:1rem 1rem 1rem 1rem;}.elementor-23 .elementor-element.elementor-element-f7628bb .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-23 .elementor-element.elementor-element-f7628bb .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-f7628bb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-f7628bb.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-f7628bb.elementor-view-default .elementor-icon{fill:var( --e-global-color-4006b53 );color:var( --e-global-color-4006b53 );border-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-f7628bb .elementor-icon{font-size:20px;}.elementor-23 .elementor-element.elementor-element-f7628bb .elementor-icon-box-title, .elementor-23 .elementor-element.elementor-element-f7628bb .elementor-icon-box-title a{font-family:"pretendard", Sans-serif;font-size:0.8rem;font-weight:500;line-height:1.4em;}.elementor-23 .elementor-element.elementor-element-f7628bb:has(:hover) .elementor-icon-box-title,
					 .elementor-23 .elementor-element.elementor-element-f7628bb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-a519942:hover{background-color:#112961;}.elementor-23 .elementor-element.elementor-element-a519942{padding:1rem 1rem 1rem 1rem;}.elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-a519942.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-a519942.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-a519942.elementor-view-default .elementor-icon{fill:var( --e-global-color-4006b53 );color:var( --e-global-color-4006b53 );border-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon{font-size:25px;}.elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon-box-title, .elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon-box-title a{font-family:"pretendard", Sans-serif;font-size:0.8rem;font-weight:500;line-height:1.4em;}.elementor-23 .elementor-element.elementor-element-a519942:has(:hover) .elementor-icon-box-title,
					 .elementor-23 .elementor-element.elementor-element-a519942:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-a519942 .elementor-icon-box-description{font-family:"pretendard", Sans-serif;font-size:0.8rem;font-weight:400;line-height:1.4em;color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-89e6da8:hover{background-color:#112961;}.elementor-23 .elementor-element.elementor-element-89e6da8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1rem 1rem 1rem 1rem;}.elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-89e6da8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-89e6da8.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-89e6da8.elementor-view-default .elementor-icon{fill:var( --e-global-color-4006b53 );color:var( --e-global-color-4006b53 );border-color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon{font-size:27px;}.elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon-box-title, .elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon-box-title a{font-family:"pretendard", Sans-serif;font-size:0.8rem;font-weight:500;line-height:1.4em;}.elementor-23 .elementor-element.elementor-element-89e6da8:has(:hover) .elementor-icon-box-title,
					 .elementor-23 .elementor-element.elementor-element-89e6da8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-89e6da8 .elementor-icon-box-description{font-family:"pretendard", Sans-serif;font-size:0.8rem;font-weight:400;line-height:1.4em;color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-568dfd4d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-23 .elementor-element.elementor-element-568dfd4d.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-23 .elementor-element.elementor-element-0d9b662{width:100%;max-width:100%;padding:0rem 0rem 0rem 0rem;z-index:100;text-align:center;}.elementor-23 .elementor-element.elementor-element-0d9b662 img{width:100%;}.elementor-23 .elementor-element.elementor-element-6fb4fc80{width:100%;max-width:100%;padding:0rem 0rem 0rem 0rem;z-index:100;text-align:center;}.elementor-23 .elementor-element.elementor-element-6fb4fc80 img{width:100%;}.elementor-23 .elementor-element.elementor-element-32883b3c{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-23 .elementor-element.elementor-element-dd3d0bc{background-color:#02010100;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu .elementor-item{font-family:"pretendard", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-4006b53 );fill:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-4006b53 );fill:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a, .elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown{background-color:#FDFDFD;border-radius:5px 5px 5px 5px;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a:hover,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a:focus,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a.highlighted,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-menu-toggle:hover,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a:hover,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a:focus,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a.highlighted{background-color:#FDFDFDF7;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a.elementor-item-active{color:#121212;background-color:#FDFDFD;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"pretendard", Sans-serif;font-size:1.1rem;font-weight:500;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown a{padding-left:45px;padding-right:45px;padding-top:20px;padding-bottom:20px;}.elementor-23 .elementor-element.elementor-element-dd3d0bc div.elementor-menu-toggle{color:var( --e-global-color-4006b53 );}.elementor-23 .elementor-element.elementor-element-dd3d0bc div.elementor-menu-toggle svg{fill:var( --e-global-color-4006b53 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-5c24e6d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:5%;--padding-right:5%;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-5c24e6d{--content-width:80rem;}.elementor-23 .elementor-element.elementor-element-a6b6370{--width:5%;}.elementor-23 .elementor-element.elementor-element-568dfd4d{--width:15%;}.elementor-23 .elementor-element.elementor-element-32883b3c{--width:50%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-5c24e6d{--justify-content:flex-end;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:-92px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:5%;--padding-right:5%;}.elementor-23 .elementor-element.elementor-element-a6b6370{--width:100%;--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;--border-radius:10px 10px 0px 0px;top:89%;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu .elementor-item{font-size:1.2rem;}.elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-dd3d0bc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1.2rem;}}/* Start custom CSS for container, class: .elementor-element-5c24e6d *//* ==================================================
   투명 헤더 → 스크롤 시 흰색 헤더
================================================== */


/* =========================
   1. 로고 전환
========================= */

/* 스크롤 전: 다크 로고 숨김 */
.d-logo {
    display: none;
}

/* 스크롤 후: 다크 로고 표시 */
.elementor-sticky--effects .d-logo {
    display: inline-block;
}

/* 스크롤 후: 라이트 로고 숨김 */
.elementor-sticky--effects .l-logo {
    display: none;
}


/* =========================
   2. 스크롤 후 헤더 배경
========================= */

.elementor-sticky--effects {
    background-color: #ffffff !important;

    transition:
        background-color 0.5s ease,
        box-shadow 0.5s ease;
}


/* =========================
   3. 스크롤 후 모든 메뉴 글자
========================= */

.elementor-sticky--effects a.elementor-item {
    color: #121212 !important;
    transition: color 0.5s ease;
}


/* =========================
   4. 일반 메뉴
========================= */

.elementor-sticky--effects
.elementor-nav-menu--main
a.elementor-item {
    color: #121212 !important;
}


/* =========================
   5. 현재 메뉴 Active
========================= */

.elementor-sticky--effects
a.elementor-item.elementor-item-active {
    color: #121212 !important;
}


/* =========================
   6. Hover
========================= */

.elementor-sticky--effects
a.elementor-item:hover {
    color: #121212 !important;
}


/* =========================
   7. 서브메뉴가 있는 메뉴
========================= */

.elementor-sticky--effects
a.elementor-item.has-submenu {
    color: #121212 !important;
}


/* =========================
   8. 서브메뉴 화살표
========================= */

.elementor-sticky--effects .sub-arrow {
    color: #121212 !important;
}

.elementor-sticky--effects .sub-arrow svg {
    fill: #121212 !important;
    color: #121212 !important;
}


/* =========================
   9. 메뉴 밑줄 / 포인터
========================= */

.elementor-sticky--effects
a.elementor-item::after {
    background-color: #121212 !important;
}


/* =========================
   10. 모바일 햄버거
========================= */

.elementor-sticky--effects
.elementor-menu-toggle {
    color: #121212 !important;
    background-color: transparent !important;
}

.elementor-sticky--effects
.elementor-menu-toggle i {
    color: #121212 !important;
}

.elementor-sticky--effects
.elementor-menu-toggle svg {
    fill: #121212 !important;
    color: #121212 !important;
}


/* 기본 상태: 그림자 없음 */
.elementor-sticky--effects {
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}

/* 스크롤 후: 헤더 하단에 은은한 그림자 */
.elementor-sticky--effects {
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.08);
}/* End custom CSS */
/* Element Pack Custom Font: pretendard */
@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/01/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/01/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/01/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/07/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/07/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: "pretendard";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/07/Pretendard-Light.woff2') format('woff2');
}


/* End Element Pack Custom Font */