﻿/*---------------------- color ----------------------*/
.bg-mrt {
    background-color: #4D94E6;
}
.bg-catch {
    background-color: #FDB813;
}
.bg-saipan {
    background-color: #56B7B1;
}
.bg-booking {
    background-color: #4A6388;
}
.bg-tnplace {
    background-color: #0D7099;
}
.bg-maeil {
    background-color: #FF7A00;
}
.bg-gchain {
    background-color: #89BA28;
}
.bg-golfline {
    background-color: #619067;
}
.bg-kfta {
    background-color: #282F5D;
}
.bg-sol {
    background-color: #0046FF;
}
.bg-wondertrip {
    background-color: #182D5D;
}
.bg-modetour {
    background-color: #009C75;
}
.bg-lfmall {
    background-color: #000000;
}
.bg-asiana {
    background-color: #000000;
}
.bg-xgolf {
    background-color: #C2D959;
}
.bg-waug {
    background-color: #1D2028;
}
.bg-ybtour {
    background-color: #FFCB30;
}
.bg-kkday {
    background-color: #26BEC9;
}
.bg-teeshot {
    background-color: #209C68;
}
.bg-tripnbuy {
    background-color: #028fa8;
}
.bg-heyteetime {
    background-color: #029835;
}
.bg-klook {
    background-color: #FF5B00;
}
.bg-multi {
    background-color: #4A6388;
}
.bg-lglifecare {
    background-color: #01A8A4;
}

.bg-shinhancard {
    background-color: #0046FF;
}

.bg-lpoint {
    background-color: #069DFA;
}

.bg-hanacard {
    background-color: #008e71;
}

.bg-tourlinks {
    background-color: #629FCE;
}

.bg-longest {
    background-color: #263081;
}

.bg-hyundaiezwel {
    background-color: #009782;
}

.bg-uobtravel {
    background-color: #005EB8;
}

.bg-jejuairgolf {
    background-color: #ff5000;
}

.bg-jejuairgolfmembership {
    background-color: #ff5000;
}

.bg-japangolf {
    background-color: #0F6E3A;
}

.bg-accordia {
    background-color: #009782;
}


.bg-golftravelgroup {
    background-color: #000000;
}

.bg-gorilla {
    background-color: #fec214;
}

.bg-lane4 {
    background-color: #7265FD;
}

.bg-hlb {
    background-color: #D4742F;
}


.bg-sixt {
    background-color: #000000;
}

.bg-loca {
    background-color: #DA291C;
}

.bg-h2o {
    background-color: #6737FA;
}

.bg-airtrip {
    background-color: #50A2D2;
}

.bg-fly168 {
    background-color: #1A2B4F;
}

.bg-gctgroup {
    background-color: #2b3990;
}

.bg-viajesikea {
    background-color: #202063;
}

.bg-jtbroyalroad {
    background-color: #6b3c30;
}

.bg-gogolf {
    background-color: #333333;
}

.bg-hyundaidreamtour {
    background-color: #009782;
}

.bg-gdracademy {
    background-color: #193582;
}

.bg-tbgmbooking {
    background-color: #4A6388;
}

.bg-nonghyup {
    background-color: #005bac;
}
.bg-aeoncompass {
    background-color: #a3016f;
}

.bg-tourvis {
    background-color: #01C5FD;
}

.bg-myrealtrip {
    background-color: #4D94E6;
}

.bg-hmpmall {
    background-color: #6F96D2;
}

.bg-azgo {
    background-color: #07B883;
}

.bg-gmarket {
    background-color: #00C400;
}

.bg-traveldesk {
    background-color: #000000;
}

.bg-aspirelifestyles {
    background-color: #D82F24;
}

/*---------------------- header ----------------------*/
header {
    position: absolute;
    top: 0;
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 100;
}

    header.header-light {
        color: #353A3F;
        border-bottom: 1px solid #dee2e6;
    }

/*    header.header-color {
        background-color: #4D94E6;
    }*/

    header > div {
        position: relative;
        height: 100%;
        width: 100%;
        max-width: 1060px;
    }

.header-inner {
    padding: 0 10px;
    align-items: center;
}

.header-inner .header-top {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
}

.title-wrap {
    display: flex;
    align-items: center;
}

.header-top .title-wrap div.logo {
    width: 270px;
    height: 40px;
}
.mrt .header-top .title-wrap img.logo {
    height: 40px;
}

.header-top .title-wrap img.icon {
    width: 20px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.header-top .user-info {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.user-info button.btn-logout {
    width: 60px;
    height: 30px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #373a3c;
    color: #373a3c;
}

nav ul {
    display: flex;
    padding: 0;
    margin: 0;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
footer.service {
    height: 290px;
    justify-content:flex-start; /*20240131 수정*/
}
.service .footer-upper {
    width: 100%;
    /*height: 90px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service .footer-upper .upper-inner {
    width: 1060px;
    margin: 0 auto;
    padding: 15px 10px;
}

    footer .footer-inner {
        width: 1060px;
        margin: 0 auto;
        padding: 0 10px;
    }

.footer-inner .footer-top {
    height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-top .mobile-none ul {
    padding: 0;
    margin: 0;
}

    .footer-top .mobile-none ul li:first-of-type {
        padding-bottom: 0.6rem;
    }

    .footer-top .mobile-none ul li:not(:first-of-type) {
        padding: 0.3rem 0;
    }


.footer-bottom {
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1059px) {
    header {
        display: none;
    }

    .nav-header.mobile {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 47px;
        margin: 0;

        /*height: 60px;*/
        /*padding: 15px 20px;*/
        padding: 10px;
    }

    footer {
        height: 260px;
    }
        footer.service {            
            height: 250px;
        }
    .service .footer-upper {
        /*height: 90px;*/
    }   
        .service .footer-upper .upper-inner {
            width: 100%;
            padding: 1rem 1rem;
        }
    
    footer .footer-inner {
        width: 100%;
        height: 260px;
        padding: 0 1rem;
    }

    .footer-inner .footer-top {
        height: 160px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .footer-inner .footer-bottom {
        height: 100px;
    }

    .mobile-border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .footer-top .mobile ul {
        padding: 0;
        margin: 0;
    }

        .footer-top .mobile ul li {
            margin-bottom: 5px;
        }

    .mobile .accordion-button {
        width: 100%;
    }

        .mobile .accordion-button:focus {
            outline: none;
            box-shadow: 0;
        }

        .mobile .accordion-button:not(.collapsed) {
            color: #6c757d;
            background-color: #fff;
            box-shadow: 0;
        }

    .search.mobile {
        padding: 0 15px;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 48px;
        align-items: center;
        overflow: hidden;
        border-radius: 0.2rem;
    }
}
