@charset "utf-8";
/* 투어머치 전현진 */

@import "./theme-setting.css";
@import "./base.css";
@import "./modal.css";

html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--color-point); border-radius: 10px;}

.respon {
    max-width: 1340px;
    margin: 0 auto;
}

.respon.max1640 {
    max-width: 1640px;
}

body {
    --page-padding: 30px;
    --height-header: 70px;
}

::selection {
    color: var(--color-white);
    background-color: var(--color-point);
}

.page-padding {
    padding: calc(var(--page-padding) * 1.5) var(--page-padding);
}

.m-full-size {
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    margin-left: calc(var(--page-padding) * -1);
    margin-right: calc(var(--page-padding) * -1);
}

h2.sub-h2 .tit {
    font-size: clamp(2.4rem, 4vw, 4rem);
    font-family: var(--font-point);
}

@media screen and (min-width: 767px) {
    body {
        --height-header: 80px;
    }
}

@media screen and (min-width: 979px) {
    body {
        --height-header: 100px;
    }
}

@media screen and (min-width: 1239px) {
    body {
        --height-header: 120px;
    }

    body.scrollOn {
        --height-header: 80px;
    }

    .page-padding {
        padding: calc(var(--page-padding) * 2) var(--page-padding);
    }
}

@media screen and (min-width: 1439px) {
    body {
        --page-padding: 40px;
    }

    .m-full-size {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

#wrapper {
}

@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width: 1239px) {
}


/* 상단 헤더 */
#header {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: var(--height-header);
    padding: 0 15px;
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    transition: ease 0.3s;
    z-index: 2000;
}

#header .respon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 1640px;
    height: var(--height-header);
    transition: ease 0.3s;
}

#header h1 {
    flex-shrink: 0;
}

#header h1 a {
    display: block;
    width: 200px;
    height: 50px;
    background-position: center left;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-image: url("../img/logo_w.svg");
}

#gnb {
    flex-grow: 1;
    display: none;
}

#gnb ul.gnb-1ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

#gnb ul.gnb-1ul li.gnb-1li {
    position: relative;
}

#gnb ul.gnb-1ul li.gnb-1li a.gnb-1a {
    display: block;
    height: var(--height-header);
    line-height: var(--height-header);
    padding: 0 40px;
    color: var(--color-white);
    font-size: clamp(1.6rem, 3vw, 2rem);
    transition: ease 0.3s;
}

#gnb ul.gnb-1ul li.gnb-1li a.gnb-1a:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 1px;
    background-color: var(--color-dcepc);
    opacity: 0;
    transition: ease 0.3s;
    content: '';
}

#gnb ul.gnb-1ul li.gnb-1li a.gnb-1a:before {
    position: absolute;
    top: 0;
    left: calc(50% - 4px);
    width: 8px;
    height: 8px;
    background-color: var(--color-dcepc);
    opacity: 0;
    border-radius: 50%;
    transition: ease 0.3s;
    content: '';
}

#gnb ul.gnb-1ul li.gnb-1li.select a.gnb-1a,
#gnb ul.gnb-1ul li.gnb-1li:hover a.gnb-1a {
    font-weight: var(--font-weight-medium);
    color: var(--color-dcepc) !important;
}

#gnb ul.gnb-1ul li.gnb-1li.select a.gnb-1a:after,
#gnb ul.gnb-1ul li.gnb-1li:hover a.gnb-1a:after {
    height: 30px;
    opacity: 1;
}

#gnb ul.gnb-1ul li.gnb-1li.select a.gnb-1a:before,
#gnb ul.gnb-1ul li.gnb-1li:hover a.gnb-1a:before {
    top: 30px;
    opacity: 1;
}

.scrollOn #gnb ul.gnb-1ul li.gnb-1li.select a.gnb-1a:after,
.scrollOn #gnb ul.gnb-1ul li.gnb-1li:hover a.gnb-1a:after {
    height: 15px;
}

.scrollOn #gnb ul.gnb-1ul li.gnb-1li.select a.gnb-1a:before,
.scrollOn #gnb ul.gnb-1ul li.gnb-1li:hover a.gnb-1a:before {
    top: 15px;
}

#gnb ul.gnb-2ul {
    position:absolute;
    top: var(--height-header);
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
}

#gnb ul.gnb-2ul li.gnb-2li a.gnb-2a {
    line-height: 40px;
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
    transition: ease 0.3s;
}

