.elementor-721 .elementor-element.elementor-element-7862d27{--display:flex;--min-height:380px;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.8;--padding-top:6rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-721 .elementor-element.elementor-element-7862d27:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sayho.roipage.com/wp-content/uploads/2026/08/container-ship-cargo-loading-and-unloading-in-sea-2025-01-09-00-31-27-utc-scaled.webp");background-position:30% 37%;background-repeat:no-repeat;background-size:cover;}.elementor-721 .elementor-element.elementor-element-7862d27::before, .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-7862d27 > .e-con-inner > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-7862d27 > .e-con-inner > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.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-721 .elementor-element.elementor-element-6eae7ed{margin:6rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-721 .elementor-element.elementor-element-6eae7ed .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:2.6rem;font-weight:700;line-height:1.4em;color:var( --e-global-color-4006b53 );}.elementor-721 .elementor-element.elementor-element-c5ef02a{--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;--padding-top:7rem;--padding-bottom:7rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-721 .elementor-element.elementor-element-7862d27:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}@media(max-width:767px){.elementor-721 .elementor-element.elementor-element-7862d27{--min-height:300px;}.elementor-721 .elementor-element.elementor-element-7862d27:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-7862d27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 0%;}.elementor-721 .elementor-element.elementor-element-6eae7ed{margin:4rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-721 .elementor-element.elementor-element-6eae7ed .elementor-heading-title{font-size:1.6rem;}.elementor-721 .elementor-element.elementor-element-c5ef02a{--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}}/* Start custom CSS for container, class: .elementor-element-c5ef02a */.kboard-default-poweredby {
  display: none !important;
}

.elementor-721 .elementor-element.elementor-element-c5ef02a .privacy-agree-field .description {
    margin-top: 6px;
}



/* ==================================================
   KBoard 무역 칼럼 - 포인트 컬러 통합 설정
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a {

    /* ==============================================
       페이지 번호
    ============================================== */

    --kboard-page-bg: #041C55;          /* 현재 페이지 배경 */
    --kboard-page-active-text: #FDFDFD; /* 현재 페이지 숫자 */

    --kboard-page-text: #121212;        /* 일반 페이지 숫자 */
    --kboard-page-border: #041C55;      /* 일반 페이지 테두리 */
    --kboard-page-normal-bg: #FFFFFF;   /* 일반 페이지 배경 */

    --kboard-page-hover: #041C55;       /* 일반 페이지 Hover 배경 */
    --kboard-page-hover-text: #FDFDFD;  /* 일반 페이지 Hover 숫자 */


    /* ==============================================
       KBoard 버튼
       검색 / 글쓰기 / 돌아가기 / 저장하기
       목록보기 / 글수정 / 글삭제 등
    ============================================== */

    --kboard-button-bg: #041C55;         /* 버튼 기본 배경 */
    --kboard-button-hover: #0E1D40;      /* 버튼 Hover 배경 */

    --kboard-button-border: #041C55;     /* 버튼 기본 테두리 */
    --kboard-button-hover-border: #0E1D40; /* 버튼 Hover 테두리 */

    --kboard-button-text: #FDFDFD;       /* 버튼 기본 글자 */
    --kboard-button-hover-text: #FDFDFD; /* 버튼 Hover 글자 */


    /* ==============================================
       전환 속도
    ============================================== */

    --kboard-transition: 0.25s;
}



/* ==================================================
   1. 일반 페이지 번호
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a #kboard-default-list
.kboard-pagination
.kboard-pagination-pages
li:not(.active) a {

    background-color: var(--kboard-page-normal-bg) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--kboard-page-border) !important;

    color: var(--kboard-page-text) !important;

    transition:
        background-color var(--kboard-transition) ease,
        border-color var(--kboard-transition) ease,
        color var(--kboard-transition) ease;
}



/* ==================================================
   2. 일반 페이지 번호 - Hover
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a #kboard-default-list
.kboard-pagination
.kboard-pagination-pages
li:not(.active) a:hover {

    background-color: var(--kboard-page-hover) !important;
    border-color: var(--kboard-page-hover) !important;
    color: var(--kboard-page-hover-text) !important;
}



/* ==================================================
   3. 현재 페이지 번호
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a #kboard-default-list
.kboard-pagination
.kboard-pagination-pages
li.active a {

    background-color: var(--kboard-page-bg) !important;

    border-width: 1px;
    border-style: solid;
    border-color: var(--kboard-page-bg) !important;

    color: var(--kboard-page-active-text) !important;
}



/* ==================================================
   4. KBoard 모든 Small 버튼 - 기본

   적용되는 버튼 예:
   검색 / 글쓰기
   돌아가기 / 저장하기
   목록보기
   글수정 / 글삭제
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a .kboard-default-button-small {

    background-color: var(--kboard-button-bg) !important;
    border-color: var(--kboard-button-border) !important;
    color: var(--kboard-button-text) !important;

    transition:
        background-color var(--kboard-transition) ease,
        border-color var(--kboard-transition) ease,
        color var(--kboard-transition) ease;
}



/* ==================================================
   5. KBoard 모든 Small 버튼 - Hover
================================================== */

.elementor-721 .elementor-element.elementor-element-c5ef02a .kboard-default-button-small:hover {

    background-color: var(--kboard-button-hover) !important;
    border-color: var(--kboard-button-hover-border) !important;
    color: var(--kboard-button-hover-text) !important;
}/* 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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	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: auto;
	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: auto;
	src: url('https://sayho.roipage.com/wp-content/uploads/2026/01/Pretendard-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */