:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #fff
}
:root {
    --ck-table-properties-error-arrow-size: 6px;
    --ck-table-properties-min-error-width: 150px
}
:root {
    --ck-border-radius: 2px;
    --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
    --ck-spacing-unit: .6em;
    --ck-spacing-large: calc(var(--ck-spacing-unit)*1.5);
    --ck-spacing-standard: var(--ck-spacing-unit);
    --ck-spacing-medium: calc(var(--ck-spacing-unit)*.8);
    --ck-spacing-small: calc(var(--ck-spacing-unit)*.5);
    --ck-spacing-tiny: calc(var(--ck-spacing-unit)*.3);
    --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit)*.16)
}

:root {
    --ck-color-base-foreground: #fafafa;
    --ck-color-base-background: #fff;
    --ck-color-base-border: #ccced1;
    --ck-color-base-action: #53a336;
    --ck-color-base-focus: #6cb5f9;
    --ck-color-base-text: #333;
    --ck-color-base-active: #2977ff;
    --ck-color-base-active-focus: #0d65ff;
    --ck-color-base-error: #db3700;
    --ck-color-focus-border-coordinates: 218,81.8%,56.9%;
    --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
    --ck-color-focus-outer-shadow: #cae1fc;
    --ck-color-focus-disabled-shadow: rgba(119,186,248,.3);
    --ck-color-focus-error-shadow: rgba(255,64,31,.3);
    --ck-color-text: var(--ck-color-base-text);
    --ck-color-shadow-drop: rgba(0,0,0,.15);
    --ck-color-shadow-drop-active: rgba(0,0,0,.2);
    --ck-color-shadow-inner: rgba(0,0,0,.1);
    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: #f0f0f0;
    --ck-color-button-default-active-background: #f0f0f0;
    --ck-color-button-default-disabled-background: transparent;
    --ck-color-button-on-background: #f0f7ff;
    --ck-color-button-on-hover-background: #dbecff;
    --ck-color-button-on-active-background: #dbecff;
    --ck-color-button-on-disabled-background: #f0f2f4;
    --ck-color-button-on-color: #2977ff;
    --ck-color-button-action-background: var(--ck-color-base-action);
    --ck-color-button-action-hover-background: #4d9d30;
    --ck-color-button-action-active-background: #4d9d30;
    --ck-color-button-action-disabled-background: #7ec365;
    --ck-color-button-action-text: var(--ck-color-base-background);
    --ck-color-button-save: #008a00;
    --ck-color-button-cancel: #db3700;
    --ck-color-switch-button-off-background: #939393;
    --ck-color-switch-button-off-hover-background: #7d7d7d;
    --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
    --ck-color-switch-button-on-hover-background: #4d9d30;
    --ck-color-switch-button-inner-background: var(--ck-color-base-background);
    --ck-color-switch-button-inner-shadow: rgba(0,0,0,.1);
    --ck-color-dropdown-panel-background: var(--ck-color-base-background);
    --ck-color-dropdown-panel-border: var(--ck-color-base-border);
    --ck-color-input-background: var(--ck-color-base-background);
    --ck-color-input-border: var(--ck-color-base-border);
    --ck-color-input-error-border: var(--ck-color-base-error);
    --ck-color-input-text: var(--ck-color-base-text);
    --ck-color-input-disabled-background: #f2f2f2;
    --ck-color-input-disabled-border: var(--ck-color-base-border);
    --ck-color-input-disabled-text: #757575;
    --ck-color-list-background: var(--ck-color-base-background);
    --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
    --ck-color-list-button-on-background: var(--ck-color-button-on-color);
    --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
    --ck-color-list-button-on-text: var(--ck-color-base-background);
    --ck-color-panel-background: var(--ck-color-base-background);
    --ck-color-panel-border: var(--ck-color-base-border);
    --ck-color-toolbar-background: var(--ck-color-base-background);
    --ck-color-toolbar-border: var(--ck-color-base-border);
    --ck-color-tooltip-background: var(--ck-color-base-text);
    --ck-color-tooltip-text: var(--ck-color-base-background);
    --ck-color-engine-placeholder-text: #707070;
    --ck-color-upload-bar-background: #6cb5f9;
    --ck-color-link-default: #0000f0;
    --ck-color-link-selected-background: rgba(31,176,255,.1);
    --ck-color-link-fake-selection: rgba(31,176,255,.3);
    --ck-color-highlight-background: #ff0;
    --ck-color-light-red: #fcc;
    --ck-disabled-opacity: .5;
    --ck-focus-outer-shadow-geometry: 0 0 0 3px;
    --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
    --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
    --ck-font-size-base: 13px;
    --ck-line-height-base: 1.84615;
    --ck-font-face: Helvetica,Arial,Tahoma,Verdana,Sans-Serif;
    --ck-font-size-tiny: .7em;
    --ck-font-size-small: .75em;
    --ck-font-size-normal: 1em;
    --ck-font-size-big: 1.4em;
    --ck-font-size-large: 1.8em;
    --ck-ui-component-min-height: 2.3em
}
:root {
    --vc-icn-width: 100%
}
:root {
    --ck-icon-size: calc(var(--ck-line-height-base)*var(--ck-font-size-normal))
}
:root {
    --ck-collapsible-arrow-size: calc(var(--ck-icon-size)*.5)
}
:root {
    --ck-color-grid-tile-size: 24px;
    --ck-color-color-grid-check-icon: #166fd4
}
:root {
    --ck-input-width: 18em;
    --ck-input-text-width: var(--ck-input-width)
}
:root {
    --ck-dropdown-arrow-size: calc(var(--ck-icon-size)*.5)
}
:root {
    --ck-color-split-button-hover-background: #ebebeb;
    --ck-color-split-button-hover-border: #b3b3b3
}
:root {
    --ck-form-header-height: 44px
}
:root {
    --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3)
}
:root {
    --ck-color-editable-blur-selection: #d9d9d9
}
:root {
    --ck-balloon-fake-panel-offset-horizontal: 6px;
    --ck-balloon-fake-panel-offset-vertical: 6px
}
:root {
    --ck-toolbar-spinner-size: 18px
}
:root {
    --ck-image-processing-highlight-color: #f9fafa;
    --ck-image-processing-background-color: #e3e5e8
}
:root {
    --ck-clipboard-drop-target-dot-width: 12px;
    --ck-clipboard-drop-target-dot-height: 8px;
    --ck-clipboard-drop-target-color: var(--ck-color-focus-border)
}

:root {
    --ck-widget-type-around-button-size: 20px;
    --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
    --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
    --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
    --ck-color-widget-type-around-button-radar-start-alpha: 0;
    --ck-color-widget-type-around-button-radar-end-alpha: .3;
    --ck-color-widget-type-around-button-icon: var(--ck-color-base-background)
}
:root {
    --ck-widget-outline-thickness: 3px;
    --ck-widget-handler-icon-size: 16px;
    --ck-widget-handler-animation-duration: .2s;
    --ck-widget-handler-animation-curve: ease;
    --ck-color-widget-blurred-border: #dedede;
    --ck-color-widget-hover-border: #ffc83d;
    --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
    --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background)
}

.bg{background-size: cover; background-repeat: no-repeat; background-position: center;}
.ta-center{text-align: center;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt160{margin-top: 160px;}
.mt180{margin-top: 180px;}
.mt200{margin-top: 200px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}


.carousel,.carousel * {
    box-sizing: border-box
}



.carousel {
    height: var(--vc-carousel-height);
    overscroll-behavior: none;
    position: relative;
    touch-action: pan-x pan-y pinch-zoom;
    z-index: 1
}

.carousel.is-dragging {
    touch-action: none
}

.carousel-track {
    display: flex;
    gap: var(--vc-slide-gap);
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: transform ease-out;
    transition-duration: 1s;
    width: 100%
}

.carousel-viewport {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.carousel-sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.carousel.is-rtl {
    direction: rtl
}

.carousel.is-ttb .carousel-track {
    flex-direction: column
}

.carousel.is-btt .carousel-track {
    flex-direction: column-reverse
}

.carousel.is-vertical .carousel-slide--clone:first-child {
    margin-block-start:var(--vc-cloned-offset)
}

.carousel:not(.is-vertical) .carousel-slide--clone:first-child {
    margin-inline-start:var(--vc-cloned-offset)
}

.carousel.is-effect-fade .carousel-track {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    transition: none
}

.carousel.is-effect-fade .carousel-slide {
    grid-area: 1/1;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-in-out;
    transition-duration: var(-50%);
    width: 100%
}

.carousel.is-effect-fade .carousel-slide--active {
    opacity: 1;
    pointer-events: auto
}



.carousel-icon {
    fill: currentColor;
    height: var(--vc-icn-width);
    width: var(--vc-icn-width)
}

:root {
    --vc-nav-background: transparent;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-height: 30px;
    --vc-nav-width: 30px
}

.carousel-next,.carousel-prev {
    align-items: center;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: var(--vc-nav-border-radius);
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-nav-height);
    height: var(--vc-nav-height);
    inset-block-start: 50%;
    justify-content: center;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
    width: var(--vc-nav-width)
}

.carousel-next--disabled,.carousel-prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel-next {
    inset-inline-end: 0
}

.carousel-prev {
    inset-inline-start: 0
}

.carousel.is-vertical .carousel-next,.carousel.is-vertical .carousel-prev {
    inset-block-start: auto;
    inset-inline: auto 50%;
    transform: translate(50%)
}

.carousel.is-vertical.is-ttb .carousel-next {
    inset-block-end: 0
}

.carousel.is-vertical.is-ttb .carousel-prev,.carousel.is-vertical.is-btt .carousel-next {
    inset-block-start: 0
}

.carousel.is-vertical.is-btt .carousel-prev {
    inset-block-end: 0
}

@media (hover: hover) {
    .carousel-next:hover,.carousel-prev:hover {
        color:var(--vc-nav-color-hover)
    }
}

:root {
    --vc-pgn-active-color: var(--vc-clr-primary);
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-border-radius: 0;
    --vc-pgn-gap: 6px;
    --vc-pgn-height: 4px;
    --vc-png-bottom: 10px;
    --vc-png-left: auto;
    --vc-png-right: 10px;
    --vc-pgn-width: 16px
}

.carousel-pagination {
    bottom: var(--vc-png-bottom);
    display: flex;
    gap: var(--vc-pgn-gap);
    justify-content: center;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translate(-50%)
}

.carousel-pagination-button {
    background-color: var(--vc-pgn-background-color);
    border: 0;
    border-radius: var(--vc-pgn-border-radius);
    cursor: pointer;
    display: block;
    height: var(--vc-pgn-height);
    margin: 0;
    padding: 0;
    width: var(--vc-pgn-width)
}

.carousel-pagination-button--active {
    background-color: var(--vc-pgn-active-color)
}

@media (hover: hover) {
    .carousel-pagination-button:hover {
        background-color:var(--vc-pgn-active-color)
    }
}

.carousel.is-vertical .carousel-pagination {
    bottom: 50%;
    flex-direction: column;
    left: var(--vc-png-left);
    right: var(--vc-png-right);
    transform: translateY(50%)
}

.carousel.is-vertical .carousel-pagination-button {
    height: var(--vc-pgn-width);
    width: var(--vc-pgn-height)
}

.carousel.is-btt .carousel-pagination {
    flex-direction: column-reverse
}

.carousel-slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    transform: translateZ(0)
}
@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
                     border: 0;
                     margin: 0;
                     padding: 0
                 }

body {
    line-height: 1.2
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    outline: none
}

a,a:active,a:hover {
    color: #000;
    text-decoration: none
}

button,input,select,textarea {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    font-size: 1em;
    margin: 0;
    padding: 0
}

button {
    -webkit-appearance: none;
    background: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

input:-webkit-autofill {
    background-color: transparent!important;
    -webkit-box-shadow: inset 0 0 0 1000px #fff!important;
    color: inherit!important
}

body {
    box-sizing: border-box;
    color: #111;
    font-family: Pretendard,sans-serif;
    font-size: 18px;
    font-weight: 400;
    overflow-x: hidden;
    width: 100%
}

.custom_scroll::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 3px;
    height: 4px;
    width: 4px
}

.custom_scroll::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg,#3b3b3b,#414141)
}

.custom_scroll::-webkit-scrollbar-track {
    background: none;
    box-shadow: unset
}

.upper {
    text-transform: uppercase
}

.txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 100;
    src: url(/css/fonts/Pretendard-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 200;
    src: url(/css/fonts/Pretendard-ExtraLight.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 300;
    src: url(/css/fonts/Pretendard-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 400;
    src: url(/css/fonts/Pretendard-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 500;
    src: url(/css/fonts/Pretendard-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 600;
    src: url(/css/fonts/Pretendard-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 700;
    src: url(/css/fonts/Pretendard-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 800;
    src: url(/css/fonts/Pretendard-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-style: normal;
    font-weight: 900;
    src: url(/css/fonts/Pretendard-Black.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: EliceDX;
    font-style: normal;
    font-weight: 700;
    src: url(/css/fonts/EliceDXNeolliOTF-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: EliceDX;
    font-style: normal;
    font-weight: 500;
    src: url(/css/fonts/EliceDXNeolliOTF-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: EliceDX;
    font-style: normal;
    font-weight: 300;
    src: url(/css/fonts/EliceDXNeolliOTF-Light.woff) format("woff")
}

.container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.container .inner {
    margin-bottom: 60px;
    padding: 0 30px
}

@media (max-width: 1799px) {
    .container {
        max-width:1320px
    }
}

@media (max-width: 1499px) {
    .container {
        max-width:1280px
    }
}

@media (max-width: 1279px) {
    .container {
        max-width:1140px
    }
}

@media (max-width: 959px) {
    .container {
        max-width:960px
    }
}

@media (max-width: 719px) {
    .container {
        max-width:720px
    }
}

@media (max-width: 534px) {
    .container {
        max-width:540px
    }
}

.section-video {
    width: 100%
}

.main-video {
    height: 60vh;
    overflow: hidden;
    margin-top: 125px;
    position: relative;
    width: 100%;
}

@media (max-width: 534px) {
    .main-video {
        margin-top: 105px
    }
}


.main-video .overlay {
    background-color: #00000020;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.main-video .sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0;
    white-space: nowrap
}

.main-video-item {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.main-video-container {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10
}

@media (max-width: 534px) {
    .main-video-container {
        justify-content: center;
    }
}

.main-video-left {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: flex-start;
    width: max-content;
}

.main-video-left-text>h2 {
    font-family: EliceDX,sans-serifs;
    font-size: 2.25rem;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-video-left-text>h2 {
        font-size:1.75rem
    }
}

@media (max-width: 534px) {
    .main-video-left-text>h2 {
        font-size:1.25rem
    }
}

.main-video-left-text>h2 {
    font-weight: 500
}

.main-video-left-text>h2 strong {
    font-weight: 700
}

.main-video-left-text>span {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 30px
}

@media (max-width: 719px) {
    .main-video-left-text>span {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-video-left-text>span {
        font-size:.75rem
    }
}

.main-video-left-text>p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 30px;
    word-break: keep-all
}

@media (max-width: 719px) {
    .main-video-left-text>p {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .main-video-left-text>p {
        font-size:1rem
    }
}

.main-video-left-nav {
    gap: 1px;
    justify-content: flex-start
}

.main-video-left-nav,.main-video-left-nav-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.main-video-left-nav-item {
    background-color: #003a8e99;
    font-size: 1.125rem;
    font-weight: 500;
    height: 90px;
    justify-content: center;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-video-left-nav-item {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-video-left-nav-item {
        font-size:.875rem
    }
}

.main-video-left-nav-item {
    color: #fff;
    gap: 5px
}

.main-video-left-nav-item img {
    width: 40px
}

@media (max-width: 534px) {
    .main-video-left-nav-item {
        height:70px
    }

    .main-video-left-nav-item img {
        width: 30px
    }
}

.main-video-left-nav-item:hover {
    background: linear-gradient(90deg,#2669c9,#003a8e);
    color: #fff;
    cursor: pointer
}

.main-section1-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.main-section1-text {
    text-align: center
}

.main-section1-text-main {
    margin-bottom: 40px
}

.main-section1-text-main h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-section1-text-main h1 {
        font-size:2.5rem
    }
}

@media (max-width: 534px) {
    .main-section1-text-main h1 {
        font-size:1.875rem
    }
}

.main-section1-text-main h1 strong {
    color: #003a8e
}

.main-section1-text-sub {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-section1-text-sub {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-section1-text-sub {
        font-size:.875rem
    }
}

.main-section1-carousel {
    padding: 60px 0;
    position: relative;
    width: 100%
}

.main-section1-carousel .carousel-item {
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 4px 6px #0000001a;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.main-section1-carousel .carousel-item .nuxt-img,.main-section1-carousel .carousel-item img {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.main-section1-carousel .carousel-dots {
    margin-top: 1rem;
    text-align: center
}

.main-section1-carousel .carousel-dots button {
    background-color: #ccc;
    border-radius: 50%;
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.main-section1-carousel .carousel-dots button.carousel-dot--active {
    background-color: #003a8e
}

.main-section2 {
    color: #fff;
    text-align: center
}

.main-section2-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.main-section2-video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.main-section2-text {
    margin-bottom: 40px
}

.main-section2-text h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-section2-text h1 {
        font-size:2.5rem
    }
}

@media (max-width: 534px) {
    .main-section2-text h1 {
        font-size:1.875rem
    }
}

.main-section2-text h1 strong {
    color: #003a8e
}

.main-section2-btn button {
    background-color: #003b90;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    width: 185px
}

@media (max-width: 719px) {
    .main-section2-btn button {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-section2-btn button {
        font-size:.875rem
    }
}

.main-section2-btn button {
    transition: all .3s ease-in
}

.main-section2-btn button:hover {
    background-color: #f8b62d;
    cursor: pointer
}

.main-section3-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.main-section3-text {
    text-align: center
}

.main-section3-text h1 {
    margin-bottom: 20px
}

.main-section3-carousel {
    padding: 60px 0;
    position: relative;
    width: 100%
}

.main-section3-carousel .carousel-item {
    align-items: center;
    background: #f0f0f0;
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    height: 460px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 40px;
    width: 927px
}

.main-section3-carousel .carousel-item-info {
    align-items: flex-start;
    background-color: #0006;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
    padding: 30px;
    width: 288px
}

.main-section3-carousel .carousel-item-info img {
    height: 50px;
    width: 50px
}

.main-section3-carousel .carousel-item-info-btn svg {
    font-size: 18px;
    height: 18px;
    width: 18px
}

.main-section3-carousel .carousel-item-text {
    color: #fff
}

.main-section3-carousel .carousel-item-text h1 {
    margin-bottom: 20px
}

.main-section3-carousel .carousel-item-btn {
    align-items: center;
    color: #003a8e;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
    margin-top: 20px
}

.main-section3-carousel .carousel-item-btn svg {
    background-color: #003a8e;
    border-radius: 100%;
    color: #fff;
    height: 18px;
    padding: 3px;
    width: 18px
}

.main-section4 {
    background-color: #f0f2f4;
    text-align: center
}

.main-section4-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.main-section4-text {
    margin-bottom: 40px
}

 .main-section4-text h1 {
     @include font-size(48px, 700, $tablet: 40px, $mobile: 30px);
 }
.main-section4-text h1 strong {
    color: #003a8e
}

.main-section4-text p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-section4-text p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-section4-text p {
        font-size:.875rem
    }
}

.main-section4-btn button {
    background-color: #003b90;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    width: 185px
}

@media (max-width: 719px) {
    .main-section4-btn button {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-section4-btn button {
        font-size:.875rem
    }
}

.main-section4-btn button:hover {
    background-color: #f8b62d;
    cursor: pointer
}

.page-title {
    color: #003a8e;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

.slider-indicator {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    width: 350px
}

.numbers-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.numbers-item {
    color: #ffffff80;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    transition: color .3s,font-weight .3s;
    width: auto;
    z-index: 2
}

.numbers-item:before {
    background: #ffffff4d;
    content: "";
    height: 2px;
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 0
}

.numbers-item:after {
    background: #fff;
    content: "";
    height: 2px;
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: width 5s linear;
    width: 0;
    z-index: 1
}

.numbers-item.active {
    color: #fff;
    font-weight: 600;
    width: 150px
}

.numbers-item.active:before {
    display: block;
    width: 120px
}

.numbers-item.active:after {
    background: #fff;
    width: 120px
}

.numbers-item:not(.active):after {
    transition: width .3s ease-out;
    width: 0
}

.next-btn,.prev-btn {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    line-height: 34px;
    max-height: 34px;
    max-width: 34px;
    min-height: 34px;
    min-width: 34px;
    transition: .3s ease-in
}

.next-btn svg,.prev-btn svg {
    width: 9px
}

.next-btn:hover,.prev-btn:hover {
    background-color: #fff;
    cursor: pointer
}

.main-title .line {
    background-color: #111;
    height: 2px;
    margin-bottom: 30px;
    width: 35px
}

.main-title h2 {
    font-family: EliceDX,sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-title h2 {
        font-size:2.25rem
    }
}

@media (max-width: 534px) {
    .main-title h2 {
        font-size:1.75rem
    }
}

.main-title p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 10px
}

@media (max-width: 719px) {
    .main-title p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-title p {
        font-size:.875rem
    }
}

.main-notice {
    width: 100%
}

.main-notice-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start
}

.main-notice-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.main-notice-title-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .main-notice-title-btn {
        font-size:1.0625rem
    }
}

@media (max-width: 719px) {
    .main-notice-title-btn {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .main-notice-title-btn {
        font-size:.75rem
    }
}

.main-notice-title-btn {
    background: #003b90;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 72px;
    padding: 15px;
    text-align: center;
    width: 72px
}

.main-notice-title-btn:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    color: #fff
}

@media (max-width: 959px) {
    .main-notice-title-btn {
        height:60px;
        padding: 12px;
        width: 60px
    }
}

@media (max-width: 534px) {
    .main-notice-title-btn {
        height:50px;
        padding: 10px;
        width: 50px
    }
}

.main-notice-association,.main-notice-board {
    box-sizing: border-box;
    width: 100%
}

.main-notice-board-container {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 959px) {
    .main-notice-board-container {
        flex-direction:column;
        gap: 20px
    }
}

.main-notice-activities,.main-notice-event {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    width: 100%
}

.main-notice-activities-title,.main-notice-event-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.main-notice-activities-title-icon,.main-notice-event-title-icon {
    border: 1px solid #ccd2de;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 22px
}

.main-notice-activities-title-icon svg,.main-notice-event-title-icon svg {
    width: 12px
}

.main-notice-activities-items,.main-notice-event-items {
    border: 1px solid #ccd2de;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px; background-color: #fff;
}

@media (max-width: 1279px) {
    .main-notice-activities-items,.main-notice-event-items {
        padding:20px
    }
}

.main-notice-activities-item,.main-notice-event-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 25px;
    justify-content: flex-start;
    padding: 10px 0;
    cursor: pointer;
}

.main-notice-event-item:hover{
    background: linear-gradient(180deg, #fff, #e8effe);
    /*box-shadow: 0 0 8px #71abffcc;*/
}

@media (max-width: 534px) {
    .main-notice-activities-item,.main-notice-event-item {
        flex-direction:column;
        gap: 10px
    }
}

.main-notice-activities-item:not(:last-child),.main-notice-event-item:not(:last-child) {
    border-bottom: 1px solid #c4c4c4
}

.main-notice-activities-item-image,.main-notice-event-item-image {
    border-radius: 5px;
    height: 200px;
    min-width: 200px;
    overflow: hidden;
    width: 200px
}

@media (max-width: 1279px) {
    .main-notice-activities-item-image,.main-notice-event-item-image {
        height:150px;
        min-width: 150px;
        width: 150px
    }
}

@media (max-width: 534px) {
    .main-notice-activities-item-image,.main-notice-event-item-image {
        height:100%;
        min-width: 100%;
        width: 100%
    }
}

.main-notice-activities-item-image img,.main-notice-event-item-image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    /*object-fit: cover;*/
    width: 100%
}

.main-notice-activities-item-content,.main-notice-event-item-content {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 126px;
    justify-content: flex-start
}

.main-notice-activities-item-title,.main-notice-event-item-title {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px
}

.main-notice-activities-item-desc,.main-notice-event-item-desc {
    color: #89909f;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 400;
    -webkit-line-clamp: 2;
    line-height: 19px;
    -webkit-box-orient: vertical;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-notice-activities-item-date,.main-notice-event-item-date {
    color: #89909f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 17px
}

.main-notice-activities {
    width: 100%
}

.main-notice-activities-content {
    height: 100%;
    max-height: 723px
}

@media (max-width: 1279px) {
    .main-notice-activities-content {
        max-height:552px
    }
}

@media (max-width: 959px) {
    .main-notice-activities-content {
        height:300px
    }
}

.main-notice-activities .carousel-item {
    height: 100%;
    width: 100%
}

.main-notice-activities .carousel-item .thumb {
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.main-notice-activities .carousel-item img {
    border-radius: 5px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.main-notice .carousel-next,.main-notice .carousel-prev {
    border-radius: 50%;
    color: #ffffff8d
}

.main-notice .carousel-next:hover,.main-notice .carousel-prev:hover {
    background-color: #e3eaf8;
    color: #2669c9;
    opacity: .5
}

.main-notice .carousel-prev {
    left: 5px
}

.main-notice .carousel-next {
    right: 5px
}

.main-quick {
    background-color: #f2f7f8;
    padding: 60px 0
}

.main-quick-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start
}

.main-quick-title {
    font-family: EliceDX,sans-serifs;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-quick-title {
        font-size:1.75rem
    }
}

@media (max-width: 534px) {
    .main-quick-title {
        font-size:1.5rem
    }
}

.main-quick-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center
}

@media (max-width: 1279px) {
    .main-quick-items {
        flex-wrap:wrap;
        gap: 10px
    }
}

.main-quick-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 400;
    gap: 15px;
    height: 130px;
    justify-content: center;
    line-height: 1.2;
    width: 130px
}

@media (max-width: 1279px) {
    .main-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 719px) {
    .main-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-quick-item {
        font-size:.75rem
    }
}

@media (max-width: 1279px) {
    .main-quick-item {
        height:120px;
        width: 120px
    }
}

@media (max-width: 959px) {
    .main-quick-item {
        height:110px;
        width: 110px
    }
}

@media (max-width: 534px) {
    .main-quick-item {
        height:100px;
        width: 100px
    }
}

.main-quick-item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 40px
}

.main-quick-item:hover {
    background: linear-gradient(180deg,#fff,#e8effe);
    border: 1px solid #71abff;
    border-radius: 15px;
    box-shadow: 0 0 8px #71abffcc;
    cursor: pointer
}

.main-membership {
    background-image: linear-gradient(180deg,#003a8e08,#003a8e5c),url(/img/user/json/main/membership-background.jpg);
    background-position: 50%;
    background-size: cover;
    width: 100%
}

.main-membership-container {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
    margin-block:60px}

.main-membership-container .line {
    background-color: #fff
}

.main-membership-process {
    width: 100%
}

.main-membership-process-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px
}

.main-membership-process-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 959px) {
    .main-membership-process-items {
        gap:40px;
        justify-content: center
    }
}

@media (max-width: 719px) {
    .main-membership-process-items {
        gap:10px;
        justify-content: space-between
    }
}

@media (max-width: 534px) {
    .main-membership-process-items {
        flex-direction:column;
        gap: 10px
    }
}

.main-membership-process-item {
    align-items: center;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #ffffff4d;
    border-radius: 5px 100px 5px 5px;
    box-shadow: 0 4px 4px #0000004f;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: center;
    position: relative;
    width: 250px
}

@media (max-width: 1799px) {
    .main-membership-process-item {
        height:280px;
        width: 200px
    }
}

@media (max-width: 959px) {
    .main-membership-process-item {
        height:320px;
        width: 250px
    }
}

@media (max-width: 719px) {
    .main-membership-process-item {
        height:280px;
        width: 200px
    }
}

.main-membership-process-item-num {
    color: #0000004d;
    font-family: EliceDX,sans-serif;
    font-size: 5rem;
    font-weight: 700;
    left: 10px;
    line-height: 1.2;
    position: absolute;
    top: 0
}

.main-membership-process-item-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 90px
}

.main-membership-process-item-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    line-height: 60px
}

.main-membership-process-item-desc {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 0 40px;
    text-align: center;
    word-break: keep-all
}

@media (max-width: 534px) {
    .main-membership-process-item-arrow {
        margin:10px 0;
        transform: rotate(90deg)
    }
}

.popup {
    aspect-ratio: 1/1;
    bottom: 0;
    box-sizing: border-box;
    height: 600px;
    position: fixed;
    right: 0;
    transform: translate(100%);
    transition: transform .5s;
    width: 600px;
    z-index: 99
}

.popup.open {
    transform: translate(0);
    width: 600px
}

.popup-btn {
    align-items: center;
    background-color: #003a8e99;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 140px;
    justify-content: center;
    left: -50px;
    position: absolute;
    width: 50px
}

@media (max-width: 959px) {
    .popup-btn {
        display:none
    }
}

.popup-btn span {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    writing-mode: vertical-rl
}

.popup-btn svg {
    width: 12px
}

.popup-btn:hover {
    background: linear-gradient(90deg,#2669c9,#003a8e);
    color: #fff;
    cursor: pointer
}

.popup-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 959px) {
    .popup {
        align-items:center;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background: #000000cd;
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: center
    }

    .popup,.popup.open {
        height: 100%;
        width: 100%
    }

    .popup.open {
        z-index: 99999
    }

    .popup-img {
        aspect-ratio: 1/1;
        min-height: 300px;
        min-width: 300px;
        overflow: hidden;
        width: 50vw
    }

    .popup-img img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .popup-mobile-btn button {
        background-color: #fff;
        border-radius: 50%;
        box-sizing: border-box;
        height: 30px;
        padding: 2px 5px 11px;
        text-align: center;
        width: 30px
    }

    .popup-mobile-btn button:hover {
        cursor: pointer
    }

    .popup-mobile-btn button .xmark {
        width: 100%
    }
}

.main-benefit {
    width: 100%
}

.main-benefit-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-block:60px}

.main-benefit-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px
}

.main-benefit-items {
    align-items: center;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 230px;
    padding: 20px 0;
    width: 100%
}

.main-benefit-item {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
    position: relative;
    padding: 0 20px;
}

.main-benefit-item p{text-align: center;}

@media (max-width: 959px) {
    .main-benefit-item {
        margin:10px 0;
        padding: 0 25px;
        min-width: 25%
    }
}

.main-benefit-item:not(:last-child):after {
    background-color: #e3eaf8;
    content: "";
    height: 74px;
    position: absolute;
    right: 0;
    width: 1px
}


@media (max-width: 534px) {
    .main-benefit-item:nth-child(2):after {
        display:none
    }
}

.main-benefit-item-num {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2; max-width: 150px;
}

.main-benefit-item-num img{width: 100%;}

@media (max-width: 719px) {
    .main-benefit-item-num {
        font-size:2.25rem
    }
}

@media (max-width: 534px) {
    .main-benefit-item-num {
        font-size:1.875rem
    }
}

.main-benefit-item-num {
    color: #4476be;

}

.main-benefit-item strong {
    color: #4476be
}

.main-benefit-item p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-benefit-item p {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-benefit-item p {
        font-size:.75rem
    }
}

.main-benefit-btn-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    padding: 20px 0;
    width: 100%
}

.main-benefit-btn-wrap p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-benefit-btn-wrap p {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .main-benefit-btn-wrap p {
        font-size:.75rem
    }
}

.main-benefit-btn-wrap>button>a {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .main-benefit-btn-wrap>button>a {
        font-size:1rem
    }
}

.main-benefit-btn-wrap>button>a {
    background: linear-gradient(180deg,#2669c9 -66.67%,#003a8e 266.67%);
    border-radius: 5px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    width: 240px
}

.main-external {
    background-color: #f2f7f8;
    padding-block:30px;width: 100%
}

.main-external-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.main-external-container p {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    width: 100%
}

@media (max-width: 959px) {
    .main-external-container {
        flex-direction:column;
        gap: 20px
    }
}

.main-external-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 719px) {
    .main-external-items {
        flex-direction:column
    }

    .main-external-items li {
        width: 100%
    }
}

.main-external-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    width: 300px
}

.main-external-item:hover {
    border-color: #71abff
}

@media (max-width: 1499px) {
    .main-external-item {
        width:250px
    }
}

@media (max-width: 959px) {
    .main-external-item {
        height:70px;
        width: 210px
    }
}

@media (max-width: 719px) {
    .main-external-item {
        width:100%
    }
}

.main-external-item img {
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 220px
}

.main-company {
    margin-block:40px;width: 100%
}

.main-company-carousel {
    padding: 0 60px
}

.main-company-carousel-item {
    border: 1px solid #ccd2de;
    border-radius: 3px;
    box-sizing: border-box;
    height: 64px;
    padding: 10px;
    width: 215px
}

.main-company-carousel-item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.main-company .carousel-next,.main-company .carousel-prev {
    align-items: center;
    color: #ccd2de;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.main-company .carousel-prev {
    left: -40px
}

.main-company .carousel-next {
    right: -40px
}

.page-nav {
    align-items: flex-start;
    border-bottom: 2px solid #e3eaf8;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 400;
    gap: 10px;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 20px 0;
    width: 100%
}

.page-nav,.page-nav-top {
    display: flex;
    justify-content: flex-start
}

.page-nav-top {
    align-items: center;
    flex-direction: row;
    gap: 15px
}

.page-nav-item {
    color: #444;
    line-height: 14px;
    position: relative;
    cursor: pointer;
}

.page-nav-item img {
    width: 12px
}

.page-nav-item img.next {
    margin-right: 15px;
    width: 7px
}

.page-nav-tit {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 15px;
    position: relative
}

.page-nav-tit:before {
    background-color: #111;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.about-ceo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    width: 100%
}

.about-ceo:after {
    background-color: #14ae67;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 480px;
    z-index: -1
}

@media (max-width: 1279px) {
    .about-ceo:after {
        width:360px
    }
}

@media (max-width: 959px) {
    .about-ceo:after {
        display:none
    }
}

.about-ceo-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 959px) {
    .about-ceo-container {
        flex-direction:column
    }
}

.about-ceo-title {
    box-sizing: border-box;
    margin-top: 30px;
    max-width: 480px;
    min-width: 480px;
    padding: 0 40px;
    position: relative
}

@media (max-width: 1279px) {
    .about-ceo-title {
        max-width:360px;
        min-width: 360px
    }
}

@media (max-width: 959px) {
    .about-ceo-title {
        background-color:#14ae67;
        max-width: 100%;
        min-width: 100%;
        padding: 20px 40px
    }
}

.about-ceo-title h2 {
    color: #fff;
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .about-ceo-title h2 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-ceo-title h2 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-ceo-title h2 {
        font-size:1.625rem
    }
}

.about-ceo-title h2:first-of-type {
    padding-top: 30px
}

@media (max-width: 959px) {
    .about-ceo-title h2:last-of-type {
        padding-bottom:30px
    }
}

@media (max-width: 534px) {
    .about-ceo-title h2:first-of-type {
        padding-top:15px
    }

    .about-ceo-title h2:last-of-type {
        padding-bottom: 15px
    }
}

.about-ceo-content {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 30px;
    padding-top: 20px;
    width: 100%
}

@media (max-width: 719px) {
    .about-ceo-content {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ceo-content {
        font-size:.875rem
    }
}

.about-ceo-content {
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 135px
}

@media (max-width: 1279px) {
    .about-ceo-content {
        padding-left:100px
    }
}

@media (max-width: 959px) {
    .about-ceo-content {
        padding:20px
    }
}

.about-ceo-greeting .mb-30 {
    margin-bottom: 30px
}

.about-ceo-sign {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.125rem;
    font-weight: 400;
    gap: 30px;
    justify-content: flex-start;
    line-height: 30px;
    padding: 60px 0
}

@media (max-width: 534px) {
    .about-ceo-sign {
        gap:10px;
        padding: 30px 0
    }
}

.about-ceo-sign p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .about-ceo-sign p {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .about-ceo-sign p {
        font-size:1.125rem
    }
}

.about-ceo-sign img {
    height: 60px
}

.about-vision {
    justify-content: center;
    margin-bottom: 120px;
    margin-top: 100px;
    position: relative
}

.about-vision,.about-vision-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.about-vision-container {
    gap: 60px;
    justify-content: flex-start
}

.about-vision-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .about-vision-title {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-vision-title {
        font-size:.875rem
    }
}

.about-vision-title h1 {
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .about-vision-title h1 {
        font-size:3.25rem
    }
}

@media (max-width: 719px) {
    .about-vision-title h1 {
        font-size:2.625rem
    }
}

@media (max-width: 534px) {
    .about-vision-title h1 {
        font-size:2.125rem
    }
}

.about-vision-title h1:first-of-type {
    padding-top: 30px
}

.about-vision-title h1:last-of-type {
    margin-bottom: 20px
}

.about-vision-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 1499px) {
    .about-vision-content {
        flex-wrap:wrap
    }
}

.about-vision-item {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    height: 300px;
    justify-content: flex-start;
    padding: 40px 30px;
    text-align: center;
    width: 100%
}

@media (max-width: 1499px) {
    .about-vision-item {
        padding:20px;
        width: calc(50% - 70px)
    }
}

@media (max-width: 534px) {
    .about-vision-item {
        width:100%
    }
}

.about-vision-item h6 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

.about-vision-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

.about-vision-item img {
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100px
}

.about-history {
    margin-bottom: 120px;
    margin-top: 100px
}

.about-history,.about-history-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.about-history-container {
    gap: 60px;
    margin-top: 30px
}

.about-history-title h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    word-break: keep-all
}

@media (max-width: 1279px) {
    .about-history-title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-history-title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-history-title h3 {
        font-size:1.625rem
    }
}

.about-history-title {
    margin-bottom: 120px
}

.about-history-contents {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: flex-start;
    overflow: hidden;
    padding-inline:110px;position: relative;
    width: 100%
}

@media (max-width: 959px) {
    .about-history-contents {
        gap:30px;
        padding-inline:0}
}

.about-history-contents .line {
    background: #003a8e;
    height: 0;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 3px
}

@media (max-width: 959px) {
    .about-history-contents .line {
        display:none
    }
}

.about-history-contents .line:before {
    background-color: #f0f2f4;
    border-radius: 100%;
    bottom: 5px;
    content: "";
    height: 23px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 23px
}

@media (max-width: 959px) {
    .about-history-contents .line:before {
        display:none
    }
}

.about-history-contents .line:after {
    background-color: #003a8e;
    border-radius: 100%;
    bottom: 10px;
    content: "";
    height: 13px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 13px
}

@media (max-width: 959px) {
    .about-history-contents .line:after {
        display:none
    }
}

.about-history-contents:before {
    background: #ddd;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 3px
}

@media (max-width: 959px) {
    .about-history-contents:before {
        display:none
    }
}

.about-history-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 959px) {
    .about-history-content {
        flex-direction:column
    }
}

.about-history-img {
    height: 300px;
    padding-right: 120px;
    width: 490px
}

@media (max-width: 959px) {
    .about-history-img {
        padding-right:0;
        width: 100%
    }
}

.about-history-img img {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.about-history-item {
    align-items: flex-start;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    text-align: center;
    width: 40%
}

@media (max-width: 1499px) {
    .about-history-item {
        width:50%
    }
}

@media (max-width: 959px) {
    .about-history-item {
        gap:10px;
        padding: 20px;
        width: 100%
    }
}

.about-history-item h6 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .about-history-item h6 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-history-item h6 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-history-item h6 {
        font-size:1.625rem
    }
}

.about-history-item h6 {
    margin-bottom: 10px
}

.about-history-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: left
}

@media (max-width: 719px) {
    .about-history-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-history-item p {
        font-size:.875rem
    }
}

.about-history-item img {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px
}

.about-ci {
    width: 100%
}

.about-ci-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.about-ci-color,.about-ci-story {
    margin-bottom: 60px;
    width: 100%
}

.about-ci-title {
    margin-bottom: 30px
}

.about-ci-title h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .about-ci-title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .about-ci-title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .about-ci-title h3 {
        font-size:1.625rem
    }
}

.about-ci-title h3 {
    padding: 30px 0
}

.about-ci-title p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .about-ci-title p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ci-title p {
        font-size:.875rem
    }
}

.about-ci-img {
    align-items: center;
    border: 2px solid #f0f2f4;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
    padding: 100px 30px;
    width: 100%
}