#gnb ul.gnb-2ul li.gnb-2li a.gnb-2a:hover {
    font-weight: var(--font-weight-semibold);
    color: var(--color-point);
}

.nav-on #gnb ul.gnb-2ul {
    opacity: 1;
    margin-top: -20px;
}

#menu-icon {
    border: 1px solid rgba(var(--color-background-rgb),0.5);
    border-radius: 5px;
}

.mnubtn .sitemap-btn {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid rgba(var(--color-background-rgb),0.5);
    color: var(--color-white);
    border-radius: 5px;
    font-size: 2.4rem;
    text-align: center;
    transition: ease 0.3s;
}

.mnubtn .sitemap-btn:hover {
    border-color: var(--color-dcepc);
    background-color: var(--color-dcepc);
    color: var(--color-white) !important;
}

#header:hover,
.scrollOn #header {
    background: rgba(var(--color-background-rgb),0.9);
    backdrop-filter: blur(5px);
    box-shadow: rgba(149, 157, 165, 0.07) 0 8px 15px;
}

 #header.nav-on {
    background: rgba(var(--color-background-rgb),1);
}

#header:hover h1 a,
.scrollOn #header h1 a {
    background-image: url("../img/logo.svg");
}

#header:hover #gnb ul.gnb-1ul li.gnb-1li a.gnb-1a,
.scrollOn #gnb ul.gnb-1ul li.gnb-1li a.gnb-1a {
    color: var(--color-basic);
}

#header:hover #menu-icon,
.scrollOn #menu-icon {
    border-color: rgba(var(--color-basic-rgb),0.1);
}

#header:hover .mnubtn .sitemap-btn,
.scrollOn .mnubtn .sitemap-btn {
    border-color: rgba(var(--color-basic-rgb),0.1);
    color: var(--color-gray);
}

@media screen and (min-width: 639px) {
    #header h1 a {
        width: 280px;
        background-size: auto 40px;
    }
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width: 1239px) {
    #header.nav-on {
        height: calc(var(--height-header) + var(--sub-mnu-num) * 40px);
    }

    #gnb {
        display: block;
    }

    #menu-icon {
        display: none;
    }

    .mnubtn .sitemap-btn {
        display: block;
    }

    .nav-on #gnb ul.gnb-1ul li.gnb-1li a.gnb-1a {
        padding: 0 50px;
    }
}


/* 하단 푸터 */
#footer {
    position: relative;
}

#footer .foot-client-list {
    border-top: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
}

#footer .foot-client-list .fc-slide {
    overflow: hidden;
    font-size: 0;
}

#footer .foot-client-list .fc-slide a {
    display: block;
    transition: .3s;
}

#footer .foot-client-list .fc-slide a img {
    transition: .3s;
}

#footer .foot-client-list .slide-btn-area {
    display: none;
}

#footer .foot-content {
    padding: var(--page-padding);
    background-color: var(--color-basic);
    color: var(--color-white);
    font-size: clamp(1.3rem, 3vw, 1.5rem);
}

#footer .foot-content .foot-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#footer .foot-content .foot-top h1 a {
    display: block;
    width: 200px;
    height: 30px;
    background-position: center left;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-image: url("../img/logo_w.svg");
}

#footer .foot-content .foot-top .foot-mnu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 20px;
}

#footer .foot-content .foot-top .foot-mnu a {
    color: var(--color-white);
}

#footer .foot-content .foot-top .social-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 0;
}

#footer .foot-content .foot-top .social-list a {
    display: block;
    overflow: hidden;
    width: 30px;
    border-radius: 3px;
}

#footer .foot-content .foot-info {
    margin-top: 30px;
}

#footer .foot-content .foot-info p.copyright {
    margin-top: 10px;
    opacity: 0.6;
}

@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
    #footer .foot-client-list .respon {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
    }

    #footer .foot-client-list .fc-slide {
        flex-grow: 1;
    }

    #footer .foot-client-list .slide-btn-area {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 20px;
        gap: 5px;
    }

    #footer .foot-client-list .slide-btn-area .swiper-button {
        width: 40px;
        height: 40px;
        line-height: 38px;
        border: 1px solid var(--color-gray-light);
        border-radius: 50%;
        font-size: 1.8rem;
        color: var(--color-gray);
        text-align: center;
    }

    #footer .foot-content {
        padding: calc(var(--page-padding) * 2) var(--page-padding);
    }

    #footer .foot-content .foot-top {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    #footer .foot-content .foot-top h1 {
        flex-shrink: 0;
    }

    #footer .foot-content .foot-top .foot-mnu {
        flex-grow: 1;
        gap: 40px;
    }

    #footer .foot-content .foot-top .social-list {
        flex-shrink: 0;
        justify-content: flex-end;
    }

    #footer .foot-content .foot-info {
        margin-top: 40px;
    }

    #footer .foot-content .foot-info ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3px 40px;
    }

    #footer .foot-content .foot-top .social-list a {
        width: 40px;
    }
}

@media screen and (min-width: 1239px) {
    #footer .foot-client-list .fc-slide:hover a {
        scale: .9;
        filter: grayscale(1);
        opacity: 0.6;
    }

    #footer .foot-client-list .fc-slide:hover a:hover {
        scale: 1;
        filter: grayscale(0);
        opacity: 1;
    }
}

@media screen and (min-width: 1339px) {
    #footer .foot-content .foot-top h1 a {
        width: 280px;
        height: 40px;
        background-size: auto 40px;
    }

    #footer .foot-client-list .slide-btn-area {
        padding-left: 0;
    }
}


/* 페이지 공통 */
.page-container {
}

.comp-cate-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.comp-cate-state {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 15px;
    border: 1px solid var(--color-green);
    background-color: var(--color-background);
    font-size: 1.4rem;
    color: var(--color-gray);
    border-radius: 15px;
}

.comp-cate-state .ico {
    color: var(--color-green);
}


/* 페이지 공통 // 테이블 */
.basic-tbl th,
.basic-tbl td {
    padding: 10px;
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    text-align: center;
}

.basic-tbl thead th {
    background-color: var(--color-gray-deep);
    color: var(--color-white);
}

.basic-tbl tbody th,
.basic-tbl tbody td {
    border-bottom: 1px dotted var(--color-gray-light);
}

.basic-tbl tbody th {
    background-color: rgba(var(--color-blue-light-rgb),0.1);
}

.basic-tbl tbody td {
    color: var(--color-gray);
}

.basic-tbl tbody tr:last-child th,
.basic-tbl tbody tr:last-child td {
    border-bottom-style: solid;
}

.basic-tbl .jum-ul {
    font-size: clamp(1.4rem, 3vw, 1.6rem);
}

@media screen and (min-width: 1239px) {
    .basic-tbl th,
    .basic-tbl td {
        padding: 15px 20px;
    }
}


/* 이용약관, 개인정보취급방침 */
.terms-policy .respon > dl:not(:first-child) {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--color-gray-light);
}

.terms-policy .respon > dl > dt {
    margin-bottom: 20px;
    font-family: var(--font-point);
    font-size: clamp(2rem, 3vw, 3rem);
}

.terms-policy .respon > dl > dd > dl:not(:first-child) {
    margin-top: 30px;
}

.terms-policy .respon > dl > dd > dl > dt {
    font-weight: var(--font-weight-semibold);
    font-size: clamp(1.6rem, 3vw, 2rem);
}

.terms-policy .respon > dl > dd > dl > dd {
    color: var(--color-gray);
}

.terms-policy .respon > dl > dd > dl > dt + dd {
    margin-top: 10px;
}

.terms-policy .respon > dl > dd > dl > dd ol {
    padding-left: 30px;
    margin-top: 0;
}

.terms-policy .respon > dl > dd > dl > dd > ol > li {
    list-style: decimal;
}

.terms-policy .respon > dl > dd > dl > dd > ol > li:not(:first-child) {
    margin-top: 10px;
}

.terms-policy .respon > dl > dd > dl > dd > ol > li > ol {
    padding-left: 20px;
}

.terms-policy .respon > dl > dd > dl > dd > ol > li > ol > li {
    list-style: disc;
}

.terms-policy .respon > dl > dd > dl > dd > ol > li > ol > li:not(:first-child) {
    margin-top: 10px;
}

@media screen and (min-width: 767px) {
    .terms-policy .respon > dl:not(:first-child) {
        padding-top: 50px;
        margin-top: 50px;
    }
}

@media screen and (min-width: 1239px) {
    .terms-policy .respon > dl:not(:first-child) {
        padding-top: 80px;
        margin-top: 80px;
    }

    .terms-policy .respon > dl > dt {
        margin-bottom: 40px;
    }
}


/* 모바일 GNB */
.mobile-modal {
    display: none;
    position: fixed;
    top: var(--height-header);
    left: 0;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    background-color: rgba(var(--color-background-rgb),0.9);
    backdrop-filter: blur(10px);
    z-index: 1900;
}

.m-gnb {
    padding: 20px 0;
}

.m-gnb ul.gnb-1ul li.gnb-1li .gnb-1a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 var(--page-padding);
    font-size: 1.8rem;
    font-weight: var(--font-weight-medium);
}

.m-gnb ul.gnb-1ul li.gnb-1li .gnb-1a .ico {
    width: 20px;
    font-size: 1.6rem;
    text-align: center;
}

.m-gnb ul.gnb-2ul {
    padding: var(--page-padding);
    background-color: rgba(var(--color-gray-light-rgb),0.1);
    box-shadow: inset 0 2px 10px rgba(var(--color-black-rgb),0.05);
}

.m-gnb ul.gnb-2ul li.gnb-2li .gnb-2a {
    display: block;
    padding: 3px 0;
    font-size: 1.6rem;
}

.m-gnb ul.gnb-2ul li.gnb-2li .gnb-2a:before {
    content: 'ㆍ ';
}


/* 퀵메뉴 */
.quick-area {
    position: fixed;
    bottom: 30px;
    right: -150px;
    z-index: 2000;
    text-align: center;
    transition: ease-in-out .5s;
}

.quick-area .quickmnu {
    width: 70px;
    padding: 10px 0;
    background-color: rgba(var(--color-background-rgb),0.9);
    backdrop-filter: blur(5px);
    border-radius: 35px;
    box-shadow: 0 5px 15px rgba(var(--color-black-rgb),0.15);
    transition: .3s;
    opacity: 0.8;
}

.quick-area .quickmnu:hover {
    opacity: 1;
}

.quick-area .quickmnu ul li:not(:first-child) {
    border-top: 1px solid rgba(var(--color-gray-rgb),0.2);
}

.quick-area .quickmnu .base-quick-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80px;
    text-align: center;
    font-size: 1.4rem;
    color: var(--color-gray);
    transition: .3s;
}

.quick-area .quickmnu .base-quick-btn .ico {
    font-size: 2rem;
}

.quick-area .quickmnu .base-quick-btn:hover {
    color: var(--color-basic);
}

.quick-area .top-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    background-color: var(--color-basic);
    color: var(--color-white);
    border-radius: 50%;
    font-size: 2rem;
    cursor: pointer;
    transition: .3s;
}

.quick-area .top-btn:hover {
    background-color: var(--color-point);
}

@media screen and (min-width: 1239px) {
    .scrollOn .quick-area {
        right: 30px;
    }
}


/* 준비중 페이지 */
.wait-page {
    --char-width: 120px;

    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 500px;
    padding: var(--page-padding);
    padding-bottom: 100px;
    margin: 0 calc(var(--page-padding) * -1);
    background-color: var(--color-point);
    background-image: url("../img/img_cloud.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 640px auto;
    text-align: center;
    color: var(--color-white);
}

.wait-page figure {
    width: 80%;
    max-width: 500px;
    font-size: 0;
}

.wait-page p {
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-family: var(--font-point);
}

.wait-page .dangkon-char {
    position: absolute;
    bottom: 0;
    right: 0;
    width: var(--char-width);
    height: 200px;
    background-image: url("../img/img_dangkon.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0;
    animation-name: dangkonMove;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes dangkonMove {
    0% {right: 0;opacity: 0;}
    10% {opacity: 1;}
    to { right: 105%;opacity: 1;}
}

@media screen and (min-width: 639px) {
    .wait-page {
        --char-width: 150px;

        height: 700px;
        padding-bottom: 150px;
        background-size: 980px auto;
    }

    .wait-page .dangkon-char {
        height: 240px;
    }
}

@media screen and (min-width: 979px) {
    .wait-page {
        --char-width: 200px;

        gap: 30px;
        height: 900px;
        padding-bottom: 200px;
        background-size: 1240px auto;
    }

    .wait-page .dangkon-char {
        height: 350px;
    }
}

@media screen and (min-width: 1239px) {
    .wait-page {
        --char-width: 250px;

        background-size: 100% auto;
    }

    .wait-page .dangkon-char {
        height: 440px;
        animation-duration: 15s;
    }
}

@media screen and (min-width: 1439px) {
    .wait-page {
        margin: 0 auto;
    }
}


/* 팝업 존 */
.popup-zone {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: var(--page-padding);
    background-color: rgba(var(--color-basic-rgb),0.8);
    backdrop-filter: blur(5px);
    z-index: 9000;
}

.popup-zone .popup-slide-area {
    position: relative;
}

.popup-zone .popup-slide,
.popup-zone .popup-foot {
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    background-color: var(--color-background);
}

.popup-zone .popup-slide {
    font-size: 0;
}

.popup-zone .swiper-btn-area .swiper-button {
    display: none;
    position: absolute;
    top: calc(50% - 20px);
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid rgba(var(--color-white-rgb),0.5);
    background-color: rgba(var(--color-basic-rgb),0.1);
    border-radius: 50%;
    color: var(--color-white);
    text-align: center;
    z-index: 2000;
}

.popup-zone .swiper-btn-area .swiper-button.swiper-prev {
    left: calc(50% - 350px);
}

.popup-zone .swiper-btn-area .swiper-button.swiper-next {
    right: calc(50% - 350px);
}

.popup-zone .popup-foot {
    display: flex;
    justify-content: center;
    align-items: stretch;
    border-radius: 0 0 clamp(1rem, 3vw, 2.35rem) clamp(1rem, 3vw, 2.35rem);
}

.popup-zone .popup-foot .pf-btn {
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--color-gray);
}

.popup-zone .popup-foot .pf-btn:not(:first-child) {
    border-left: 1px solid var(--color-gray-light);
}

@media screen and (min-width: 979px) {
    .popup-zone .swiper-btn-area .swiper-button {
        display: block;
    }
}


/* 사이트맵 */
.sitemap-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 40px;
    background-color: var(--color-background);
    z-index: 3000;
}

.sitemap-area.open {
    display: flex !important;
}

.sitemap-area .respon {
    width: 100%;
}

.sitemap-area h1 {
    margin-bottom: 50px;
    font-family: var(--font-point);
    font-size: 4rem;
}

.sitemap-area #sitemapGnb .gnb-1ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.sitemap-area #sitemapGnb .gnb-1ul .gnb-1li {
    width: 20%;
    transition: ease-in-out .5s;
}

