@import url('./common.css');
@import url('./board.css');

/* 怨듯넻 */

:root {
    --inner-width : 1280px;
    --main-width : 77;

    --header-top-height: 120px;
    --header-bottom-height: 60px;

    --sub-common-top : 70px;
    --sub-common-bottom : 100px;

    /* arrow(梨꾩��삎) 癒몃━媛�濡�, 癒몃━ �꽭濡�, 瑗щ━湲몄씠, 瑗щ━�몢猿�=癒몃━ �꽭濡� - (�뼇�걹 �솕�궡�몴 �굹�샂 �겕湲� * 2) */
    --arrow-step: 4; /* �븳以꾩뿉 �솕�궡�몴 媛��닔 */
    --arrow-head-h: 130px;
    --arrow-head-w: 50px;
    --arrow-tail-w : 154px;
    --arrow-tail-p : 12px; /* �뼇�걹 �솕�궡�몴 �굹�샂 �겕湲� */
    --tail-deco-p : 10px; /* 瑗щ━留덈떎 媛꾧꺽(deco �엳�쓣 �떆) */
    --arrow-color-1 : #34b662;
    --arrow-color-2 : #2e925b; /* 異붽� */
    --arrow-color-3 : #258e7a;
    --arrow-color-4 : #18809a; /* 異붽� */
    --arrow-color-5 : #0c74b6;
    --arrow-color-6 : #0d51a0;

    /* arrow(�꽑�삎) �솕�궡�몴 ��媛곸꽑 �븯�굹�쓽 w �몢猿�, h 湲몄씠 */
    /* px */
    --arrow-diagonal-w: 2;
    --arrow-diagonal-h: 9;
    /* ��媛곸꽑 �릺硫댁꽌 媛�濡�, �꽭濡�. ��媛곸꽑�� 猷⑦듃2=1.41 泥섎━, 嫄곌린�뿉 �몢猿섍퉴吏� �뜑�빐�꽌 湲몄씠瑜� 援ы븳�떎 */
    --arrow-diagonal-size: (var(--arrow-diagonal-h) / 1.41 - (var(--arrow-diagonal-w) - 1) / 2 / 1.41);
    /* 瑗щ━ 湲몄씠, �몢猿섎뵲�씪 �걹�쓽 �솕�궡�몴 議곗젅 */
    --arrow-size: (100 - (var(--arrow-diagonal-w) - 1) / 2 / 1.41);

    /* �엯�젰 �넂�씠 */
    --input-height : 60px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* outline-style: none; */
}

html {
    font-size: 10px;
}

body {
    font-family: 'SpoqaHanSansNeo-Regular';
    letter-spacing: 0;
    font-size: 1.6rem;
    color: #333;
}
body.notScroll{
    overflow: hidden;
    width: 100%;
    height: 100vh;
    touch-action: none;
}

#wrap {
    overflow: hidden;
}

.inner {
    position: relative;
    display: block;
    width: var(--inner-width);
    margin: 0 auto;
}

.page_wrap {
    position: relative; z-index:0;
}



@media all and (max-width:1339px) {
    .inner {
        width: 100%;
        padding: 0 30px;
    }
}
@media all and (max-width : 1023px) {
    :root {
        --header-top-height: 50px;
        --header-bottom-height: 50px;

        --sub-common-top : 70px;
        --sub-common-bottom : 60px;

        --input-height : 50px;
    }
}

@media all and (max-width:968px) {
    .inner {
        padding: 0 3.10%;
    }
}

/*20250328 : 異붽� : ���몴�옄�쟾�솕踰덊샇*/
.wrap-box.round.border-gray.tpPrvcCmpr {

    padding:20px !important;

}


@media all and (max-width:677px) {
    :root {
        --input-height : 40px;
    }

    .inner {
        padding: 0 4.17%;
    }
}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* �솕�궡�몴(梨꾩��삎) */
.scroll_wrap_process{
    width: 100%;
    overflow-x: auto;
}
.fill-arrow-list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.fill-arrow-list.step5 {
    --arrow-step: 5;
}

.fill-arrow-list.step6 {
    --arrow-step: 6;
}

.fill-arrow {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: stretch;
    align-items: center;
    width: calc((100% + (var(--arrow-head-w) - var(--tail-deco-p)) * (var(--arrow-step) - 1)) / 4);
}
.fill-arrow:not(:last-child) {
    margin-right: calc((var(--arrow-head-w) - var(--tail-deco-p)) * -1);
}

.fill-arrow:nth-child(1) {
    z-index: 6;
}

.fill-arrow:nth-child(2) {
    z-index: 5;
}

.fill-arrow:nth-child(3) {
    z-index: 4;
}

.fill-arrow:nth-child(4) {
    z-index: 3;
}

.fill-arrow:nth-child(5) {
    z-index: 2;
}

.fill-right-arrow .arrow-head {
    position: relative;
    display: block;
    border-top: calc(var(--arrow-head-h) / 2) solid transparent;
    border-right: 0 solid transparent;
    border-left: var(--arrow-head-w) solid var(--arrow-color-2);
    border-bottom: calc(var(--arrow-head-h) / 2)  solid transparent;
}
.mypage_wrap .fill-right-arrow .arrow-head{
    /* border-top-width: 51px;
    border-bottom-width: 51px;
    border-right-width: 5px;
    border-left-width: 38px; */
}

.fill-right-arrow:nth-last-child(n+2) .arrow-head {
    border-left-color: var(--arrow-color-5);
}

.fill-right-arrow:first-child .arrow-head {
    border-left-color: var(--arrow-color-1);
}

.fill-right-arrow:nth-child(2) .arrow-head {
    border-left-color: var(--arrow-color-3);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-child(2) .arrow-head {
    border-left-color: var(--arrow-color-2);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-child(3) .arrow-head {
    border-left-color: var(--arrow-color-3);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-last-child(3) .arrow-head {
    border-left-color: var(--arrow-color-4);
}

.fill-right-arrow:last-child .arrow-head {
    border-left-color: var(--arrow-color-6);
}

.fill-right-arrow .arrow-tail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: var(--arrow-head-w);
    /* width: var(--arrow-tail-w); */
    width: 100%;
    height: calc(var(--arrow-head-h) - (var(--arrow-tail-p) * 2));
    background: var(--arrow-color-2);

    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #fff;
}
.mypage_wrap .fill-right-arrow .arrow-tail{
    font-size: 16px;
    height: 86px;
}


.fill-right-arrow:nth-last-child(n+2) .arrow-tail {
    background: var(--arrow-color-5);
}

.fill-right-arrow:first-child .arrow-tail {
    background: var(--arrow-color-1);
}

.fill-right-arrow:nth-child(2) .arrow-tail {
    background: var(--arrow-color-3);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-child(2) .arrow-tail {
    background: var(--arrow-color-2);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-child(3) .arrow-tail {
    background: var(--arrow-color-3);
}

.fill-arrow-list.step6 .fill-right-arrow:nth-last-child(3) .arrow-tail {
    background: var(--arrow-color-4);
}

.fill-right-arrow:last-child .arrow-tail {
    background: var(--arrow-color-6);
}

.fill-right-arrow:not(:first-child) .arrow-tail.tail-deco-01::before {
    content: '';
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border-top: calc((var(--arrow-head-h)) / 2) solid transparent;
    border-right: 0 solid transparent;
    border-left: var(--arrow-head-w) solid #fff;
    border-bottom: calc((var(--arrow-head-h)) / 2)  solid transparent;
}

.fill-right-arrow .arrow-tail.tail-deco-01::after {
    /* content: '';
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border-top: calc((var(--arrow-head-h) - (var(--arrow-tail-p) * 2)) / 2 - var(--tail-deco-p) / 2) solid transparent;
    border-right: 0 solid transparent;
    border-left: calc(var(--arrow-head-w) - var(--tail-deco-p) / 2) solid var(--arrow-color-1);
    border-bottom: calc((var(--arrow-head-h) - (var(--arrow-tail-p) * 2)) / 2 - var(--tail-deco-p) / 2)  solid transparent; */
}
@media all and (max-width:968px) {
    .fill-arrow-list.step6{
        width: 900px;
    }
    :root{
        --arrow-head-h: 89px;
        --arrow-head-w: 41px;
        --arrow-tail-p: 11px;
    }
    .fill-right-arrow .arrow-tail span{
        font-size: 15px;
    }
}
@media all and (max-width:767px) {
    .fill-arrow-list{
        justify-content: flex-start;
    }
    .fill-arrow{
        width: 153px;
    }
}
@media all and (max-width:500px) {
    :root{
        --arrow-head-h: 88px;
        --arrow-head-w: 20px;
        --arrow-tail-p: 5px;
    }
}
@media all and (max-width:500px) {
    :root{
        --arrow-head-h: 84px;
        --arrow-head-w: 14px;
        --arrow-tail-p: 10px;
    }
}

/* �솕�궡�몴(�꽑�삎) */
.arrow {
    position: relative;
    display: block;
    width: 0;
    height: 0;
}

.arrow>*:first-child {
    /* 寃뱀퀜吏��뒗 �솕�궡�몴�씪�꽌 寃뱀퀜吏��뒗 留뚰겮(�몢猿� �넂�씠) �넂�씠 怨꾩궛 */
    bottom: unset;
    top: calc(var(--arrow-diagonal-size) * -1px);
    transform-origin: top;
}

.arrow>*:last-child {
    top: unset;
    bottom: calc(var(--arrow-diagonal-size) * -1px);
    transform-origin: bottom;
}

.left-arrow>* {
    /* 媛�濡� �쐞移섎룄 �넂�씠�� 留덉갔媛�吏�濡� 援ы븳�떎 */
    right: unset;
    left: calc(var(--arrow-diagonal-size) * 1px);
}

.right-arrow>* {
    left: unset;
    right: calc(var(--arrow-diagonal-size) * 1px);
}

.rising-diagonal {
    position: absolute;
    display: block;
    width: calc(var(--arrow-diagonal-w) * 1px);
    height: calc(var(--arrow-diagonal-h) * 1px);
    background-color: #81898E;
    opacity: 1.0;
    /* border-radius: 10px; */
    transform: rotate(45deg);
}

.falling-diagonal {
    position: absolute;
    display: block;
    width: calc(var(--arrow-diagonal-w) * 1px);
    height: calc(var(--arrow-diagonal-h) * 1px);
    background-color: #81898E;
    opacity: 1.0;
    /* border-radius: 10px; */
    z-index: 1;
}

.left-arrow .falling-diagonal {
    width: calc(var(--arrow-diagonal-w) * 1px);
    height: calc(var(--arrow-diagonal-h) * 1px);
    transform: rotate(-45deg);
}

.right-arrow .falling-diagonal {
    width: calc(var(--arrow-diagonal-w) * 1px);
    height: calc(var(--arrow-diagonal-h) * 1px);
    transform: rotate(-45deg);
}


/* 怨듯넻 醫뚯슦 flex */
.flex {
    position: relative;
    display: flex;
}

.flex > .left,
.flex > .right {
    flex: 1 1 0;
}

.flex.main-left > .left {
    flex-grow: var(--main-width);
}

.flex.main-left > .right {
    flex-grow: calc(97 - var(--main-width));
}

.flex.main-right > .left {
    flex-grow: calc(100 - var(--main-width));
}

.flex.main-right > .right {
    flex-grow: var(--main-width);
}

/* flex �븞�뿉 sticky */
.flex.sticky-wrap .sticky {
    position: sticky;
    left: 0;
    top: calc(var(--header-bottom-height) + 30px);
    align-self: flex-start;
    min-width: 290px;
}
.flex.sticky-wrap .sticky .fixed_menu{
    position: fixed;
    max-width: 290px;
}
@media all and (max-width:1270px) {
    .flex.sticky-wrap .sticky .fixed_menu{
        position: relative;
        max-width: inherit;
    }
}

@media all and (max-width:968px) {
    .flex {
        flex-direction: column;
    }

    .flex.flex.flex.main-left {
        flex-direction: column-reverse;
    }

    .flex.main-left .left,
    .flex.main-left .right,
    .flex.main-right .left,
    .flex.main-right .right {
        /* --main-width : 100; */
        flex-grow: var(--main-width);
    }

    .flex.sticky-wrap > * {
        order: 10;
    }

    .flex.sticky-wrap > .sticky {
        position: relative;
        left: unset;
        top: unset;
        order: 1;
    }
}


/* 怨듯넻 濡쒓퀬 */
.logo {
    position: relative;
    display: block;
    max-width: 200px;
}
@media all and (max-width : 1024px) {
    .logo {
        max-width: 146px;
    }
}
@media all and (max-width : 677px) {
    .logo {
        max-width: 146px;
    }
}

/* 怨듯넻 湲��옄�깋 */
.text-blue {
    color: #01449B;
}

/* 怨듯넻 踰꾪듉, 留덊겕�뵒�옄�씤 */
.btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    height: var(--input-height);
}
.btn.round-btn {
    border-radius: 800px;
}

.btn.btn-type-01 {
    background: #354251;
    border: 1px solid #354251;
    color: #fff;
}

.btn.btn-type-02 {
    background: #044997;
    color: #fff;
}

.btn.btn-type-03 {
    background: #fff;
    border: 1px solid #E2E8EE;
    color: #333;
}

.btn.btn-type-04 {
    background: #354251;
    color: #fff;
}

.btn.btn-type-05 {
    background: #fff;
    border: 1px solid #044997;
    color: #044997;
}
.btn.btn-type-05 button{
    width: 100%;
    height: 100%;
}
.mypage_wrap .btn.btn-type-05 button{
    font-size: 15px;
}
.mypage_wrap .file-box-wrap .ver-pc, .horizon-table .add-item-wrap .btn label .ver-pc{
    font-size: 15px;
}

.btn.btn-type-06 {
    background: #9D9EA2;
    color: #fff;
}

.btn.btn-type-07 {
    background: #34B662;
    color: #fff;
}

.btn.btn-type-08 {
    background: #fff;
    border: 1px solid #34B662;
    color: #34B662;
}


.bottom-btns {
    margin-top: 60px;
}

.btns-wrap {
    display: flex;
    align-items: center;
}

.btns-wrap.bottom-btns {
    justify-content: center;
    gap: 10px;
}

.btns-wrap.bottom-btns .btn {
    width: 154px;
    cursor: pointer;
    font-size: 18px;
}

@media all and (max-width : 677px) {
    .bottom-btns{
        margin-top: 20px;
    }
    .btns-wrap.bottom-btns .btn {
        width: 0;
        flex: 1 1 0;
    }

}

/* 怨듯넻 input[typing 愿��젴] */
.input_box.input-style {
    position: relative;
    width: auto;
    height:var(--input-height);
    border-radius:5px;
    background-color: #fff;
}
.input_box.input-style.style-readonly {
    background-color: #F9FAFB;
}
.input_box2 select.select_style3:disabled, .input_box2 select.select_style3.style-readonly:disabled {
    background-color: #F9FAFB;
}
.input_box.input-style.style-01 {
    border:1px solid #ccc;
}
.input_box.input-style.style-02 {
    border:1px solid #DAE1ED;
}
.input_box.input-style.style-03 {
    border:1px solid #E0E0E0;
}
.performance_form .input_box.input-style.style-03{
    width: 100%;
}
.performance_form .input_box.input-style.style-03 select[name = certNo]{
    padding-right: 45px;
}
.input_box.input-style label {
    width: 100%;
    height: 100%;
}
.input_box.input-style input {
    width: 100%;
    height: 100%;
    appearance:none;
    -webkit-appearance:none;
    background: transparent;
    outline:none;
    border: none;
    font-size:15px;
    color:#333;
    padding:0 20px;
}
.mypage_wrap .input_box.input-style input{
    padding: 0px 16px;
}

.page_wrap .input_box.input-style input{
    font-size: 17px;
}
.page_wrap .input_box select{
    font-size: 17px;
}

.find_member .input_box.input-style input{
    font-size: 18px;
}
.find_member .input_box.input-style input::placeholder{
    transform: translateY(-1px);
}
.input_box.input-style input[type="file"] {
    width: 0%;
    height: 0%;
}

@media screen and (max-width: 1024px) {
    .input_box.input-style input {
        font-size: 15px;
    }
}

@media screen and (max-width: 677px) {
    .input_box.input-style input {
        padding:0 10px;
        font-size: 14px;
    }
}

/* 怨듯넻 input[checkbox] */
.checkbox-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.checkbox-wrap > label > input.custom01[type="checkbox"] {
    margin-right: 7px;
}

input.custom01[type="checkbox"]{
    display:inline-block;
    width:24px;
    height:24px;
    min-width:24px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
}
input.custom01[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/img/user/check_icon_gray.svg') no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
input.custom01[type="checkbox"]:checked{
    display:inline-block;
    border: 1px solid #3DAC47;
    background-color: #3DAC47;
}
input.custom01[type="checkbox"]:checked::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/img/user/check_icon_white.svg') no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
input.custom01[type="checkbox"] + label{
    margin-left: 7px;
    cursor:pointer;
}

.checkbox-wrap > label > input.custom02[type="checkbox"] {
    margin-right: 7px;
}

input.custom02[type="checkbox"]{
    display:inline-block;
    width:24px;
    height:24px;
    min-width:24px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
}
input.custom02[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/img/user/check_icon_gray.svg') no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
input.custom02[type="checkbox"]:checked{
    display:inline-block;
    border: 1px solid #044997;
    background-color: #044997;
}
input.custom02[type="checkbox"]:checked::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/img/user/check_icon_white.svg') no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
input.custom02[type="checkbox"] + label{
    margin-left: 7px;
}



/* 怨듯넻 input[radio] */
.radio-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.radio-wrap > label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radio-wrap > label > input.custom01[type="radio"] {
    margin-right: 7px;
}

input.custom01[type="radio"]{
    display:inline-block;
    width:24px;
    height:24px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
}
input.custom01[type="radio"]:checked{
    display:inline-block;
    border: 1px solid #3DAC47;
}
input.custom01[type="radio"]:checked::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:#3DAC47;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
input.custom01[type="radio"] + label{
    margin-left: 7px;
}


/* 怨듯넻 ���젆 */
.input_box select {
    appearance: none;
    -webkit-appearance: none;
    height: 52px;
    padding: 0 45px 0 20px;
    border: 1px solid #DAE1ED;
    border-radius: 5px;
    outline: none;
    font-size: 15px;
    color: #354251;
    background: url('/img/bottom_arrow.svg') no-repeat 91% center;
}
#formSearch .input_box select {
    font-size: 17px;
}
#formSearch .input_box.input-style input::placeholder{
    font-size: 17px;
}
.mypage #formSearch .input_box.input-style input::placeholder{
    font-size: 15px;
}
@media screen and (max-width: 767px) {
    #formSearch .input_box select{
        font-size: 15px;
    }
    #formSearch .input_box.input-style input::placeholder{
        font-size: 15px;
    }
    input.custom01[type="checkbox"] + label{
        font-size: 15px;
    }
    .sect.style-form .privacy_cont .term_box + .checkbox-wrap{
        align-items: flex-start;
    }
}




.input_box.input-style select{
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 20px;
}

@media screen and (max-width: 1024px) {
    .input_box.input-style select {
        font-size: 15px;
    }
}

@media all and (max-width : 677px) {
    .input_box select {
        background-position-x: 98%;
    }
    .input_box.input-style select {
        padding: 0 10px;
        padding-right: 31px;
    }
}


/* 怨듯넻 諛뺤뒪(�뫁洹� �쉶�깋�꽑 諛뺤뒪) */
.wrap-box {
    position: relative;
}

.wrap-box.round {
    border-radius: 15px;
}

.wrap-box.border-gray {
    border: 1px solid #E5E7E9;
}

.wrap-box.back-gray {
    background-color: #FAFAFC;
}

.wrap-box.round.border-gray {
    padding: 70px;
}


/* 怨듭슜 而ㅼ뒪�� �뒪�겕濡� ���닔: 媛�濡�, 吏앹닔 : �꽭濡� */
.scroll-style.style-01::-webkit-scrollbar {
    width: 4px;
}
.scroll-style.style-02::-webkit-scrollbar {
    height: 4px;
}

.scroll-style::-webkit-scrollbar-thumb {
    background-color: #D3D4D9;
    border-radius: 800px;
}

.scroll-style::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 800px;
}


/* 怨듯넻 �뤌(�엯�젰�럹�씠吏�) */
.sect.style-form {
    --form-padding : 40px;
    --main-width : 100;
}
.sect.style-form .info-container {
    position: relative;
    width: 100%;
    margin-top: 70px;
}
.mypage_wrap .sect.style-form .info-container{
    margin-top: 50px;
}
.sect.style-form .info-container:last-child {
    margin-top: 60px;
}

.sect.style-form .info-container:first-child {
    margin-top: 0px;
}
.sect.style-form .info-container.paddingL30{
    padding-left: 30px;
    padding-right: 30px;
}
.sect.style-form .horizon-table {
    padding: 40px;
}
.sect.style-form .horizon-table .box {
    padding-left: 0px;
    padding-right: 0px;
}
.sect.style-form .cont-tit {
    margin: 0;
}

.sect.style-form .section-title + * {
    border: 0;
    margin-top: 8px;
    margin-bottom: 20px;
}
.my_notify .mypage_wrap .flex.main-right > .right .section-title + .info_list01{
    margin-top: 20px;
}

.sect.style-form .box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: none;
    margin-top: 30px;
    --input-height : 50px;
}
.mypage_wrap .sect.style-form .box{
    --input-height : 45px;
}
.sect.style-form .box.direction-row {
    flex-direction: row;
    gap: 10px;
}
.sect.style-form .box.width-21{
    width: calc((var(--inner-width) - var(--form-padding) * 2) / 4);
}
.mypage_wrap .sect.style-form .box.width-50,
.flex .sect.style-form .box.width-21{
    width: 17.5%;
}
.sect.style-form .box.width-25 {
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - var(--form-padding) * 2) / 4);
    max-width: 210px;
}
.mypage_wrap .sect.style-form .box.width-50,
.flex .sect.style-form .box.width-25 {
    width: 25%;
}
.sect.style-form .box.width-33 {
    width: 33%;
}
.sect.style-form .box.width-35 {
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - var(--form-padding) * 2) / 48 * 17);
}
.mypage_wrap .sect.style-form .box.width-50,
.flex .sect.style-form .box.width-35 {
    width: 35%;
}
.sect.style-form .box.width-38 {
    width: 38%;
}
.sect.style-form .box.width-40 {
    width: 40%;
}
.sect.style-form .box.width-42 {
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - var(--form-padding) * 2) / 100 * 42);
}
.mypage_wrap .sect.style-form .box.width-50,
.flex .sect.style-form .box.width-42 {
    width: 42%;
}
.sect.style-form .box.width-45 {
    width: 45%;
}
.sect.style-form .box.width-50 {
    width: calc(((var(--inner-width) * (var(--main-width) * 0.01)) - var(--form-padding) * 2) / 60 * 29);
}
.mypage_wrap .sect.style-form .box.width-50,
.flex .sect.style-form .box.width-50 {
    width: 50%;
}
.sect.style-form .box.width-56 {
    width: 50%;
}
.sect.style-form .box.width-65 {
    width: 65%;
}
#wrap.my_info .sect.style-form .box.width-65 {
    min-width: 520px;
}
.sect.style-form .box.width-75 {
    width: 75%;
}
.sect.style-form .box.width-100 {
    width: 100%;
}
.sect.style-form .box_inner_wrap {
    position: relative;
    width: 100%;
}
.sect.style-form .horizon-table .con {
    width: 100%;
}

.sect.style-form .horizon-table .tit + .con {
    margin-top: 10px;
}

.sect.style-form .tit > label {
    display: flex;
    align-items: center;
}
.sect.style-form.mb10 .tit > label {
    margin-bottom: 8px;
}

.tooltip_st01{
    position: relative;
    width: auto;
}
.tooltip_st01 > button{
    display: inline-block;
    padding: 5px;
    transform: translateY(-2px);
}
.tooltip_st01 button.icon_btn img{
    width: 18px;
    height: 18px;
    min-width: 18px;
}
.tooltip_st01 .wrap{
    background-color: #fff;
    box-shadow: 0px 3px 5px #0000001A;
    border: 1px solid #9D9EA2;
    border-radius: 5px;
    min-width: 295px;
    padding: 15px 18px;
    margin-top: -36px;
    z-index: 1;
    position: relative;
    display: none;
    font-style: normal;
}
.tooltip_st01 .wrap::before{
    border-color: #9D9EA2 transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
    content: '';
    display: block;
    left: 30px;
    position: absolute;
    top: -8px;
    width: 0;
    z-index: 0;
}
.tooltip_st01 .wrap::after{
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
    content: '';
    display: block;
    left: 30px;
    position: absolute;
    top: -7px;
    width: 0;
    z-index: 1;
}
.tooltip_st01 .wrap.active{
    display: block;
    position: absolute;
    top: 76px;
    left: calc(100% - 51px);
}
.tooltip_st01 .wrap .tit{
    display: flex;
    justify-content: space-between;
}
.tooltip_st01 .wrap .tit span{
    font-size: 16px;
}
.tooltip_st01 .wrap .text{
    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 15px;
    margin-bottom: 2px;
    color: #676A75;
    word-break: keep-all;
    transform: translateY(-1px);
}
.tooltip_st01 .wrap .tit .button_wrap{
    display: flex;
    justify-content: flex-end;
}
.tooltip_st01 .wrap .tit .button_wrap > .close_btn{
    padding: 3px 5px;
    transform: translateY(-3px);
}
.tooltip_st01 .wrap .tit .button_wrap > .close_btn img{
    width: 12px;
    height: 12px;
    object-fit: cover;
}

/* �씤利앷났紐� �댋�똻 �쐞移� 異붽� */
.tooltip_st01_org_list {left:150px; top:-40px; z-index:10000}

@media all and (max-width : 768px) {
	.tooltip_st01_org_list {left:120px;}
}
@media all and (max-width : 640px) {
	.tooltip_st01_org_list {left:130px;}
}

@media all and (max-width : 558px) {
    .tooltip_st01 .wrap.active{
        left: -184px;
    }
    .tooltip_st01 .wrap::after{
        left: 191px;
    }
    .tooltip_st01 .wrap::before{
        left: 191px;
    }
    
    .tooltip_st01_org_list {left:120px; top:-40px;}
}

@media all and (max-width : 320px) {
	.tooltip_st01_org_list {left:100px;}
}


.sect.style-form .box:first-child {
    margin-top: 0px;
}

.sect.style-form .box .btn {
    height: var(--input-height);
}
.sect.style-form .box .btn {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 0px 4px;
}
.sect.style-form .box .btn .more-icon img{
    transform: translateY(-10%);
}
.sect.style-form .tit-style {
    color: #000;
}
.sect.style-form .tit-style.style-medium {
	font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 20px;
    letter-spacing: -1.54px;
}
.sect.style-form .tit-style.style-small {
	font-family: 'SpoqaHanSansNeo-Medium';
    font-size: 17px;
    letter-spacing: -0.85px;
}
.sect.style-form .img_icon {
    position: relative;
    display: inline-block;
}
.sect.style-form .add-wrap {
    position: absolute;
    left: calc(100% + 20px);
    top: 17px;
    display: block;
    width: 100%;
}

.sect.style-form .con.content .input_box.input-style.style-03 {
	height: auto;
}

.sect.style-form .con.content .input_box.input-style.style-03 textarea {
	border: none;
    height: 300px;
    background: transparent;
}
.mypage_wrap .sect.style-form .con.content .input_box.input-style.style-03 textarea{
    font-size: 15px;
}

.sect.style-form .con.file .file-box-wrap.flex {
    justify-content: flex-start;
    align-items: center;
}

.sect.style-form .con.file .file-box-wrap.flex > * {
    margin-left: 15px;
}

.sect.style-form .con.file .file-box-wrap.flex > *:first-child {
    margin-left: 0px;
}

.sect.style-form .con.file .file-box-wrap.flex > .input_box {
    flex: 5 1 0;
}

.sect.style-form .con.file .file-box-wrap.flex > .btn {
    margin-left: 6px;
    color: #044997;
    flex: 1 1 0;
}

.sect.style-form .con.file .file-box-wrap input,
.sect.style-form .con.file .file-box-wrap label {
    font-size: 17px;
    letter-spacing: -0.85px;
}

.sect.style-form .con.file .file-box-wrap input[type="file"] {
    position: absolute;
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.sect.style-form .con.file .file-box-wrap label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.sect.style-form .con.file .file-box-wrap.flex > .checkbox-wrap {
    flex: 1 2 0;
}

.name-area {
    touch-action: none;
}


.style-form .guide_box,
.style-form .guide_box * {
	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 15px;
    letter-spacing: -0.75px;
    line-height: 19px;
    color: #9D9EA2;
}

.style-form .guide_box{
    padding-top: 15px;
}

.style-form .guide_box > *{
    padding-top: 10px;
}

.style-form .guide_box > *:first-child {
    padding-top: 0px;
}

.style-form .guide_box .guide_tit {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
}

.style-form .guide_box .guide_tit > * {
    padding-left: 5px;
}

.style-form .guide_box .guide_tit > *:first-child {
    padding-left: 0px;
}

.style-form .guide_box > ul > li {
    /*padding-left: 23px;*/
    padding-top: 5px;
}

.style-form .guide_box > ul > li:first-child {
    padding-top: 0px;
}

.sect.style-form .con.tel .flex > .input_box,
.sect.style-form .con.fax .flex > .input_box,
.sect.style-form .con.phone .flex > .input_box {
    flex: 1 1 0;
}

.sect.style-form .con.tel .flex > em,
.sect.style-form .con.fax .flex > em,
.sect.style-form .con.phone .flex > em {
    flex: 0 0 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect.style-form .con.email > .flex > .flex {
    flex: 7 1 0;
}
.sect.style-form.style-02 .con.email > .flex > .flex {
    flex: 5 1 0;
}

.sect.style-form .con.email > .flex > .flex > .input_box {
    flex: 7 1 0;
}

.sect.style-form .con.email > .flex > .input_box.select-wrap {
    flex: 2 1 0;
    margin-left: 6px;
}

.sect.style-form .con.email .flex em {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect.style-form .con.address li {
    margin-top: 6px;
}
.sect.style-form .con.address li:first-child {
    margin-top: 0px;
}

.sect.style-form .con.address .flex > * {
    margin-left: 6px;
    flex: 2 1 0;
}
.sect.style-form .con.address .flex > *:first-child {
    margin-left: 0px;
}
.sect.style-form .con.address .flex > .btn {
    flex: 1 1 0;
}
.mypage_wrap .sect.style-form .con.address .flex > .btn{
    font-size: 15px;
}

.sect.style-form .privacy_cont .term_box {
    position: relative;
    padding: 30px;
    height: 404px;
}

.sect.style-form .privacy_cont .term_box .scroll_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px;
}

.sect.style-form .privacy_cont .term_box ul {
    padding-top: 10px;
    padding-bottom: 10px;
}
.sect.style-form .privacy_cont .term_box ul li {
    padding-top: 10px;
    font-family: 'SpoqaHanSansNeo-Medium';
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #000;
}
.mypage_wrap .sect.style-form .privacy_cont .term_box ul li{
    font-size: 16px;
}
.sect.style-form .privacy_cont .term_box ul li:first-child {
    padding-top: 10px;
}
.sect.style-form .privacy_cont .term_box ul > li:first-child{
    padding-top: 0px;
}
.sect.style-form .privacy_cont .term_box ul li ul li {
    font-family: 'SpoqaHanSansNeo-Regular';
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #676A75;
}
.sect.style-form .privacy_cont .term_box + .checkbox-wrap {
    margin-top: 20px;
}

/*20250328 : 異붽� : ���몴�옄�쟾�솕踰덊샇*/

    .tpPrvcCmpr{margin:50px 10px 0 10px;}

    .wrap-box.round.border-gray.tpPrvcCmpr{padding:40px;}

    .sect.style-form.tpPrvcCmpr .privacy_cont .term_box{height:auto;}

    .tpPrvcCmpr .sectTit{padding:0 0 10px 15px;font-size:20px;font-family:'SpoqaHanSansNeo-Medium';color:#000;}

    .tpPrvcCmpr .sectTit > .txtSub{font-family:'SpoqaHanSansNeo-Regular';color:#676A75;}

    .tpPrvcCmpr .sectTit.tpAft{padding-top:30px;}

    .sect.style-form.tpPrvcCmpr .privacy_cont .term_box ul{padding:0;}

    .tpPrvcCmpr table.table_pri{font-size:16px;line-height:27px;}

    .tpPrvcCmpr table.table_pri tr th{color:#000;}

    .tpPrvcCmpr table.table_pri tr td{color:#676A75;}

    .tpPrvcCmpr table.table_pri tr td:nth-child(2){padding-right:8px;}

    .bottom_con.tpPrvcCmpr ul > li p{font-family:'SpoqaHanSansNeo-Regular';color:#676A75;}

    .bottom_con.tpPrvcCmpr ul > li p.title_font{font-family:'SpoqaHanSansNeo-Medium';color:#000;}

    .tpPrvcCmpr .txtImp{color:red;}



.sect.style-form .btns-wrap > * {
    margin-left: 10px;
}

.sect.style-form .btns-wrap > *:first-child {
    margin-left: 0px;
}

.sect.style-form .btns-wrap .btn {
    min-width: 140px;
    font-size: 18px;
}
@media all and (max-width : 767px) {
    .wrap-box.round.border-gray {
        padding: 55px;
    }
}

@media all and (max-width : 677px) {
    .wrap-box.round.border-gray {
        padding: 40px;
    }
    .sect.style-form .privacy_cont .term_box{
        padding: 15px;
    }
    .step_01 > .bottom_input .bottom_con ul > li p.title_font{
        font-size: 16px;
    }
    .step_01 .bottom_input .bottom_con ul > li p{
        font-size: 15px;
    }
}
@media all and (max-width : 419px) {
    .wrap-box.round.border-gray {
        padding: 15px;
    }

}

@media all and (max-width:1023px) {
    .sect.style-form .box {
        --input-height : 45px;
    }
    .sect.style-form .box.direction-row {
        flex-wrap: wrap;
        gap: 15px 25px;
    }
    .sect.style-form .add-wrap {
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
    }
    .sect.style-form .box.width-25 .add-wrap {
        width: 100%;
    }
}
@media all and (max-width:968px) {
    .sect.style-form .flex {
        flex-direction: row;
    }
    .mypage_wrap .sect.style-form .box.width-75,
    .sect.style-form .box.width-75 {
        width: 100%;
    }
	
	
}
@media all and (max-width:767px) {
    .sect.style-form .horizon-table {
        padding: 20px;
    }
    .mypage_wrap .sect.style-form .box.width-25,
    .sect.style-form .box.width-25 {
        width: 100%;
        max-width: unset;
    }
    .mypage_wrap .sect.style-form .box.width-35,
    .sect.style-form .box.width-35 {
        width: 100%;
    }
    .mypage_wrap .sect.style-form .box.width-42,
    .sect.style-form .box.width-42 {
        width: 100%;
    }
    .mypage_wrap .sect.style-form .box.width-50,
    .sect.style-form .box.width-50 {
        width: 100%;
    }
    .mypage_wrap .sect.style-form .box.width-65,
    .sect.style-form .box.width-65 {
        width: 100%;
    }
    #wrap.my_info .sect.style-form .box.width-65 {
        min-width: unset;
    }
}
@media all and (max-width:677px) {
    .sect.style-form .horizon-table {
        padding: 15px;
    }
    .sect.style-form .btns-wrap .btn {
        min-width: auto;
        width: 0;
        flex: 1 1 0;
    }
    .sect.style-form .type-phone .input_box:first-child {
        min-width: 75px;
    }
    .sect.style-form .con.email .type_email {
        flex-wrap: wrap;
        gap: 6px 4px;
    }
    .sect.style-form .con.email .type_email > .flex {
        flex: unset;
        width: 100%;
    }
    .sect.style-form .con.email > .flex > .input_box.select-wrap {
        flex: unset;
        width: 100%;
        margin-left: 0px;
    }
    .sect.style-form .box {
        --input-height : 40px;
    }
    .sect.style-form .con.file .file-box-wrap input,
    .sect.style-form .con.file .file-box-wrap label {
        font-size: 15px;
    }
    .sect.style-form .con.file .file-box-wrap.flex > .input_box {
        flex: 7 1 0;
    }
    .sect.style-form .con.file .file-box-wrap.flex > .btn {
        flex: 6 1 0;
    }
    .sect.style-form .con.file .file-box-wrap.flex > .checkbox-wrap {
        flex: 5 1 0;
    }
    .sect.style-form .tit-style.style-medium{
        font-size: 18px;
    }
}
@media all and (max-width:480px) {
    .sect.style-form .horizon-table {
        padding: 15px 0px;
    }
}
@media all and (max-width:419px) {
    .sect.style-form .box_inner_wrap {
        flex: unset;
        width: 100%;
    }
}

/* 異붽� �벑濡앸�(�샃�뀡, �씠誘몄�, �뙆�씪 �벑) */
.horizon-table .con .btn  {
    font-size: 17px;
    letter-spacing: -0.85px;
}

.horizon-table .con .input-wrap > .btn  {
    /* margin-bottom: 15px; */
}
.horizon-table .con .input-wrap > .btn {
    /* background-color: orange; */
}
.horizon-table .con .input-wrap > .btn:first-child{
    /* margin-top: 0px; */
}
.horizon-table .item-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px 5px;
    /* margin-top: 20px; */
}
.horizon-table .item-list > div:first-of-type{
    margin-top: 20px;
}

.horizon-table .add-item-wrap,
.horizon-table .add-row-wrap {
    display: flex;
    width: 100%;
    gap: 10px 5px;
}
.horizon-table .add-item-wrap {
    flex-direction: column;
}
.horizon-table .add-row-wrap.sub-row {
    padding-left: 5px;
}
.file-box-wrap .add-row-wrap {
    width: 100%;
}

.horizon-table .add-row-wrap > * {
    width: 0;
    flex: 3 1 0;
    height: var(--input-height);
}
.horizon-table .add-row-wrap.sub-row > * {
    height: calc(var(--input-height) * 0.5);
}

.horizon-table .add-row-wrap > .uploaded_file {
    width: auto;
    flex: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px 15px;
}

.horizon-table .add-row-wrap.sub-row > .uploaded_file + .checkbox-wrap {
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #000;
}

.horizon-table .add-row-wrap > .btn ,
.horizon-table .add-row-wrap > .checkbox-wrap,
.horizon-table .add-row-wrap > .option-box {
    width: 0;
    flex: 0 0 calc(var(--input-height) * 2.2);
}

.horizon-table .add-row-wrap > .preview-cont ,
.horizon-table .add-row-wrap > .btn.btn-delete ,
.horizon-table .add-row-wrap > .option-box.btn-delete {
    flex: 0 0 calc(var(--input-height) * 1.0);
}

.add-item-wrap .add-row-wrap > .input_box.input-style > label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.horizon-table .add-row-wrap > .input_box.input-style .checkbox-wrap {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.horizon-table .add-row-wrap > .option-box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.horizon-table .add-row-wrap > .option-box button img {
    height: 18px;
    width: auto;
}

.horizon-table .add-row-wrap > .option-box button span {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 15px;
}

.style-form .add-item-wrap [type="file"],
.horizon-table .add-item-wrap [type="file"] {
    position: absolute;
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.file-box-wrap .ver-mobile,
.horizon-table .add-item-wrap .btn label .ver-mobile {
    display: none;
}

.file-box-wrap .ver-pc,
.horizon-table .add-item-wrap .btn label .ver-pc {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.horizon-table .add-row-wrap .preview-cont.img img {
    width: auto;
    height: 100%;
}


@media all and (max-width : 677px) {
    .file-box-wrap .ver-mobile,
    .horizon-table .add-item-wrap .btn label .ver-mobile {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .file-box-wrap .ver-pc,
    .horizon-table .add-item-wrap .btn label .ver-pc {
        display: none;
    }

    .horizon-table .add-row-wrap > .btn ,
    .horizon-table .add-row-wrap > .checkbox-wrap:not(.check-delete),
    .horizon-table .add-row-wrap > .option-box {
        flex: 0 0 calc(var(--input-height) * 1.0);
    }
    .horizon-table .add-row-wrap > .checkbox-wrap:not(.check-delete){
        flex: 0 0 calc(var(--input-height) * 2.2);
    }
    #fileWrap .option-box{
        margin-top: auto;
        min-width: 0;
    }
    #fileWrap > div > div.input_box.input_box2.btn.btn-type-05{
        min-width: 0;
        margin-left: auto;
    }
}


/* header */
#header {
    position: relative;
    display: block;
    z-index: 10;
}

#header .top {
    position: relative;
    display: block;
    width: 100%;
    height: var(--header-top-height);
    transform: all .3s;
}

#header .top .inner {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.util {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .header-search {
    position: relative;
    display: block;
    width: 400px;
}
#header .util-wrap {
    margin-left: 87px;
}
#header .top .search-wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 46px;
    border-radius: 800px;
    background: transparent linear-gradient(99deg, #3DAC47 0%, #01449B 100%) 0% 0% no-repeat padding-box;
    padding: 0 24px;
}
.zIndexBg{
    display: none;
}
@media all and (max-width : 1023px) {
    #header .top .header-search {
        display: block;
        position: fixed;
        left: 0px;
        padding-top: 10px;
        padding-bottom: 20px;
        top: calc(var(--header-top-height) - 150px);
        background-color: #fff;
        z-index: 1;
        transition: 0.5s;
        padding-left: 4.17%;
        padding-right: 4.17%;
        width:100%;
        transform: translateX(0);
    }
    #header .top .header-search.mobile{
        display: block;
        position: fixed;
        left: 0px;
        padding-top: 10px;
        padding-bottom: 20px;
        top: var(--header-top-height);
        background-color: #fff;
        z-index: 1;
        padding-left: 4.17%;
        padding-right: 4.17%;
        width:100%;
    }
    .bg_background_black{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        display: none;
    }
    .bg_background_black.active{
        display: block;
        z-index: 5;
        height: 100%;
    }
    .zIndexBg{
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
    }
}

#header .top .search-wrap::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: calc(100% - (3px * 2));
    height: calc(100% - (3px * 2));
    background-color: #fff;
    border-radius: 900px;
}

#header .top .search-wrap input {
    position: relative;
    display: block;
    width: calc(100% - 36px);
    height: 100%;
    font-size: 17px;
    letter-spacing: -0.8px;
    background: transparent;
}

#header .top .search-wrap .search-btn {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
}

#header .top .search-wrap .search-btn img {
    width: 100%;
    height: 100%;
}

#header .top .search-word-wrap {
    position: relative;
    display: flex;
    /* display: block; */
    width: 100%;
    height: auto;
    /* justify-content: flex-start;
    align-items: center; */
    padding: 0px 26px 0px;
}

#header .top .search-word-wrap .search-swiper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#header .top .search-word-wrap .search-swiper .swiper-slide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
}

#header .top .search-word-wrap .search-swiper .swiper-slide span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #929294;
    cursor: pointer;
    padding-top: 3px;
}

#header .top .search-word-wrap .search-controller {
    position: relative;
    right: 0;
    top: 0;
    display: flex;
    background: #fff;
    z-index: 3;
}

#header .top .search-word-wrap .search-controller::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: 25px;
    height: 100%;
    background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

#header .top .search-word-wrap .search-button-next,
#header .top .search-word-wrap .search-button-prev {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    z-index: 3;
    cursor: pointer;
}

.util-wrap .util li {
    margin-right: 20px;
}

.util-wrap .util li:last-child {
    margin-right: 0px;
}

.util-wrap .util li a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #666666;
}

.util-wrap .util img {
    width: 24px;
    height: 24px;
}

#header .top .mobile-btns-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .top .mobile-btns-wrap.ver-mobile {
    display: none;
}

#header .top .mobile-btns-wrap .search-btn {
    width: 40px;
    height: 40px;
    cursor: pointer;
}
#header .top .mobile-btns-wrap .search-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#header .top .mobile-btns-wrap .search-btn a img{
    width: 20px;
    height: 20px;
}

.serch_close_btn{
    display: none;
}
@media all and (max-width : 1023px) {
    .serch_close_btn {
        position: absolute;
        right: 0px;
        bottom: -45px;
        width: 45px;
        height: 45px;
        display: none;
    }
    .serch_close_btn.active {
        display: block;
    }
}
#header .bottom {
    position: relative;
    display: block;
    width: 100%;
    height: var(--header-bottom-height);
    background: transparent linear-gradient(92deg, #3DAC47 0%, #01449B 100%) 0% 0% no-repeat padding-box;
    transform: all .3s;
}

#header .bottom.fixedmenu {
    position: fixed;
    left: 0;
    top: 0;
}

#header .bottom .inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

#header .bottom .full-menu-btn {
    align-self: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--header-bottom-height);
    height: var(--header-bottom-height);
    cursor: pointer;
}

#header .bottom .full-menu-btn img {
    width: 20px;
    height: 18px;
}

#header .bottom .gnb {
    position: relative;
    display: block;
    /* width: calc(100% - var(--header-bottom-height)); */
    height: calc(var(--header-bottom-height) * 1);
    z-index: 3;
    /* overflow: hidden; */
    transition: all .3s;
}


#header .bottom .gnb.current {
    height: calc(var(--header-bottom-height) * 2);
}

#header .bottom .gnb.active {
    height: calc(var(--header-bottom-height) * 2);
}

#header .bottom .gnb .menu_dep01 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: var(--header-bottom-height);
    z-index: 5;
}

#header .bottom .gnb .menu_dep01>li {
    /* 以묒븰�쐞移� */
    position: initial;
    /* 媛� �긽�떒硫붾돱 �븘�옒�뿉 �꽌釉뚮찓�돱 �쐞移�(pc留뚭��뒫) */
    position: relative;
    display: block;
    height: var(--header-bottom-height);
    padding: 0 25px;
}

#header .bottom .gnb .menu_dep01>li>a {
    position: relative;
    display: block;
    letter-spacing: -0.9px;
    line-height: var(--header-bottom-height);
    color: #fff;
    opacity: 1;
    font-size: 18px;
}
#header .bottom .gnb .menu_dep01 > li.speciall {

}
#header .bottom .gnb .menu_dep01 > li.speciall > a{
    opacity: 1 !important;
}
#header .bottom .gnb .menu_dep01 > li.speciall > a::before{
    display: none;
}
#header .bottom .gnb .menu_dep01 > li.speciall > a img{
    transform: translateY(-2px);
}
#wrap.intro #header .bottom .gnb .menu_dep01>li>a,
#wrap.contest #header .bottom .gnb .menu_dep01>li>a,
#wrap.rnd #header .bottom .gnb .menu_dep01>li>a,
#wrap.tech #header .bottom .gnb .menu_dep01>li>a,
#wrap.ip #header .bottom .gnb .menu_dep01>li>a,
#wrap.together #header .bottom .gnb .menu_dep01>li>a,
#wrap.bbs #header .bottom .gnb .menu_dep01>li>a,
#wrap.work_communication #header .bottom .gnb .menu_dep01>li>a,
#wrap.center #header .bottom .gnb .menu_dep01>li>a {
    opacity: 0.5;
}

#header .bottom .gnb .menu_dep01>li>a>span {
    position: relative;
}

.announce > span::before {
    content: '';
    position: absolute;
    left: calc(100% + 3px);
    top: 0;
    display: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F54336;
}

#wrap #header .bottom .gnb.active .menu_dep01>li.current>a,
#wrap #header .bottom .gnb.active .menu_dep01>li>a {
    opacity: 0.5;
}

#wrap #header .bottom .gnb.active .menu_dep01>li.current.active>a,
#wrap #header .bottom .gnb .menu_dep01>li.current>a,
#wrap #header .bottom .gnb .menu_dep01>li.active>a {
    opacity: 1;
}

#header .bottom .gnb .menu_dep01>li>a::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    display: block;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #F9FAFB;
    transition: all .3s;
}

#header .bottom .gnb.active .menu_dep01>li.current>a::before {
    border-width: 0;
}

#header .bottom .gnb.active .menu_dep01>li.current.active>a::before,
#header .bottom .gnb .menu_dep01>li.current>a::before,
#header .bottom .gnb .menu_dep01>li.active>a::before {
    border-left-width: 10px;
    border-top-width: 9px;
    border-right-width: 10px;
    border-bottom-width: 9px;
}


/* header sub menu */
#header .bottom .gnb .menu_dep02 {
    position: absolute;
    /* left: 50%; */
    left: 0;
    top: var(--header-bottom-height);
    /* transform: translateX(-50%); */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* 以묒븰�쐞移� */
    width: 100%;
    /* �긽�떒硫붾돱 �븘�옒�쐞移� */
    width: 1280px;
    width: 100vw;
    max-width: 1280px;
    height: 0;
    /* overflow: hidden; */
    z-index: 2;
    transition: all .3s;
    padding-left: 25px;
    pointer-events: none;
}
#header .bottom .gnb li:nth-child(n+4) .menu_dep02 {
    /* left: unset; */
    /* right: 0; */
    /* justify-content: flex-end; */
    /* padding-left: 0px; */
    /* padding-right: 25px; */
    right: 50%;
    transform: translateX(-50%);
    justify-content: center;
    padding-left: 0;
    padding-right: 0;

}

#header .bottom .gnb li.current>.menu_dep02 {
    height: var(--header-bottom-height);
    pointer-events: auto;
}

#header .bottom .gnb li.active>.menu_dep02 {
    height: var(--header-bottom-height);
    z-index: 3;
    pointer-events: auto;
}

#header .bottom .gnb li>.menu_dep02::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 0%;
    background: #F9FAFB;
    /* z-index: 0; */
    transition: all .3s;
}

#header .bottom .gnb li.active>.menu_dep02::before {
    height: 100%;
}

#header .bottom .gnb li.current.active>.menu_dep02::before {
    height: 0%;
}

#header .bottom .gnb li>.menu_dep02::after {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: 100%;
    height: 0%;
    background: #F9FAFB;
    /* z-index: 3; */
    transition: all .3s;
}

#header .bottom .gnb li:nth-child(n+4)>.menu_dep02::after {
    right: 0;
    left: 100%;
}

#header .bottom .gnb li.active>.menu_dep02::after {
    height: 100%;
}

#header .bottom .gnb li.current.active>.menu_dep02::after {
    height: 0%;
}

#header .bottom .gnb .menu_dep02>li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    opacity: 0;
    margin-right: 40px;
    z-index: 0;
    transition: all .3s;
}

#header .bottom .gnb .menu_dep02>li:last-child {
    margin-right: 0px;
}

#header .bottom .gnb li.current>.menu_dep02>li {
    opacity: 1;
    z-index: -2;
}

#header .bottom .gnb li.active>.menu_dep02>li {
    opacity: 1;
}


#header .bottom .gnb .menu_dep02>li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 2px;
    background: #01449B;
    transition: all .3s;
}

#header .bottom .gnb .menu_dep02>li.current::before {
    width: 100%;
}

#header .bottom .gnb .menu_dep02>li.active::before {
    width: 100%;
}


#header .bottom .gnb .menu_dep02>li::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    display: block;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #01449B;
    transition: all .3s;
}


#header .bottom .gnb .menu_dep02>li.current::after {
    border-left-width: 6px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
}

#header .bottom .gnb .menu_dep02>li.active::after {
    border-left-width: 6px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
}

#header .bottom .gnb .menu_dep02>li>a {
    position: relative;
    width: 100%;
    display: block;
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #343434;
}

#header .bottom .gnb .menu_dep02>li.current>a {
    color: #01449B;
}

#header .bottom .gnb .menu_dep02>li.active>a {
    color: #01449B;
}

#header .bottom .gnb li.active>.menu_dep02>li>a {}

#header .bottom .sub-menu-wrap {
    position: relative;
    display: block;
    width: 100%;
    z-index: 99;
}

#header .bottom .font_resize_wrap {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

#header .bottom .font_resize_wrap * {
    margin-left: 12px;
}

#header .bottom .font_resize_wrap *:first-child {
    margin-left: 0px;
}

#header .bottom .font_resize_wrap button{
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
}

#header .bottom .font_resize_wrap .sizedown::before,
#header .bottom .font_resize_wrap .sizeup::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 800px;
    background-color: #fff;
}

#header .bottom .font_resize_wrap .sizeup::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    width: 2px;
    height: 100%;
    border-radius: 800px;
    background-color: #fff;
}


#header .bottom .font_resize_wrap .zoom {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: 0.08px;
    color: #fff;
}

#header .bottom .sub-menu-bg {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 100%;
    height: 0;
    background-color: #F9FAFB;
    z-index: 2;
    transition: all .3s;
}

#header .bottom .sub-menu-bg.current {
    height: var(--header-bottom-height);
}

#wrap.mypage #header .bottom .sub-menu-bg.current {
    height: 0;
}

#header .bottom .sub-menu-bg.active {
    height: var(--header-bottom-height);
}

@media all and (max-width : 1399px) {
    #header .bottom .gnb .menu_dep01>li {
        padding: 0 calc(100vw * 20 / 1399);
    }
}
@media all and (max-width : 1199px) {
    #header .bottom .gnb .menu_dep01>li>a {
        font-size: calc(100vw * 18 / 1199);
    }
}