.about-ci-img img {
    height: 70px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.about-ci-download {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    font-weight: 400;
    gap: 20px;
    justify-content: center;
    line-height: 1.2;
    padding: 30px 0
}

@media (max-width: 719px) {
    .about-ci-download {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ci-download {
        font-size:.875rem
    }
}

.about-ci-download-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    width: 100%
}

.about-ci-download-btn button {
    border: 1px solid #bfc0c0;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
    width: 185px
}

.about-ci-download-btn button svg {
    height: 15px
}

.about-ci-download-btn button {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.about-ci-color h3 {
    padding-bottom: 30px
}

.about-ci-chip {
    align-items: center;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    height: 100px;
    justify-content: flex-start;
    margin-bottom: 60px;
    overflow: hidden;
    width: 100%
}

.about-ci-chip-item {
    color: #fff;
    gap: 10px;
    height: 100%;
    padding: 20px
}

.about-ci-chip-item:first-child {
    align-items: flex-start;
    background-color: #14ae67;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%
}

.about-ci-chip-item:last-child {
    align-items: center;
    background: linear-gradient(270deg,#ea5515,#f8b62d);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 70%
}

.about-ci-chip-item:last-child>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center
}

.about-ci-chip-item p.name {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .about-ci-chip-item p.name {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ci-chip-item p.name {
        font-size:.75rem
    }
}

.about-ci-chip-item p.code {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .about-ci-chip-item p.code {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .about-ci-chip-item p.code {
        font-size:.625rem
    }
}

.about-ci-content {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 30px;
    padding-top: 20px;
    width: 100%
}

@media (max-width: 719px) {
    .about-ci-content {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ci-content {
        font-size:.875rem
    }
}

.about-ci-content {
    background-color: #fff;
    padding-left: 135px
}

.about-ci-sign {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.125rem;
    font-weight: 400;
    gap: 30px;
    justify-content: flex-start;
    line-height: 30px;
    padding: 60px 0
}

@media (max-width: 719px) {
    .about-ci-sign {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .about-ci-sign {
        font-size:.875rem
    }
}

.about-ci-sign p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 30px
}

.about-ci-sign img {
    height: 60px
}

.business-card {
    width: 100%
}

.business-card-top {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 480px;
    justify-content: flex-end;
    margin-bottom: 120px
}

.business-card-title {
    color: #fff
}

.business-card-title h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .business-card-title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .business-card-title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .business-card-title h3 {
        font-size:1.625rem
    }
}

.business-card-title h3:last-of-type {
    margin-bottom: 30px
}

.business-card-title p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 719px) {
    .business-card-title p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-card-title p {
        font-size:.875rem
    }
}

.business-card-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    padding: 60px 0
}

@media (max-width: 534px) {
    .business-card-bottom {
        padding:30px 0
    }
}

.business-card-bottom-contents {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: flex-start;
    margin-top: 10px;
    width: 100%
}

@media (max-width: 1499px) {
    .business-card-bottom-contents {
        gap:20px
    }
}

@media (max-width: 959px) {
    .business-card-bottom-contents {
        flex-wrap:wrap
    }
}

@media (max-width: 534px) {
    .business-card-bottom-contents {
        gap:10px
    }
}

.business-card-bottom-item {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #fff;
    border: 1px solid #bfc0c0;
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 25%
}

@media (max-width: 1499px) {
    .business-card-bottom-item {
        padding:20px
    }
}

@media (max-width: 959px) {
    .business-card-bottom-item {
        min-height:calc(50% - 10px);
        min-width: calc(50% - 10px)
    }
}

.business-card-bottom-item:before {
    background-color: #003a8e;
    content: "";
    height: 5px;
    position: absolute;
    top: 50px;
    width: 50px
}

@media (max-width: 1499px) {
    .business-card-bottom-item:before {
        top:20px
    }
}

@media (max-width: 959px) {
    .business-card-bottom-item:before {
        top:50px
    }
}

@media (max-width: 534px) {
    .business-card-bottom-item:before {
        top:20px;
        width: 30px
    }
}

.business-card-bottom-item h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .business-card-bottom-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 719px) {
    .business-card-bottom-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .business-card-bottom-item h3 {
        font-size:.875rem
    }
}

.business-card-bottom-item h3:last-of-type {
    margin-bottom: 15px
}

.business-card-bottom-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .business-card-bottom-item p {
        font-size:1rem
    }
}

@media (max-width: 719px) {
    .business-card-bottom-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-card-bottom-item p {
        font-size:.75rem
    }
}

.business-card-bottom-item p {
    letter-spacing: -1px;
    white-space: nowrap
}

.business-card-bottom-img,.business-card-bottom-img img,.business-pg {
    width: 100%
}

.business-pg-top {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 480px;
    justify-content: flex-end;
    margin-bottom: 120px
}

.business-pg-title {
    color: #fff
}

.business-pg-title h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .business-pg-title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .business-pg-title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .business-pg-title h3 {
        font-size:1.625rem
    }
}

.business-pg-title h3:last-of-type {
    margin-bottom: 30px
}

.business-pg-title p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 719px) {
    .business-pg-title p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-pg-title p {
        font-size:.875rem
    }
}

.business-pg-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start
}

.business-pg-bottom-contents {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: flex-start;
    margin-top: 10px;
    width: 100%
}

@media (max-width: 959px) {
    .business-pg-bottom-contents {
        gap:20px
    }
}

.business-pg-bottom-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #bfc0c0;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: flex-start;
    line-height: 30px;
    min-height: 200px;
    padding: 30px;
    text-align: left;
    width: calc(50% - 20px)
}

@media (max-width: 959px) {
    .business-pg-bottom-item {
        width:100%
    }
}

.business-pg-bottom-item-img {
    height: 72px;
    max-width: 60px;
    min-width: 60px
}

.business-pg-bottom-item-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.business-pg-bottom-item h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .business-pg-bottom-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .business-pg-bottom-item h3 {
        font-size:1.125rem
    }
}

.business-pg-bottom-item h3 {
    margin-bottom: 15px;
    position: relative
}

.business-pg-bottom-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .business-pg-bottom-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-pg-bottom-item p {
        font-size:.875rem
    }
}

.business-gift {
    width: 100%
}

.business-gift-top {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 480px;
    justify-content: flex-end;
    margin-bottom: 120px
}

.business-gift-title {
    color: #fff
}

.business-gift-title h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .business-gift-title h3 {
        font-size:2.25rem
    }
}

@media (max-width: 719px) {
    .business-gift-title h3 {
        font-size:2.125rem
    }
}

@media (max-width: 534px) {
    .business-gift-title h3 {
        font-size:1.625rem
    }
}

.business-gift-title h3:last-of-type {
    margin-bottom: 30px
}

.business-gift-title p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 719px) {
    .business-gift-title p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-gift-title p {
        font-size:.875rem
    }
}

.business-gift-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start
}

.business-gift-bottom-contents {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    width: 100%
}

.business-gift-bottom-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #bfc0c0;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    height: 330px;
    justify-content: flex-start;
    line-height: 30px;
    padding: 30px;
    text-align: center;
    width: calc(25% - 25px)
}

@media (max-width: 1279px) {
    .business-gift-bottom-item {
        width:calc(50% - 15px)
    }
}

@media (max-width: 959px) {
    .business-gift-bottom-item {
        padding:20px
    }
}

@media (max-width: 534px) {
    .business-gift-bottom-item {
        height:250px;
        width: 100%
    }
}

.business-gift-bottom-item h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 30px;
    position: relative;
    white-space: nowrap
}

.business-gift-bottom-item h3:after {
    background-color: #003a8e;
    bottom: -100%;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,100%);
    width: 50px
}

.business-gift-bottom-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .business-gift-bottom-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .business-gift-bottom-item p {
        font-size:.875rem
    }
}

.board-list {
    margin: 20px 0
}

.board-list-info {
    margin-bottom: 10px;
    display: flex; justify-content: space-between;;
    align-items: flex-end
}
.board-list-info .reg-btn{
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003b90;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
}
.board-list-info .reg-btn:hover{
    background: linear-gradient(180deg, #2669c9, #003a8e);
}

.board-list-info-num {
    color: #444;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .board-list-info-num {
        font-size:14px
    }
}

.board-list-info-num b {
    color: #14ae67
}

.board-list-table {
    border-collapse: collapse;
    font-size: 16px;
    table-layout: fixed;
    width: 100%
}

.board-list-table .tag-txt {
    display: inline-block;
    text-align: center;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.board-list-table .tag-txt.active{
    background: #1a5194;
    border-color: #1a5194;
    color: #fff;
}

@media (max-width: 959px) {
    .board-list-table {
        display:none
    }
}

.board-list-table th {
    background: #f7faff;
    border-bottom: 1px solid #e3eaf8;
    border-top: 2px solid #444;
    color: #333;
    font-size: 1.0625rem;
    font-weight: 400;
    height: 70px;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .board-list-table th {
        font-size:15px
    }
}

.board-list-table tbody tr {
    border-bottom: 1px solid #e3eaf8;
    max-width: 0;
    position: relative;
    cursor: pointer;
}

.board-list-table tbody tr:after {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: .7s;
    width: 0
}

.board-list-table tbody tr:hover:after {
    background: #003a8e;
    width: 100%
}

.board-list-table tbody tr.fixed {
    background-color: #e3eaf8
}

.board-list-table tbody td {
    box-sizing: border-box;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    height: 65px;
    line-height: 1.2;
    text-align: center;
    text-align: -webkit-center;
}

.board-list-table tbody td a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1279px) {
    .board-list-table tbody td {
        font-size:14px
    }
}

.board-list-cards {
    display: none
}

@media (max-width: 959px) {
    .board-list-cards {
        display:flex;
        flex-direction: column;
        gap: 10px
    }

    .board-list-cards .board-card {
        background: #fff;
        border: 1px solid #e3eaf8;
        border-radius: 10px;
        padding: 16px;
        transition: box-shadow .3s ease
    }

    .board-list-cards .board-card:hover {
        box-shadow: 0 4px 10px #00000014;
        cursor: pointer
    }

    .board-list-cards .board-card-box .title {
        color: #222;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .board-list-cards .board-card-info {
        align-items: center;
        color: #777;
        display: flex;
        flex-direction: row;
        font-size: 14px;
        gap: 20px;
        justify-content: flex-start
    }

    .board-list-cards .board-card-info.col{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 959px) and (max-width:534px) {
    .board-list-cards .board-card-info {
        font-size:12px;
        gap: 5px
    }
}

@media (max-width: 959px) {
    .board-list-cards .board-card-info span {
        display:inline-block
    }

    .board-list-cards .board-card-info .date:before {
        content: "작성일";
        font-weight: 500;
        margin-right: 10px
    }

    .board-list-cards .board-card-info .writer:before {
        content: "작성자";
        font-weight: 500;
        margin-right: 10px
    }

    .board-list-cards .board-card-info .view:before {
        content: "조회";
        font-weight: 500;
        margin-right: 10px
    }
    .board-list-cards .board-card-info .representative:before {
        content: "대표자";
        font-weight: 500;
        margin-right: 10px
    }
    .board-list-cards .board-card-info .tel:before {
        content: "전화번호";
        font-weight: 500;
        margin-right: 10px
    }
    .board-list-cards .board-card-info .address:before {
        content: "주소";
        font-weight: 500;
        margin-right: 10px
    }

    .board-list-cards .board-card-empty {
        color: #999;
        padding: 20px 0;
        text-align: center
    }
}

.board-write {
    width: 100%
}

.board-detail {
    margin: 25px 0;
    width: 100%
}

.board-detail-container {
    border-bottom: 2px solid #444;
    border-top: 2px solid #444
}

.board-detail-title {
    border-bottom: 1px solid #e3eaf8;
    padding: 25px 0
}

.board-detail-info {
    border-bottom: 1px solid #e3eaf8;
    gap: 30px;
    padding: 20px 0
}

.board-detail-info,.board-detail-info-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.board-detail-info-item {
    color: #89909f;
    font-size: 1rem;
    font-weight: 400;
    gap: 10px;
    line-height: 1.2;
    position: relative
}

.board-detail-info-item:not(:last-child):after {
    background-color: #e3eaf8;
    content: "";
    height: 12px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.board-detail-info-item img {
    width: 15px
}

.board-detail-content {
    padding: 40px 0
}

.reply-box{
    background: #f5f5f5;
    padding: 4% 3.5%;
    border-top: 1px solid #333;
}

.reply-box .title{
    margin-bottom: 20px;
    font-weight: bold;
}

.reply-box .title .writer-id{

}

.reply-box .txt{
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: keep-all;
}

.reply-box .write-date{
    margin-top: 10px;
    font-weight: 500;
}

.board-detail-files {
    align-items: center;
    background-color: #f7faff;
    border-bottom: 1px solid #e3eaf8;
    border-top: 1px solid #e3eaf8;
    box-sizing: border-box;
    color: #333;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 25px 0;
    width: 100%
}

@media (max-width: 534px) {
    .board-detail-files {
        align-items:flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 25px
    }
}

.board-detail-files-title {
    font-weight: 600;
    min-width: 150px;
    position: relative;
    text-align: center
}

@media (max-width: 534px) {
    .board-detail-files-title {
        text-align:left
    }
}

.board-detail-files-title:after {
    background-color: #e3eaf8;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media (max-width: 534px) {
    .board-detail-files-title:after {
        display:none
    }
}

.board-detail-files-item,.board-detail-files-list {
    box-sizing: border-box;
    width: 100%
}

.board-detail-files-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 40px
}

@media (max-width: 534px) {
    .board-detail-files-item {
        margin:5px 0;
        padding: 0
    }
}

.board-detail-files-item svg {
    color: #003b90;
    margin-left: 10px;
    max-width: 15px;
    min-width: 15px
}

.board-detail-files-item:hover {
    color: #2669c9;
    cursor: pointer
}

.board-detail-files-item:hover svg {
    color: #2669c9
}

.board-detail-list {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

.board-detail-list-next,.board-detail-list-prev {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 25px 0
}

.board-detail-list-prev {
    border-bottom: 1px solid #e3eaf8;
    border-top: 2px solid #444
}

.board-detail-list-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 80px;
    min-width: 80px
}

.board-detail-list-title svg {
    width: 15px
}

.board-detail-list-content {
    color: #89909f;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 20px
}

@media (max-width: 719px) {
    .board-detail-list-content {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .board-detail-list-content {
        font-size:.875rem
    }
}

.board-detail-list-content a {
    color: #89909f
}

.board-detail-list-content a:hover {
    color: #2669c9
}

.board-detail-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.board-detail-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 50px 0
}

.board-detail-btn a {
    background: #003b90;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 180px
}

.board-detail-btn a:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e)
}

.radio-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    gap: 5px;
    justify-content: flex-start;
    line-height: 2rem;
    padding: .2em .4em
}

.radio-btn [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid gray;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    position: relative;
    transition: border-color .3s ease,box-shadow .3s ease;
    width: 16px
}

.radio-btn [type=radio]:after {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .3s ease,transform .2s ease;
    width: 8px
}

.radio-btn [type=radio]:checked {
    border-color: #003a8e
}

.radio-btn [type=radio]:checked:after {
    background-color: #003a8e;
    transform: translate(-50%,-50%) scale(1)
}

.radio-btn [type=radio]:not(:checked):after {
    transform: translate(-50%,-50%) scale(0)
}

.radio-btn [type=radio]:focus-visible {
    outline: 2px dotted #003a8e;
    outline-offset: 2px
}

.radio-btn [type=radio]:hover {
    box-shadow: 0 0 0 4px #d3d3d3
}

.radio-btn [type=radio]:disabled {
    background-color: #d3d3d3;
    cursor: not-allowed;
    opacity: .7
}

.radio-btn [type=radio]:disabled+span {
    cursor: not-allowed;
    opacity: .7
}

.search-bar-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    padding: 25px 0
}

@media (max-width: 534px) {
    .search-bar-container {
        gap:5px;
        padding: 15px 0
    }
}

.search-bar-select-container {
    box-sizing: border-box;
    width: 160px
}

.search-bar-select-box {
    border: 1px solid #ccd2de;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .search-bar-select-box {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .search-bar-select-box {
        font-size:.75rem
    }
}

.search-bar-select-box {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    display: flex;
}

.search-bar-select-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #89909f;
    cursor: pointer;
    position: relative;
    width: 100%;
    z-index: 1
}

.search-bar-select-box img {
    color: #89909f;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.search-bar-input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .search-bar-input {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .search-bar-input {
        font-size:.75rem
    }
}

.search-bar-input {
    border: 1px solid #ccd2de;
    box-sizing: border-box;
    height: 40px;
    padding: 0 20px;
    position: relative;
    width: 330px
}

.search-bar-input input {
    background: transparent;
    line-height: 40px;
    width: 100%
}

.search-bar-btn {
    background: #003b90;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    height: 40px;
    line-height: 1.2;
    width: 100px
}

@media (max-width: 719px) {
    .search-bar-btn {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .search-bar-btn {
        font-size:.75rem
    }
}

.search-bar-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center
}

.search-bar-btn img {
    width: 15px
}

@media (max-width: 534px) {
    .search-bar-btn img {
        width:10px
    }
}

.search-bar-btn:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.pagination {
    margin: 40px 0
}

.pagination,.pagination button,.pagination-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pagination button {
    border: 1px solid #e3eaf8;
    color: #89909f;
    height: 30px;
    width: 30px
}

.pagination button .btn-img {
    height: 15px; width: 15px; background-repeat: no-repeat; background-size: cover;
}

.pagination button.first .btn-img{background-image: url("/img/user/payma/icon/angle-left-double.svg")}
.pagination button.prev .btn-img{background-image: url("/img/user/payma/icon/angle-left.svg");width: 10px;}
.pagination button.next .btn-img{background-image: url("/img/user/payma/icon/angle-right.svg");width: 10px;}
.pagination button.last .btn-img{background-image: url("/img/user/payma/icon/angle-right-double.svg")}
.pagination button.first.disabled .btn-img{background-image: url("/img/user/payma/icon/angle-left-double-gray.svg")}
.pagination button.prev.disabled .btn-img{background-image: url("/img/user/payma/icon/angle-left-gray.svg");width: 10px;}
.pagination button.next.disabled .btn-img{background-image: url("/img/user/payma/icon/angle-right-gray.svg");width: 10px;}
.pagination button.last.disabled .btn-img{background-image: url("/img/user/payma/icon/angle-right-double-gray.svg")}


.pagination button.prev {
    border-left: none
}

.pagination button.next {
    border-right: none
}

.pagination button.disabled {
    color: #ccc;
    pointer-events: none
}

.pagination button:hover {
    border: 1px solid #003b90;
    color: #003b90;
    cursor: pointer
}

.pagination ul {
    align-items: center;
    border: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 10px
}

.pagination ul li {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.pagination ul li:not(:last-child) {
    border-right: 1px solid #e3eaf8
}

.pagination ul li {
    color: #666
}

.pagination ul li:hover {
    cursor: pointer
}

.pagination ul li.active {
    background-color: #003b90;
    color: #fff
}

.pagination ul li.active:hover {
    cursor: default;
}

.pagination ul li.disabled {
    color: #ccc;
    pointer-events: none
}

.table_wrap {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    position: relative
}

.table {
    border-bottom: 2px solid #444;
    border-collapse: collapse;
    border-top: 2px solid #444;
    font-size: 16px;
    min-width: 800px;
    table-layout: fixed;
    width: 100%
}

.table th {
    background: #f7faff;
    color: #333;
    font-size: 1.0625rem;
    font-weight: 400;
    height: 70px;
    line-height: 1.2
}

.table tbody tr,.table th {
    border-bottom: 1px solid #e3eaf8
}

.table tbody tr {
    max-width: 0;
    position: relative
}

.table tbody td {
    box-sizing: border-box;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    height: 65px;
    line-height: 1.2;
    text-align: center
}

.table tbody td a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scroll-wrapper {
    height: 100vh;
    overflow-y: scroll;
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory
}

section[class*=main-] {
    align-items: center;
    display: flex;
    justify-content: center
}

.guide {
    padding-top: 80px
}

.guide-info {
    background-image: linear-gradient(#000,#00000080),url(/img/user/json/guide/guide-background.jpg);
    background-position: 50%;
    background-size: cover;
    min-height: 800px
}

@media (max-width: 959px) {
    .guide-info {
        padding:50px 0
    }
}

.guide-info-top {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 800px
}

.guide-info-top>h3 {
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 719px) {
    .guide-info-top>h3 {
        font-size:3rem
    }
}

@media (max-width: 534px) {
    .guide-info-top>h3 {
        font-size:2.25rem
    }
}

.guide-info-top>p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 30px 0
}

@media (max-width: 719px) {
    .guide-info-top>p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .guide-info-top>p {
        font-size:.875rem
    }
}

.guide-info-top-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    width: 100%
}

.guide-info-top-item {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #ffffff38;
    border: 1px solid #fff;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 40px;
    text-align: center;
    transition: all .3s ease-in;
    width: calc(33.33333% - 20px)
}

@media (max-width: 1499px) {
    .guide-info-top-item {
        padding:40px 20px
    }
}

@media (max-width: 959px) {
    .guide-info-top-item {
        width:100%
    }
}

.guide-info-top-item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 50px
}

.guide-info-top-item h3 {
    color: #003a8e;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .guide-info-top-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 719px) {
    .guide-info-top-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .guide-info-top-item h3 {
        font-size:1.125rem
    }
}

.guide-info-top-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .guide-info-top-item p {
        font-size:1rem
    }
}

@media (max-width: 719px) {
    .guide-info-top-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .guide-info-top-item p {
        font-size:.875rem
    }
}

.guide-process-container {
    padding: 60px 0
}

.guide-process-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 60px 0;
    position: relative;
    width: 100%
}

@media (max-width: 959px) {
    .guide-process-items {
        gap:20px
    }
}

.guide-process-items:after {
    background-color: #f0f2f4;
    content: "";
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1
}

@media (max-width: 959px) {
    .guide-process-items:after {
        display:none
    }
}

.guide-process-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    text-align: center;
    width: 25%
}

@media (max-width: 959px) {
    .guide-process-item {
        width:calc(50% - 10px)
    }
}

.guide-process-item span {
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px
}

.guide-process-item span:after {
    background: #003a8e;
    border-radius: 50% 50% 0 100%/50% 100% 0 50%;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 40px;
    z-index: -1
}

.guide-process-item h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .guide-process-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 719px) {
    .guide-process-item h3 {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .guide-process-item h3 {
        font-size:1.125rem
    }
}

.guide-process-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 1279px) {
    .guide-process-item p {
        font-size:1rem
    }
}

@media (max-width: 719px) {
    .guide-process-item p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .guide-process-item p {
        font-size:.875rem
    }
}

.guide-process-item>div {
    background-color: #003a8e;
    border-radius: 50%;
    height: 13px;
    margin-top: 17px;
    width: 13px
}

.support {
    padding-top: 80px
}

.support-info-call {
    background-color: #2d3142;
    box-sizing: border-box;
    color: #fff;
    height: 250px;
    padding: 40px 0
}

.support-info-call-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 100%;
    justify-content: flex-start
}

@media (max-width: 959px) {
    .support-info-call-container {
        flex-direction:column
    }
}

.support-info-call-info {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 100px;
    height: 100%;
    justify-content: flex-start
}

@media (max-width: 959px) {
    .support-info-call-info {
        gap:50px
    }
}

.support-info-call-info-num,.support-info-call-info-time {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

.support-info-call-info-num p,.support-info-call-info-time p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .support-info-call-info-num p,.support-info-call-info-time p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .support-info-call-info-num p,.support-info-call-info-time p {
        font-size:.875rem
    }
}

.support-info-call-info-num p.bold,.support-info-call-info-time p.bold {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 30px
}

@media (max-width: 719px) {
    .support-info-call-info-num p.bold,.support-info-call-info-time p.bold {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .support-info-call-info-num p.bold,.support-info-call-info-time p.bold {
        font-size:.875rem
    }
}

.support-info-call-info-num {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.support-info-call-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    min-width: 270px
}

.support-info-map {
    padding: 60px 0
}

.support-info-map h3 {
    margin-bottom: 60px
}

.support-info-map-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: flex-start;
    width: 100%
}

.support-info-map-box>div {
    width: 100%
}

.support-info-map-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .support-info-map-title {
        font-size:1.25rem
    }
}

@media (max-width: 534px) {
    .support-info-map-title {
        font-size:1.125rem
    }
}

.support-info-map-title {
    margin-bottom: 30px
}

.support-info-map-conent {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .support-info-map-conent {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .support-info-map-conent {
        font-size:.875rem
    }
}

.support-info-map-conent {
    margin-bottom: 20px
}

.support-info-map-conent svg {
    color: #003a8e;
    height: 14px
}

.page-policy-item h6,.page-terms-item h6 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

.page-policy-item .termsArea,.page-terms-item .termsArea {
    border: 1px solid #e3eaf8;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0;
    padding: 20px
}

.page-policy-item .termsArea h5,.page-terms-item .termsArea h5 {
    font-size: 22px;
    font-weight: 700
}

.page-policy-item .termsArea strong,.page-terms-item .termsArea strong {
    display: block;
    font-size: 18px;
    margin: 20px 0 10px
}

.page-policy-item .termsArea dt,.page-terms-item .termsArea dt {
    font-weight: 700
}

.page-policy-item-input,.page-terms-item-input {
    width: fit-content
}

.page-policy-item-input span,.page-terms-item-input span {
    color: #003a8e;
    margin-right: 5px
}

.login-container {
    margin-block:60px;min-height: calc(100vh - 748px)
}

.login-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 580px;
    padding-block:60px;width: 100%
}

.login-form {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 959px) {
    .login-form {
        flex-direction:column
    }
}

.login-form-input-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    width: 100%
}

.login-form-input-box {
    border: 1px solid #ccd2de;
    box-sizing: border-box;
    max-width: 100%;
    padding: 10px;
    position: relative;
    width: 450px
}

@media (max-width: 959px) {
    .login-form-input-box {
        width:100%
    }
}

.login-form-input-box input {
    background-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    padding: 10px 10px 10px 40px;
    width: 100%
}

.login-form-input-box .icon {
    padding: 0 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.login-form-btn {
    width: 100%
}

.login-form-btn button {
    background: #003b90;
    color: #fff;
    height: 130px;
    max-width: 100%;
    width: 120px
}

@media (max-width: 959px) {
    .login-form-btn button {
        height:60px;
        width: 100%
    }
}

.login-form-btn button:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.login-etc {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.login-etc-btn {
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2
}

.login-etc-btn-wrap{
    display: flex;
}

.login-etc-btn button {
    color: #333;
    position: relative
}

.login-etc-btn > button:not(:first-child) {
    margin-left: 20px;
}

.login-etc-btn button:hover {
    color: #2669c9;
    cursor: pointer
}

.login-etc-btn > button:not(:first-child):before {
    background-color: #89909f;
    content: "";
    height: 10px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.sign-up-container {
    flex-direction: column;
    justify-content: center
}

.sign-up-container,.sign-up-step {
    align-items: center;
    display: flex;
    margin-block:60px}

.sign-up-step {
    flex-direction: row;
    gap: 100px;
    justify-content: flex-start
}

.sign-up-step-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    position: relative;
    text-align: center
}

.sign-up-step-item .icon {
    align-items: center;
    background-color: #003a8e;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: center;
    width: 30px
}

.sign-up-step-item .icon svg {
    width: 15px
}

.sign-up-step-item .circle {
    background-color: #e3eaf8;
    border-radius: 50%;
    box-sizing: border-box;
    height: 10px;
    margin: 10px;
    width: 10px
}

.sign-up-step-item:not(:last-child):after {
    background-color: #e3eaf8;
    content: "";
    height: 2px;
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

.sign-up-step-item span {
    color: #89909f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2
}

.sign-up-step-item span.active {
    color: #2669c9
}

.sign-up-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.sign-up-term {
    width: 100%
}

.sign-up-term-container {
    align-items: center;
    flex-direction: column
}

.sign-up-term-container,.sign-up-term-top {
    display: flex;
    gap: 20px;
    justify-content: flex-start
}

.sign-up-term-top {
    align-items: flex-start;
    flex-direction: row
}

@media (max-width: 959px) {
    .sign-up-term-top {
        flex-direction:column
    }
}

.sign-up-term-bottom {
    width: 100%
}

.sign-up-term-item h6 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

.sign-up-term-item .termsArea {
    border: 1px solid #e3eaf8;
    color: #333;
    font-size: 16px;
    height: 180px;
    line-height: 30px;
    margin: 20px 0;
    overflow-y: auto;
    padding: 20px
}

.sign-up-term-item .termsArea h5 {
    font-size: 22px;
    font-weight: 700
}

.sign-up-term-item .termsArea strong {
    display: block;
    font-size: 18px;
    margin: 20px 0 10px
}

.sign-up-term-item .termsArea dt {
    font-weight: 700
}

.sign-up-term-item-input {
    width: -moz-fit-content;
    width: fit-content
}

.sign-up-term-item-input span {
    color: #003a8e;
    margin-right: 5px
}

.sign-up-term-check {
    border-top: 1px solid #333;
    margin-top: 20px;
    padding: 20px 0
}

.sign-up-term-check span {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

@media (max-width: 719px) {
    .sign-up-term-check span {
        font-size:1.125rem
    }
}

@media (max-width: 534px) {
    .sign-up-term-check span {
        font-size:.875rem
    }
}

.sign-up-term-confirm {
    border-top: 2px solid #e3eaf8;
    margin-top: 30px;
    padding-top: 30px
}

.sign-up-term-confirm h6 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px
}

.sign-up-term-confirm-input {
    align-items: center;
    background-color: #f7faff;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.2
}

.sign-up-term-confirm-input label {
    padding: 25px;
    position: relative;
    width: 150px
}

.sign-up-term-confirm-input label:after {
    background-color: #e3eaf8;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.sign-up-term-confirm-input input {
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 25px;
    padding: 10px;
    width: 450px
}

@media (max-width: 534px) {
    .sign-up-term-confirm-input input {
        width:100%
    }
}

.sign-up-term-confirm-btn {
    margin: 30px 0
}

.sign-up-term-confirm-btn button {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    padding: 20px 0;
    width: 100%
}

.sign-up-term-confirm-btn button:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.sign-up-info {
    border-top: 2px solid #333;
    width: 100%
}

.sign-up-info-input {
    align-items: stretch;
    border-bottom: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 25px;
    justify-content: flex-start;
    line-height: 1.2
}

@media (max-width: 534px) {
    .sign-up-info-input {
        gap:10px
    }
}
.sign-up-container.container{
    max-width: 768px !important;
}
.sign-up-info-input .label {
    background-color: #f7faff;
    height: auto;
    padding: 25px;
    position: relative;
    width: 150px;
    flex-shrink: 0;
}

@media (max-width: 534px) {
    .sign-up-info-input .label {
        min-width:70px;
        padding: 15px;
        width: 70px
    }
}

.sign-up-info-address-box{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sign-up-info-input-box{
    display: flex;
    gap: 10px;
    width: 100%;
}


.sign-up-info-input .label span {
    color: red
}

.sign-up-info-input span {
    line-height: 1.5;
    margin: 20px 0
}
.sign-up-info-input input {
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 20px 0;
    padding: 10px;
    width:100%
}



@media (max-width: 534px) {
    .sign-up-info-input input {
        width:100%
    }
}

.sign-up-info-input .check-btn {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    height: 40px;
    line-height: 1.2;
    margin: 20px 0;
    white-space: nowrap;
    cursor: pointer;
    width: 125px;
    flex-shrink: 0;
}

@media (max-width: 719px) {
    .sign-up-info-input .check-btn {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .sign-up-info-input .check-btn {
        font-size:.75rem;
        width: 78px;
    }
}

.sign-up-info-corporate {
    margin-top: 30px
}

.sign-up-info-corporate-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 20px 0
}

.sign-up-info-btn {
    margin: 30px 0
}

.sign-up-info-btn button {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    padding: 20px 0;
    width: 100%;
    cursor: pointer;
}

.sign-up-info-btn .user-mod-btn-wrap{
    display: flex;
    justify-content: flex-end;
}

.sign-up-info-btn .user-leave {
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}

.sign-up-info-btn .user-leave:hover {
    color: #003b90;
}

.sign-up-info-btn button:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

/*.sign-up-info-address-box input, .sign-up-info-input-box{*/
/*    height: 40px;*/
/*}*/


.sign-up-info-address-box input{
    margin: 5px 0;
    height: 40px;
}

.sign-up-info-address-box .sign-up-info-input-box button{
    margin: 5px 0;
    height: 40px;
}
.auth-input-wrap{
    width: 100%;
    position: relative;
}

.auth-input-wrap .authTime {
    color:#ff0026;
    position: absolute;
    right: 12px;
    margin: 0;
    top:50%;
    transform: translateY(-50%);}

.sign-up-success {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    padding-block:60px}

.sign-up-success h3 {
    font-family: EliceDX,sans-serifs;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 719px) {
    .sign-up-success h3 {
        font-size:1.875rem
    }
}

@media (max-width: 534px) {
    .sign-up-success h3 {
        font-size:1.5rem
    }
}

.sign-up-success h3 {
    margin-bottom: 30px
}

.sign-up-success p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .sign-up-success p {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .sign-up-success p {
        font-size:.875rem
    }
}

.sign-up-success p {
    text-align: center;
    word-break: break-all
}

.sign-up-success-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 60px;
    width: 100%
}

.sign-up-success-btn button {
    background: #003b90;
    border-radius: 5px;
    font-size: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    height: 40px;
    line-height: 1.2;
    width: 100%
}

@media (max-width: 719px) {
    .sign-up-success-btn button {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .sign-up-success-btn button {
        font-size:.875rem
    }
}

.sign-up-success-btn button a {
    color: #fff
}

.sign-up-success-btn button svg {
    margin-right: 5px;
    width: 14px
}

.sign-up-success-btn button:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.intro-greeting {
    margin-bottom: 120px;
    width: 100%
}

.intro-greeting img {
    width: 100%
}

.intro-greeting-content-container {
    margin-top: 30px;
    padding-inline:80px}

.intro-greeting-content-container.no-padding {
    padding-inline:0}

@media (max-width: 959px) {
    .intro-greeting-content-container {
        padding-inline:30px
    }
    .intro-greeting-content-container.no-padding {
        padding-inline:0}
}

.intro-greeting-content-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    word-break: auto-phrase;
}

@media (max-width: 719px) {
    .intro-greeting-content-text {
        font-size:1rem
    }
}

.intro-greeting-content-sign {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 40px
}

.intro-greeting-content-sign .signed {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.intro-greeting-content-sign .signed img {
    width: 180px
}

@media (max-width: 534px) {
    .intro-greeting-content-sign .signed img {
        width: 160px
    }
}

.intro-map {
    margin-block:30px;width: 100%
}

.intro-map-address {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0
}

.intro-map-address-info {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.intro-map-address-info-num {
    align-items: center;
    color: #89909f;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start
}

.intro-map-address-info-num .item .icon {
    margin-right: 5px;
    width: 14px
}

.intro-map-address-btn {
    align-items: center;
    border: 1px solid #003b90;
    color: #003b90;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 5px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    text-align: center;
    width: 200px
}

.intro-map-address-btn .icon {
    width: 12px
}

.intro-map-bus {
    align-items: center;
    border: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    padding: 30px
}

@media (max-width: 719px) {
    .intro-map-bus {
        flex-direction:column;
        padding: 20px
    }
}

.intro-map-bus .icon {
    padding: 30px
}

.intro-map-bus-items {
    flex-direction: column
}

.intro-map-bus-item,.intro-map-bus-items {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start
}

.intro-map-bus-item {
    color: #89909f;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0
}

@media (max-width: 534px) {
    .intro-map-bus-item {
        font-size:.75rem
    }
}

.intro-map-bus-item .nm {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 534px) {
    .intro-map-bus-item .nm {
        font-size:1rem
    }
}

.intro-map-bus-item .nm {
    color: #333
}

.intro-ci {
    margin-block:40px;width: 100%
}

.intro-ci-story {
    background-color: #f7faff;
    padding: 30px
}

.intro-ci-story h2 {
    color: #003b90;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px
}

.intro-ci-story-wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: flex-start
}

@media (max-width: 719px) {
    .intro-ci-story-wrap {
        flex-direction:column
    }
}

.intro-ci-story-left,.intro-ci-story-right {
    width: 100%
}

.intro-ci-story-left {
    font-size: 1rem;
    font-weight: 400;
    gap: 30px;
    line-height: 28px
}

.intro-ci-story-left,.intro-ci-story-right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.intro-ci-story-right {
    background: #fff;
    border: 1px solid #e3eaf8
}

.intro-ci-story-right-img {
    border-bottom: 1px solid #e3eaf8;
    box-sizing: border-box;
    padding: 20px 10px;
    width: 100%
}

.intro-ci-story-right-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.intro-ci-story-right-btn button {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    width: 100%
}

@media (max-width: 719px) {
    .intro-ci-story-right-btn button {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .intro-ci-story-right-btn button {
        font-size:.75rem
    }
}

.intro-ci-story-right-btn button {
    padding: 20px 0
}

.intro-ci-story-right-btn button .icon {
    width: 15px
}

.intro-ci-story-right-btn button:first-child {
    border-right: 1px solid #e3eaf8
}

.intro-ci-story-right-btn button:hover {
    color: #2669c9;
    cursor: pointer
}

.intro-ci-type {
    margin-top: 30px
}

.intro-ci-type h3 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px
}

.intro-ci-type-container {
    align-items: center;
    border: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.intro-ci-type-item {
    width: 100%
}

.intro-ci-type-item:first-child {
    border-right: 1px solid #e3eaf8
}

.intro-ci-type-item .img {
    box-sizing: border-box;
    padding: 30px 20px;
    width: 100%
}

.intro-ci-type-item .img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.intro-ci-type-item span {
    border-top: 1px solid #e3eaf8;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 20px;
    text-align: center;
    width: 100%
}

@media (max-width: 719px) {
    .intro-ci-type-item span {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .intro-ci-type-item span {
        font-size:.75rem
    }
}

.intro-ci-type-item span {
    box-sizing: border-box
}

.intro-ci-type-info {
    align-items: center;
    color: #89909f;
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.2;
    margin: 30px 0
}

.intro-ci-color {
    margin-top: 30px
}

.intro-ci-color h3 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px
}

.intro-ci-color-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: flex-start
}

@media (max-width: 534px) {
    .intro-ci-color-container {
        flex-direction:column
    }
}

.intro-ci-color-item {
    width: 100%
}

.intro-ci-color-item .color {
    height: 120px;
    width: 100%
}

.intro-ci-color-item .color.dark {
    background: #003b90
}

.intro-ci-color-item .color.light {
    background: #0081cc
}

.intro-ci-color-item .color.gradient {
    background: linear-gradient(160.29deg,#003b90,#005f92 29%,#15ae67)
}

.intro-ci-color-item .info p {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2
}

.intro-ci-color-item .info p.nm {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 20px 0
}

.intro-business {
    margin-block:40px;width: 100%
}

.intro-business-info-item {
    margin-bottom: 30px
}

.intro-business-info-item h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-left: 7px;
    padding-top: 5px;
    position: relative
}

.intro-business-info-item h3:before {
    background-color: #0081cc4d;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px
}

.intro-business-support {
    width: 100%
}

.intro-business-support-container {
    align-items: flex-start;
    border: 1px solid #e3eaf8;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px;
    width: 100%
}

@media (max-width: 1279px) {
    .intro-business-support-container {
        flex-direction:column
    }
}

.intro-business-support-category {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

@media (max-width: 1279px) {
    .intro-business-support-category {
        flex-direction:row;
        gap: 20px
    }
}

@media (max-width: 534px) {
    .intro-business-support-category {
        flex-direction:column
    }
}

@media (max-width: 1279px) {
    .intro-business-support-items {
        flex:1;
        width: 100%
    }
}

.intro-business-support-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    margin: 30px 0
}

@media (max-width: 1279px) {
    .intro-business-support-item {
        justify-content:center
    }

    .intro-business-support-item span {
        flex: unset!important
    }
}

.intro-business-support-item .num {
    background-color: #e3eaf8;
    border-radius: 50%;
    font-family: EliceDX,sans-serif;
    font-size: .875rem;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 22px
}

.intro-business-support-item span {
    flex: 1;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center
}

.intro-org {
    margin-block:30px;width: 100%
}

.intro-org-chart {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.intro-org-chart ul {
    width: 100%
}

.intro-org-chart .lv_1,.intro-org-chart .lv_2 {
    position: relative
}

.intro-org-chart .lv_1:after,.intro-org-chart .lv_2:after {
    background-color: #e3eaf8;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 1px;
    z-index: -1
}

.intro-org-chart .lv_1,.intro-org-chart .lv_2,.intro-org-chart .lv_3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.intro-org-chart .lv_1>span,.intro-org-chart .lv_2>span,.intro-org-chart .lv_3>span {
    background-color: #003b90;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    margin-bottom: 30px;
    text-align: center;
    width: 220px
}

.intro-org-chart .lv_2-ul {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 0;
    padding: 0 60px;
    position: relative
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul {
        align-items:center;
        flex-direction: column;
        gap: 50px
    }
}

.intro-org-chart .lv_2-ul:before {
    background-color: #e3eaf8;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: -30px;
    transform: translate(-50%);
    width: calc(100% - 340px);
    z-index: -1
}

@media (max-width: 1279px) {
    .intro-org-chart .lv_2-ul:before {
        width:calc(100% - 282px)
    }
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul:before {
        display:none
    }
}

.intro-org-chart .lv_2-ul li {
    position: relative
}

.intro-org-chart .lv_2-ul li:before {
    background-color: #e3eaf8;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: -30px;
    transform: translate(-50%);
    width: 1px;
    z-index: -1
}

.intro-org-chart .lv_2-ul li>span {
    display: block;
    height: 70px;
    width: 210px
}

@media (max-width: 1279px) {
    .intro-org-chart .lv_2-ul li>span {
        width:160px
    }
}

.intro-org-chart .lv_2-ul li>span {
    background-color: #003b90;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 70px;
    position: relative;
    text-align: center
}

.intro-org-chart .lv_2-ul li>span.border {
    background-color: #fff;
    border: 1px solid #003b90;
    color: #003b90
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul li>span.second {
        bottom:-120px
    }

    .intro-org-chart .lv_2-ul li>span.third {
        bottom: 120px
    }
}

.intro-org-chart .lv_2-ul-child {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    padding: 30px 60px;
    position: relative;
    width: 100%
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul-child {
        flex-direction:column
    }
}

.intro-org-chart .lv_2-ul-child:before {
    background-color: #e3eaf8;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 1px;
    z-index: -1
}

.intro-org-chart .lv_2-ul-child li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: calc(50% - 5px)
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul-child li {
        justify-content:center;
        width: 100%
    }
}

.intro-org-chart .lv_2-ul-child li {
    position: relative
}

.intro-org-chart .lv_2-ul-child li:before {
    background-color: #e3eaf8;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translate(5px);
    width: 100%;
    z-index: -1
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul-child li:before {
        display:none
    }
}

.intro-org-chart .lv_2-ul-child li:nth-child(2n) {
    justify-content: flex-end;
    position: relative;
    top: 40px
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul-child li:nth-child(2n) {
        justify-content:center;
        top: unset
    }
}

.intro-org-chart .lv_2-ul-child li:nth-child(2n):before {
    background-color: #e3eaf8;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translate(-5px);
    width: 100%;
    z-index: -1
}

@media (max-width: 959px) {
    .intro-org-chart .lv_2-ul-child li:nth-child(2n):before {
        display:none
    }
}

.intro-org-chart .lv_2-ul-child span {
    background-color: #fff;
    border: 1px solid #89909f;
    color: #003b90;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 220px
}

.intro-org-chart .lv_3 {
    padding-top: 30px;
    position: relative
}

.intro-org-chart .lv_3:before {
    background-color: #e3eaf8;
    content: "";
    height: 300px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 1px;
    z-index: -1
}

.intro-org-chart .lv_3-ul {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 30px 0
}

.intro-org-chart .lv_3-ul li {
    position: relative
}

.intro-org-chart .lv_3-ul li:before {
    background-color: #e3eaf8;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 1px;
    z-index: -1
}

.intro-org-chart .lv_3-ul li>span {
    background-color: #003b90;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 130px
}

.intro-org-chart .lv_3-ul li>span.border {
    background-color: unset;
    border: 1px solid #003b90;
    color: #003b90
}

.intro-org-chart .lv_3-ul-child {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 10px;
    width: 100%
}

.intro-org-chart .lv_3-ul-child li {
    background-color: #fff;
    border: 1px solid #e3eaf8;
    font-size: 1rem;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.intro-history {
    margin-block:30px;width: 100%
}

.intro-history-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

@media (max-width: 959px) {
    .intro-history-container {
        flex-direction:column
    }
}

.intro-history-img {
    flex: 1;
    min-width: 600px
}

.intro-history-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

@media (max-width: 1499px) {
    .intro-history-img {
        min-width:400px
    }
}

@media (max-width: 1279px) {
    .intro-history-img {
        min-width:300px
    }
}

@media (max-width: 959px) {
    .intro-history-img {
        height:300px;
        width: 100%
    }
}

.intro-history-items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
}

@media (max-width: 959px) {
    .intro-history-items {
        padding-left:50px
    }
}

.intro-history-item{
    display: flex;
    gap: 20px;
    height: 300px;
    width: 100%;
}

.intro-history-content{
    width: 380px;
    flex-shrink: 0;
}

.intro-history-items .year {
    background-color: #0081cc4d;
    box-sizing: border-box;
    height: 41px;
    padding-right: 5px;
    padding-top: 15px;
    text-align: right;
    width: 137px
}

.intro-history-items .year span {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 25px
}

.intro-history-items .event {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 25px;
    padding: 30px 0 30px 30px
}

@media (max-width: 1499px) {
    .intro-history-items .event {
        padding:30px 0 30px 30px
    }
}

.intro-history-items .event-item {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width: 719px) {
    .intro-history-items .event-item {
        font-size:.875rem
    }
}

.intro-history-items .event-item {
    margin: 20px 0
}

.intro-history-items .event-item .icon {
    margin-right: 10px
}

.member-info,.member-space {
    margin-block:40px;width: 100%
}

.member-info-process-title {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px
}

.member-info-process {
    width: 100%
}

.member-info-process-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px
}

.member-info-process-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1499px) {
    .member-info-process-items {
        gap:20px
    }
}

@media (max-width: 959px) {
    .member-info-process-items {
        gap:40px;
        justify-content: center
    }
}

@media (max-width: 719px) {
    .member-info-process-items {
        gap:10px;
        justify-content: space-between
    }
}

@media (max-width: 534px) {
    .member-info-process-items {
        flex-direction:column;
        gap: 10px
    }
}

@media (max-width: 534px) {
    .intro-history-items {
        padding: 10px;
    }
    .intro-history-item{
        flex-direction:column;
        gap: 10px;
        height: fit-content;
    }
    .intro-history-items .event {
        padding: 10px 0 10px 30px;
    }
    .intro-history-items .year span {
        font-size: 2rem;
    }
}

.member-info-process-items .app-icon circle,.member-info-process-items .app-icon path {
    fill: #e3eaf8
}

.member-info-process-item {
    align-items: center;
    border: 1px solid #e3eaf8;
    border-radius: 5px 100px 5px 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: center;
    position: relative;
    width: 200px
}

@media (max-width: 1499px) {
    .member-info-process-item {
        height:280px;
        width: 300px
    }
}

@media (max-width: 959px) {
    .member-info-process-item {
        height:280px;
        width: 200px
    }
}

.member-info-process-item-num {
    color: #003b90;
    font-family: EliceDX,sans-serif;
    font-size: 5rem;
    font-weight: 700;
    left: 10px;
    line-height: 1.2;
    position: absolute;
    top: 0
}

.member-info-process-item-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 90px
}

.member-info-process-item-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    line-height: 60px
}