.sitemap-area.open #sitemapGnb .gnb-1ul .gnb-1li {
    width: 25%;
    transition: .5s;
}

.sitemap-area #sitemapGnb .gnb-1ul .gnb-1li .gnb-1a {
    display: inline-block;
    font-weight: var(--font-weight-bold);
    font-size: 3rem;
    color: var(--color-basic);
    transition: .3s;
}

.sitemap-area #sitemapGnb .gnb-1ul:hover .gnb-1li {
    opacity: 0.5;
}

.sitemap-area #sitemapGnb .gnb-1ul .gnb-1li:hover {
    opacity: 1;
}

.sitemap-area #sitemapGnb .gnb-1ul .gnb-1li:hover .gnb-1a {
    color: var(--color-dcepc);
}

.sitemap-area #sitemapGnb .gnb-2ul {
    margin-top: 100px;
    opacity: 0;
    transition: ease-in-out .5s;
}

.sitemap-area.open #sitemapGnb .gnb-2ul {
    margin-top: 20px;
    opacity: 1;
}

.sitemap-area #sitemapGnb .gnb-2ul .gnb-2li .gnb-2a {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: var(--color-gray);
    font-size: 1.8rem;
    transition: .3s;
}

.sitemap-area #sitemapGnb .gnb-2ul .gnb-2li .gnb-2a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
    background-color: var(--color-dcepc);
    opacity: 0;
    transition: .5s;
    content: '';
}

.sitemap-area #sitemapGnb .gnb-2ul .gnb-2li .gnb-2a:hover {
    color: var(--color-dcepc);
    font-weight: var(--font-weight-medium);
}

.sitemap-area #sitemapGnb .gnb-2ul .gnb-2li .gnb-2a:hover:after {
    width: 100%;
    opacity: 1;
}

.sitemap-area .sitemap-btn {
    position: fixed;
    top: 35px;
    right: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--color-gray-deep);
    color: var(--color-white);
    font-size: 2.4rem;
    text-align: center;
    border-radius: 5px;
    transition: .5s;
}

.sitemap-area .sitemap-btn:hover {
    background-color: var(--color-dcepc);
}

@media screen and (min-width: 1639px) {
    .sitemap-area .sitemap-btn {
        right: calc(50% - 820px);
    }
}





/* ------------------------------------------------------------ */


@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width: 1239px) {
}

@media screen and (min-width: 1340px) {
}

@media screen and (min-width: 1439px) {
}

@media screen and (min-width: 1640px) {
}

@media screen and (min-width: 1840px) {
}