@charset "UTF-8";


:root{
    --main-blue: #33479B;
    --main-blue2: #24AAE1;
    --main-green: #3FA34A;
    --main-green2: #83B546;
    --main-yellow: #E7A642;
    --main-yellow2: #FCCD3E;
    --main-yellow3: #FEAB12;
    --main-pink2: #FF6DAC;
    --main-purple2: #8463FF;
    --main-black2: #64676D;
}




/* common */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://webfontworld.github.io/daegu/DalseoHealing.css");
@import url("https://webfontworld.github.io/sunn/SUIT.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 700;
    src: local("Spoqa Han Sans Neo Bold"), url("../fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 500;
    src: local("Spoqa Han Sans Neo Medium"), url("../fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 400;
    src: local("Spoqa Han Sans Neo Regular"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 300;
    src: local("Spoqa Han Sans Neo Light"), url("../fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 100;
    src: local("Spoqa Han Sans Neo Thin"), url("../fonts/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Thin.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Thin.ttf") format("truetype");
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-ExtraLight-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-ExtraLight-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-ExtraLight-Alphabetic.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-Black-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-Black-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-Black-Alphabetic.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-Bold-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-Bold-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-Bold-Alphabetic.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-Light-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-Light-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-Light-Alphabetic.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-Medium-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-Medium-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-Medium-Alphabetic.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-Regular-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-Regular-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-Regular-Alphabetic.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif KR";
    src: url("../fonts/NotoSerifKR-SemiBold-Alphabetic.woff2") format("woff2"), url("../fonts/NotoSerifKR-SemiBold-Alphabetic.woff") format("woff"), url("../fonts/NotoSerifKR-SemiBold-Alphabetic.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Product Sans Black";
    src: url("../fonts/FontsFree-Net-ProductSans-Black.woff") format("woff"), url("../fonts/NotoSerifKR-SemiBold-Alphabetic.woff") format("woff"), url("../fonts/FontsFree-Net-ProductSans-Black.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Product Sans";
    src: url("../fonts/ProductSans-Regular.woff") format("woff"), url("../fonts/NotoSerifKR-SemiBold-Alphabetic.woff") format("woff"), url("../fonts/ProductSans-Regular.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'KIMM';
    font-weight: 700;
    font-display: swap;
    src: local('KIMM bold'), url(../fonts/KIMM_Bold.woff2) format('woff2'), url(../fonts/KIMM_Bold.woff) format('woff');
}
@font-face {
    font-family: 'KIMM';
    font-weight: 300;
    font-display: swap;
    src: local('KIMM light'), url(../fonts/KIMM_Light.woff2) format('woff2'), url(../fonts/KIMM_Light.woff) format('woff');
}

.kimBold{font-family: 'KIMM'; font-weight: 700;}
.kimLight{font-family: 'KIMM'; font-weight: 300;}

.bg-black {background-color: #424550;}
.bg-blue {background-color: #33479B;}

* {
    font-family: "Pretendard", "sans-serif";
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    letter-spacing: -0.32px;
}

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

html {
    font-size: 1rem;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

a {
    color: inherit;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

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

ol, ul {
    list-style: none;
}

span,
em,
b {
    font-style: normal;
    font-size: inherit;
    letter-spacing: inherit;
}

pre {
    line-height: 1.76;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

select {
    background-image: url("/assets/images/ico/ico_select_arr.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: calc(100% - 15.5px);
    background-size: 10px 10px;
    padding-right: 30px !important;
}

select option {
    font-size: inherit;
    color: inherit;
}

select::-ms-expand {
    display: none; /* 네이티브 화살표 제거*/
}

select:focus::-ms-value {
    background-color: inherit;
    color: inherit;
}

input:not([type=checkbox], [type=radio], [type=range]),
textarea,
button,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
textarea {border: 1px solid #E4E4E4; padding: 15px;}

input:-webkit-autofill,
input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px #f4f4f4 inset;
    -webkit-text-fill-color: #000000;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[readonly],
input[disabled],
input[type=checkbox]:disabled + label::before,
input[type=radio]:disabled + label::before {
    background-color: #f3f3f3 !important;
    cursor: default;
    color: #ccc !important;
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    color: #ccc !important;
}

input[type=checkbox]:disabled + label::before,
input[type=radio]:disabled + label::before {
    /*border-color: #a2a2a2 !important;*/
}

::placeholder {
    color: #949494;
    font-size: inherit;
    font-weight: 300;
    letter-spacing: -0.42px;
}

button {
    background: none;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    vertical-align: middle;
}

address {
    font-style: normal;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: #ebebeb;
}
::-webkit-scrollbar-thumb {
    background: #c9c9c9;
}

:focus {
    outline: none;
    /* box-shadow:0 0 0 2px #000; */
    box-shadow: 0 0 0 2px transparent;
}

input:focus {
    outline: none;
    box-shadow: 0 0 0 1px #000;
    /*box-shadow: unset;*/
}

::selection {
    background: #ddd;
}

body.overflow {
    overflow: hidden;
}

/*---- FELX ----*/
.flex, footer .ft-info__txt, .tree-btn-wrap, .rsvInfo-list, .rsvInfo-box, .bbsBar-sch, .useInfo-top__box, .useInfo-tit ul {
    display: flex;
}
.flex-c-all, .mypage-b.mypage-bbs .bbsTable td .btn, .mypage-b .sns-btn .btn, .bottom-link__slide a, .sect-tour .tour-num, .rsv-status__list .rsv-state > div .state-box, .rsv-status__list .rsv-state, .rsv-status__tit p, .quick-menu__list ul li .btn, .btn-group__next button, .btn-group__next, .program-tit h3, .vision-bottom .vision-box .num, .vision-box .img, .vision-tit, .org .org03-depth .tit, .org .orgTit, .aply-btn .btn, .aply-bd .result-box__btn .btn, .aply-bd .result-box__num, .rsvInfo-btn, .sect-tour.bbs-tour .tour-list .swiper-btn .btn, .sect-tour.bbs-tour .tag-wrap > *, .useInfo-top__time, .noCont, .survey .manager-info__tit, .survey-btn.btn, .info-btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-c-space, .rsv-status__list .rsv-box, .aply-bd .select-list > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-h-c, header .gnb-cont > li .tit, header .hd-rev .btn, .mypage-b .sns-btn, .rsv-status__list .rsv-state > div, .main .quick-menu__tit, .swiper-control, .btn-back, .tit-btn-group, .aply.rsvState .aply-list .calendar_nav .scd_calendar label, .aply.rsvState .aply-list .calendar_nav .scd_calendar, .aply-hd .process-list, .aply .aply-list__tit .tit, .rsvInfo-btn .tit, .facility-top__list ul li, .sect-tour.bbs-tour .tour-list__cont .tour-list__box .tit, .comBox-tit.tit-icon::before, .comBox-tit, .survey .manager-info__cont, .survey .manager-info, .survey-tit, .survey form {
    display: flex;
    align-items: center;
}
.flex-v-r, .btn-group__submit {
    display: flex;
    justify-content: flex-end;
}
.flex-space {
    display: flex;
    justify-content: space-between;
}
.flex-txt-c a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*---- PADDING ----*/
.pd-area {
    padding-left: 20px;
    padding-right: 20px;
}
.pd-input, input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
input[type=date],
input[type=datetime-local],
input[type=time],
input[type=number],
select,
textarea {
    padding-left: 15px;
    padding-right: 15px;
}
.pd-tbl {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pd-tbl-list-th {
    padding-left: 10px;
    padding-right: 10px;
}
.pd-all {
    padding: 20px;
}
@media (max-width: 768px) {
    .pd-area {
        padding-left: 10px;
        padding-right: 10px;
    }
    .pd-input, input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    input[type=url],
    input[type=date],
    input[type=datetime-local],
    input[type=time],
    input[type=number],
    select,
    textarea {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*---- MARGIN ----*/
.mt-8 {
    margin-top: 8px;
}

/*---- INPUT SIZE ----*/
input[type=text].input-xs,
input[type=number].input-xs {
    max-width: 66px;
}
input[type=text].input-s,
input[type=number].input-s {
    max-width: 100px;
}
input[type=text].input-m,
input[type=number].input-m {
    max-width: 170px;
}
input[type=text].input-m,
input[type=number].input-m {
    max-width: 250px;
}
input[type=text].input-100,
input[type=number].input-100 {
    max-width: 100%;
}

/*---- TXT ALIGN ----*/
.txt-l {
    text-align: left !important;
}
.txt-c {
    text-align: center !important;
}
.txt-r {
    text-align: right !important;
}

/*---- BG COLOR ----*/
.bg-gray {
    background-color: #f7f7f7 !important;
}

.bg-white {
    background-color: #fff !important;
}

.text-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-over2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-over3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.inner {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.inner-wide {
    max-width: 1500px;
}

.container {
    position: relative;
    margin-top: 40px;
    padding-bottom: 150px;
}

.container-wrap {
    margin-top: 50px;
    min-height: 400px;
}
.pc-ver {display: block !important;}
.pad-ver {display: none !important;}
.mobile-ver {display: none !important;}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

@media (max-width: 1420px) {
    .container {
        margin-top: 0;
        padding-bottom: 100px;
    }
    .container-wrap {
        margin-top: 40px;
    }
    .inner {max-width: 100%;}

    .pc-ver {display: none !important;}
    .pad-ver {display: block !important;}
    .mobile-ver {display: none !important;}
}
@media (max-width: 768px) {
    .inner {padding: 0 20px;}

    .container-wrap {
        margin-top: 30px;
        min-height: unset;
    }

    .pc-ver {display: none !important;}
    .pad-ver {display: none !important;}
    .mobile-ver {display: block !important;}
}

.ico__search {
    background-image: url("/assets/images/ico/ico-sch.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.ico-search_w {
    background-image: url("/assets/images/ico/ico-search_w.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.ico-quick01 {
    background-image: url("/assets/images/ico/ico-quick01.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.ico-quick02 {
    background-image: url("/assets/images/ico/ico-quick02.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.ico-quick03 {
    background-image: url("/assets/images/ico/ico-quick03.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.ico-quick04 {
    background-image: url("/assets/images/ico/ico-quick04.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 40px;
}
.ico-write {
    background-image: url("/assets/images/ico/ico-write.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}

/*popup*/
.pop {z-index: 1000;position: relative;margin: 0 auto;height: 0;}
.pop h2 {position: absolute;font-size: 0;line-height: 0;overflow: hidden;}
.pop_wrap {position: absolute !important;background: #33479B;padding: 10px;border-radius: 10px;}
.pop_cont { /* width: 450px; */min-width: 165px; /* min-height: 300px; */}
.pop_cont img {width: 100%;max-width: 100%;}
.pop_ft {padding: 0;background: #33479B;color: #fff;text-align: left;position: relative;font-size: 14px;font-weight: 400;padding: 9px 13px;border-top: 0;user-select: none;}
.pop_ft:after {display: block;visibility: hidden;clear: both;content: "";}
.pop_ft label.sfchkra > span {color: inherit;}
.pop_ft label.sfchkra > input:checked + i:after {background-color: #000000;border-color: #ffffff;border-width: 2px;}
.pop_ft button {padding: 2px;border: 0;color: #fff;}
.pop_ft .pop_cls_btn {background: #33479B;position: absolute;top: 7px;right: 12px;font-size: 14px;}
.pop_ft .pop_cls_btn:before {content: "[";}
.pop_ft .pop_cls_btn:after {content: "]";}
.pop_ft input {display: inline-block;vertical-align: top;margin-top: 3px;margin-right: 5px;}
.pop_ft .sfchkra span {margin-left: 0;}

/* header */
header * {
    transition: all .2s;
}
header .tnb {
    height: 24px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
}
header .tnb .tnb-wrap a {
    font-size: 12px;
}
header .tnb .tnb-wrap ul li {
    position: relative;
    padding-right: 14px;
    margin-right: 14px;
}
header .tnb .tnb-wrap ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
header .tnb .tnb-wrap ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #5A5E6C;
    width: 1px;
    height: 10px;
}
header .tnb .tnb-wrap ul li p {
    font-size: 12px;
    color: #5A5E6C;
}
header .tnb .tnb-l a {
    color: #888;
}

header .tnb .tnb-r {

}
header .tnb .tnb-r a {
    color: #5A5E6C;
    display: flex;
    align-items: center;
}
header .tnb .tnb-r a i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
}
header .tnb .tnb-r a i.ico-login {
    background-image: url("../../../assets/images/ico/ico-login.svg");
}
header .tnb .tnb-r a i.ico-user {
    background-image: url("../../../assets/images/ico/ico-user.svg");
}
header .hd-top {
    height: 100px;
}
header .hd-top .hd-top-l {
    display: flex;
    align-items: center;
}
header .hd-top .hd-top-l a {
    display: flex;
}
header .hd-top .hd-top-l .hd-logo img {
    max-width: 160px;
}
header .hd-top .hd-top-l .hd-logo + .hd-search {margin-left: 50px;}
header .hd-search {
    position: relative;
}
header .hd-search input {
    width: 440px;
    max-width: 100%;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #E4E4E4;
    padding: 15px 38px 15px 18px;
    font-size: 14px;
    color: #9599A6;
}
header .hd-search input::placeholder {
    color: #bababa;
    font-weight: 400;
}
header .hd-search .btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
}
header .hd-top__info {

}
header .hd-top__info > ul {
    display: flex;
}
header .hd-top__info > ul > li {

}
header .hd-top__info > ul > li  + li {
    margin-left: 30px;
}
header .hd-top__info > ul > li a {
    font-size: 16px;
    font-weight: 700;
    color: #5A5E6C;
}
@media (max-width: 1420px) {
    header .hd-search .btn .ico {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 768px) {
    header .hd-search .btn {
        right: 22px;
    }
    header .hd-search .btn .ico {
        width: 18px;
        height: 18px;
    }
}
header .hd-nav {
    position: relative;
    border-top: 1px solid #E4E4E4;
}
header .hd-nav .hd-nav__bg {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #373A44;
}
header .hd-rev {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
}
header .hd-rev .btn {
    color: #4B3329;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 700;
    padding-right: calc((100vw - 1320px) / 2);
    background: #FED863;
    padding-left: 47px;
}
header .hd-rev .btn .ico-foot {
    width: 20px;
    height: 20px;
    background: no-repeat 50%/cover;
    background-image: url("../../images/cmn/ico-foot.svg");
    margin-left: 4.5px;
}
header .hd-rev p {
    position: absolute;
    bottom: 5px;
    font-size: 10px;
    font-weight: 700;
    opacity: 0.5;
    color: #4B3329;
    padding-left: 47px;
    padding-right: calc((100vw - 1320px) / 2);
    width: 100%;
    display: flex;
    justify-content: center;
}
header .hd-rev__img {
    position: absolute;
    z-index: 1;
    top: -20px;
    left: -47px;
    width: 94px;
    height: 94px;
    background: no-repeat 50%/cover;
    background-image: url(../../images/cmn/dog-motion_s.gif);
}
header .gnb-cont > li {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 40px;
    position: relative;
}
header .gnb-cont > li:first-child {
    margin-left: 18px;
}
header .gnb-cont > li:not(:last-child)::after {
    /*content: "";*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*width: 1px;*/
    /*height: 15px;*/
    /*background: rgba(0, 0, 0, 0.25);*/
}

header .hd-nav .hd-nav__cont {
    position: relative;
}
header .gnb-cont > li .tit {
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    position: relative;
}
header .gnb-cont > li .hd-nav__lnb {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 40px;
    /*padding: 0 20px;*/
}
header .gnb-cont > li .hd-nav__lnb .depth2.inner {
    padding: 0;
    align-items: center;
    justify-content: center;
}
header .gnb-cont > li.on .hd-nav__lnb {
    display: block;
}
header .gnb-cont > li .depth2:after {
    /*content: "";*/
    /*position: absolute;*/
    /*width: 20px;*/
    /*height: 12px;*/
    /*top: -12px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*background: no-repeat 50%/cover;*/
    /*background-image: url(../../images/cmn/ico-triangle.svg);*/
}
header .gnb-cont > li .depth2 > li {
    padding: 12px 0;
    flex: none;
}
header .gnb-cont > li .depth2 > li:not(:last-child) {
    margin-right: 30px;
}
/*header .gnb-cont > li .depth2 > li:not(:last-child) a {*/
/*    margin-right: 30px;*/
/*}*/
header .gnb-cont > li .depth2 > li.on a, header .gnb-cont > li .depth2 > li a:hover {
    text-decoration: underline;
    font-weight: 700;
}
header .gnb-cont > li .depth2 > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
header .pc-ver {
    display: block;
}

/*--------------------------------------------------------------------- SITEMAP --------------------------*/
.site-map__btn{width:50px; height:50px; background-image:url("../../../assets/images/cmn/ico_hd_sitemap.svg");background-color: #33479B;background-repeat: no-repeat;background-position: center;transition: all .1s;}
.site-map.show > .site-map__btn{background-image:url("../../../assets/images/cmn/ico_hd_sitemap_close.svg");}
.site-map__gnb-cont {display: none;}
.site-map.show .site-map__gnb-cont {display: block; position: absolute; width: 100%; height: 100%; left: 0; z-index: 9;}
.site-map__gnb-cont .inner{position:relative; max-width:1240px; background:#fff; height:460px; padding:40px 40px 0 40px; border:1px solid;}
.site-map__gnb > ul:first-child{width:80%;}
.site-map__gnb > ul:first-child > li{width:calc(100% / 4); max-width: 200px; margin-right:36px;}
.site-map__gnb > ul:last-child{width: 20%; flex-wrap:wrap; align-content:flex-start; justify-content: end;}
.site-map__gnb > ul:last-child > li {width: 100%; max-width: 200px;}
/*.site-map__gnb > ul:last-child > li{width:calc(100% / 2 - 36px / 2); margin-bottom:50px;}*/
/*.site-map__gnb > ul:last-child > li:nth-child(odd){margin-right:36px;}*/
.site-map__gnb > ul > li > a{display:flex; align-items:center; justify-content:space-between; font-weight:bold; letter-spacing:-0.64px; border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:14px;}
.site-map__gnb > ul > li > a::after{content:""; width:12px; height:12px; background-image:url("../../../assets/images/ico/ico_sitemap_arr.svg");}

.site-map__lnb > ul > li > a{font-size:14px;}
.site-map__lnb > ul > li:not(:last-child) > a{margin-bottom:15px;}

.site-map__snb{position:absolute; bottom:0; left:0; width:100%; height:85px; background:#f7f7f7; padding:0 38px;}
.site-map__snb li{width:calc(100% / 5); border-radius:3px; background:#fff;}
.site-map__snb li:not(:last-child){margin-right:36px;}
.site-map__snb li a{ width:100%; height:55px; font-size:14px; color:#555; padding:10px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: flex; flex-direction: column; justify-content: space-between;}
.site-map__snb li a > span{display:block; text-align:right; font-size:10px; font-weight:500; color:#fff;}
.site-map__snb li a.site-company {background-color: #33479B; background-image: url("../../../assets/images/cmn/img-logo_w.svg"); background-size: auto; background-repeat: no-repeat; background-position: 15px 10px; display: flex; align-items: flex-end; justify-content: flex-end;}

.pc-ver .gnb-wrap {width: 100%;}
.pc-ver .gnb-wrap > ul{justify-content: space-evenly;}
.pc-ver .gnb-wrap > ul > li.on > a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 27px;
    height: 14px;
    background-image: url(../../images/cmn/img_lnb_arr.svg);
}

@media (max-width: 1420px) and (max-width: 768px) {
    header .hd-rev {
        height: 50px;
    }
    header .hd-rev__img {
        width: 78px;
        height: 78px;
    }
    header .mobile-ver .gnb-control .btn {
        height: 42px;
        font-size: 14px;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a.hasChild::after {
        right: 10px;
    }
}
@media (max-width: 1420px) {
    header {
        position: relative;
    }
    header .pc-ver {
        display: none !important;
    }
    header .mobile-ver {
        display: block !important;
    }
    header br.mobile-ver {
        display: none !important;
    }
    header .mobile-ver .tnb-wrap {
        height: 20px;
        font-size: 10px;
        color: #5A5E6C;
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #E4E4E4;
        position: relative;
        z-index: 13;
    }
    header .mobile-ver .tnb-wrap p {
        font-size: 10px;
    }
    header .mobile-ver .gnb {
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
    }
    header .mobile-ver .gnb-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    header .mobile-ver .gnb-tit {
        width: 100%;
        background: #424242;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        height: 50px;
        padding: 0 20px;
    }
    header .mobile-ver .gnb-cont {
        height: 100%;
        position: relative;
        overflow-y: auto;
        background-color: #FAFAFA;
    }
    header .mobile-ver .gnb-cont > li {
        position: static;
        height: auto;
        display: block;
        margin: 0;
        padding: 0;
    }
    header .mobile-ver .gnb-cont > li::after {
        display: none;
    }
    header .mobile-ver .gnb-cont > li .tit {
        font-size: 16px;
        font-weight: 700;
        width: 192px;
        height: auto;
        color: #210000;
        justify-content: left;
        padding: 23px 20px;
        line-height: 1.75;
    }
    header .mobile-ver .gnb-cont > li.active .tit {
        background: #4C95CA;
        color: #fff;
    }
    header .mobile-ver .gnb-cont > li.active .depth2 {
        display: block;
    }
    header .mobile-ver .gnb-cont .depth2 {
        position: absolute;
        top: 0;
        left: 192px;
        width: calc(100% - 192px);
        display: none;
        transform: none;
        border: 0;
        background-color: #fff;
        box-shadow: none;
        height: calc(100% + 6px);
        border-radius: 0;
    }
    header .mobile-ver .gnb-cont .depth2 > li {
        padding: 0;
        text-align: left;
    }
    header .mobile-ver .gnb-cont .depth2 > li:not(:last-child) {
        /*border-bottom: 1px solid rgba(35, 35, 35, 0.05);*/
    }
    header .mobile-ver .gnb-cont .depth2 > li a:hover {
        text-decoration: none;
        color: #210000;
        font-weight: 500;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a {
        display: flex;
        align-items: center;
        color: #210000;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        padding: 24px 0;
        margin-left: 33px;
        margin-right: 40px;
        border-bottom: 1px solid #E4E4E4;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a.active {
        color: #4B3329;
        text-decoration: underline;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a.active::before {
        background: #4B3329;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a.active.hasChild::after {
        background-image: url("../../images/ico/ico-arrow_on.svg");
    }
    header .mobile-ver .gnb-cont .depth2 > li > a::before {
        /*content: "";*/
        /*width: 3px;*/
        /*height: 3px;*/
        /*border-radius: 50%;*/
        /*background: #210000;*/
        /*margin-right: 7px;*/
    }
    header .mobile-ver .gnb-cont .depth2 > li > a.hasChild::after {
        content: "";
        width: 18px;
        height: 18px;
        background: no-repeat 50%/cover;
        background-image: url("../../images/ico/ico-arrow.svg");
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    header .mobile-ver .gnb-cont .depth2::after {
        display: none;
    }
    header .mobile-ver .gnb-cont .depth3 {
        display: none;
        background-color: #F7F7F7;
        border-radius: 5px;
        padding: 12px 20px;
        margin-top: 10px;
        margin-bottom: 22px;
    }
    header .mobile-ver .gnb-cont .depth3 a {
        color: #232323;
        font-size: 14px;
        padding: 12px 0;
    }
    header .mobile-ver .gnb-control {
        display: table;
        table-layout: fixed;
        width: 100%;
        border: 1px solid #E4E4E4;
    }
    header .mobile-ver .gnb-control li {
        display: table-cell;
        vertical-align: middle;
    }
    header .mobile-ver .gnb-control li:not(:last-child) {
        border-right: 1px solid #e4e4e4;
    }
    header .mobile-ver .gnb-control .btn {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #5D5D5D;
        font-size: 16px;
        transition: 0.4s;
    }
    header .mobile-ver .gnb-control .btn:hover {
        opacity: 0.7;
    }
    header .mobile-ver .gnb-control .btn.login-btn {
        text-decoration: underline;
        color: #000;
    }
    header .hd-logo {
        position: relative;
        z-index: 13;
        display: inline-block;
    }
    header .hd-logo.none {
        display: none;
    }
    header .hd-logo img {
        max-width: 110px;
    }
    header .hd-top {
        height: 70px;
        padding-top: 17px;
        padding-bottom: 17px;
    }
    header .hd-top__wrap {
        margin-top: 20px;
    }
    header .hd-rev {
        top: auto;
        right: auto;
        position: static;
    }
    header .hd-rev__img {
        position: relative;
        top: auto;
        left: auto;
        z-index: 2;
    }
    header .hd-rev .btn {
        display: flex;
        justify-content: center;
        padding: 0;
    }
    header .hd-search input {
        width: 390px;
        height: 60px;
    }
    header .gnb-all {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(var(--vh, 1vh) * 100);
        background: #fff;
        z-index: 12;
        padding-top: 20px;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s;
        display: none;
    }
    header .gnb-all__top .user-info {
        max-width: calc(100% - 70px);
        height: 70px;
        padding: 16px 40px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E4E4E4;
    }
    header .gnb-all__top .user-info > ul {
        display: flex;
    }
    header .gnb-all__top .user-info > ul > li:not(:first-child) {
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid rgba(90, 94, 108, 0.5);
    }
    header .gnb-all__top .user-info > ul > li a {
        display: flex;
        align-items: center;
        color: #999;
    }
    header .gnb-all__top .user-info > ul > li a p.txt1 {
        font-size: 16px;
        color: #000;
    }
    header .gnb-all__top .user-info > ul > li a p.txt2 {
        font-size: 12px;
        font-weight: 300;
        color: #666;
    }
    /*header .gnb-all__top .user-info > ul > li a:hover p.txt1 {*/
    /*    font-weight: 500;*/
    /*    color: #000;*/
    /*}*/
    header .gnb-all__top .user-info > ul > li a i {
        width: 20px;
        height: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 6px;
        flex: none;
        filter: brightness(1.6);
    }
    header .gnb-all__top .user-info > ul > li a:hover i {
        filter: brightness(0);
    }
    header .gnb-all__top .user-info > ul > li a i.ico-login {
        background-image: url(../../../assets/images/ico/ico-login.svg);
    }
    header .gnb-all__top .user-info > ul > li a i.ico-user {
        background-image: url(../../../assets/images/ico/ico-user.svg);
    }
    header .gnb-btn-wrap {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 13;
        display: flex;
    }
    header .gnb-btn.active button span {
        background: transparent;
    }
    header .gnb-btn.active button span:before {
        transform: rotate(135deg);
        top: 0;
    }
    header .gnb-btn.active button span:after {
        transform: rotate(-135deg);
        top: 0;
    }
    header .gnb-all.active {
        display: flex;
        opacity: 1;
        visibility: visible;
    }
    header .gnb-btn button {
        width: 70px;
        height: 70px;
        border: 0;
        position: relative;
        background: #33479B;
    }
    header .gnb-btn button span {
        display: block;
        height: 2px;
        width: 24px;
        background: #fff;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -11px;
        transition: all 0.5s;
    }
    header .gnb-btn button span:before, header .gnb-btn button span:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        background: #fff;
        position: absolute;
        top: -8px;
        transform: rotate(0deg);
        transition: all 0.5s;
    }
    header .gnb-btn button span:after {
        top: 8px;
    }
    header .gnb-btn-wrap .sch-btn {
        background: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .gnb-btn-wrap .sch-btn.none {
        display: none;
    }
    header .gnb-btn-wrap .sch-btn button {
        background-image: url("../../images/ico/ico-search_b.svg");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center;
        width: 70px;
        height: 70px;
    }
    header .mo-sch-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        display: none;
        transition: .3s;
    }
    header .mo-sch-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }
    header .mo-sch-wrap.active {
        z-index: 1;
        transition: .3s;
        display: block;
    }
    header .mo-sch-wrap .sch-open {
        width: 100%;
        height: fit-content;
        padding: 67px 40px;
        margin: 0 auto;
        border-radius: 0 0 15px 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
        transition: all .3s;
    }
    header .mo-sch-wrap .sch-open .sch-input-wrap {
        width: 100%;
        display: flex;
        position: relative;
    }
    header .mo-sch-wrap .sch-open .sch-input-wrap input {
        border: 0;
        border-bottom: 2px solid #33479B;
        padding-right: 60px;
        height: 55px;
        font-size: 18px;
    }
    header .mo-sch-wrap .sch-open .sch-input-wrap input:focus {
        outline: unset;
        box-shadow: unset;
    }
    header .mo-sch-wrap .sch-open .sch-input-wrap button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        padding: 0;
    }
    header .mo-sch-wrap .sch-open .sch-input-wrap .ico-search {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url("../../images/ico/ico-search_b.svg");
        background-repeat: no-repeat;
        background-position: center;
    }
    header .mo-sch-wrap .sch-cancel-btn {
        background-image: url(../../../assets/images/ico/ico-sch-close.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        margin-top: 40px;
    }

    header .quick-menu__list {
        padding: 0;
    }
    header .quick-menu__list ul li {
        flex: 1;
    }
    header .quick-menu__list ul li.list-rev {
        flex: 1;
    }
    header .mobile-ver .quick-menu__list ul {height: 100%;}
    header .mobile-ver .quick-menu__list ul li {
        height: 100%;
    }
}
@media (max-width: 768px) {
    header .gnb-btn-wrap .sch-btn button, header .gnb-btn button {
        width: 60px; height: 60px;
    }
    header .mobile-ver .hd-top {
        height: 60px;
        padding-top: 10px;
        padding-bottom: 14px;
    }
    header .mobile-ver .hd-top .hd-logo img {
        max-width: 108px;
    }
    header .mobile-ver .hd-top__wrap {
        display: block;
    }
    header .mobile-ver .hd-top__info {
        margin-top: 20px;
        text-align: center;
    }
    header .mobile-ver .hd-top__info .info1 {
        justify-content: center;
    }
    header .mobile-ver .hd-top__info .info2 {
        margin-top: 10px;
        justify-content: center;
    }
    header .mobile-ver .hd-search input {
        width: 100%;
        height: 44px;
        font-size: 14px;
        border-width: 1.5px;
        padding: 0 22px;
    }
    header .mo-sch-wrap .sch-open {
        padding: 50px 20px;
    }
    header .mobile-ver .gnb-btn {
        top: 10px;
        right: 20px;
    }
    header .mobile-ver .gnb-all {
        padding-top: 20px;
    }
    header .gnb-all__top .user-info {
        max-width:calc(100% - 60px);
        height: 60px;
        padding: 0 20px;
    }
    header .gnb-all__top .user-info > ul > li a p.txt1, header .gnb-all__top .user-info > ul > li a {
        font-size: 14px;
    }
    header .gnb-all__top .user-info > ul > li:not(:first-child) {
        margin-left: 14px;
        padding-left: 14px;
    }
    header .mobile-ver .gnb-cont > li .tit {
        width: 124px;
        padding: 23px 11px;
    }
    header .mobile-ver .gnb-cont .depth2 {
        height: calc(var(--vh, 1vh) * 100 - 300px);
        height: 100%;
        left: 124px;
        width: calc(100% - 124px);
    }
    header .mobile-ver .gnb-cont .depth3 {
        padding: 9px 20px;
    }
    header .mobile-ver .gnb-cont .depth3 a {
        padding: 9px 0;
    }
    header .mobile-ver .quick-menu__list ul {
        height: 100px;
        align-items: baseline;
        margin: 0 -3.5px;
    }
    header .mobile-ver .quick-menu__list ul li {
        padding: 0 3.5px;
    }
    header .mobile-ver .quick-menu__list ul li .btn {
        height: 100%;
        padding: 15px 0;
        font-size: 12px;
        justify-content: flex-start;
    }
    header .mobile-ver .quick-menu__list ul li .btn .ico {
        width: 32px;
        height: 30px;
        margin-bottom: 7px;
    }
    header .mobile-ver .gnb-cont .depth2 > li > a {
        padding: 18px 0;
        margin: 0 16px;
    }
    header br.mobile-ver {
        display: block !important;
    }
}

/* quick-menu */
.quick-menu {
    border-radius: 0 0 30px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1420px) {
    .quick-menu {
        border-radius: 0;
    }
}
.quick-menu__tit {
    padding-left: calc((100vw - 1420px) / 2);
    padding-right: 40px;
}
@media (max-width: 1420px) {
    .quick-menu__tit {
        padding: 0 40px;
    }
}
.quick-menu__list {
    padding-left: calc((100vw - 1420px) / 2);
    padding-right: 40px;
    width: 100%;
}
@media (max-width: 1420px) {
    .quick-menu__list {
        padding: 0 40px;
    }
}
.quick-menu__list ul {
    display: flex;
    font-size: 0;
    margin: 0 -10px;
}
.quick-menu__list ul li {
    padding: 0 10px;
}
.quick-menu__list ul li .btn {
    flex-direction: column;
    padding: 24px 0;
    font-size: 14px;
    font-weight: 700;
    color: #999;
    transition: opacity 0.3s;
    position: relative;
}
.quick-menu__list ul li .btn:hover {
    opacity: 0.7;
}
.quick-menu__list ul li .btn .img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick-menu__list ul li .btn .ico {
    margin-bottom: 9px;
}

/* top_btn */
.top_btn {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 70px;
    height: 70px;
    z-index: 9;
    background: no-repeat 50%/cover;
    background-image: url(/assets/images/cmn/top-btn.svg);
}
@media (max-width: 1420px) {
    .top_btn {
        right: 20px;
    }
}
@media (max-width: 768px) {
    .top_btn {
        bottom: 30px;
        right: 15px;
        width: 50px;
        height: 50px;
    }
}

/* footer */
footer {
    width: 100%;
    background: #fff;
    border-top: 1px solid #E4E4E4;
    padding-bottom: 50px;
}
footer .ft-link {
    border-bottom: 1px solid #E4E4E4;
}
footer .ft-link ul {
    display: flex;
    margin: 0 -30px;
}
footer .ft-link ul li {
    padding: 20px 0;
    margin: 0 30px;
}
footer .ft-link ul li a {
    font-size: 14px;
    font-weight: 700;
    color: #888;
    line-height: 20px;
}
footer .ft-link ul li a:hover {
    color: #5A5E6C;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}
footer .ft-wrap-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
    border-bottom: 1px solid #E4E4E4;
}
footer .ft-sns a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #33479B;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .ft-sns a i {
    background-image: url("../../../assets/images/cmn/ft-blog.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width :24px;
    height: 24px;
}
footer .ft-logo {
    flex: none;
}
footer .ft-logo img {
    width: 100%;
    /*max-width: fit-content;*/
    max-width: 360px;
}
footer .ft-info {
    margin: 50px 0 0;
}
footer .ft-info__link {
    display: flex;
    font-size: 0;
    margin: 0 -27px;
}
footer .ft-info__link > li {
    padding: 0 27px;
    position: relative;
}
footer .ft-info__link > li:not(:last-child)::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #757575;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
footer .ft-info__link .btn {
    font-size: 16px;
    font-weight: 700;
    color: #757575;
    transition: 0.4s;
}
footer .ft-info__link .btn:hover {
    opacity: 0.7;
}
footer .ft-info-comp {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
}
footer .ft-info-comp::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 18px;
    background: #D0D0D0;
}
footer .ft-info__txt {
}
footer .ft-info__txt li {
    font-size: 20px;
    margin-right: 25px;
}
footer .ft-info__txt li:last-child {
    margin: 0;
}
footer .ft-info__txt2 {
    margin-top: 15px;
}
footer .ft-info__txt3 {
    display: flex;
    margin-top: 15px;
}
footer .ft-info__txt3 li{
    position: relative;
    font-size: 16px;
    color: #424242;
}
footer .ft-info__txt3 li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
}
footer .ft-info__txt3 li:not(:last-child)::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background: #D0D0D0;
}
footer .ft-info__copy {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 300;
    color: #BABABA;
    line-height: 1.7;
}
footer .ft-info__copy a {
    display: inline-block;
    color: #BABABA;
    font-size: 12px;
    text-decoration: underline;
}
footer .ft-num {
    margin-top: 8px;
}
r .ft-num li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 15px;
    background: #F7F7F7;
    border-radius: 5px;
    width: 190px;
}
footer .ft-num li > * {
    font-size: 14px;
}
footer .ft-num li:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 1280px) {
    footer .ft-logo img {max-width: 160px;}
    footer .ft-link ul {margin: 0 -20px;}
    footer .ft-link ul li {margin: 0 20px;}
    footer .ft-link ul li a {font-size: 12px;}

    footer .ft-info {margin: 30px 0 0;}
    footer .ft-info__txt {flex-direction: column; grid-row-gap: 15px;}
    footer .ft-info__txt li {font-size: 18px;}
    footer .ft-info__txt2 li span {display: none;}
    footer .ft-info__txt3 {flex-wrap: wrap;}
    footer .ft-info-comp {font-size: 18px;}
    footer .ft-info-comp::before {content: unset;}
}
@media (max-width: 768px) {
    footer {padding-bottom: 40px;}
    footer .ft-logo img {max-width: 160px;} {max-width: 140px;}
    footer .ft-wrap-top {flex-direction: column; padding: 40px 0 32px; align-items: baseline;}
    footer .ft-wrap-top .ft-sns {margin: 20px 0 0;}

    footer .ft-link {border: 0;}
    footer .ft-link .inner {padding: 0;}
    footer .ft-link ul {flex-wrap: wrap; margin: 0;}
    footer .ft-link ul li {width: 50%; margin: 0; padding: 9px 0; text-align: center; border-bottom: 1px solid #E4E4E4;}
    footer .ft-link ul li:nth-child(odd) {border-right: 1px solid #E4E4E4;}

    footer .ft-info__txt {grid-row-gap: 12px;}
    footer .ft-info__txt li, footer .ft-info-comp {font-size: 14px;}
    footer .ft-info__txt2 {margin-top: 24px;}
    footer .ft-info__txt2 li {font-size: 14px;}
    footer .ft-info__txt3 {flex-direction: column;}
    footer .ft-info__txt3 li {width: 100%; font-size: 14px;}
    footer .ft-info__txt3 li:not(:last-child) {padding: 0; margin: 0 0 6px;}
    footer .ft-info__txt3 li:not(:last-child)::before {content: unset;}
    footer .ft-info__copy {margin-top: 24px;}
}

.app-sch-wrap {display: none}

@media (max-width: 500px) {
    .app-sch-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        display: none;
        transition: .3s;
    }
    .app-sch-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .app-sch-wrap.active {
        z-index: 14;
        transition: .3s;
        display: block;
    }
    .app-sch-wrap .sch-open {
        width: 100%;
        height: fit-content;
        padding: 40px 20px 40px;
        margin: 0 auto;
        border-radius: 0 0 15px 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
        transition: all .3s;
    }
    .app-sch-wrap .sch-open .sch-input-wrap {
        width: 100%;
        display: flex;
        position: relative;
    }
    .app-sch-wrap .sch-open .sch-input-wrap input {
        border: 0;
        border-bottom: 2px solid #33479B;
        padding-right: 50px;
        height: 55px;
        font-size: 1rem;
    }
    .app-sch-wrap .sch-open .sch-input-wrap input:focus {
        outline: unset;
        box-shadow: unset;
    }
    .app-sch-wrap .sch-open .sch-input-wrap button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        padding: 0;
    }
    .app-sch-wrap .sch-open .sch-input-wrap .ico-search {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url("../../images/ico/ico-search_b.svg");
        background-repeat: no-repeat;
        background-position: center;
    }
    .app-sch-wrap .sch-cancel-btn {
        background-image: url(../../../assets/images/ico/ico-sch-close.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        margin-top: 30px;
    }
}

/* btn */
.btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.btn-wrap .btn + .btn {
    margin-left: 20px;
}
.btn-wrap.flex-j-c {justify-content: center;}

.btn-style-01 {
    border: 1px solid #898989;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
    color: #898989;
}
.btn-style-02 {
    background-color: #373A44;
    color: #fff;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
.btn-style-03 {
    background-color: #fff;
    border: 1px solid #33479B;
    color: #33479B;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
.btn-style-04 {
    background-color: #33479B;
    color: #fff;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
.btn-style-05 {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    width: 100%;
    max-width: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
.btn-style-06 {
    border-radius: 3px;
    background-color: #373A44;
    color: #fff;
    font-weight: 500;
    width: 100%;
    max-width: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 36px;
    font-size: 1rem;
}
.btn-style-06 i {
    margin-right: 8px;
}
.btn-style-07 {
    background-color: #fff;
    border: 1px solid #000;
    font-weight: 500;
    width: 100%;
    max-width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    font-size: 1rem;
}

.btn-input {
    margin-left: 20px;
    font-size: 1rem;
    font-weight: 500;
    width: auto;
    background-color: #33479B;
    border-radius: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-width: 130px;
    min-height: 50px;
}
.btn-input.input2 {
    background-color: unset;
    border: 1px solid #898989;
    color: #898989;
}
.btn.mx-320 {max-width: 320px;}
@media (max-width: 768px) {
    .btn-input {
        min-height: 46px;
        min-width: 80px;
        font-size: 12px;
        font-weight: 400;
        margin-left: 14px;
    }
    .btn-wrap .btn {
        min-height: 50px;
        font-size: 14px;
    }
    .btn-wrap .btn + .btn {
        margin: 10px 0 0;
    }
    .btn-style-05 {
        max-width: 100%;
    }
}

/* paging */
.paging {
    margin-top: 50px;
    margin-bottom: 0;
}
.paging .paging_ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.paging .paging_ul .paging_li {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #656565;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 0;
    vertical-align: top;
}
.paging .paging_ul .paging_li.paging_li_active {
    color: #fff;
    background-color: #424550;
    border: 1px solid #424550;
}
.paging .paging_ul .paging_li .paging_href {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 10px 0px;
    color: #888;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}
.paging .paging_ul .paging_li.paging_li_active .paging_href {
    color: #fff;
}
.paging .paging_ul .paging_li:not(:last-child) {
    margin-right: 8px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_next .paging_href:before {
    transform: rotate(-45deg);
}
.paging .paging_ul .paging_prev .paging_href:before, .paging .paging_ul .paging_next .paging_href:after {
    transform: rotate(45deg);
}
.paging .paging_ul .paging_prev, .paging .paging_ul .paging_next {
    position: relative;
    font-size: 0;
    /*background: #F7F7F8;*/
    border: 1px solid #E4E4E4;
}
.paging .paging_ul .paging_prev .paging_href, .paging .paging_ul .paging_next .paging_href {
    font-size: 0;
}
.paging .paging_ul .paging_prev .paging_href:before, .paging .paging_ul .paging_next .paging_href:before {
    margin-left: -5px;
    margin-top: 2px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_next .paging_href:after {
    margin-left: -5px;
    margin-top: -4px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_prev .paging_href:before,
.paging .paging_ul .paging_next .paging_href:after, .paging .paging_ul .paging_next .paging_href:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 9px;
    background-color: #CCCCCC;
    left: 50%;
    top: 50%;
    display: block;
    transition: all 0.2s;
}

@media (max-width: 768px) {
    .paging {
        margin-top: 40px;
    }
    .paging .paging_ul .paging_li .paging_href {
        width: 30px;
        height: 30px;
    }
}