@media all and (max-width : 1023px) {
    .logo{
        z-index: 2;
    }
    #header .top{
        z-index: 4;
    }
    #header .top .mobile-btns-wrap.ver-mobile {
        display: flex;
        z-index: 2;
        margin-right: -10px;
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        background-color: transparent;
        width: 100%;
    }

    #header .top {
        background-color: #fff;
    }

    #header .top .util-wrap {
        display: none;
    }

    #header .bottom {
        /* display: none; */
        /* background: #F9FAFB; */
        background: transparent;
        /* display: none; */
    }
    #header .bottom .inner {
        padding-left: 0;
        padding-right: 0;
    }
    #header .bottom.fixedmenu {
        position: relative;
        left: unset;
        top: unset;
    }
    #header .bottom .font_resize_wrap,
    #header .bottom .full-menu-btn {
        display: none;
    }
    #header .bottom .gnb .menu_dep01>li {
        padding-left: 0;
        padding-right: 0;
        display: none;
    }
    #header .bottom .gnb .menu_dep01>li.current {
        display: block;
    }
    #header .bottom .gnb .menu_dep01>li>a {
        display: none;
    }
    #header .bottom .gnb .menu_dep02 {
        /* top: 0; */
        position: relative;
        left: unset;
        top: unset;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: hidden;
        padding-left: 0;
        border: 1px solid #D7DDE3;
        border-left: 0px;
        border-right: 0px;
    }
    #header .bottom .gnb li:nth-child(n+4) .menu_dep02 {
        left: unset;
        right: unset;
        justify-content: flex-start;
        padding-left: 0px;
        padding-right: 0px;
        transform: unset;
    }
    #header .bottom .gnb.active li>.menu_dep02 {
        height: fit-content;
    }
    #header .bottom .sub-menu-bg {
        display: none;
    }
    #header .bottom .gnb .menu_dep02>li {
        order: 2;
        width: 100%;
        justify-content: flex-start;
        background-color: #F9FAFB;
        padding-left: 15px;
        border-top: 1px solid #D7DDE3;
    }
    #header .bottom .gnb .menu_dep02>li.current {
        display: flex;
        order: 1;
        background: #F9FAFB url('/img/icon_arrowdown_15x8.png') no-repeat right center;
        background-position-x: calc(100% - 20px);
        background-size: 15px;
        border-top: none;
    }
    #header .bottom .gnb li.current>.menu_dep02>li {
    }
    #header .bottom .gnb.gnb.active .menu_dep02>li.current {
        transform: scaleY(-1);
    }
    #header .bottom .gnb .menu_dep02>li>a {
        font-size: 16px;
        letter-spacing: -0.8px;
        height: var(--header-bottom-height);
        line-height: var(--header-bottom-height);
    }
    #header .bottom .gnb .menu_dep02>li.current:not(.active)>a {
        color: #343434;
    }
    #header .bottom .gnb.active .menu_dep02>li.current>a {
        transform: scaleY(-1);
    }
    #header .bottom .gnb .menu_dep02>li::before {
        bottom: unset;
        top: 0;
        width: 2px;
        height: 0;
    }
    #header .bottom .gnb .menu_dep02>li.current::before {
        width: 2px;
        height: 0;
    }
    #header .bottom .gnb .menu_dep02>li:hover:before,
    #header .bottom .gnb .menu_dep02>li.active::before {
        width: 2px;
        height: 100%;
    }
    #header .bottom .gnb .menu_dep02>li::after {
        left: 0;
        transform: translateY(-50%);
        bottom: unset;
        top: 50%;
        border-left: 0px solid #01449B;
        border-bottom: 0px solid transparent;
    }
    #header .bottom .gnb .menu_dep02>li.current::after {
        border-width: 0px;
    }
    #header .bottom .gnb .menu_dep02>li:hover:after,
    #header .bottom .gnb .menu_dep02>li.active::after {
        border-width: 6px;
    }
}
@media all and (max-width : 854px) {
}


/* header full menu */
.full-menu-container {
    position: fixed;
    left: 0%;
    top: 0;
    display: block;
    width: 100vw;
    height: 0;
    /* background-color: rgba(0, 0, 0, 0.75); */
    z-index: 15;
    overflow: hidden;
    transition: 0.3s opacity ease-in-out;
    opacity: 0;
}
.full-menu-container.active {
    left: 0%;
    height: 100vh;
    opacity: 1;
}
.background_plate_black{
    width: 100vw;
    height: 0;
    background-color: rgb(255, 255, 255);
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
}
.background_plate_black.active{
    height: 100vh;
    z-index: 11;
}
.full-menu-wrap {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.full-menu-wrap .ver-pc {
    display: block;
}
.full-menu-wrap .ver-mobile {
    display: none;
}
.full-menu-wrap #full_menu_close_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 9;
}
.full-menu-wrap #full_menu_close_btn a {
    position: relative;
    display: block;
}
.full-menu-wrap .full-menu-title{
    position: relative;
    max-width: 250px;
	font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 54px;
    letter-spacing: -4.05px;
    line-height: 70px;
    color: #fff;
    word-break: keep-all;
}
@media all and (max-width : 1649px) {
    .full-menu-wrap .full-menu-title{
        font-size: calc(100vw * 60 / 1800);
        line-height: calc(100vw * 80 / 1800);
    }
}
.full-menu-wrap .full-menu-title span{
    position: relative;
    display: block;
}

.full-menu-wrap .flex{
    height: 100%;
}
.full-menu-wrap > .flex > *{
    padding-top: 10.73vw;
}
.full-menu-wrap > .flex > .left{
    flex-grow: 22;
    position: relative;
    background: url('/img/user/full_menu_wrap_deco.svg') no-repeat -112px calc(100% + 36px), linear-gradient(143deg, #3DAC47 0%, #01449B 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: flex-start;
}

.full-menu-wrap .util-wrap {
    display: none;
}


.full-menu-wrap > .flex > .right{
    position: relative;
    flex-grow: 62;
    padding-left: 100px;
    padding-top: 100px;
}
@media all and (max-width : 1200px) {
    .full-menu-wrap > .flex > .right {
        padding-top: 0;
    }
}

.full-menu-wrap .menus-wrap {
    /* padding-bottom: 70px; */
    padding-bottom: 58px;
    /* transition: all .3s; */
    flex-wrap: wrap;
}

.full-menu-wrap .menus-wrap:last-child {
    padding-bottom: 0px;
}
.full-menu-wrap .menus-wrap > .right {
    /* overflow: hidden; */
}

.full-menu-wrap .menus-wrap .menu01 {
	font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 24px;
    letter-spacing: -1.8px;
    color: #000;
    -webkit-tap-highlight-color : transparent;
}

.full-menu-wrap .menus-wrap .menu01 span {
    position: relative;
    letter-spacing: -0.03em;
}

.full-menu-wrap .menus-wrap .menu02 {
    position: relative;
    letter-spacing: -0.9px;
    color: #000;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 2px 0;
}

.full-menu-wrap .menus-wrap .menu02 > li {
    position: relative;
    padding-right: 40px;
    align-items: flex-start;

}
.full-menu-wrap .menus-wrap .menu02 > li:last-child {
    padding-left: 0px;
    margin-bottom: 10px;
}
.full-menu-wrap .menus-wrap .menu02 li > a {
    transition: all .3s;
}
.full-menu-wrap .menus-wrap .menu02 > li > a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    letter-spacing: -0.03em;
}
.full-menu-wrap .menus-wrap .menu02 > li > a:hover {
    color: #044997;
}
.full-menu-wrap .menus-wrap .menu02 > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0%;
    height: 1px;
    background: #044997;
    transition: all .3s;
}
.full-menu-wrap .menus-wrap .menu02 > li > a:hover::before {
    width: 100%;
}


.full-menu-wrap .menus-wrap .menu03 {
    position: relative;
	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 17px;
    letter-spacing: -0.85px;
    color: #666666;
    padding-left: 41px;
}

.full-menu-wrap .menus-wrap .menu03::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: calc(100% - 2px);
    margin-left: 20px;
    margin-right: 20px;
    background: #E6E6E6;
}

.full-menu-wrap .menus-wrap .menu03 > li {
    position: relative;
    display: block;
    padding-bottom: 10px;
}

.full-menu-wrap .menus-wrap .menu03 > li:last-child {
    padding-bottom: 0px;
}

.full-menu-wrap .menus-wrap .menu03 > li > a {
    position: relative;
    display: inline-block;
    letter-spacing: -0.03em;
}

.full-menu-wrap .menus-wrap .menu03 > li > a:hover {
    color: #000;
}

.full-menu-wrap .menus-wrap .menu03 > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0%;
    height: 1px;
    background: #000;
    transition: all .3s;
}
.full-menu-wrap .menus-wrap .menu03 > li > a:hover::before {
    width: 100%;
}
@media all and (max-width : 1649px) {
    .full-menu-wrap .menus-wrap {
        padding-bottom: calc(100vw * 70 / 1800);
    }
}
@media all and (max-width : 1500px) {
    .full-menu-wrap > .flex > .right{
        padding-left: 75px;
        padding-top: 100px;
    }
    .full-menu-wrap .menus-wrap .menu01{
        flex-grow: inherit;
        min-width: 241px;
    }
}
@media all and (max-width : 1199px) {
    .full-menu-container{
        height: 100vh;
        left: auto;
        right: -100%;
        transition: none;
        transition: 0.3s right ;
        opacity: 1;
        width: 80%;
    }
    .full-menu-container.active{
        left: auto;
        right: 0%;
        width: 80%;
    }
    .full-menu-wrap {
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .background_plate_black{
        background-color: rgba(0, 0, 0, 0.75);
    }
    .full-menu-wrap .menus-wrap {
        padding-bottom: 0px;
    }
    .full-menu-wrap > .flex,
    .full-menu-wrap .right > ul .flex {
        flex-direction: column;
    }
    .full-menu-wrap > .flex > * {
        padding-top: 0;
    }
    .full-menu-wrap > .flex > .left {
        flex: 0 0 98px;
        background: #fff;
        justify-content: center;
        align-items: center;
    }
    .full-menu-wrap .full-menu-title {
        display: none;
    }
    .full-menu-wrap .util-wrap {
        display: block;
    }
    .full-menu-wrap .util-wrap .util img {
        width: 30px;
        height: 30px;
    }
    .full-menu-wrap .util-wrap .util li a {
        gap: 4spx;
    }
    .full-menu-wrap > .flex > .right {
        flex: 1;
        padding-left: 00px;
        padding-top: 0px;
        background: linear-gradient(143deg, #3DAC47 0%, #01449B 100%) 0% 0% no-repeat padding-box;
    }
    .full-menu-wrap > .flex > .right > ul {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .full-menu-wrap > .flex > .right > ul > li {
        position: relative;
        width: 100%;
        -webkit-tap-highlight-color : transparent;
    }
    .full-menu-wrap > .flex > .right .menu01 {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 45px 12px 15px;
        cursor: pointer;
        -webkit-tap-highlight-color : transparent;
    }
    .full-menu-wrap > .flex > .right .menu01::after {
        content: '';
        position: relative;
        display: block;
        width: 7px;
        height: 11px;
        background: url('/img/user/full_menu_select_arrow.svg') no-repeat center;
        background-size: contain;
        transform: rotate(90deg);
        transition: 0.3s;
    }
    .full-menu-wrap > .flex > .right .menu01.on::after{
        transform: rotate(-90deg);
    }
    .full-menu-wrap > .flex > .right .speciall .menu01::after{
        display: none;
    }
    .full-menu-wrap > .flex > .right .menu01 > span {
        font-family: 'SpoqaHanSansNeo-Regular';
        font-size: 18px;
        color: #fff;
        -webkit-tap-highlight-color : transparent;
    }
    .full-menu-wrap .menus-wrap {
        height: auto;
        overflow: hidden;
        display: block;
    }
    .full-menu-wrap .menus-wrap ul{
        padding: 0px 45px;
    }
    .full-menu-wrap .menus-wrap .menu02 {
        flex-wrap: nowrap;
        display: none;
    }
    .full-menu-wrap .menus-wrap li{
        width: 100%;
        padding: 4px 0;
    }
    .full-menu-wrap .menus-wrap li a{
        color: #fff;
    }
    .full-menu-wrap .menus-wrap .menu03 {
        padding-left: 45px;
    }
    .full-menu-wrap .menus-wrap .menu03::before {
        display: none;
    }
    .full-menu-wrap .menus-wrap .menu03 > li {
        padding-bottom: 2px;
    }
}
@media all and (max-width : 1023px) {
    .full-menu-wrap .menus-wrap .menu02 > li > a{
        width: 100%;
    }
}
@media all and (max-width : 677px) {
    .full-menu-wrap .ver-pc {
        display: none;
    }
    .full-menu-wrap .ver-mobile {
        display: block;
    }
    .full-menu-wrap > .flex > .right .menu01 > span,
    .full-menu-wrap .menus-wrap .menu02 > li > a {
        font-size: 16px;
    }
    .full-menu-wrap > .flex > .right .menu01 {
        padding: 12px 15px;
    }
    .full-menu-wrap .menus-wrap ul {
        padding-right: 0;
    }
    .full-menu-wrap .menus-wrap .menu03 {
        padding-left: 5.77vw;
    }
    .full-menu-wrap .menus-wrap .menu03 > li > a {
        font-size: 14px;
    }
    .full-menu-wrap .menus-wrap{
        /* max-height: 45px; */
    }
}



/* footer */
#footer {
    position: relative;
    background-color: #F9FAFB;
    padding-top: 40px;
    padding-bottom: 80px;
    word-break: keep-all;
}

#footer * {
	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 16px;
    letter-spacing: -0.8px;
    line-height: 30px;
}

#footer .family_site {
    float: right;
    position: relative;
    height: 58px;
}

#footer .family_site .btn-select {
    padding: 10px 8px 10px 16px;

    min-width: 232px;
    font-size: 16px;
    letter-spacing: -0.8px;
    line-height: 30px;
    color: #B1B7BD;

    background: #FFFFFF3B 0% 0% no-repeat padding-box;
}