.member-info-process-item-desc {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 0 40px;
    text-align: center;
    word-break: keep-all
}

@media (max-width: 534px) {
    .member-info-process-item-arrow {
        margin:10px 0;
        transform: rotate(90deg)
    }
}

.member-info-process-btn {
    margin: 30px 0
}

.member-info-process-btn button {
    background-color: #003b90;
    border-radius: 5px;
    color: #fff;
    padding: 15px 30px;
    width: 100%
}

.member-info-process-btn button:hover {
    background-color: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.member-search {
    margin-block:40px;width: 100%
}

.member-search-grade {
    width: 100%
}

.member-search-grade-items {
    align-items: center;
    border: 1px solid #003b90;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.member-search-grade-items li {
    width: 100%
}

.member-search-grade-items li:not(:last-child) button {
    border-right: 1px solid #003b90
}

.member-search-grade-item {
    color: #89909f;
    font-size: 1.125rem;
    font-weight: 400;
    height: 70px;
    line-height: 1.2;
    text-align: center;
    transition: all .3s ease-in;
    width: 100%
}

@media (max-width: 719px) {
    .member-search-grade-item {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .member-search-grade-item {
        font-size:.875rem;
        height: 50px
    }
}

.member-search-grade-item.active,.member-search-grade-item:hover {
    background-color: #003b90;
    color: #fff;
    cursor: pointer
}

.member-search-list {
    width: 100%
}

.member-search-list-table-wrapper {
    overflow-x: auto;
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    margin: 30px 0
}

.member-search-list table {
    border-bottom: 2px solid #444;
    border-collapse: collapse;
    border-top: 2px solid #444;
    font-size: 16px;
    min-width: 700px;
    table-layout: fixed;
    width: 100%
}

.member-search-list table th {
    background: #f7faff;
    border-bottom: 1px solid #e3eaf8;
    color: #333;
    font-size: 1.0625rem;
    font-weight: 400;
    height: 70px;
    line-height: 1.2
}

.member-search-list table tbody tr {
    border-bottom: 1px solid #e3eaf8;
    max-width: 0;
    position: relative
}

.member-search-list table tbody tr.fixed {
    background-color: #e3eaf8
}

.member-search-list table tbody td {
    box-sizing: border-box;
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    height: 65px;
    line-height: 1.2;
    text-align: center
}

.member-search-list table tbody td .logo {
    width: 100px
}

.member-search-list table tbody td .home {
    text-align: center
}

.member-search-list table tbody td .home .icon {
    width: 15px
}

.member-search-list table tbody td a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.member-application {
    margin-block:40px;width: 100%
}

.member-application-form-title {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px
}

.member-application-form-item {
    align-items: stretch;
    background-color: #f7faff;
    border-bottom: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 25px;
    justify-content: flex-start;
    line-height: 1.5
}

.member-application-form-item label {
    padding: 25px;
    position: relative;
    width: 150px
}

.member-application-form-item label:after {
    background-color: #e3eaf8;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.member-application-form-item .xmark {
    color: #666;
    width: 15px
}

.member-application-form-item .xmark:hover {
    color: #003b90;
    cursor: pointer
}

.member-application-form-item .input-file {
    align-items: center;
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 40px;
    justify-content: flex-start;
    margin: 20px 0;
    padding: 10px;
    width: 450px
}

.member-application-form-item .input-file .input {
    width: -moz-fit-content;
    width: fit-content
}

.member-application-form-item .input-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.member-application-form-item .input-text .info {
    color: red;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2
}

.member-application-form-item .check-btn {
    align-items: center;
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
    margin: 20px 0;
    padding: 0 20px
}

.member-application-form-item .check-btn:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.member-application-form-item .check-btn .icon {
    width: 18px
}

.member-application-form-item .uploadFile {
    display: none
}

.member-application-form-btn {
    margin: 30px 0
}

.member-application-form-btn button {
    background-color: #003b90;
    border-radius: 5px;
    color: #fff;
    padding: 15px 30px;
    width: 100%
}

.member-application-form-btn button:hover {
    background-color: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.notice-association {
    width: 100%
}

.notice-event {
    margin-block:30px;width: 100%
}

.notice-event-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
    margin: 30px 0
}

@media (max-width: 719px) {
    .notice-event-item {
        flex-direction:column
    }
}

.notice-event-item-img {
    height: 300px;
    width: 300px
}

@media (max-width: 719px) {
    .notice-event-item-img {
        width:100%
    }
}

.notice-event-item-img img {
    border-radius: 5px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.notice-event-item-content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    width: calc(100% - 330px)
}

@media (max-width: 719px) {
    .notice-event-item-content {
        width:100%
    }
}

.notice-event-item-content .title {
    font-family: EliceDX,sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px
}

.notice-event-item-content .desc {
    color: #89909f;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 10px 0
}

.notice-event-item-content ul {
    margin-top: 30px
}

.notice-event-item-content ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
    margin: 10px 0
}

.notice-event-item-content ul li .icon {
    width: 13px
}

.tech-battery {
    width: 100%
}

.tech-battery-item {
    align-items: center;
    border-bottom: 1px solid #e3eaf8;
    border-radius: 5px;
    border-top: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 30px 0;
    padding: 40px 20px;
    position: relative
}

@media (max-width: 719px) {
    .tech-battery-item {
        flex-direction:column;
        gap: 60px
    }
}

.tech-battery-item-category {
    color: #003b90;
    font-family: EliceDX,sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 30px;
    min-width: 150px;
    padding-left: 30px
}

.tech-battery-item-icon {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: -1
}

.tech-battery-item-icon .icon {
    height: 90px;
    opacity: .5
}

.tech-battery-item-icon .icon g,.tech-battery-item-icon .icon path {
    fill: #003b90!important
}

.tech-battery-item-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-left: 20px;
    position: relative
}

.tech-battery-item-list:before {
    background-color: #e3eaf8;
    border-radius: 2px;
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    width: 4px
}

.tech-battery-item-list li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 534px) {
    .tech-battery-item-list li {
        font-size:.875rem
    }
}

.tech-battery-item-list li.active {
    color: #003b90;
    font-weight: 600
}

.user-mypage {
    width: 100%
}

.user-mypage-info {
    border-top: 2px solid #333;
    width: 100%
}

.user-mypage-info-input {
    align-items: stretch;
    border-bottom: 1px solid #e3eaf8;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 25px;
    justify-content: flex-start;
    line-height: 1.2
}

@media (max-width: 534px) {
    .user-mypage-info-input {
        gap:10px
    }
}

.user-mypage-info-input .label {
    background-color: #f7faff;
    height: auto;
    padding: 25px;
    position: relative;
    width: 150px
}

@media (max-width: 534px) {
    .user-mypage-info-input .label {
        min-width:70px;
        padding: 15px;
        width: 70px
    }
}

.user-mypage-info-input .label span {
    color: red
}

.user-mypage-info-input span {
    line-height: 1.5;
    margin: 20px 0
}

.user-mypage-info-input input {
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 20px 0;
    padding: 10px;
    width: 450px
}

@media (max-width: 534px) {
    .user-mypage-info-input input {
        width:100%
    }
}

.user-mypage-info-input .check-btn {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    height: 40px;
    line-height: 1.2;
    margin: 20px 0;
    padding: 0 20px;
    white-space: nowrap
}

@media (max-width: 719px) {
    .user-mypage-info-input .check-btn {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .user-mypage-info-input .check-btn {
        font-size:.75rem;
        padding: 0 10px
    }
}

.user-mypage-info-corporate {
    margin-top: 30px
}

.user-mypage-info-corporate-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 20px 0
}

.user-mypage-info-btn {
    margin: 30px 0
}

.user-mypage-info-btn button {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    padding: 20px 0;
    width: 100%
}

.user-mypage-info-btn button:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.user-join,.user-join-container {
    width: 100%
}

.user-join-link {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-block:120px;width: 100%
}

.user-join-link button {
    width: 100%
}

.user-join-link .icon {
    color: #003b90;
    width: 70px
}

.user-join-link .text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

.user-join-link .btn {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin-top: 120px;
    padding: 10px 0;
    width: 100%
}

.user-join-link .btn:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e)
}

.user-withdrawal {
    width: 100%
}

.user-withdrawal-container {
    align-items: center;
    border: 1px solid #e3eaf8;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    margin-block:60px;padding: 30px
}

.user-withdrawal .icon {
    align-items: center;
    border-radius: 50%;
    color: #003b90;
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: flex-start;
    padding: 20px;
    width: 60px
}

.user-withdrawal .text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

.user-withdrawal .btn {
    background: #003b90;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin-top: 60px;
    max-width: 320px;
    padding: 10px 0;
    width: 100%
}

.user-withdrawal .btn:hover {
    background: linear-gradient(180deg,#2669c9,#003a8e);
    cursor: pointer
}

.header {
    background: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.header-top {
    background-color: #202B66;
    height: 45px;
    /* 👇 부드러운 효과 */
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.header-top.hide {
   display: none;
}

.header-top-menu {
    font-size: .875rem;
    font-weight: 400;
    gap: 30px;
    height: 100%;
    justify-content: flex-end;
    line-height: 1.2
}

.header-top-item,.header-top-menu {
    align-items: center;
    display: flex;
    flex-direction: row
}

.header-top-item {
    color: #fff;
    cursor: pointer;
    gap: 5px;
    justify-content: flex-start
}

.header-top-item:hover {
    color: #fff
}

.header-top-item .app-icon {
    width: 16px
}

.header-gnb {
    height: 100%;
    justify-content: space-between;
    pointer-events: auto;
    position: relative;
    transition: transform .5s,padding-bottom .5s;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: auto;
    z-index: 100
}

.header-gnb,.header-logo {
    align-items: center;
    display: flex;
    flex-direction: row
}

.header-logo {
    width: 200px;
    gap: 5px;
    justify-content: flex-start
}

.header-logo img{width: 150px;}


@media (max-width: 534px) {
    .header-logo img {
        width:135px;
    }
}

.header-logo .img {
    width: 40px
}

.header-logo .text {
    height: 100%;
    width: 370px
}

@media (max-width: 1279px) {
    .header-logo .img {
        width:35px
    }

    .header-logo .text {
        width: 300px
    }
}

@media (max-width: 534px) {
    .header-logo .img {
        width:20px
    }

    .header-logo .text {
        width: 240px
    }
}

.header-nav-items {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.header-nav-item {
    position: relative
}

.header-nav-item:hover>a:after {
    width: 100%
}

.header-nav-item>a,.header-nav-item>span {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: center
}

@media (max-width: 719px) {
    .header-nav-item>a,.header-nav-item>span {
        font-size:1rem
    }
}

@media (max-width: 534px) {
    .header-nav-item>a,.header-nav-item>span {
        font-size:.875rem
    }
}

.header-nav-item>a,.header-nav-item>span {
    height: 80px;
    line-height: 1.2;
    position: relative;
    text-align: center;
    transition: all .4s;
    width: 160px
}

@media (max-width: 1279px) {
    .header-nav-item>a,.header-nav-item>span {
        font-size:1rem;
        font-weight: 500;
        line-height: 1.2;
        width: 120px
    }
}

@media (max-width: 1279px) and (max-width:719px) {
    .header-nav-item>a,.header-nav-item>span {
        font-size:1rem
    }
}

@media (max-width: 1279px) and (max-width:534px) {
    .header-nav-item>a,.header-nav-item>span {
        font-size:.875rem
    }
}

.header-nav-item>a:after,.header-nav-item>span:after {
    background-color: #202B66;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transition: width .2s ease-in;
    width: 0
}

.header-nav-item>a.active,.header-nav-item>a:hover,.header-nav-item>span.active,.header-nav-item>span:hover {
    color: #202B66
}

.header-nav-item>a.active:after,.header-nav-item>a:hover:after,.header-nav-item>span.active:after,.header-nav-item>span:hover:after {
    width: 100%
}

.header-nav-item-sub {
    background: #fff;
    display: none;
    height: 250px;
    left: 0;
    position: fixed;
    top: 125px;
    width: 100vw
}

.header-nav-item-sub.visible {
    border-top: 1px solid #e3eaf8;
    display: block
}

.header-nav-item-sub-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start
}

.header-nav-item-sub-left {
    align-items: center;
    background-color: #f2f7f8;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-end;
    min-width: 340px
}

.header-nav-item-sub-left img {
    width: 110px
}

.header-nav-item-sub-title {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: flex-start;
    padding: 20px;
    width: 200px
}

.header-nav-item-sub-title p {
    color: #89909f;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    word-break: keep-all
}

.header-nav-item-sub-right {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%;
    justify-content: flex-start;
    padding: 20px 120px 20px 60px;
    width: 100%
}

@media (max-width: 1279px) {
    .header-nav-item-sub-right {
        padding:20px 60px 20px 30px
    }
}

.header-nav-item-sub li {
    box-sizing: border-box;
    margin: 0;
    text-align: center
}

.header-nav-item-sub li>a {
    align-items: center;
    border-bottom: 1px solid #e3eaf8;
    box-sizing: border-box;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    height: 45px;
    line-height: 1.2;
    overflow: hidden;
    position: relative;
    transition: color .3s ease;
    width: 250px
}

@media (max-width: 1279px) {
    .header-nav-item-sub li>a {
        width:180px
    }
}

.header-nav-item-sub li>a:hover {
    color: #fff
}

.header-nav-item-sub li>a .icon {
    margin-left: 5px;
    width: 12px
}

.header-nav-item-sub li>a:before {
    background: #EA5515;
    content: "";
    display: inline-block;
    height: 2px;
    margin-right: 8px;
    opacity: 0;
    transition: all .3s ease;
    width: 20px
}

.header-nav-item-sub li>a:hover:before {
    background-color: #fff;
    opacity: 1;
    width: 20px
}

.header-nav-item-sub li>a:after {
    background: linear-gradient(90deg,#F8B62D,#EA5515);
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: left .4s ease;
    width: 100%;
    z-index: -1
}

.header-nav-item-sub li>a:hover:after {
    left: 0
}

.header-nav-item-sub li>a,.header-nav-item-sub li>a span {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: 1rem;
}

.header-back {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    height: 60px;
    justify-content: center;
    position: relative;
    width: 30px;
}

.header-back img{
    transform: rotate(90deg);
    height: 34px;
    margin-top: 5px;
}

.header-hamburger {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    height: 60px;
    justify-content: center;
    position: relative;
    width: 30px
}

.header-hamburger span {
    background: #000;
    border-radius: 2px;
    display: block;
    height: 3px;
    transform-origin: center;
    transition: all .3s ease;
    width: 100%
}

.header-hamburger.active span:first-child {
    transform: rotate(45deg) translate(7px,6px)
}

.header-hamburger.active span:nth-child(2) {
    opacity: 0
}

.header-hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px,-5px)
}

@media (max-width: 959px) {

    .header-back {
        align-items:center;
        display: flex;
        justify-content: center
    }

    .header-hamburger {
        align-items:center;
        display: flex;
        justify-content: center
    }

    .header-nav {
        display: none
    }

    .header-logo{
        width: auto;
        padding-left: 28px;
    }
}
.header-bg {
    background-color: #f2f7f8;
    height: 250px;
    position: absolute;
    top: 125px;
    width: 100%
}

.mobile-header-nav {
    display: none;
    height: 0;
    max-height: 0;
    position: absolute;
    right: 0;
    top: 60px;
    transition: all .3s ease-in;
    width: 100%
}

.mobile-header-nav.open {
    display: block;
    height: 100%
}

.mobile-header-nav.open .mobile-header-nav-items {
    height: 100vh;
}

.mobile-header-nav-items {
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in
}

.mobile-header-nav-item.open>span {
    color: #003a8e
}

.mobile-header-nav-item.open>span>img{
    transform: rotate(180deg);
}

.mobile-header-nav-item.open .mobile-header-nav-item-sub {
    max-height: 500px
}

.mobile-header-nav-item.open .mobile-header-nav-item-icon {
    transform: rotate(-180deg)
}

.mobile-header-nav-item>span {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0 1.875rem;
    padding: 20px 0;
    position: relative;
    text-align: center
}

.mobile-header-nav-item>span div {
    flex: 1
}

.mobile-header-nav-item>span img {
    height: 18px;
    transition: all .3s ease-in
}

.mobile-header-nav-item>span:after {
    background-color: #2669c9;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transition: width .3s ease-in;
    width: 0
}

.mobile-header-nav-item-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height .7s ease-in
}

.mobile-header-nav-item-sub li {
    margin: 0;
    text-align: center
}

.mobile-header-nav-item-sub li>a {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 40px;
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
}

.mobile-header-nav-item-sub li>a .icon {
    width: 10px
}

.mobile-header-bg {
    background: #fff;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in;
    width: 100%
}

.mobile-header-bg.open {
    height: 100vh;
    z-index: -1
}

@media (max-width: 959px) {
    .mobile-header-nav {
        display:block
    }
}

.footer {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.footer-top {
    background-color: #222;
    height: 60px;
    width: 100%
}

.footer-top a {
    color: #fff
}

.footer-top-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 20px;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.2
}

.footer-bottom {
    background-color: #111;
    box-sizing: border-box;
    min-height: 190px;
    padding: 40px 0;
    width: 100%
}

.footer-bottom-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 40px;
    height: 100%;
    justify-content: flex-start
}
.footer a{color: #727783;}

@media (max-width: 959px) {
    .footer-bottom-container {
        align-items:flex-start;
        flex-direction: column
    }
}

.footer-logo {
    max-width: 100%;
    width: 200px
}

.footer-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .6;
    width: 100%
}

