@charset "UTF-8";

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


/*--------------------------------------------------------------------- LAYOUT --------------------------*/
.inner { max-width: calc(1380px + 80px); width: 100%; margin: 0 auto; padding: 0 40px; }
.inner-wide {max-width: 1600px;}
.inner-small {max-width: calc(1320px + 80px)}
#container { position: relative; min-height: 500px; padding-bottom: 100px;}
.container-wrap { margin-top: 60px;  }
header {position: relative;z-index: 99}
header .pc-ver { display: block; }
header .tnb { border-bottom: 1px solid #F7F7F7; }
.tnb-l { margin: 5px 0; }
header .tnb .tnb-wrap ul li { position: relative; padding-right: 10px; margin-right: 10px; }
header .tnb .tnb-l a { color: #888; }
header .tnb .tnb-r { padding-right: 140px; }
header .tnb .tnb-wrap a { font-size: 14px; padding: 10px 0; }
header .tnb .tnb-wrap ul li:not(:last-child)::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: #E4E4E4; width: 1px; height: 10px; }
header .hd-top { height: 78px; border-bottom: 1px solid var(--color-200);}
header .hd-top .inner{height: 100%}
header .hd-logo{font-size: 0;}
header .hd-logo img{width: 167px}
header .hd-search { position: relative; }
header .hd-search input { width: 505px; max-width: 100%; height: 30px; font-size: 18px; font-weight: 500; border-radius: 0;  border: 0; border-bottom: 1px solid var(--color-400); padding: 0;}
header .hd-search .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0;}
.ico__search { background-image: url(/assets/images/ico/ico-sch.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 26px; height: 26px; }
.hd-top__info .info1 { font-size: 22px; font-weight: 500; color: var(--color-black); }
.hd-top__info .info1 p:first-child { position: relative; padding-right: 10px; margin-right: 10px; }
.hd-top__info .info1 p:first-child::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 14px; background: #e4e4e4; }
header .hd-top__info .info2 { margin-top: 3px; color: #4B3329; }
header .hd-top__info .info2 b { font-size: 26px; padding-right: 8px; margin-right: 8px; position: relative; }
header .hd-bottom { position: relative; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08); }
header .hd-rev { position: absolute; right: 0; top: 0; height: 60px; }
header .hd-rev .btn { font-family: "DalseoHealing"; color: #4B3329; width: 100%; height: 100%; font-size: 20px; font-weight: 700; padding-right: calc((100vw - 1320px) / 2); background: #FED863; padding-left: 47px; display: flex; align-items: center; }
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 {height: 100%;text-align: center;position: relative;width: 300px;flex: 1;}
header .gnb-cont{justify-content: space-between;}
header .gnb-cont>li:nth-child(4) .depth2,
header .gnb-cont>li:nth-child(5) .depth2,
header .gnb-cont>li:nth-child(6) .depth2{display: block;}
header .gnb-cont>li:nth-child(4) .depth2 > li,
header .gnb-cont>li:nth-child(5) .depth2 > li,
header .gnb-cont>li:nth-child(6) .depth2 > li{width: 100%;}
/*header .gnb-cont>li:not(:last-child) { margin-right: 40px; }*/
/*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 .gnb-cont>li .tit {padding: 24px 0;font-size: 22px;font-weight: 500;}


.hd_lang { position: absolute; right: 0; padding-right: calc((100vw - 1440px) / 2); top: 6px; z-index: 11; }
.hd_lang .goog-te-gadget { font-size: 0 !important; }
.hd_lang .goog-te-gadget .goog-te-combo { width: 120px; height: 35px; font-family: "Spoqa Han Sans Neo", "sans-serif"; font-size: 14px; margin: 0; }
.hd_lang .goog-te-gadget .goog-te-combo option { font-size: 14px; }
.hd_lang span { display: none !important;  }
.hd-tag a{font-weight: 500; color: var(--color-600);display: inline}
.hd-tag a + a{margin-left: 18px;}
header.hovered,
header.on,
header.active{background-color: #fff;}
.depth-wrap{position: absolute;display: none;top: 100%;text-align: center;padding: 30px 0;z-index: 12;white-space: nowrap;height: 264px;width: 100%;left: 0;}
header .menu-bg{width: 100%;height: 280px;position: absolute;top: 74px;left: 0;background-color: #fff;display: none; z-index: -1; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);}
.depth2 {display: flex;flex-wrap: wrap;}
.depth2 > li {width: 50%;}
.depth2 > li{margin-bottom: 14px;}
.depth2 > li > a{font-size: 14px; font-weight: 500; color: var(--color-800)}




/* footer */
#container.main ~ footer{ margin-top: 60px;}
footer { width: 100%;}
.ft-top{border-radius: 60px 60px 0px 0px;background: #FDFDFD;box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.08); padding: 40px 0;}
.ft-wrap{padding: 40px 0 50px;background: #2E3034;}
footer .ft-logo { flex: none; }
footer .ft-info__link { display: flex; font-size: 0; margin-bottom: 18px;}
footer .ft-info__link > li:not(:last-child) {padding-right: 10px; margin-right: 10px; position: relative;}
footer .ft-info__link .btn { font-size: 14px; font-weight: 500; color: var(--color-400); transition: 0.4s; }
footer .ft-info__link > li:not(:last-child)::after { content: ""; width: 1px; height: 12px; background: var(--color-700); position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
footer .ft-info__txt { display: flex; }
footer .ft-info__txt > li{position: relative; font-size: 16px; font-weight: 500; color: var(--color-600)}
footer .ft-info__txt > li:not(:last-child){padding-right: 10px; margin-right: 10px;}
footer .ft-info__txt > li:not(:last-child)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 12px; background: var(--color-300)}
footer .ft-wrap .inner{align-items: flex-end}
footer .ft-wrap .ft-info__txt + .ft-info__txt{margin-top: 10px;}
footer .ft-wrap .ft-info__txt > li{color: var(--color-300)}
footer .ft-wrap .ft-info__txt > li:not(:last-child)::after{background: var(--color-700)}
footer .ft-info__txt02{margin-top: 14px; font-size: 14px; font-weight: 500; color: var(--color-500); line-height: 1.5;}
footer .ft-info__copy { margin-top: 30px; font-size: 14px; color: var(--color-700); line-height: 1.7; }
footer .ft-info__copy a { display: inline-block; color: #BABABA; font-size: 12px; text-decoration: underline; }



.floating{display: flex;flex-direction: column;align-items: end;}
.top_btn {width: 54px;height: 54px;z-index: 21;border-radius: 15px;background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);position: fixed;bottom: 100px;right: 30px;}
.top_btn i{width: 16px; height: 18px; background-image: url("../../images/ico/ico-top-arrow.svg")}
/* floating */
.floating-menu{position: fixed;bottom: 0;left: 0;z-index: 9;width: 100%;border-radius: 40px 40px 0px 0px;background: #fff;box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.08);display: flex;align-items: center;width: 100%;}
.floating-btn{flex: 1;height: 80px;font-size: 22px;font-weight: 600;line-height: 1.5; position: relative;}
.floating-btn:not(:last-child)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2px; height: 24px; background: var(--color-200);}
footer.btn_fix .floating .top_btn{position: relative;bottom: 20px;}
footer.btn_fix .ft-top{border-radius: 0;}
footer.btn_fix .floating .floating-menu {position: relative;}

/* popup */
.pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.pop_wrap {position: absolute !important;background: var(--sub-blue-200);padding: 10px;border-radius: 10px;z-index: 999;}
.pop_cont { /* width: 450px; */ min-width: 165px; /* min-height: 300px; */}
.pop_cont img { width: 100%; max-width: 100%; }
.pop_ft {padding: 0;background: var(--sub-blue-200);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: var(--sub-blue-200);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; }

@media (max-width: 1420px){
    .inner, .inner-wide { max-width: 100%; padding: 0 40px; }
    .container-wrap { margin-top: 50px; }
    .pc-ver{display: none !important;}
    .pad-ver{display: block !important;}
    .mobile-ver{display: none !important;}

    /* header */
    header .pc-ver { display: none !important; }
    header .mobile-ver { display: block !important; }
    header .hd-top {height: auto;padding-top: 20px;padding-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
    header .hd-logo {position: relative;z-index: 13;display: inline-block;}
    header .hd-top__wrap {margin-top: 10px;position: relative;}
    header .hd-search input { width: 390px; height: 60px; }
    header .hd-search .btn .ico { width: 24px; height: 24px; }
    header .hd-rev { position: static; }
    header .hd-rev .btn { display: flex; justify-content: center; padding: 0; }
    header .hd-rev__img { position: relative; top: auto; left: auto; z-index: 2; }
    header .hd-rev__img { position: relative; top: auto; left: auto; z-index: 2; }
    header .gnb-btn {
    }
    header .gnb-btn button { width: 50px; height: 50px; border: 0; border-radius: 5px; position: relative; }
    header .gnb-btn button span {display: block;height: 2px;width: 24px;background: #000;position: absolute;top: 50%;margin-top: -1px;left: 50%;margin-left: -11px;transition: all 0.5s;border-radius: 10px;}
    header .gnb-btn button span:before, header .gnb-btn button span:after {content: "";display: block;height: 100%;width: 100%;background: #000;position: absolute;top: -8px;transform: rotate(0deg);transition: all 0.5s;border-radius: 10px;}
    header .gnb-btn button span:after { top: 8px; }
    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 {flex-direction: column;position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh)* 100);background: #fff;z-index: 12;padding-top: 88px;overflow: hidden;opacity: 0;visibility: hidden;transition: 0.4s;display: none;}
    header .gnb-all.active { display: flex; opacity: 1; visibility: visible; }
    header .gnb-all__top { padding-bottom: 0; }
    header .gnb-all__top .user-info { min-height: 65px; padding: 16px 20px; border-radius: 10px; background: var(--sub-blue-10); }
    header .gnb-all__top .user-info .txt1 { font-size: 14px; color: #232323; }
    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 {display: flex;align-items: center;width: 100%;background: var(--main--blue);font-size: 14px;font-weight: 500;color: #fff;height: 40px;}
    header .mobile-ver .gnb-cont {background: var(--sub-blue-10);height: 100%;position: relative;overflow-y: auto;}
    header .mobile-ver .gnb-cont>li {position: static;height: auto;display: block;width: 172px;margin: 0;padding: 0;}
    header .mobile-ver .gnb-cont>li .tit {font-size: 16px;font-weight: 700;width: 172px;color: #210000;justify-content: left;padding: 0 15px;line-height: 1.75;height: 45px;display: flex;align-items: center;justify-content: center;}
    header .mobile-ver .gnb-cont>li.active .tit {background: var(--sub-blue-50);text-decoration: underline;}
    header .mobile-ver .gnb-cont .depth2 {position: absolute;top: 0;left: 172px;width: calc(100% - 172px);display: none;padding: 0 15px;border-left: 0;transform: none;border: 0;box-shadow: none;height: calc(100% + 6px);border-radius: 0;background: #fff;padding: 0;}
    header .mobile-ver .gnb-cont>li.active .depth2 { display: block; }
    header .mobile-ver .gnb-cont .depth2>li {padding: 0 20px;text-align: left;width: 100%;background: #fff;margin-bottom: 0;}
    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 {display: flex;align-items: center;color: #000;font-size: 16px;font-weight: 500;position: relative;padding: 14px 0;}
    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 .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; }
    .hd_lang { right: 105px; top: 20px; }
    header .gnb-cont>li:nth-child(4) .depth2, header .gnb-cont>li:nth-child(5) .depth2, header .gnb-cont>li:nth-child(6) .depth2{display: none;}
    header .gnb-btn-wrap {position: absolute;top: 15px;right: 10px;z-index: 13;display: flex;}
    header .mobile-ver .mo-sch-wrap {position: fixed;top: 0;left: 0;right: 0;height: 100%;display: none;transition: .3s;}
    header .mobile-ver .mo-sch-wrap::after {content: '';position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
    header .mobile-ver .mo-sch-wrap.active {z-index: 1;transition: .3s;display: block;}
    header .mobile-ver .mo-sch-wrap .sch-open {width: 100%;height: fit-content;padding: 30px 20px;margin: 0 auto;background-color: #fff;display: flex;align-items: center;position: relative;flex-direction: column;justify-content: center;z-index: 1;transition: all .3s;}
    header .mobile-ver .sch-input-wrap {width: 100%;display: flex;position: relative;}
    header .mobile-ver .sch-input-wrap form{width: 100%;}
    header .mobile-ver .sch-input-wrap input {width: 100%;height: 55px;border-radius: 10px;background: #FFF;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);padding-right: 60px;border: 0;}
    header .mobile-ver .sch-input-wrap button {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 50px;padding: 0;}
    header .gnb-btn-wrap .sch-btn {background: unset;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;}
    header .gnb-btn-wrap .sch-btn button {background-image: url("/assets/images/ico/ico-search.svg");background-repeat: no-repeat;background-size: cover;background-position: center;width: 30px;height: 30px;}
    header .mobile-ver .sch-cancel-btn {background-image: url("/assets/images/ico/ico-sch-close.svg");background-repeat: no-repeat;background-size: cover;width: 34px;height: 34px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;margin-top: 10px;}

    /* footer */
    footer .ft-wrap .inner{flex-direction: column-reverse; align-items: flex-start; gap: 20px;}
    footer .ft-info__link{flex-wrap: wrap;gap: 10px;}
    footer .ft-info__txt.txt-pad{flex-direction: column;gap: 6px;}
    footer .ft-info__txt.txt-pad > li:not(:last-child)::after{display: none;}
    .ft-top{padding: 30px 0;}
    footer .ft-top .ft-info__txt > li:before{content: '-'}
}

@media (max-width: 768px){
    .inner, .inner-wide { max-width: 100%; padding: 0 20px; }
    .container-wrap { margin-top: 40px; }
    .pc-ver{display: none !important;}
    .pad-ver{display: none !important;}
    .mobile-ver{display: block !important;}


    /* header */
    header{box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);}
    header .hd-logo img{width: 120px;}
    header .mobile-ver .hd-top {padding-top: 9px;padding-bottom: 9px;height: 54px;}
    header .mobile-ver .hd-search input { width: 100%; height: 44px; font-size: 14px; border-width: 1.5px; padding: 0 22px; }
    header .hd-search .btn { right: 22px; }
    header .hd-search .btn .ico { width: 18px; height: 18px; }
    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 .gnb-btn button {
        width: 34px;
        height: 34px;
    }
    header .mobile-ver .gnb-all { padding-top: 71px; }
    header .mobile-ver .quick-menu__list ul { 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: 70px; font-size: 12px; border-radius: 10px; }
    header .mobile-ver .quick-menu__list ul li .btn .ico { width: 32px; height: 30px; margin-bottom: 7px; }
    header .mobile-ver .gnb-cont > li .tit {width: 140px;font-size: 14px;}
    header .mobile-ver .gnb-cont>li {width: 140px;}
    header .mobile-ver .gnb-cont .depth2>li>a {font-size: 14px;}
    header .mobile-ver .gnb-cont .depth2 {height: calc(var(--vh, 1vh)* 100 - 300px);height: 100%;width: calc(100% - 140px);left: 140px;}
    header .mobile-ver .gnb-cont .depth3 { padding: 9px 20px; }
    header .mobile-ver .gnb-cont .depth3 a { padding: 9px 0; }
    .hd_lang {right: 80px;top: 18px;}
    .hd_lang .goog-te-gadget .goog-te-combo {width: 35px;height: 35px;font-size: 0;border: 0;background: no-repeat 50% / cover;background-size: 35px 35px;padding: 0 !important;background-image: url(/assets/images/ico/ico-lang.svg);}
    header .mobile-ver .hd-top__wrap{display: none;}
    header .gnb-btn-wrap {top: 10px;right: 20px;}
    header .gnb-btn-wrap .sch-btn {width: 34px;height: 34px;margin-right: 5px;}


    /* footer */
    #container.main ~ footer{ margin-top: 30px;}
    footer .ft-info__txt > li{font-size: 12px;display: flex;gap: 5px;line-height: 1.4; word-break: keep-all}
    footer .ft-info__txt > li:not(:last-child){margin-right: 0;padding-right: 0;}
    footer .ft-logo img {width: 200px;}
    .ft-wrap {padding: 30px 0 40px;}
    footer .ft-top .ft-info__txt > li{font-size: 14px;}
    footer .ft-info__link .btn {font-size: 12px;}
    footer .ft-info__link > li:not(:last-child)::after {height: 8px;}
    footer .ft-info__txt {flex-direction: column;}
    footer .ft-info__txt > li:not(:last-child)::after {display: none;}
    footer .ft-wrap .ft-info__txt + .ft-info__txt {margin-top: 6px;}
    footer .ft-info__copy {margin-top: 20px;font-size: 12px;}
    footer.btn_fix .floating{gap: 12px;}
    .floating-btn span{display: none;}
    .floating-btn {font-size: 18px;height: 58px;}
    .floating-menu {border-radius: 20px 20px 0 0;}
    .floating-btn:not(:last-child)::after {height: 16px;width: 1px;}
    .top_btn {width: 42px;height: 42px;border-radius: 10px;bottom: 70px;right: 12px;}
    .top_btn i {width: 12px;height: 14px;}
    footer.btn_fix .floating .top_btn {position: relative; bottom: 15px;}



}