#footer .family_site .opt-list {
    z-index: 20;
    width: 100%;
    padding: 10px 0;
}

#footer .family_site .opt-list li a {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.1em;
    color: #333;
}

#footer .family_site .opt-list li a:hover {
    background: #01449B;
    color: #fff;
}

#footer address {
    letter-spacing: 0;
}

#footer .copyright {
    font-size: 14px;
    letter-spacing: 1.25px;
}

#footer .f-menu li {
    padding-right: 36px;
}

#footer .f-menu li:last-child {
    padding-right: 0px;
}

#footer .f-box {
    position: relative;
}

#footer .f-box>.inner {
    justify-content: flex-start;
    align-items: center;
}


#footer .f-box01 {
    align-items: flex-start;
}

#footer .f-box01 .left,
#footer .f-box01 .right {
    flex: none;
}
#footer .f-box01 .right {
    margin-left: auto;
}

#footer .f-box02 {
    padding-top: 8px;
}


#footer .f-box02 * {
    color: #9EA6AE;
}

#footer .f-box03 *:not(.text-blue) {
    color: #AAB1B8;
}

#footer .f-box03 > .inner::before{
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #E2E8EE;
    margin-top: 30px;
    margin-bottom: 30px;
}

#footer .select-wrap > .btn-select {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;

    border-radius: 5px;
    border: 1px solid #D7DDE3;
}

#footer .select-wrap > .btn-select:after {
    content: "";
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    background: url('/img/user/btn_select_arrow.svg') no-repeat center center;
    background-size: cover;
    transform: rotate(180deg);
}

#footer .select-wrap > .opt-list {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    border-radius: 5px;
    border: 1px solid #D7DDE3;
    background: #fff;
}

#footer .select-wrap.active > .opt-list {
    display: block;
}

#footer .select-wrap > .opt-list li a {
    display: block;
    font-size: 16px;
    line-height: 1.1em;
    color: #333;
    transition: all .3s;
}
@media screen and (max-width:968px) {
    #footer .f-box>.inner{
        flex-direction: row;
    }
    #footer .f-menu{
        flex-direction: row;
    }
}
@media screen and (max-width:768px) {
    #footer .f-box>.inner{
        flex-direction: column;
    }
    #footer .f-box>.inner{
        align-items: flex-start;
    }
    #footer .family_site .btn-select{
        padding: 8px 6px;
    }
    #footer .f-box01 .right{
        margin: 20px 0 0 0;
        width: 100%;
    }
    #footer .f-menu li{
        padding-right: 20px;
    }
}
@media screen and (max-width:525px) {
    #footer{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    #footer *{
        font-size: 15px;
    }
    #footer address{
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 10px;
    }
    #footer .copyright{
        letter-spacing: 0;
        line-height: 20px;
        font-size: 13px;
    }
    #footer .f-box03 > .inner::before{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #footer .f-menu li{
        padding-right: 10px;
    }
}
/* 湲곌� �뒳�씪�씠�뱶 */



/* sub 怨듯넻 */
/* subpage �쐞�븘�옒 �뿬諛� */
.page_wrap.sub {
    padding-top: calc(var(--header-bottom-height) + var(--sub-common-top));
    padding-bottom: var(--sub-common-bottom);
    padding-top: 110px;
}

.page_wrap.sub.membership  {
    padding-top: calc(var(--sub-common-top));
}
#wrap.mypage .page_wrap.sub {
    padding-top: 50px;
}
.page_wrap.paddingBN{
    /* padding-bottom: 0px; */
}
/* sub �젣紐� */
h2 {
    position: relative;
    display: block;
    text-align: center;
    font-family: 'SpoqaHanSansNeo-Bold';
    font-size: 36px;
    letter-spacing: -2.8px;
    line-height: 50px;
    color: #16171D;
    margin-bottom: 25px;
}

h2 .text-gradation {
    background: transparent linear-gradient(131deg, #01449B 0%, #3DAC47 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
}

h2 .en {
    font-size: 38px;
}

h2 .mypage_icon {

}

@media all and (max-width : 1024px) {
    h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }
    h2 .en{
        font-size: 35px;
    }
    .page_wrap.sub {
        padding-top: calc(var(--header-bottom-height) + var(--sub-common-top));
        padding-bottom: var(--sub-common-bottom);
    }
}

@media all and (max-width : 677px) {
    h2 {
        font-size: 30px;
        letter-spacing: -2.2px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    h2 .en{
        font-size: 30px;
    }
}
@media all and (max-width : 419px) {
    h2 {
        font-size: 25px;
    }
    h2 .en{
        font-size: 25px;
    }
}

/* 怨듯넻 湲곌��뒳�씪�씠�뱶 */

.swiper-org-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 90px;
    --swiper-theme-color: #ccc;
    --swiper-navigation-size : 36px;
}

.swiper-org {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-left: 92px;
    padding-right: 92px;
}

.swiper-org .swiper-slide .org-wrap  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.swiper-org .swiper-slide a {
    position: relative;
    display: block;

	font-family: 'SpoqaHanSansNeo-Light';
    font-size: 13px;
    letter-spacing: -0.91px;
    line-height: 17px;
    color: #354251;
}

.swiper-org .swiper-slide a:first-child {
    border-radius: 50%;
}

.swiper-org .swiper-slide.on a {
	font-family: 'SpoqaHanSansNeo-Regular';
    color: #333;
}

.swiper-org .swiper-slide .logo-img {
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #E2E8EE;
    /* padding: 10px; */
}