.footer-content {
    color: #727783;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2;
    line-height: 1.32
}

.footer-content-company {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: flex-start
}

@media (max-width: 1279px) {
    .footer-content-company {
        align-items:flex-start;
        flex-direction: column;
        gap: 0
    }
}

.footer-content-company p+p {
    position: relative
}

.footer-content-company p+p:before {
    background-color: #727783;
    content: "";
    height: 14px;
    left: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media (max-width: 1279px) {
    .footer-content-company p+p:before {
        display:none
    }
}

.footer-content-copyright {
    margin-top: 10px
}

.sub-visual {
    background: url(/images/intro/background.jpg);
    background-position: 50%;
    background-size: cover;
    height: 250px;
    margin-top: 125px
}


@media (max-width: 534px) {
    .sub-visual {
        margin-top: 105px
    }
}

.sub-visual-container {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: EliceDX,sans-serifs;
    gap: 15px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.sub-visual-container h3 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2
}

.sub-visual-container p {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2
}

.sub-nav {
    min-width: 250px
}

@media (max-width: 959px) {
    .sub-nav {
        display:none
    }
}

@media (max-width: 535px) {
    .sub-visual {
        height: 180px;
    }
}

.sub-nav-title {
    align-items: center;
    background: linear-gradient(315deg, #2669c9, #003a8e, #2669c9);
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: EliceDX,sans-serifs;
    height: 130px;
    justify-content: center;
    width: 100%
}

.sub-nav-title h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2
}

.sub-nav-items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.sub-nav-items>li {
    width: 100%
}

.sub-nav-item {
    align-items: center;
    border-bottom: 1px solid #e3eaf8;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 58px;
    justify-content: space-between;
    line-height: 58px;
    padding: 0 10px;
    transition: all .3s ease-in;
    width: 100%
}

.sub-nav-item svg {
    color: #2669c9;
    opacity: 0;
    transition: all .3s ease-in;
    width: 8px
}

.sub-nav-item.active,.sub-nav-item:hover {
    color: #2669c9
}

.sub-nav-item.active svg,.sub-nav-item:hover svg {
    opacity: 1
}

.default-main {
    flex-direction: row;
    gap: 35px;
    margin-block:30px;min-height: calc(100vh - 628px);
    width: 100%
}


@media (max-width: 535px) {
    .default-main {
        margin-block:15px;
    }
}


.default-main,.default-main-page {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start
}

.default-main-page {
    flex-direction: column;
    width: calc(100% - 285px)
}

.default-main-page.no-side {
    width: 100%;
}

@media (max-width: 959px) {
    .default-main-page {
        width:100%
    }
}
 .ck-hidden {
     display: none!important
 }

.ck-reset_all :not(.ck-reset_all-excluded *),.ck.ck-reset,.ck.ck-reset_all {
    box-sizing: border-box;
    height: auto;
    position: static;
    width: auto
}

:root {
    --ck-z-default: 1;
    --ck-z-panel: calc(var(--ck-z-default) + 999);
    --ck-z-dialog: 9999
}

.ck-transitions-disabled,.ck-transitions-disabled * {
    transition: none!important
}

:root {
    --ck-powered-by-line-height: 10px;
    --ck-powered-by-padding-vertical: 2px;
    --ck-powered-by-padding-horizontal: 4px;
    --ck-powered-by-text-color: #4f4f4f;
    --ck-powered-by-border-radius: var(--ck-border-radius);
    --ck-powered-by-background: #fff;
    --ck-powered-by-border-color: var(--ck-color-focus-border)
}

.ck.ck-balloon-panel.ck-powered-by-balloon {
    --ck-border-radius: var(--ck-powered-by-border-radius);
    background: var(--ck-powered-by-background);
    box-shadow: none;
    min-height: unset;
    z-index: calc(var(--ck-z-panel) - 1)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
    line-height: var(--ck-powered-by-line-height)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
    align-items: center;
    cursor: pointer;
    display: flex;
    filter: grayscale(80%);
    line-height: var(--ck-powered-by-line-height);
    opacity: .66;
    padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal)
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by-label {
    color: var(--ck-powered-by-text-color);
    cursor: pointer;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: normal;
    margin-right: 4px;
    padding-left: 2px;
    text-transform: uppercase
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
    cursor: pointer;
    display: block
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
    filter: grayscale(0);
    opacity: 1
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] {
    border-color: transparent
}

.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
    border: var(--ck-focus-ring);
    border-color: var(--ck-powered-by-border-color)
}

 .ck.ck-icon {
     vertical-align: middle
 }

.ck.ck-button,a.ck.ck-button {
    display: inline-flex;
    position: relative;
}

.ck.ck-button .ck-button-label,a.ck.ck-button .ck-button-label {
    display: none
}

.ck.ck-button.ck-button_with-text .ck-button-label,a.ck.ck-button.ck-button_with-text .ck-button-label {
    display: inline-block
}

.ck.ck-button:not(.ck-button_with-text),a.ck.ck-button:not(.ck-button_with-text) {
    justify-content: center
}
 .ck.ck-button.ck-switchbutton .ck-button-toggle,.ck.ck-button.ck-switchbutton .ck-button-toggle .ck-button-toggle-inner {
     display: block
 }
 .ck.ck-collapsible.ck-collapsible_collapsed>.ck-collapsible-children {
     display: none
 }
 .ck.ck-color-grid {
     display: grid
 }
 .ck.ck-label {
     display: block
 }

.ck.ck-voice-label {
    display: none
}
 .ck.ck-labeled-field-view>.ck.ck-labeled-field-view-input-wrapper {
     display: flex;
     position: relative
 }

.ck.ck-labeled-field-view .ck.ck-label {
    display: block;
    position: absolute
}
 :root {
     --ck-dropdown-max-width: 75vw
 }

.ck.ck-dropdown {
    display: inline-block;
    position: relative
}

.ck.ck-dropdown .ck-dropdown-arrow {
    pointer-events: none;
    z-index: var(--ck-z-default)
}

.ck.ck-dropdown .ck-button.ck-dropdown-button {
    width: 100%
}