.swiper-org .swiper-slide.on .logo-img {
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(134deg, #31AB5F 0%, #164D95 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.swiper-org .swiper-slide .logo-img.ip-all,
.swiper-org .swiper-slide .logo-img.ip-11,
.swiper-org .swiper-slide .logo-img.ip-13,
.swiper-org .swiper-slide .logo-img.ip-15,
.swiper-org .swiper-slide .logo-img.ip-20 {
    /* padding: 20px; */
}

.logo-img::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* �쟾泥� */
.logo-img.ip-all::before {
    background: url('/img/user/logos/apps-2-fill-dark.png') no-repeat center;
    background-size: contain;
}
.on .logo-img.ip-all::before {
    background: url('/img/user/logos/apps-2-fill.png') no-repeat center;
    background-size: contain;
}

.logo-img.logo-name-img::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 27px;
    display: block;
    width: 100%;
    height: 100%;
}
.logo-img.logo-name-img::after {
    /* content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleY(-0.8);
    opacity: .3; */
}

.logo-img.logo-name-img:not(.ex):not(.lh):not(.kw):not(.EX):not(.LH):not(.KW)::before {
    background: transparent;
}

/* �븳援��룄濡쒓났�궗 */
.logo-img.ex::before,
.logo-img.EX::before,
.logo-img.ip-2::before {
    background: url('/img/user/logos/mini/logo_ex@2x.png') no-repeat center;
    background-size: contain;
}

.logo-img.logo-name-img.ex::before,
.logo-img.logo-name-img.EX::before {
    background: url('/img/user/logos/logo_text_ex@2x.png') no-repeat left center;
    background-size: contain;
}

.logo-img.logo-name-img.ex::after,
.logo-img.logo-name-img.EX::after {
    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('/img/logo/logo_ex@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-size: contain; */
}

/* �븳援��넗吏�二쇳깮怨듭궗 */
.logo-img.lh::before,
.logo-img.LH::before,
.logo-img.ip-3::before {
    background: url('/img/user/logos/mini/logo_lh@2x.png') no-repeat center;
    background-size: contain;
}

.logo-img.logo-name-img.lh::before,
.logo-img.logo-name-img.LH::before {
    background: url('/img/user/logos/logo_text_lh@2x.png') no-repeat left center;
    background-size: contain;
}

.logo-img.logo-name-img.lh::after,
.logo-img.logo-name-img.LH::after {
    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('/img/logo/logo_lh@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-size: contain; */
}

/* 援�媛�泥좊룄怨듬떒 */
.logo-img.knr::before,
.logo-img.KNR::before,
.logo-img.ip-4::before {
    background: url('/img/user/logos/mini/logo_knr@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援�泥좊룄怨듭궗 */
.logo-img.korail::before,
.logo-img.KORAIL::before,
.logo-img.ip-5::before {
    background: url('/img/user/logos/mini/logo_korail@2x.png') no-repeat center;
    background-size: contain;
}

/* �씤泥쒓뎅�젣怨듭궗 */
.logo-img.ia::before,
.logo-img.IA::before,
.logo-img.ip-6::before {
    background: url('/img/user/logos/mini/logo_ia@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援�怨듯빆怨듭궗 */
.logo-img.kac::before,
.logo-img.KAC::before,
.logo-img.ip-7::before {
    background: url('/img/user/logos/mini/logo_kac@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援�援��넗�젙蹂닿났�궗 */
.logo-img.lx::before,
.logo-img.LX::before,
.logo-img.ip-8::before {
    background: url('/img/user/logos/mini/logo_lx@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援�援먰넻�븞�쟾怨듬떒 */
.logo-img.ts::before,
.logo-img.TS::before,
.logo-img.ip-9::before {
    background: url('/img/user/logos/mini/logo_ts@2x.png') no-repeat center;
    background-size: contain;
}

/* 二쇳깮�룄�떆蹂댁쬆怨듭궗 */
.logo-img.hug::before,
.logo-img.HUG::before,
.logo-img.ip-10::before {
    background: url('/img/user/logos/mini/logo_hug@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援�遺��룞�궛�썝 */
.logo-img.kab::before,
.logo-img.KAB::before,
.logo-img.ip-11::before {
    background: url('/img/user/logos/mini/logo_kab@2x.png') no-repeat center;
    background-size: contain;
}

/* 二쇱떇�쉶�궗 sr */
.logo-img.sr::before,
.logo-img.SR::before,
.logo-img.ip-22::before {
    background: url('/img/user/logos/mini/new/logo_sr@2x.png') no-repeat center;
    background-size: contain;
}

/*�궛�뾽�넻�긽�옄�썝遺�*/

/* �븳援��쟾�젰怨듭궗 */
.logo-img.kepco::before,
.logo-img.KEPCO::before,
.logo-img.ip-23::before {
    background: url('/img/user/logos/mini/new/logo_kepco.png') no-repeat center;
    background-size: contain;
}

/* 吏��젙怨듬え 3湲곌�  */




/* �븳援�媛��뒪怨듭궗 */
.logo-img.kogas::before,
.logo-img.KOGAS::before,
.logo-img.ip-24::before {
    background: url('/img/user/logos/mini/new/logo_kogas.png') no-repeat center;
    background-size: contain;
}

/* �븳援��궓�룞諛쒖쟾 */
.logo-img.koen::before,
.logo-img.KOEN::before,
.logo-img.ip-25::before {
    background: url('/img/user/logos/mini/new/logo_koen.png') no-repeat center;
    background-size: contain;
}

/* �븳援��궓遺�諛쒖쟾 */
.logo-img.kospo::before,
.logo-img.KOSPO::before,
.logo-img.ip-26::before {
    background: url('/img/user/logos/mini/new/logo_kospo.png') no-repeat center;
    background-size: contain;
}

/* �븳援��룞�꽌諛쒖쟾 */
.logo-img.ewp::before,
.logo-img.EWP::before,
.logo-img.ip-27::before {
    background: url('/img/user/logos/mini/new/logo_ewp.png') no-repeat center;
    background-size: contain;
}

/* �븳援��꽌遺�諛쒖쟾 */
.logo-img.wp::before,
.logo-img.WP::before,
.logo-img.ip-28::before {
    background: url('/img/user/logos/mini/new/logo_wp.png') no-repeat center;
    background-size: contain;
}

/* �븳援��닔�젰�썝�옄�젰 */
.logo-img.khnp::before,
.logo-img.KHNP::before,
.logo-img.ip-29::before {
    background: url('/img/user/logos/mini/new/logo_khnp.png') no-repeat center;
    background-size: contain;
}

/* �븳援��쟾�젰嫄곕옒�냼 */
.logo-img.kpx::before,
.logo-img.KPX::before,
.logo-img.ip-30::before {
    background: url('/img/user/logos/mini/new/logo_kpx.png') no-repeat center;
    background-size: contain;
}

/* �븳援��뿉�꼫吏�怨듬떒 */
.logo-img.kea::before,
.logo-img.KEA::before,
.logo-img.ip-31::before {
    background: url('/img/user/logos/mini/new/logo_kea.png') no-repeat center;
    background-size: contain;
}

/* �븳援��쟾�젰湲곗닠  */
.logo-img.kenc::before,
.logo-img.KENC::before,
.logo-img.ip-32::before {
    background: url('/img/user/logos/mini/new/logo_kenc.png') no-repeat center;
    background-size: contain;
}

/* �븳援�以묐�諛쒖쟾 */
.logo-img.komipo::before,
.logo-img.KOMIPO::before,
.logo-img.ip-33::before {
    background: url('/img/user/logos/mini/new/logo_komipo.png') no-repeat center;
    background-size: contain;
}

/* 愿묒＜愿묒뿭�떆 */
.logo-img.gwangju::before,
.logo-img.GWANGJU::before,
.logo-img.ip-1011::before {
    background: url('/img/user/logos/mini/new/logo_gwangju.png') no-repeat center;
    background-size: contain;
}


/* �븳援�吏��뿭�궃諛⑷났�궗 */
.logo-img.kdhc::before,
.logo-img.KDHC::before,
.logo-img.ip-34::before {
    background: url('/img/user/logos/mini/new/logo_kdhc.png') no-repeat center;
    background-size: contain;
}

/* �븳援��썝�옄�젰�뿰猷� */
.logo-img.knfc::before,
.logo-img.KNFC::before,
.logo-img.ip-35::before {
    background: url('/img/user/logos/mini/new/logo_knfc.png') no-repeat center;
    background-size: contain;
}

/* �븳�쟾KDN */
.logo-img.kdn::before,
.logo-img.KDN::before,
.logo-img.ip-36::before {
    background: url('/img/user/logos/mini/new/logo_kdn.png') no-repeat center;
    background-size: contain;
}


/* �뿉�꼫吏��삊�쓽泥� 怨듬룞湲곗닠 */
.logo-img.engygroup::before,
.logo-img.ENGYGROUP::before,
.logo-img.ip-1008::before {
    background: url('/img/user/logos/mini/new/logo_engy.png') no-repeat center;
    background-size: contain;
}


/* �븳�쟾kps */
.logo-img.kps::before,
.logo-img.KPS::before,
.logo-img.ip-37::before {
    background: url('/img/user/logos/mini/new/logo_kps.png') no-repeat center;
    background-size: contain;
}

/* �븳援��썝�옄�젰�솚寃쎄났�떒 */
.logo-img.korad::before,
.logo-img.KORAD::before,
.logo-img.ip-38::before {
    background: url('/img/user/logos/mini/new/logo_korad.png') no-repeat center;
    background-size: contain;
}

/* 怨좎슜�끂�룞遺� */

/* �븰援먮쾿�씤�뤃由ы뀓 */
.logo-img.kopo::before,
.logo-img.KOPO::before,
.logo-img.ip-39::before {
    background: url('/img/user/logos/mini/new/logo_kopo.png') no-repeat center;
    background-size: contain;
}
/* �븳援�湲곗닠援먯쑁�� */
.logo-img.ktech::before,
.logo-img.KTECH::before,
.logo-img.ip-40::before {
    background: url('/img/user/logos/mini/new/logo_ktech.png') no-repeat center;
    background-size: contain;
}

/* 湲덉쑖�쐞�썝�쉶 */

/* �븳援��옄�궛愿�由ш났�궗 */
.logo-img.kamco::before,
.logo-img.KAMCO::before,
.logo-img.ip-41::before {
    background: url('/img/user/logos/mini/new/logo_kamco.png') no-repeat center;
    background-size: contain;
}

/* 踰붿슜湲곗닠 */

/* �븳援�吏��뒫�젙蹂댁궗�쉶吏꾪씎�썝  */
.logo-img.nia::before,
.logo-img.NIA::before,
.logo-img.ip-42::before {
    background: url('/img/user/logos/mini/new/logo_nia.png') no-repeat center;
    background-size: contain;
}

/* �븳援��씤�꽣�꽬吏꾪씎�썝  */
.logo-img.kisa::before,
.logo-img.KISA::before,
.logo-img.ip-43::before {
    background: url('/img/user/logos/mini/new/logo_kisa.png') no-repeat center;
    background-size: contain;
}

/* �븳援�諛⑹넚�넻�떊�쟾�뙆吏꾪씎�썝  */
.logo-img.kca::before,
.logo-img.KCA::before{
    background: url('/img/user/logos/mini/new/logo_kca.png') no-repeat center;
    background-size: contain;
}

/* 怨쇳븰湲곗닠�궗�뾽�솕吏꾪씎�썝  */
.logo-img.compa::before,
.logo-img.COMPA::before{
    background: url('/img/user/logos/mini/new/logo_compa.png') no-repeat center;
    background-size: contain;
}

/* �젙蹂댄넻�떊�궛�뾽吏꾪씎�썝  */
.logo-img.nipa::before,
.logo-img.NIPA::before{
    background: url('/img/user/logos/mini/new/logo_nipa.png') no-repeat center;
    background-size: contain;
}

/* SW�젙梨낆뿰援ъ냼  */
.logo-img.spri::before,
.logo-img.SPRI::before{
    background: url('/img/user/logos/mini/new/logo_spri.png') no-repeat center;
    background-size: contain;
}

/* �젙蹂댄넻�떊湲고쉷�룊媛��썝  */
.logo-img.iitp::before,
.logo-img.IITP::before{
    background: url('/img/user/logos/mini/new/logo_iitp.png') no-repeat center;
    background-size: contain;
}

/* �븳援�怨쇳븰湲곗닠湲고쉷�룊媛��썝  */
.logo-img.kistep::before,
.logo-img.KISTEP::before{
    background: url('/img/user/logos/mini/new/logo_kistep.png') no-repeat center;
    background-size: contain;
}

/* �븳援�怨쇳븰湲곗닠�젙蹂댁뿰援ъ썝  */
.logo-img.kisti::before,
.logo-img.KISTI::before{
    background: url('/img/user/logos/mini/new/logo_kisti.png') no-repeat center;
    background-size: contain;
}

/* �븳援�怨쇳븰湲곗닠�뿰援ъ썝  */
.logo-img.kist::before,
.logo-img.KIST::before{
    background: url('/img/user/logos/mini/new/logo_kist.png') no-repeat center;
    background-size: contain;
}

/* �븳援�怨쇳븰李쎌쓽�옱�떒  */
.logo-img.kofac::before,
.logo-img.KOFAC::before{
    background: url('/img/user/logos/mini/new/logo_kofac.png') no-repeat center;
    background-size: contain;
}

/* �븳援��뜲�씠�꽣�궛�뾽吏꾪씎�썝  */
.logo-img.kdata::before,
.logo-img.KDATA::before{
    background: url('/img/user/logos/mini/new/logo_kdata.png') no-repeat center;
    background-size: contain;
}

/* �븳援��닔�옄�썝怨듭궗 */
.logo-img.kw::before,
.logo-img.KW::before,
.logo-img.ip-12::before {
    background: url('/img/user/logos/mini/logo_kw@2x.png') no-repeat center;
    background-size: contain;
}

.logo-img.logo-name-img.kw::before,
.logo-img.logo-name-img.KW::before {
    background: url('/img/user/logos/logo_text_kw@2x.png') no-repeat left center;
    background-size: contain;
}

.logo-img.logo-name-img.kw::after,
.logo-img.logo-name-img.KW::after {
    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('/img/logo/logo_kw@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-size: contain; */
}

/* �븳援��솚寃쎄났�떒 */
.logo-img.kec::before,
.logo-img.KEC::before,
.logo-img.ip-13::before {
    background: url('/img/user/logos/mini/logo_kec@2x.png') no-repeat center;
    background-size: contain;
}

/* �븳援��냽�뼱珥뚭났�궗 */
.logo-img.krc::before,
.logo-img.KRC::before,
.logo-img.ip-14::before {
    background: url('/img/user/logos/mini/logo_krc@2x.png') no-repeat center;
    background-size: contain;
}

/* �씤泥쒗빆留뚭났�궗 */
.logo-img.ipa::before,
.logo-img.IPA::before,
.logo-img.ip-15::before {
    background: url('/img/user/logos/mini/logo_ipa@2x.png') no-repeat center;
    background-size: contain;
}

/* �뿬�닔愿묒뼇�빆留뚭났�궗 */
.logo-img.ygpa::before,
.logo-img.YGPA::before,
.logo-img.ip-19::before {
    background: url('/img/user/logos/mini/logo_ygpa@2x.png') no-repeat center;
    background-size: contain;
}

/* �슱�궛�빆留뚭났�궗 */
.logo-img.upa::before,
.logo-img.UPA::before,
.logo-img.ip-20::before {
    background: url('/img/user/logos/mini/logo_upa@2x.png') no-repeat center;
    background-size: contain;
}

/* 遺��궛�빆留뚭났�궗 */
.logo-img.bpa::before,
.logo-img.BPA::before,
.logo-img.ip-21::before {
    background: url('/img/user/logos/mini/logo_bpa@2x.png') no-repeat center;
    background-size: contain;
}

/* �빆留�4�궗 */
.logo-img.pa4::before,
.logo-img.PA4::before,
.logo-img.ip-68::before {
    background: url('/img/user/logos/mini/new/logo_pa4.png') no-repeat center;
    background-size: contain;
}


/* 援��넗�븞�쟾愿�由ъ썝 */
.logo-img.kalis::before,
.logo-img.KALIS::before,
.logo-img.ip-69::before {
    background: url('/img/user/logos/mini/new/logo_kalis.png') no-repeat center;
    background-size: contain;
}

/* �븳援��냽�닔�궛�떇�뭹�쑀�넻怨듭궗 */
.logo-img.at::before,
.logo-img.AT::before,
.logo-img.ip-86::before {
    background: url('/img/user/logos/mini/new/logo_at.png') no-repeat center;
    background-size: contain;
}


/* 援�由쎄났�썝怨듬떒 */
.logo-img.knps::before,
.logo-img.knps::before,
.logo-img.ip-92::before {
    background: url('/img/user/logos/mini/new/logo_knps.png') no-repeat center;
    background-size: contain;
}

/* 援��넗援먰넻遺�  */
.logo-img.molit::before,
.logo-img.MOLIT::before,
.logo-img.ip-1000::before
{
    background: url('/img/user/logos/mini/new/logo_molit.png') no-repeat center;
    background-size: contain;
}

/* 怨쇳븰湲곗닠�젙蹂댄넻�떊遺�  */
.logo-img.msit::before,
.logo-img.MSIT::before,
.logo-img.ip-1001::before
{
    background: url('/img/user/logos/mini/new/logo_msit.png') no-repeat center;
    background-size: contain;
}


/* �궛�뾽�넻�긽�옄�썝遺�  */
.logo-img.motie::before,
.logo-img.MOTIE::before,
.logo-img.ip-1002::before
{
    background: url('/img/user/logos/mini/new/logo_motie.png') no-repeat center;
    background-size: contain;
}

/* �븳援��궛�뾽�븞�쟾蹂닿굔怨듬떒 */
.logo-img.sig::before,
.logo-img.SIG::before,
.logo-img.ip-67::before {
    background: url('/img/user/logos/mini/new/logo_sig.png') no-repeat center;
    background-size: contain;
}

/* ict 踰붿슜湲곗닠 */
.logo-img.ict::before,
.logo-img.ICT::before,
.logo-img.ip-44::before 
{
    background: url('/img/user/logos/mini/new/logo_ict.png') no-repeat center;
    background-size: contain;
}

/* 援�誘쇱뿰湲덇났�떒 */
.logo-img.nps::before,
.logo-img.NPS::before,
.logo-img.ip-89::before 
{
    background: url('/img/user/logos/mini/new/logo_nps.png') no-repeat center;
    background-size: contain;
}

/* �븳援��듅媛뺢린�븞�쟾怨듬떒 */
.logo-img.koelsa::before,
.logo-img.KOELSA::before,
.logo-img.ip-94::before 
{
    background: url('/img/user/logos/mini/new/logo_koelsa.png') no-repeat center;
    background-size: contain;
}

/* �슦泥닿뎅湲덉쑖媛쒕컻�썝 */
.logo-img.posid::before,
.logo-img.POSID::before,
.logo-img.ip-77::before 
{
    background: url('/img/user/logos/mini/new/logo_posid.png') no-repeat center;
    background-size: contain;
}

/* �꽌�슱�떆�꽕怨듬떒 */
.logo-img.sisul::before,
.logo-img.SISUL::before,
.logo-img.ip-1029::before 
{
    background: url('/img/user/logos/mini/new/logo_sisul.png') no-repeat center;
    background-size: contain;
}

/* �븳援��꽍�쑀愿�由ъ썝 */
.logo-img.kpetro::before,
.logo-img.KPETRO::before,
.logo-img.ip-75::before 
{
    background: url('/img/user/logos/mini/new/logo_kpetro.png') no-repeat center;
    background-size: contain;
}

/* �븳援��닔紐⑹썝�젙�썝愿�由ъ썝 */
.logo-img.koagi::before,
.logo-img.KOAGI::before,
.logo-img.ip-1030::before 
{
    background: url('/img/user/logos/mini/new/logo_koagi.png') no-repeat center;
    background-size: contain;
}

/*  */
.logo-img.kspo::before,
.logo-img.KSPO::before,
.logo-img.ip-106::before 
{
    background: url('/img/user/logos/mini/new/logo_kspo.png') no-repeat center;
    background-size: contain;
}

.logo-img.tp::before,
.logo-img.TP::before,
.logo-img.ip-1005::before 
{
    background: url('/img/user/logos/mini/new/logo_tp.png') no-repeat center;
    background-size: contain;
}


/*  */
.logo-img.comwel::before,
.logo-img.COMWEL::before,
.logo-img.ip-96::before 
{
    background: url('/img/user/logos/mini/new/logo_comwel.png') no-repeat center;
    background-size: contain;
}
/*  */
.logo-img.ssis::before,
.logo-img.SSIS::before,
.logo-img.ip-91::before 
{
    background: url('/img/user/logos/mini/new/logo_ssis.png') no-repeat center;
    background-size: contain;
}

.logo-img.knoc::before,
.logo-img.KNOC::before,
.logo-img.ip-72::before 
{
    background: url('/img/user/logos/mini/new/logo_knoc.png') no-repeat center;
    background-size: contain;
}

.logo-img.ekape::before,
.logo-img.EKAPE::before,
.logo-img.ip-85::before 
{
    background: url('/img/user/logos/mini/new/logo_ekape.png') no-repeat center;
    background-size: contain;
}

.logo-img.kicox::before,
.logo-img.KICOX::before,
.logo-img.ip-82::before 
{
    background: url('/img/user/logos/mini/new/logo_kicox.png') no-repeat center;
    background-size: contain;
}

.logo-img.kra::before,
.logo-img.KRA::before,
.logo-img.ip-84::before 
{
    background: url('/img/user/logos/mini/new/logo_kra.png') no-repeat center;
    background-size: contain;
}

.logo-img.kgs::before,
.logo-img.KGS::before,
.logo-img.ip-73::before 
{
    background: url('/img/user/logos/mini/new/logo_kgs.png') no-repeat center;
    background-size: contain;
}

.logo-img.kesco::before,
.logo-img.KESCO::before,
.logo-img.ip-76::before 
{
    background: url('/img/user/logos/mini/new/logo_kesco.png') no-repeat center;
    background-size: contain;
}

.logo-img.koem::before,
.logo-img.KOEM::before,
.logo-img.ip-70::before 
{
    background: url('/img/user/logos/mini/new/logo_koem.png') no-repeat center;
    background-size: contain;
}

.logo-img.bohun::before,
.logo-img.BOHUN::before,
.logo-img.ip-101::before 
{
    background: url('/img/user/logos/mini/new/logo_bohun.png') no-repeat center;
    background-size: contain;
}


.logo-img.kogastech::before,
.logo-img.KOGASTECH::before,
.logo-img.ip-74::before 
{
    background: url('/img/user/logos/mini/new/logo_kogastech.png') no-repeat center;
    background-size: contain;
}
.logo-img.fowi::before,
.logo-img.FOWI::before,
.logo-img.ip-97::before 
{
    background: url('/img/user/logos/mini/new/logo_fowi.png') no-repeat center;
    background-size: contain;
}


.logo-img.komsco::before,
.logo-img.KOMSCO::before,
.logo-img.ip-88::before 
{
    background: url('/img/user/logos/mini/new/logo_komsco.png') no-repeat center;
    background-size: contain;
}

.logo-img.nhis::before,
.logo-img.NHIS::before,
.logo-img.ip-108::before 
{
    background: url('/img/user/logos/mini/new/logo_nhis.png') no-repeat center;
    background-size: contain;
}

.logo-img.kangwonland::before,
.logo-img.KANGWONLAND::before,
.logo-img.ip-81::before 
{
    background: url('/img/user/logos/mini/new/logo_kangwonland.png') no-repeat center;
    background-size: contain;
}

/* 諛쒖쟾6�궗 */
.logo-img.pg6::before,
.logo-img.PG6::before,
.logo-img.ip-45::before 
{
    background: url('/img/user/logos/mini/new/logo_pg6.png') no-repeat center;
    background-size: contain;
}

/* 諛쒖쟾6�궗 */
.logo-img.kra::before,
.logo-img.KRA::before,
.logo-img.ip-64::before 
{
    background: url('/img/user/logos/mini/new/logo_kra.png') no-repeat center;
    background-size: contain;
}

/* �븳援��뿰援ъ옱�떒 */
.logo-img.nrf::before,
.logo-img.NRF::before,
.logo-img.ip-115::before 
{
    background: url('/img/user/logos/mini/new/logo_nrf.png') no-repeat center;
    background-size: contain;
}
/* 嫄닿컯蹂댄뿕�떖�궗�룊媛��썝 */
.logo-img.hira::before,
.logo-img.HIRA::before,
.logo-img.ip-90::before 
{
    background: url('/img/user/logos/mini/new/logo_hira.png') no-repeat center;
    background-size: contain;
}
/* �븳援�愿묓빐愿묒뾽怨듬떒 */
.logo-img.komir::before,
.logo-img.KOMIR::before,
.logo-img.ip-83::before 
{
    background: url('/img/user/logos/mini/new/logo_komir.png') no-repeat center;
    background-size: contain;
}

/* �븳援�愿묓빐愿묒뾽怨듬떒 */
.logo-img.foodpolis::before,
.logo-img.FOODPOLIS::before,
.logo-img.ip-1010::before 
{
    background: url('/img/user/logos/mini/new/logo_foodpolis.png') no-repeat center;
    background-size: contain;
}

/* �냼�긽怨듭씤�떆�옣吏꾪씎怨듬떒 */
.logo-img.semas::before,
.logo-img.SEMAS::before,
.logo-img.ip-103::before 
{
    background: url('/img/user/logos/mini/new/logo_semas.png') no-repeat center;
    background-size: contain;
}

/* �븳援��룄濡쒓탳�넻怨듬떒 */
.logo-img.koroad::before,
.logo-img.KOROAD::before,
.logo-img.ip-71::before 
{
    background: url('/img/user/logos/mini/new/logo_koroad.png') no-repeat center;
    background-size: contain;
}

.swiper-org-wrap .swiper-org-controller {
    position: absolute;
    display: block;
    width: 102px;
    height: 100%;
    background: #fff;
    z-index: 1;
}
.swiper-org-wrap .swiper-org-controller.left {
    left: 0;
    top: 0;
}
.swiper-org-wrap .swiper-org-controller.right {
    right: 0;
    top: 0;
}

.swiper-org-wrap .swiper-org-controller::before {
    /* content: '';
    position: absolute;
    display: block;
    width: calc(var(--swiper-navigation-size));
    height: 100%; */
}

.swiper-org-wrap .swiper-org-controller.left::before {
    /* left: 100%;
    top: 0;
    background: linear-gradient(90deg, #fff 0%, transparent 100%); */
}

.swiper-org-wrap .swiper-org-controller.right::before {
    /* right: 100%;
    top: 0;
    background: linear-gradient(270deg, #fff 0%, transparent 100%); */
}
/*
.swiper-org-wrap .swiper-org-prev {
    left: 22px;
    width: calc(var(--swiper-navigation-size) / 36 * 18);
} */

.swiper-org-wrap .swiper-org-next {
    /* left: unset;
    right: 22px;
    width: calc(var(--swiper-navigation-size) / 36 * 18); */
}

@media all and (max-width:1200px) {
    .swiper-org {
        padding-left: 80px;
        padding-right: 80px;
    }
    .swiper-org-wrap .swiper-org-controller {
        width: 80px;
    }
}

@media all and (max-width:767px) {
    .swiper-org-wrap {
        --swiper-navigation-size : 26px;
    }
    .swiper-org {
        padding-left: 50px;
        padding-right: 50px;
    }
    .swiper-org-wrap .swiper-org-controller {
        width: 50px;
    }
}

@media all and (max-width:588px) {
    .swiper-org-wrap {
        --swiper-navigation-size : 22px;
    }
    .swiper-org {
        padding-left: 40px;
        padding-right: 40px;
    }
    .swiper-org-wrap .swiper-org-controller {
        width: 40px;
    }
}

@media all and (max-width:419px) {
    .swiper-org-wrap {
        --swiper-navigation-size : 18px;
    }
    .swiper-org {
        padding-left: 30px;
        padding-right: 30px;
    }
    .swiper-org-wrap .swiper-org-controller {
        width: 30px;
    }
    .swiper-org-wrap .swiper-org-controller::before {
        display: none;
    }
}


/* 怨듯넻 tabs */
.tabs-wrap {
    position: relative;
}

.tabs-wrap .org-name-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}

.tabs-wrap .org-name-wrap .logo-img {
    position: relative;
    display: block;
    width: 100%;
}

.tabs-wrap .org-name-wrap .logo-img.logo-name-img {
    height: 62px;
}

.tabs-wrap .org-name-wrap .s-only {
    font-size: 22px;
    color: #0A1F8F;
}

.tabs-wrap .tabs {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tabs-wrap.search_tab .tabs{
    justify-content: flex-start;
}
.tabs-wrap.search_tab .tabs li{
    width: auto;
    height: 66px;
}
.tabs-wrap .tabs::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #01449B;
    z-index: 2;
}

.tabs-wrap .tabs > li {
    position: relative;
    width: 240px;
    height: 60px;
    border: 1px solid #E6E6E6;
    border-radius: 15px 15px 0 0;
    border-bottom: none;
    margin-right: 6px;
    z-index: 1;
}

.tabs-wrap.small_ver .tabs > li {
    width: 155px;
    height: 45px;
}

.tabs-wrap .tabs > li:last-child {
    margin-right: 0px;
}

#board_tech .tabs-wrap.small_ver .tabs > li {
    width: 155px;
    height: 60px;
}

#board_tech .tabs-wrap .tabs > li:last-child {
    margin-right: 0px;
}
#board_tech .tabs-wrap .tabs > li.active > *{
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #01449B;
    font-family: 'SpoqaHanSansNeo-Medium';
}
#board_tech .tabs-wrap .tabs > li > * {
    font-size: 18px;
}
@media all and (max-width: 767px) {
    #board_tech .tabs-wrap .tabs > li:last-child{
        flex: 1.5 1 0;
    }
    #board_tech .tabs-wrap .tabs > li.active > *{
        font-size: 16px;
    }
    .tabs-wrap .tabs > li > *{
        font-size: 15px;
    }
    #board_tech .tabs-wrap.small_ver .tabs > li{
        height: 50px;
    }
    #board_tech .tabs-wrap .tabs > li > *{
        font-size: 16px;
    }
}

.tabs-wrap .tabs > li.on {
    border: 2px solid #01449B;
    background: #fff;
    border-bottom-color: #fff;
    z-index: 3;
}

.tabs-wrap .tabs > li > * {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    letter-spacing: -0.9px;
    color: #929294;
}

.tabs-wrap .tabs > li.on > * {
	font-family: 'SpoqaHanSansNeo-Medium';
    letter-spacing: -0.9px;
    color: #01449B;
}

.tabs-wrap .tabs > li.active{
    border: 2px solid #01449B;
    background: #fff;
    border-bottom-color: #fff;
    z-index: 3;
}

.tabs-wrap .tabs > li.active > * {
    color: #01449B;
    font-family: 'SpoqaHanSansNeo-Medium';
}

@media all and (max-width : 1023px) {
    .tabs-wrap .org-name-wrap .logo-img.logo-name-img {
        height: 40px;
    }
}

@media all and (max-width : 767px) {
    .tabs-wrap .org-name-wrap {
        position: relative;
        left: unset;
        top: unset;
    }
    .tabs-wrap .tabs {
        gap: 2px 1px;
    }
    .tabs-wrap .tabs > li {
        width: 0;
        height: 50px;
        flex: 1 1 0;
        border-radius: 8px 8px 0px 0px;
    }
    .tabs-wrap.search_tab .tabs > li{
        flex-basis: auto;
        flex-grow: auto;
        flex-shrink: auto;
        height: auto;
    }
    .tabs-wrap .tabs > li.active{
        /* border: 1px solid #01449B; */
    }
    .tabs-wrap .tabs::before{
        /* height: 1px; */
    }
}


/* �씤湲곌��깋�뼱 �뒪���씪 start */
.popularity_rank{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(670px,-50%);
    max-width: 240px;
    width: 240px;
    padding: 25px 23px 29px 25px;
    border: 1px solid #E5E7E9;
    border-radius: 15px;
}
.popularity_rank h5{
    letter-spacing: -1.19px;
    color: #333333;
    font-size: 17PX;
    margin-bottom: 17px;
    font-family: 'SpoqaHanSansNeo-Medium';
}
.popularity_rank ul{
}
.popularity_rank ul ol {
    display: flex;
    margin-bottom: 9px;
}
.popularity_rank ul ol:last-of-type {
    margin-bottom: 0px;
}
.popularity_rank ul ol .left_area{
    width: calc(100% - 55px);
    display: flex;
    align-items: center;
}
.popularity_rank ul ol .left_area span{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.8px;
    cursor: pointer;
}
.popularity_rank ul ol .left_area::before{
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-color: #01449B;
    position: relative;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    font-size: 12px;

}
.popularity_rank ul ol:nth-of-type(1) .left_area::before{content: "1";}
.popularity_rank ul ol:nth-of-type(2) .left_area::before{content: "2";}
.popularity_rank ul ol:nth-of-type(3) .left_area::before{content: "3";}
.popularity_rank ul ol:nth-of-type(4) .left_area::before{content: "4";}
.popularity_rank ul ol:nth-of-type(5) .left_area::before{content: "5";}

.popularity_rank ul ol .right_area{
    width: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.popularity_rank ul ol .right_area .arrow{
    width: 7px;
    height: 9px;
    background-color: orange;
    margin-right: 11px;
    background-size: cover;
}
.popularity_rank ul ol .right_area .arrow.red{
    background: url('/img/icon_arrow_red.svg') center center no-repeat;
}
.popularity_rank ul ol .right_area .arrow.blue{
    background: url('/img/icon_arrow_blue.svg') center center no-repeat;
}
.popularity_rank ul ol .right_area .num{
    letter-spacing: 0px;
    color: #D1D3D5;
    font-size: 12px;
}
@media all and (max-width:1850px){
    .total_search .inner{
        padding-right: 260px;
    }
    .popularity_rank{
        transform: translate(410px,-50%);
    }
}
@media all and (max-width:1400px){
    .popularity_rank{
        display: none;
    }
    .total_search .inner{
        padding-right: 0px;
    }
}
@media all and (max-width:1399px){
    .total_search .inner{
        padding-right: 30px;
    }
}
@media all and (max-width:1024px){
    .page_wrap.sub.membership{
        padding-top: 40px;
    }
    .page_wrap.sub.membership.find_member{
        padding-top: 100px;
    }
    .page_wrap.sub.membership.login_view{
        padding-top: 100px;
    }
}
@media all and (max-width:968px){
    .total_search .inner{
        padding-right: 3.10%;
    }
}
@media all and (max-width:677px){
    .total_search .inner {
        padding: 0 4.17%;
    }
}
/* �씤湲곌��깋�뼱 �뒪���씪 end */