.ck.ck-dropdown .ck-dropdown-panel {
    display: none;
    max-width: var(--ck-dropdown-max-width);
    position: absolute;
    z-index: var(--ck-z-panel)
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel-visible {
    display: inline-block
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_n,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_ne,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nme,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nmw,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nw {
    bottom: 100%
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_s,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_se,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_sme,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_smw,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_sw {
    bottom: auto;
    top: 100%
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_ne,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_se {
    left: 0
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nw,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_sw {
    right: 0
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_n,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_s {
    left: 50%;
    transform: translate(-50%)
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nmw,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_smw {
    left: 75%;
    transform: translate(-75%)
}

.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_nme,.ck.ck-dropdown .ck-dropdown-panel.ck-dropdown-panel_sme {
    left: 25%;
    transform: translate(-25%)
}

.ck.ck-toolbar .ck-dropdown-panel {
    z-index: calc(var(--ck-z-panel) + 1)
}
 .ck .ck-placeholder,.ck.ck-placeholder {
     position: relative
 }

.ck .ck-placeholder:before,.ck.ck-placeholder:before {
    content: attr(data-placeholder);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.ck.ck-read-only .ck-placeholder:before {
    display: none
}

.ck.ck-reset_all .ck-placeholder {
    position: relative
}
 .ck.ck-editor-editable span[data-ck-unsafe-element] {
     display: none
 }

.ck.ck-toolbar {
    display: flex;
    flex-flow: row nowrap
}

.ck.ck-toolbar>.ck-toolbar-items {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1
}

.ck.ck-toolbar .ck.ck-toolbar-separator {
    display: inline-block
}

.ck.ck-toolbar .ck.ck-toolbar-separator:first-child,.ck.ck-toolbar .ck.ck-toolbar-separator:last-child {
    display: none
}

.ck.ck-toolbar .ck-toolbar-line-break {
    flex-basis: 100%
}

.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar-items {
    flex-wrap: nowrap
}

.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar-items {
    flex-direction: column
}

.ck.ck-toolbar.ck-toolbar_floating>.ck-toolbar-items {
    flex-wrap: nowrap
}

.ck.ck-toolbar>.ck.ck-toolbar-grouped-dropdown>.ck-dropdown-button .ck-dropdown-arrow {
    display: none
}

.ck.ck-list {
    flex-direction: column
}

.ck.ck-list .ck-list-item,.ck.ck-list .ck-list-separator {
    display: block
}

.ck.ck-list .ck-list-item>:focus {
    position: relative;
    z-index: var(--ck-z-default)
}
 .ck.ck-splitbutton {
     font-size: inherit
 }

.ck.ck-splitbutton .ck-splitbutton-action:focus {
    z-index: calc(var(--ck-z-default) + 1)
}
 :root {
     --ck-toolbar-dropdown-max-width: 60vw
 }

.ck.ck-toolbar-dropdown>.ck-dropdown-panel {
    max-width: var(--ck-toolbar-dropdown-max-width);
    width: max-content
}

.ck.ck-toolbar-dropdown>.ck-dropdown-panel .ck-button:focus {
    z-index: calc(var(--ck-z-default) + 1)
}
 .color-picker-hex-input {
     width: max-content
 }

.color-picker-hex-input .ck.ck-input {
    min-width: unset
}

.ck.ck-color-picker-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: var(--ck-spacing-large) 0 0;
    width: unset
}

.ck.ck-color-picker-row .ck.ck-labeled-field-view {
    padding-top: unset
}

.ck.ck-color-picker-row .ck.ck-input-text {
    width: unset
}

.ck.ck-color-picker-row .ck-color-picker-hash-view {
    padding-right: var(--ck-spacing-medium);
    padding-top: var(--ck-spacing-tiny)
}
 .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector-color-picker,.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector-remove-color {
     align-items: center;
     display: flex;
 }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel,.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save {
    flex: 1
}
 .ck.ck-form-header {
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between
 }

.ck.ck-form-header h2.ck-form-header-label {
    flex-grow: 1
}
 .ck.ck-dialog .ck.ck-dialog-actions {
     display: flex;
     justify-content: flex-end
 }
 .ck.ck-dialog-overlay {
     bottom: 0;
     left: 0;
     overscroll-behavior: none;
     position: fixed;
     right: 0;
     top: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none
 }

.ck.ck-dialog-overlay.ck-dialog-overlay-transparent {
    animation: none;
    background: none;
    pointer-events: none
}

.ck.ck-dialog {
    overscroll-behavior: none;
    position: absolute;
    width: fit-content;
}

.ck.ck-dialog .ck.ck-form-header {
    flex-shrink: 0
}

.ck.ck-dialog .ck.ck-form-header .ck-form-header-label {
    cursor: grab
}
 :root {
     --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3)
 }

.ck.ck-balloon-panel {
    display: none;
    position: absolute;
    z-index: var(--ck-z-panel)
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
    content: "";
    position: absolute
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
    z-index: var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
    z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel[class*=arrow_n]:before {
    z-index: var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel[class*=arrow_n]:after {
    z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel[class*=arrow_s]:before {
    z-index: var(--ck-balloon-panel-arrow-z-index)
}

.ck.ck-balloon-panel[class*=arrow_s]:after {
    z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1)
}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
    display: block
}
 .ck.ck-balloon-panel.ck-tooltip {
     pointer-events: none;
     z-index: calc(var(--ck-z-dialog) + 100)
 }
 .ck.ck-aria-live-announcer {
     left: -10000px;
     position: absolute;
     top: -10000px
 }
 .ck .ck-balloon-rotator-navigation {
     align-items: center;
     display: flex;
     justify-content: center
 }

.ck .ck-balloon-rotator-content .ck-toolbar {
    justify-content: center
}
 .ck .ck-fake-panel {
     position: absolute;
     z-index: calc(var(--ck-z-panel) - 1)
 }

.ck .ck-fake-panel div {
    position: absolute
}

.ck .ck-fake-panel div:first-child {
    z-index: 2
}

.ck .ck-fake-panel div:nth-child(2) {
    z-index: 1
}
 .ck.ck-sticky-panel .ck-sticky-panel-content_sticky {
     position: fixed;
     top: 0;
     z-index: var(--ck-z-panel)
 }

.ck.ck-sticky-panel .ck-sticky-panel-content_sticky_bottom-limit {
    position: absolute;
    top: auto
}
 .ck.ck-search>.ck-labeled-field-view>.ck-labeled-field-view-input-wrapper>.ck-icon {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

.ck.ck-search>.ck-labeled-field-view .ck-search-reset {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ck.ck-search>.ck-search-results>.ck-search-info>span:first-child {
    display: block
}

.ck.ck-search>.ck-search-results>.ck-search-info:not(.ck-hidden)~* {
    display: none
}
 .ck.ck-autocomplete {
     position: relative
 }

.ck.ck-autocomplete>.ck-search-results {
    position: absolute;
    z-index: var(--ck-z-panel)
}

.ck.ck-autocomplete>.ck-search-results.ck-search-results_n {
    bottom: 100%
}

.ck.ck-autocomplete>.ck-search-results.ck-search-results_s {
    bottom: auto;
    top: 100%
}

 .ck.ck-highlighted-text mark {
     background: var(--ck-color-highlight-background);
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     vertical-align: initial
 }

 :root {
     --ck-toolbar-spinner-size: 18px
 }

.ck.ck-spinner-container {
    display: block;
    position: relative
}

.ck.ck-spinner {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

 .ck.ck-block-toolbar-button {
     position: absolute;
     z-index: var(--ck-z-default)
 }

 .ck.ck-editor {
     position: relative
 }

.ck.ck-editor .ck-editor-top .ck-sticky-panel .ck-toolbar {
    z-index: var(--ck-z-panel)
}

.ck-content{
    line-height: 1.5em;
}

 .ck-content code {
     background-color: #c7c7c74d;
     border-radius: 2px;
     padding: .15em
 }

.ck.ck-editor-editable .ck-code_selected {
    background-color: #c7c7c780
}

 .ck-content blockquote {
     border-left: 5px solid #ccc;
     font-style: italic;
     margin-left: 0;
     margin-right: 0;
     overflow: hidden;
     padding-left: 1.5em;
     padding-right: 1.5em
 }

.ck-content[dir=rtl] blockquote {
    border-left: 0;
    border-right: 5px solid #ccc
}

 :root {
     --ck-image-processing-highlight-color: #f9fafa;
     --ck-image-processing-background-color: #e3e5e8
 }

.ck.ck-editor-editable .image.image-processing {
    position: relative
}

.ck.ck-editor-editable .image.image-processing:before {
    animation: ck-image-processing-animation 2s linear infinite;
    background: linear-gradient(90deg,var(--ck-image-processing-background-color),var(--ck-image-processing-highlight-color),var(--ck-image-processing-background-color));
    background-size: 200% 100%;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ck.ck-editor-editable .image.image-processing img,.ck.ck-editor-editable .image.image-processing:before {
    height: 100%
}

@keyframes ck-image-processing-animation {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

 .ck .ck-widget .ck-widget-type-around-button {
     display: block;
     overflow: hidden;
     position: absolute;
     z-index: var(--ck-z-default)
 }

.ck .ck-widget .ck-widget-type-around-button svg {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: calc(var(--ck-z-default) + 2)
}

.ck .ck-widget .ck-widget-type-around-button.ck-widget-type-around-button_before {
    left: min(10%,30px);
    top: calc(var(--ck-widget-outline-thickness)*-.5);
    transform: translateY(-50%)
}

.ck .ck-widget .ck-widget-type-around-button.ck-widget-type-around-button_after {
    bottom: calc(var(--ck-widget-outline-thickness)*-.5);
    right: min(10%,30px);
    transform: translateY(50%)
}

.ck .ck-widget.ck-widget_selected>.ck-widget-type-around>.ck-widget-type-around-button:after,.ck .ck-widget>.ck-widget-type-around>.ck-widget-type-around-button:hover:after {
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    top: 1px;
    z-index: calc(var(--ck-z-default) + 1)
}

.ck .ck-widget>.ck-widget-type-around>.ck-widget-type-around-fake-caret {
    display: none;
    left: 0;
    position: absolute;
    right: 0
}

.ck .ck-widget:hover>.ck-widget-type-around>.ck-widget-type-around-fake-caret {
    left: calc(var(--ck-widget-outline-thickness)*-1);
    right: calc(var(--ck-widget-outline-thickness)*-1)
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget-type-around>.ck-widget-type-around-fake-caret {
    display: block;
    top: calc(var(--ck-widget-outline-thickness)*-1 - 1px)
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget-type-around>.ck-widget-type-around-fake-caret {
    bottom: calc(var(--ck-widget-outline-thickness)*-1 - 1px);
    display: block
}

.ck.ck-editor-editable.ck-read-only .ck-widget-type-around,.ck.ck-editor-editable.ck-restricted-editing_mode_restricted .ck-widget-type-around,.ck.ck-editor-editable.ck-widget-type-around_disabled .ck-widget-type-around {
    display: none
}

 :root {
     --ck-color-resizer: var(--ck-color-focus-border);
     --ck-color-resizer-tooltip-background: #262626;
     --ck-color-resizer-tooltip-text: #f2f2f2;
     --ck-resizer-border-radius: var(--ck-border-radius);
     --ck-resizer-tooltip-offset: 10px;
     --ck-resizer-tooltip-height: calc(var(--ck-spacing-small)*2 + 10px)
 }

.ck .ck-widget,.ck .ck-widget.ck-widget_with-selection-handle {
    position: relative
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget-selection-handle {
    position: absolute
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget-selection-handle .ck-icon {
    display: block
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget-selection-handle,.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget-selection-handle {
    visibility: visible
}

.ck .ck-size-view {
    background: var(--ck-color-resizer-tooltip-background);
    border: 1px solid var(--ck-color-resizer-tooltip-text);
    border-radius: var(--ck-resizer-border-radius);
    color: var(--ck-color-resizer-tooltip-text);
    display: block;
    font-size: var(--ck-font-size-tiny);
    height: var(--ck-resizer-tooltip-height);
    line-height: var(--ck-resizer-tooltip-height);
    padding: 0 var(--ck-spacing-small)
}

.ck .ck-size-view.ck-orientation-above-center,.ck .ck-size-view.ck-orientation-bottom-left,.ck .ck-size-view.ck-orientation-bottom-right,.ck .ck-size-view.ck-orientation-top-left,.ck .ck-size-view.ck-orientation-top-right {
    position: absolute
}

.ck .ck-size-view.ck-orientation-top-left {
    left: var(--ck-resizer-tooltip-offset);
    top: var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-top-right {
    right: var(--ck-resizer-tooltip-offset);
    top: var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-bottom-right {
    bottom: var(--ck-resizer-tooltip-offset);
    right: var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-bottom-left {
    bottom: var(--ck-resizer-tooltip-offset);
    left: var(--ck-resizer-tooltip-offset)
}

.ck .ck-size-view.ck-orientation-above-center {
    left: 50%;
    top: calc(var(--ck-resizer-tooltip-height)*-1);
    transform: translate(-50%)
}

 .ck .ck-widget_with-resizer {
     position: relative
 }

.ck .ck-widget-resizer {
    display: none;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected>.ck-widget-resizer {
    display: block
}

.ck .ck-widget-resizer-handle {
    pointer-events: all;
    position: absolute
}

.ck .ck-widget-resizer-handle.ck-widget-resizer-handle-bottom-right,.ck .ck-widget-resizer-handle.ck-widget-resizer-handle-top-left {
    cursor: nwse-resize
}

.ck .ck-widget-resizer-handle.ck-widget-resizer-handle-bottom-left,.ck .ck-widget-resizer-handle.ck-widget-resizer-handle-top-right {
    cursor: nesw-resize
}

 .ck.ck-editor-editable .ck.ck-clipboard-drop-target-position {
     display: inline;
     pointer-events: none;
     position: relative
 }

.ck.ck-editor-editable .ck.ck-clipboard-drop-target-position span {
    position: absolute;
    width: 0
}

.ck.ck-editor-editable .ck-widget:-webkit-drag>.ck-widget-selection-handle,.ck.ck-editor-editable .ck-widget:-webkit-drag>.ck-widget-type-around {
    display: none
}

.ck.ck-clipboard-drop-target-line {
    pointer-events: none;
    position: absolute
}

 .ck.ck-heading_heading1 {
     font-size: 20px
 }

.ck.ck-heading_heading2 {
    font-size: 17px
}

.ck.ck-heading_heading3 {
    font-size: 14px
}

.ck[class*=ck-heading_heading] {
    font-weight: 700
}

 .ck.ck-text-alternative-form {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }

.ck.ck-text-alternative-form .ck-labeled-field-view {
    display: inline-block
}

.ck.ck-text-alternative-form .ck-label {
    display: none
}

 .ck-vertical-form .ck-button:after {
     bottom: -1px;
     content: "";
     position: absolute;
     right: -1px;
     top: -1px;
     width: 0;
     z-index: 1
 }

.ck-vertical-form .ck-button:focus:after {
    display: none
}

.ck.ck-responsive-form {
}

 .ck.ck-editor-editable img.image_placeholder {
     background-size: 100% 100%
 }

 .ck.ck-image-insert-url .ck-image-insert-url-action-row {
     display: grid;
     grid-template-columns: repeat(2,1fr)
 }

 .ck-content .image {
     clear: both;
     display: table;
     margin: .9em auto;
     min-width: 50px;
     text-align: center
 }

.ck-content .image img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%
}

.ck-content .image-inline {
    align-items: flex-start;
    display: inline-flex;
    max-width: 100%
}

.ck-content .image-inline picture {
    display: flex
}

.ck-content .image-inline img,.ck-content .image-inline picture {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%
}

.ck.ck-editor-editable .image>figcaption.ck-placeholder:before {
    overflow: hidden;
    padding-left: inherit;
    padding-right: inherit;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ck.ck-editor-editable .image {
    z-index: 1
}

.ck.ck-editor-editable .image.ck-widget_selected {
    z-index: 2
}

.ck.ck-editor-editable .image-inline {
    z-index: 1
}

.ck.ck-editor-editable .image-inline.ck-widget_selected {
    z-index: 2
}

.ck.ck-editor-editable .image-inline.ck-widget_selected ::-moz-selection {
    display: none
}

.ck.ck-editor-editable .image-inline.ck-widget_selected ::selection {
    display: none
}

.ck.ck-editor-editable .image-inline img {
    height: auto
}

.ck.ck-editor-editable td .image-inline img,.ck.ck-editor-editable th .image-inline img {
    max-width: none
}

 :root {
     --ck-color-image-caption-background: #f7f7f7;
     --ck-color-image-caption-text: #333;
     --ck-color-image-caption-highligted-background: #fd0
 }

.ck-content .image>figcaption {
    background-color: var(--ck-color-image-caption-background);
    caption-side: bottom;
    color: var(--ck-color-image-caption-text);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    word-break: break-word
}

.ck.ck-editor-editable .image>figcaption.image-caption_highlighted {
    animation: ck-image-caption-highlight .6s ease-out
}

@keyframes ck-image-caption-highlight {
    0% {
        background-color: var(--ck-color-image-caption-highligted-background)
    }

    to {
        background-color: var(--ck-color-image-caption-background)
    }
}

 .ck.ck-editor-editable .image,.ck.ck-editor-editable .image-inline {
     position: relative
 }

.ck.ck-editor-editable .image .ck-progress-bar,.ck.ck-editor-editable .image-inline .ck-progress-bar {
    left: 0;
    position: absolute;
    top: 0
}

 .ck-image-upload-complete-icon {
     border-radius: 50%;
     display: block;
     position: absolute;
     right: min(var(--ck-spacing-medium),6%);
     top: min(var(--ck-spacing-medium),6%);
     z-index: 1
 }

.ck-image-upload-complete-icon:after {
    content: "";
    position: absolute
}

 .ck .ck-upload-placeholder-loader {
     align-items: center;
     display: flex;
     justify-content: center;
     left: 0;
     position: absolute;
     top: 0
 }

.ck .ck-upload-placeholder-loader:before {
    content: "";
    position: relative
}

 .ck-content img.image_resized {
     height: auto
 }

.ck-content .image.image_resized {
    box-sizing: border-box;
    display: block;
    max-width: 100%
}

.ck-content .image.image_resized img {
    width: 100%
}

.ck-content .image.image_resized>figcaption {
    display: block
}

.ck.ck-editor-editable td .image-inline.image_resized img,.ck.ck-editor-editable th .image-inline.image_resized img {
    max-width: 100%
}

[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button-icon {
    margin-right: var(--ck-spacing-standard)
}

[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button-icon {
    margin-left: var(--ck-spacing-standard)
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button-label {
    width: 4em
}

 :root {
     --ck-image-style-spacing: 1.5em;
     --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing)/2)
 }

.ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing))
}

.ck-content .image-style-align-left,.ck-content .image-style-align-right {
    clear: none
}

.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%
}

.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing)
}

.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0
}

.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto
}

.ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side {
    margin-top: 0
}

.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right {
    margin-bottom: var(--ck-inline-image-style-spacing);
    margin-top: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing)
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-arrow:not(.ck-disabled):not(:hover),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-arrow:not(.ck-disabled):not(:hover) {
    background-color: var(--ck-color-button-on-background)
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton-arrow:not(.ck-disabled):not(:hover):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-action:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-arrow:not(.ck-disabled):after,.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton-arrow:not(.ck-disabled):not(:hover):after {
    display: none
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton-action:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton-arrow:not(.ck-disabled),.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton-arrow:not(.ck-disabled):not(:hover) {
    background-color: var(--ck-color-button-on-hover-background)
}

 .ck.ck-link-form {
     display: flex;
 }

.ck.ck-link-form .ck-label {
    display: none
}

.ck.ck-link-form_layout-vertical {
    display: block
}

.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,.ck.ck-link-form_layout-vertical .ck-button.ck-button-save {
    margin-top: var(--ck-spacing-medium)
}

 .ck.ck-link-actions {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }

.ck.ck-link-actions .ck-link-actions-preview {
    display: inline-block
}

.ck.ck-link-actions .ck-link-actions-preview .ck-button-label {
    overflow: hidden
}

 .ck.ck-editor-editable a span.image-inline:after,.ck.ck-editor-editable figure.image>a:after {
     display: block;
     position: absolute
 }

 .ck-editor-editable .ck-list-bogus-paragraph {
     display: block
 }

 .ck-content ol {
     list-style-type: decimal
 }

.ck-content ol ol {
    list-style-type: lower-latin
}

.ck-content ol ol ol {
    list-style-type: lower-roman
}

.ck-content ol ol ol ol {
    list-style-type: upper-latin
}

.ck-content ol ol ol ol ol {
    list-style-type: upper-roman
}

.ck-content ul {
    list-style-type: disc
}

.ck-content ul ul {
    list-style-type: circle
}

.ck-content ul ul ul,.ck-content ul ul ul ul {
    list-style-type: square
}

 .ck.ck-list-styles-list {
     display: grid
 }

 :root {
     --ck-todo-list-checkmark-size: 16px
 }


.ck-content .todo-list {
    list-style: none
}

.ck-content .todo-list li {
    margin-bottom: 5px;
    position: relative
}

.ck-content .todo-list li .todo-list {
    margin-top: 5px
}

.ck-content .todo-list .todo-list-label>input {}

.ck-content .todo-list .todo-list-label .todo-list-label-description {
    vertical-align: middle
}

.ck-content .todo-list .todo-list-label.todo-list-label_without-description input[type=checkbox] {
    position: absolute
}

.ck-editor-editable.ck-content .todo-list .todo-list-label>input,.ck-editor-editable.ck-content .todo-list .todo-list-label>span[contenteditable=false]>input {
    cursor: pointer
}

.ck-editor-editable.ck-content .todo-list .todo-list-label>input:hover:before,.ck-editor-editable.ck-content .todo-list .todo-list-label>span[contenteditable=false]>input:hover:before {
    box-shadow: 0 0 0 5px #0000001a
}

.ck-editor-editable.ck-content .todo-list .todo-list-label>span[contenteditable=false]>input {}

.ck-editor-editable.ck-content .todo-list .todo-list-label.todo-list-label_without-description input[type=checkbox] {
    position: absolute
}

 .ck-media-wrapper .ck-media-placeholder {
     align-items: center;
     display: flex;
     flex-direction: column
 }

.ck-media-wrapper .ck-media-placeholder .ck-media-placeholder-url {
    max-width: 100%;
    position: relative
}

.ck-media-wrapper .ck-media-placeholder .ck-media-placeholder-url .ck-media-placeholder-url-text {
    display: block;
    overflow: hidden
}

.ck-media-wrapper[data-oembed-url*="facebook.com"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="goo.gl/maps"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="google.com/maps"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="instagram.com"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="maps.google.com"] .ck-media-placeholder-icon *,.ck-media-wrapper[data-oembed-url*="twitter.com"] .ck-media-placeholder-icon * {
    display: none
}

.ck-editor-editable:not(.ck-read-only) .ck-media-wrapper>:not(.ck-media-placeholder),.ck-editor-editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media-placeholder {
    pointer-events: none
}

 .ck.ck-media-form {
     align-items: flex-start;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }

.ck.ck-media-form .ck-labeled-field-view {
    display: inline-block
}

.ck.ck-media-form .ck-label {
    display: none
}

 .ck-content .media {
     clear: both;
     display: block;
     margin: .9em 0;
     min-width: 15em
 }

 .ck .ck-insert-table-dropdown-grid {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap
 }

 .ck-content .table {
     display: table;
     margin: .9em auto
 }

.ck-content .table table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%
}

.ck-content .table table td,.ck-content .table table th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: .4em
}

.ck-content .table table th {
    background: #0000000d;
    font-weight: 700
}

.ck-content[dir=rtl] .table th {
    text-align: right
}

.ck-content[dir=ltr] .table th {
    text-align: left
}

.ck-editor-editable .ck-table-bogus-paragraph {
    display: inline-block;
    width: 100%
}

 .ck.ck-input-color {
     display: flex;
     flex-direction: row-reverse;
     width: 100%
 }

.ck.ck-input-color>input.ck.ck-input-text {
    flex-grow: 1;
    min-width: auto
}

.ck.ck-input-color>div.ck.ck-dropdown {
    min-width: auto
}

.ck.ck-input-color>div.ck.ck-dropdown>.ck-input-color-button .ck-dropdown-arrow {
    display: none
}

.ck.ck-input-color .ck.ck-input-color-button {
    display: flex
}

.ck.ck-input-color .ck.ck-input-color-button .ck.ck-input-color-button-preview {
    overflow: hidden;
    position: relative
}

.ck.ck-input-color .ck.ck-input-color-button .ck.ck-input-color-button-preview>.ck.ck-input-color-button-preview-no-color-indicator {
    display: block;
    position: absolute
}

 .ck.ck-form-row {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between
 }

.ck.ck-form-row>:not(.ck-label) {
    flex-grow: 1
}

.ck.ck-form-row.ck-table-form-action-row .ck-button-cancel,.ck.ck-form-row.ck-table-form-action-row .ck-button-save {
    justify-content: center
}

 .ck.ck-table-form .ck-form-row.ck-table-form-background-row,.ck.ck-table-form .ck-form-row.ck-table-form-border-row {
     flex-wrap: wrap
 }

.ck.ck-table-form .ck-form-row.ck-table-form-dimensions-row {
    align-items: center;
    flex-wrap: wrap
}

.ck.ck-table-form .ck-form-row.ck-table-form-dimensions-row .ck-labeled-field-view {
    align-items: center;
    display: flex;
    flex-direction: column-reverse
}

.ck.ck-table-form .ck-form-row.ck-table-form-dimensions-row .ck-labeled-field-view .ck.ck-dropdown,.ck.ck-table-form .ck-form-row.ck-table-form-dimensions-row .ck-table-form-dimension-operator {
    flex-grow: 0
}

.ck.ck-table-form .ck.ck-labeled-field-view {
    position: relative
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view-status {
    bottom: calc(var(--ck-table-properties-error-arrow-size)*-1);
    left: 50%;
    position: absolute;
    transform: translate(-50%,100%);
    z-index: 1
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view-status:after {
    content: "";
    left: 50%;
    position: absolute;
    top: calc(var(--ck-table-properties-error-arrow-size)*-1);
    transform: translate(-50%)
}

 .ck.ck-table-cell-properties-form .ck-form-row.ck-table-cell-properties-form-alignment-row {
     flex-wrap: wrap
 }

.ck.ck-table-cell-properties-form .ck-form-row.ck-table-cell-properties-form-alignment-row .ck.ck-toolbar:first-of-type {
    flex-grow: .57
}

.ck.ck-table-cell-properties-form .ck-form-row.ck-table-cell-properties-form-alignment-row .ck.ck-toolbar:last-of-type {
    flex-grow: .43
}

.ck.ck-table-cell-properties-form .ck-form-row.ck-table-cell-properties-form-alignment-row .ck.ck-toolbar .ck-button {
    flex-grow: 1
}

 .ck.ck-table-properties-form .ck-form-row.ck-table-properties-form-alignment-row {
     align-content: baseline;
     flex-basis: 0;
     flex-wrap: wrap
 }

.ck.ck-table-properties-form .ck-form-row.ck-table-properties-form-alignment-row .ck.ck-toolbar .ck-toolbar-items {
    flex-wrap: nowrap
}

 :root {
     --ck-color-selector-caption-background: #f7f7f7;
     --ck-color-selector-caption-text: #333;
     --ck-color-selector-caption-highlighted-background: #fd0
 }

.ck-content .table>figcaption {
    background-color: var(--ck-color-selector-caption-background);
    caption-side: top;
    color: var(--ck-color-selector-caption-text);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    text-align: center;
    word-break: break-word
}

.ck.ck-editor-editable .table>figcaption.table-caption_highlighted {
    animation: ck-table-caption-highlight .6s ease-out
}

.ck.ck-editor-editable .table>figcaption.ck-placeholder:before {
    overflow: hidden;
    padding-left: inherit;
    padding-right: inherit;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes ck-table-caption-highlight {
    0% {
        background-color: var(--ck-color-selector-caption-highlighted-background)
    }

    to {
        background-color: var(--ck-color-selector-caption-background)
    }
}

 :root {
     --ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
     --ck-table-column-resizer-width: 7px;
     --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width)*-.5 - .5px)
 }

.ck-content .table .ck-table-resized {
    table-layout: fixed
}

.ck-content .table table {
    overflow: hidden
}

.ck-content .table td,.ck-content .table th {
    overflow-wrap: break-word;
    position: relative
}

.ck.ck-editor-editable .table .ck-table-column-resizer {
    bottom: 0;
    cursor: col-resize;
    position: absolute;
    right: var(--ck-table-column-resizer-position-offset);
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--ck-table-column-resizer-width);
    z-index: var(--ck-z-default)
}

.ck.ck-editor-editable .table[draggable] .ck-table-column-resizer,.ck.ck-editor-editable.ck-column-resize_disabled .table .ck-table-column-resizer {
    display: none
}

.ck.ck-editor-editable .table .ck-table-column-resizer:hover,.ck.ck-editor-editable .table .ck-table-column-resizer-active {
    background-color: var(--ck-color-selector-column-resizer-hover);
    bottom: -999999px;
    opacity: .25;
    top: -999999px
}

.ck.ck-editor-editable[dir=rtl] .table .ck-table-column-resizer {
    left: var(--ck-table-column-resizer-position-offset);
    right: unset
}

 .ck-content .text-tiny {
     font-size: .7em
 }

.ck-content .text-small {
    font-size: .85em
}

.ck-content .text-big {
    font-size: 1.4em
}

.ck-content .text-huge {
    font-size: 1.8em
}

 :root {
     --ck-highlight-marker-yellow: #fdfd77;
     --ck-highlight-marker-green: #62f962;
     --ck-highlight-marker-pink: #fc7899;
     --ck-highlight-marker-blue: #72ccfd;
     --ck-highlight-pen-red: #e71313;
     --ck-highlight-pen-green: #128a00
 }


.not-found img {
    margin-bottom: 30px
}

.not-found p {
    font-size: 2em;
    font-weight: 200;
    text-align: center
}

 .not-found {
     align-items: center;
     background-color: #ddd;
     display: flex;
     flex-direction: column;
     height: 100vh;
     justify-content: center;
     width: 100vw
 }

.not-found>img {
    margin-bottom: 30px
}

.not-found>p {
    font-size: 2em;
    font-weight: 200;
    text-align: center
}

.not-found>a {
    border-radius: 3px;
    margin: 10px
}

 .main-notice-association {
     display: flex;
     gap: 30px;
     justify-content: center;
     margin-top: 20px
 }

.carousel {
    height: 100%
}

@media (max-width: 535px) {
    .main-notice-association {
        flex-direction:column;
        gap: 20px
    }
}

.notice-card {
    background: #fff;
    border: 1px solid #ccd2de;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-height: 150px;
    padding: 30px;
    position: relative;
    transition: all .3s ease;
    width: 447px
}

.notice-card:hover {
    box-shadow: 0 8px 24px #0000001f;
    transform: translateY(-2px)
}

.notice-card .type-badge {
    align-items: center;
    align-self: flex-start;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-family: Pretendard,sans-serif;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 16px;
    padding: 6px 12px
}

.notice-card .type-badge--보도 {
    background-color: #003a8e
}

.notice-card .type-badge--공지 {
    background-color: #14ae67
}

.notice-card .card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px
}

.notice-card .card-title {
    color: #111;
    font-size: 20px;
    -webkit-line-clamp: 2;
    line-height: 1.4
}

.notice-card .card-description,.notice-card .card-title {
    display: -webkit-box;
    font-weight: 400;
    margin: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.notice-card .card-description {
    color: #89909f;
    flex: 1;
    font-size: 16px;
    -webkit-line-clamp: 3;
    line-height: 1.5
}

.notice-card .card-date {
    align-self: flex-end;
    color: #003a8e;
    font-family: Pretendard,sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: auto
}

@media (max-width: 768px) {
    .notice-card {
        min-height:120px;
        padding: 16px;
        width: 100%
    }

    .notice-card .card-title {
        font-size: 16px
    }

    .notice-card .card-description {
        font-size: 14px
    }

    .notice-card .card-date {
        font-size: 12px
    }
}

.notice-card.grid-item {
    height: 100%;
    width: 100%
}

.notice-card.flex-item {
    flex: 0 0 auto
}


 .custom-checkbox {
     align-items: center;
     cursor: pointer;
     display: flex;
     font-size: 16px
 }

 .custom-checkbox input {
     display: none
 }

 .custom-checkbox .checkmark {
     border: 2px solid #003a8e;
     border-radius: 4px;
     display: inline-block;
     height: 15px;
     margin-right: 8px;
     position: relative;
     width: 15px
 }

 .custom-checkbox input:checked+.checkmark {
     background-color: #003a8e;
     border-color: #003a8e
 }

 .custom-checkbox .checkmark:after {
     border: solid #fff;
     border-width: 0 2px 2px 0;
     content: "";
     display: none;
     height: 7px;
     left: 5px;
     position: absolute;
     top: 2px;
     transform: rotate(45deg);
     width: 4px
 }

 .custom-checkbox input:checked+.checkmark:after {
     display: block
 }




/* confirm modal */
[id^=popLayer] *{box-sizing: border-box;}
[id^=popLayer].popOverlay {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7);}
[id^=popLayer].popOverlay.noBackground {background: rgba(0, 0, 0, 0);}
#alertLayer *{box-sizing: border-box;}
#alertLayer.popOverlay{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7);}
.popClose{display:none !important;}
.popWrap {position: relative; padding: 30px; border-radius: 5px; background-color: #fff;font-family: 'NotoSansKR';}
.popWrap .popCnt{max-height: 75vh; overflow: scroll;height: fit-content;}
.popWrap .popCnt::-webkit-scrollbar {width: 8px; /* 스크롤바 너비 */}
.popWrap .popCnt::-webkit-scrollbar-thumb {background: #1E167126; /* 스크롤바 색상 */border-radius: 8px; /* 스크롤바 둥글기 */}
.popWrap .popCnt.type1{width:720px;}
.popWrap .popCnt.type2{width:1140px;}
.popWrap .popCnt.type3{width:380px;}
.popWrap .popCnt.type4{width:940px;}
.popWrap .popCnt.type5{width:300px;}
.popWrap .popCnt.type6{width:440px;}
.popWrap h2 {margin-bottom: 20px;font-weight: 500;font-size: 24px;letter-spacing: -1px;}
.popWrap .btnPopClose {position: absolute;right: 30px;top: 30px;font-size: 0;width: 32px;height: 32px;background: url(/img/admin/common/ico_pop_close.png) no-repeat;cursor: pointer;}

.popWrap #addrSearch{width: 500px; max-width: calc(90vw - 60px);}

.popCnt.modal{position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: fit-content;overflow: hidden;outline: 0;}
.popCnt.modal.v2{margin-top: 20px; display: block; position: relative;}
.popCnt.modal .modalTit{font-size: 20px; font-weight: bold; color: #333;line-height: 28px;}
.popCnt.modal .modalTit .pointP{color: #003b90;}
.popCnt.modal .modalTit .pointR{color: #f03f40;}
.popCnt.modal .modalSubTit{font-size: 16px; line-height: 24px; color: #666;}
.popCnt.modal .modalSubTit.v2{font-size: 16px;}
.popCnt.modal .modalSubTit.v3{font-weight: 500; line-height: 28px;}
.popCnt.modal .btnWrap{margin: 30px 0 0 0;}

.popWrap .tac {text-align: center !important;}
.popWrap .btnWrap {text-align: center;margin: 30px 0 0 0;}
.popWrap .btnType {width: 150px;font-weight: 500;color: #333;border-radius: 3px;background: #fff;border: 1px solid #ddd;cursor: pointer;}
.popWrap .btnSize {font-size: 14px !important;height: 44px;}
.popWrap .btnColor {width: 120px;font-weight: 500 !important;color: #f6f6f6;border: 1px solid #003b90;background: #003b90;border-radius: 3px;}
.popWrap .btnLine {width: 120px;font-weight: 500;color: #333;border-radius: 3px;background: #fff;border: 1px solid #ddd;}

.address-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
    width: 100%;
}

.address-form input {
    margin: 0
}

.address-form-postcode {
    align-items: center;
    display: flex;
    gap: 10px
}

.address-form-postcode button {
    background: #003b90;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    height: 40px;
    padding: 5px 10px;
    word-break: keep-all;
    cursor: pointer;
}

.address-form-road {
    display: flex;
    gap: 10px
}

.address-form-road input {
    width: 100%
}

.address-form input.detail {
    box-sizing: border-box;
    width: 100%
}

.row {
    display: flex;
    gap: 6px
}

.guide {
    color: #999;
    font-size: .85rem
}

.service{}
.service .service-img{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; aspect-ratio: 3 / 2;}
.service .service-img.mobile{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; aspect-ratio: 2 / 3; display: none;}
.service .service-content{line-height: 1.4em;}


@media (max-width: 535px) {
    .service .service-img{display: none;}
    .service .service-img.mobile{display: block;}
}




.intro-quick {
    width: 100%;
    padding: 60px 0
}

.intro-quick-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start
}

.intro-quick-title {
    font-family: EliceDX,sans-serifs;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width: 719px) {
    .intro-quick-title {
        font-size:1.75rem
    }
}

@media (max-width: 534px) {
    .intro-quick-title {
        font-size:1.5rem
    }
}

.intro-quick-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center
}

@media (max-width: 1279px) {
    .intro-quick-items {
        flex-wrap:wrap;
        gap: 10px
    }
}


.intro-quick-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 400;
    gap: 15px;
    height: 130px;
    justify-content: center;
    line-height: 1.2;
    width: 130px
}

@media (max-width: 1279px) {
    .intro-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 719px) {
    .intro-quick-item {
        font-size:.875rem
    }
}

@media (max-width: 534px) {
    .intro-quick-item {
        font-size:.75rem
    }
}

@media (max-width: 1279px) {
    .intro-quick-item {
        height:120px;
        width: 120px
    }
}

@media (max-width: 959px) {
    .intro-quick-item {
        height:110px;
        width: 110px
    }
}

@media (max-width: 534px) {
    .intro-quick-item {
        height:100px;
        width: 100px
    }
}

.intro-quick-item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 40px
}


@media (max-width: 534px) {
    .intro-quick {
        padding: 10px 0;
    }
    .intro-quick-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px
    }

    .intro-quick-item img {
        width: 45px;
    }
}

.intro-quick-item:hover {
    background: linear-gradient(180deg,#fff,#e8effe);
    border: 1px solid #71abff;
    border-radius: 15px;
    box-shadow: 0 0 8px #71abffcc;
    cursor: pointer
}


/* active */
.active1{background: #1E1671 !important;border: 1px solid #1E1671 !important; color: #ffffff !important;}
.active2{background: #ffffff !important;border: 1px solid #1E1671 !important; color: #1E1671 !important;}
.active3{background: #e8e8e8 !important;border: 1px solid #acacac !important;color: #acacac !important;}

.user_popup_wrap {display: none;position: fixed;left: 0;bottom: -100%; z-index: -1;width: 100%;height: 0;overflow: hidden;transition: 0.5s;overscroll-behavior: none;}
.user_popup_wrap.on{display: block;height: 100%;bottom: 0;z-index: 900;background-color: rgba(0, 0, 0, 0.7);}
.user_popup_wrap .user_popup{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;width: 792px; max-width: 90vw; max-height: 90vh;border-radius: 8px;background-color: #fff;}
.user_popup_wrap .user_popup.v2{width: 660px; }
.user_popup_wrap .user_popup.v3{width: 550px; }
.user_popup_wrap .user_popup.v4{width: 440px; }
.user_popup_wrap .user_popup.v5{width: 330px; }
.user_popup_wrap .user_popup .pop_header{padding: 24px ;box-sizing: border-box;border-bottom: 1px solid #e2e2e2;}
.user_popup_wrap .user_popup .pop_header.v2{padding: 20px ;box-sizing: border-box;border-bottom: 1px solid #e2e2e2;}
.user_popup_wrap .user_popup .pop_header .pop_header_text{height: 28px;font-size: 1.725rem; font-weight: 500;}
.user_popup_wrap .user_popup .pop_header .pop_header_sub_text{height: 15px;font-size: 1rem; font-weight: 500; color: #ADADAD}
.user_popup_wrap .user_popup .pop_content{padding: 40px 32px 2.5rem;box-sizing: border-box;}
.user_popup_wrap .user_popup.v2 .pop_content{padding: 20px;}
.user_popup_wrap .user_popup.v3 .pop_content{padding: 10px 25px;}
.user_popup_wrap .user_popup.v4 .pop_content{padding: 20px;}
.user_popup_wrap .user_popup .pop_content > ul{display: flex; flex-direction: column; gap: 16px}
.user_popup_wrap .user_popup .pop_content > ul > li{display: grid; grid-template-columns: 1fr 7fr; gap: 10px;}
.user_popup_wrap .user_popup .pop_content > ul > li.cartPop{grid-template-columns: 1fr;}
.user_popup_wrap .user_popup .pop_content ul li .title{font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: flex-start;flex-direction: column; gap: 3px;}
.user_popup_wrap .user_popup .pop_content ul li .title .count{font-size: 12px; color: #CCCCCC;}
.user_popup_wrap .user_popup .pop_content ul li .content{}
.user_popup_wrap .user_popup .pop_content ul li .content.address{display: flex; flex-direction: column; gap: 5px;}
.user_popup_wrap .user_popup .pop_content ul li .content.address .addrSearch{display: grid; grid-template-columns: 3fr 1fr;gap: 5px;}
.user_popup_wrap .user_popup .pop_content ul li .content.address .addrSearch .authBtn{color: #dedede;height: 44px;border-radius: 3px;font-weight: 500;font-size: 14px;display: flex;padding: 0px 10px;align-items: center;justify-content: center;overflow: hidden;width: 100%;background-color: #ffffff;border: 1px solid #dedede; cursor: pointer;}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint{}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg{}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star{font-size: 1.5rem; position: relative;}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star span{position: absolute;left: 0;color: #F6C345;overflow: hidden;}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star input{width: 100%;height: 100%;position: absolute;left: 0;opacity: 0;cursor: pointer; padding:0;}

.user_popup_wrap .user_popup .pop_content .search_box{display: flex;gap: 10px;}
.user_popup_wrap .user_popup .pop_content .search_box input{    background-color: #fff;
    border: 1px solid #ccd2de;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 40px;
    padding: 10px;
    width: 450px;}
.user_popup_wrap .user_popup .pop_content .search_box button{background: #003b90;
    border-radius: 5px;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    height: 40px;
    line-height: 1.2;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;}

.user_popup_wrap .user_popup .pop_content .search_list{padding: 15px 10px; border: 1px solid #ccd2de;border-radius: 5px;box-sizing: border-box;}
.user_popup_wrap .user_popup .pop_content .search_list ul{display: flex; flex-direction: column; gap: 10px;}
.user_popup_wrap .user_popup .pop_content .search_list ul li{ position: relative; padding-left: 20px;}
.user_popup_wrap .user_popup .pop_content .search_list ul li:not(.nodata)::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #003b90;   /* 점 색상 */
    font-size: 20px;  /* 점 크기 */
    line-height: 1;
}

.user_popup_wrap .user_popup .pop_content .search_list ul li span{text-decoration: underline;text-underline-offset: 4px; cursor: pointer;}
.user_popup_wrap .user_popup .pop_content .search_list ul li strong{font-weight: bold; color: #fb0;}
.user_popup_wrap .user_popup .pop_content .search_list ul li.nodata{text-align: center; color: #DEDEDE;padding: 30px 0;}


.user_popup_wrap .user_popup .pop_content ul li .content .imgList{display: flex; gap: 8px;}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView{width: 72px; height: 72px; border-radius: 6px; border: 1px solid #dedede;position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView .delBtn{width: 18px;height: 18px;position: absolute; top: 3px;right: 3px; background-image: url('/img/user/common/icon/ico_x_w.svg');background-repeat: no-repeat; background-position: center; background-size: 14px;background-color: #888;border-radius: 50%;cursor: pointer;}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView.addBtn{background-image: url('/img/user/common/icon/camera.svg'); background-size: 26px;cursor: pointer;}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList input[type="file"] {display: none;}
.user_popup_wrap .user_popup .pop_content ul li .content input{font-size: 14px;width: 100%; height: 44px; padding: 0 15px; line-height: 42px; box-sizing: border-box; border-radius: 4px; border: 1px solid #DEDEDE;}
.user_popup_wrap .user_popup .pop_content ul li .content input:focus{border: 1px solid #333333;}
.user_popup_wrap .user_popup .pop_content ul li .content select{width: 100%; height: 44px; padding: 0 15px; line-height: 42px; box-sizing: border-box; border-radius: 4px; border: 1px solid #DEDEDE;}
.user_popup_wrap .user_popup .pop_content ul li .content textarea{box-sizing: border-box;width: 100%;padding: 15px; resize: none; border-radius: 4px; border: 1px solid #DEDEDE;font-size:14px;line-height: 21px;}
.user_popup_wrap .user_popup .pop_content ul li .content textarea:focus{border: 1px solid #333333;}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap{position: relative;display: flex;align-items: center;vertical-align: top;line-height: normal;color: #333333;padding: 0px;font-size: 14px;}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input{display: none;}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap label{cursor: pointer;word-break: keep-all;display: flex;align-items: center;gap: 10px;}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input[type=checkbox] + label:before {content: "";;border: 1px solid #C8C8C8;width: 20px;height: 20px;box-sizing: border-box;background-repeat: no-repeat;background-position: 50% 50%;border-radius: 4px;}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input[type=checkbox]:checked + label:before {border: 1px solid #1E1671;background-color: #1E1671;background-image: url(/img/user/common/icon/check.png);background-size: cover;}
.user_popup_wrap .user_popup .btn_box{margin-top: 24px; padding: 0 40px 32px;display: flex;justify-content: center;gap: 12px; max-width: 800px}
.user_popup_wrap .user_popup .btn_box .btn{width: 150px;font-size: 18px !important;height: 50px;font-weight: 500 !important;border-radius: 3px; cursor: pointer;}
.user_popup_wrap .user_popup .pop_close_btn{position: absolute;right: 24px;top: 18px; cursor: pointer}
.user_popup_wrap .user_popup .pop_close_btn .btn_icon{}
.user_popup_wrap .user_popup .pop_close_btn .btn_icon.pop_close{width: 40px;height: 40px;padding: 0;border: none;background: url(/img/user/icon/icon_btn_popclose.svg) no-repeat center;cursor: pointer;}
.user_popup_wrap .user_popup .pop_close_btn .btn_icon .blind{display: inline-block;border: 0;clip: rect(0 0 0 0);clip-path: inset(50%);width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;position: relative;white-space: nowrap;}

.user_popup_wrap .user_popup .pop_content ul .addressBox{padding: 20px 0; display: grid; grid-template-columns: 1fr 7fr 2fr;}
.user_popup_wrap .user_popup .pop_content ul .addressBox:not(:last-child){border-bottom: 1px solid #DEDEDE;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio]{}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].round + label{}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound {display:none;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound + label{position: relative; cursor: pointer;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound + label:before {content: ""; width: 24px; height:24px; display: inline-block; background:url(/img/user/common/icon/ico_chk_off.svg) no-repeat;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound:checked + label:before { content: ""; background:url(/img/user/common/icon/ico_chk_on.svg) no-repeat;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox{display: flex; flex-direction: column; gap: 5px;justify-content: center;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .basicAddress{display: none;font-weight: bold; padding: 4px 8px; border-radius: 11px;  align-items: center; justify-content: center; font-size: 12px; width: fit-content;}
.user_popup_wrap .user_popup .pop_content ul .addressBox.basic .addressInfoBox .basicAddress{display: flex;}

.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .address{font-weight:500; font-size: 16px; word-break: break-word;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .receiver{font-size: 14px; color: #999999;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox{display: flex; height: 100%; align-items: flex-end; justify-content: right; gap: 8px;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox .modBtn{padding: 4px 8px; border-radius: 3px; cursor: pointer;}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox .modBtn.red{border: 1px solid #F03F40; color: #F03F40;}
.user_popup_wrap .user_popup .pop_content ul .addressBox.basic .btnBox .modBtn.red{display: none;}
.user_popup_wrap .user_popup .pop_content .addBtn{border-radius: 5px; cursor: pointer; width: 100%; height: 48px;display: flex; align-items: center; justify-content: center; font-weight: bold;}

.user_popup_wrap .user_popup .pop_content ul li .content .popProduct{display: flex; align-items: center; gap: 15px;}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductImg{width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: cover;border-radius: 3px}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductName{font-size: 15px; font-weight: 500;}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductName .storeName{padding-bottom: 5px;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap{position: relative; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ECECEC;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox{position:relative; width: 100%;font-size: 16px; line-height: 22px; color: #333333; letter-spacing: -1px; overflow: visible;border: 1px solid #E8E8E8;background: #FDFDFD;box-sizing: border-box;cursor: pointer; border-radius: 3px;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn{display: flex; font-size: 16px; line-height: 22px; text-align: left; padding: 12px 15px;color: #DEDEDE; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    align-items: center;justify-content: space-between;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.active2 .optionBtn{color: #333333;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .OptionTitle{display: block;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.5px;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .arrBtn{display: flex;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .arrBtn img{width: 25px;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.on .optionBtn .arrBtn img{width: 25px;transform: rotate(180deg);}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul{display: none; position: absolute;top: 49px;left: -1px; right: -1px; z-index: 2; background: #ffffff;max-height: 600px; border-top: none !important;}

.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.on ul{display: block;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul li{border-top: 1px solid #ECECEC;padding: 12px 15px; font-size: 14px; line-height: 18px; letter-spacing: -1px; color: #333333;display: flex;justify-content: space-between;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul li.soldOut{color: #ECECEC;}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul li .optionVal{}

.user_popup_wrap .user_popup .pop_content ul li .content #productList{max-height: 250px; overflow-y: auto; padding: 10px 0; display: flex; flex-direction: column; gap: 10px;}
/*.user_popup_wrap .user_popup .pop_content ul li .content #productList::-webkit-scrollbar {display: none;}*/
.user_popup_wrap .user_popup .pop_content ul li .content .productBox{display: flex; flex-direction: column; padding: 10px 12px; border-radius: 3px; border: 1px solid #E8E8E8; position: relative;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .optTotalName{color: #333333; font-size: 16px; line-height: 22px; overflow-wrap: break-word;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox{display: flex; justify-content: space-between; align-items: center;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox{display: inline-flex; flex-direction: row; align-items: center; border: 1px solid #DEDEDE; width: 90px;border-radius: 3px;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn{width: 20px; height: 20px; margin: 5px;box-sizing: border-box;cursor:pointer;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.minus{background-image: url("/img/user/common/icon/minus_gray.png"); background-size: cover;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.minus.on{background-image: url("/img/user/common/icon/minus_black.png") }
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.plus{background-image: url("/img/user/common/icon/plus_gray.png"); background-size: cover;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.plus.on{background-image: url("/img/user/common/icon/plus_black.png")}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantity{width: 34px;display: flex;align-items: center;justify-content: center;font-size:16px;padding-top: 2px;font-weight: bold;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .totalPrice{font-size: 14px; font-weight: bolder; color: #333333;}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .delBtn{position: absolute; top:10px; right: 10px; background-image: url("/img/user/common/icon/ico_x.svg"); background-size: cover; width: 15px; height: 15px;cursor: pointer;}

.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap{border-top: 1px solid #ECECEC; padding-top: 15px; display: flex;align-items: baseline;justify-content: space-between;}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .totalTxt{font-size: 16px; font-weight: 500; line-height: 22px;}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .totalPrice{font-size: 24px; font-weight: bold; line-height: 24px;}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .won{padding-left: 3px; font-size: 16px; font-weight: 500; line-height: 24px;vertical-align: 3px;}

/* 팝업 공통 테이블 */
.popBasicTblWrap table{width:100%; border-collapse:collapse;}
.popBasicTblWrap table tr{height: 52px;}
.popBasicTblWrap table tr th{padding: 0 14px; font-weight: 500; border: 1px solid #ddd; color: #333; text-align: left; background-color: #fafafa;vertical-align: middle;}
.popBasicTblWrap table tr td{padding: 0 14px; border: 1px solid #ddd; font-weight: normal; color: #333;vertical-align: middle;line-height: 20px;}
.popBasicTblWrap table tr td.txtIn{padding: 14px;}
.popBasicTblWrap.v2 table tr th{padding: 0 15px;}
.popBasicTblWrap.v2 table tr td{padding: 0 10px;}
.popBasicTblWrap table tr td.tac{text-align: center;}
.popBasicTblWrap table tr th.tac{text-align: center;}
.popBasicTblWrap table tr td .productTit{font-weight: 500;}
.popBasicTblWrap table tr td .txtP{color:#1E1671; font-weight: 500;}
.popBasicTblWrap table tr th.bg_none{background-color: #fff;}
.popBasicTblWrap table tr .tblTop{margin: 0;}
.popBasicTblWrap table p{color: #666;}
.popBasicTblWrap table p em{color: #333;}
.popBasicTblWrap table p em.vertiLine::before{content: ""; display: inline-block; width: 1px; height: 14px; background-color: #e8e8e8; margin: 0 10px; vertical-align: -2px;}
.popBasicTblWrap table .txtG{color: #666;}