@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 99;
    width: 20px;
    height: 20px;
}

.slick-prev {
    background: url("../../images/common/ic-arrow-left-white.svg")no-repeat center center;
    background-size: 100%;
    left: 50px;
}

.slick-next {
    background: url("../../images/common/ic-arrow-left-white.svg")no-repeat center center;
    background-size: 100%;
    right: 50px;
    transform: rotate(-180deg) !important;
}

.slick-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.common-image-slider .slick-prev,
.common-image-slider .slick-next {
    top: 45%;
    -webkit-transform: translate(0, -45%);
    -ms-transform: translate(0, -45%);
    transform: translate(0, -45%);
}
/* Dots */
.slick-dots {
    position: absolute;
    bottom: 50px;
    display: block;
    width: calc(100% - 100px) !important;
    height: auto !important;
    padding: 0 50px;
    margin: 0 auto;
    list-style: none;
    text-align: left;
    z-index: 2;
}

    .slick-dots li {
        position: relative;
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        margin: 0 5px !important;
        padding: 0 !important;
        cursor: pointer;
        background: none !important;
    }

        .slick-dots li:only-child {
            display: none !important;
        }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 15px;
            height: 15px;
            padding: 0 !important;
            cursor: pointer;
            color: transparent;
            border: 1px solid #ffffff;
            background: none;
            outline: none;
            border-radius: 100%;
        }

            .slick-dots li button:hover {
                background: #ffffff;
                outline: none;
            }

                .slick-dots li button:hover:before {
                    background: #ffffff;
                }

        .slick-dots li.slick-active button {
            background: #ffffff;
        }

.common-image-slider .slick-dots {
    bottom: 75px;
    text-align: center;
}

.common-slider-nav .slick-prev,
.common-slider-nav .slick-next {
    border: 1px solid #b30537;
    background: #fff;
    padding: 15px 30px;
    border-radius: 15px;
    top: auto;
    bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.common-slider-nav .slick-prev,
.common-slider-nav .slick-next {
    bottom: 25px;
}

.common-slider-nav .slick-prev {
    background: url("../../images/common/ic-arrow-left.svg")no-repeat center center;
    background-size: 15px;
    left: auto;
    right: 72px;
}

.common-slider-nav .slick-next {
    background: url("../../images/common/ic-arrow-left.svg")no-repeat center center;
    background-size: 15px;
    right: 0;
}

.common-slider-nav .slick-prev:hover {
    background: #b30537 url("../../images/common/ic-arrow-left-white.svg")no-repeat center center;
    background-size: 15px;
}

.common-slider-nav .slick-next:hover {
    background: #b30537 url("../../images/common/ic-arrow-left-white.svg")no-repeat center center;
    background-size: 15px;
}

.common-slider-nav .slick-dots {
    bottom: 75px;
    text-align: right;
    width: 100% !important;
    padding: 0 !important
}

    .common-slider-nav .slick-dots li button {
        border: none;
        background: #606a70;
    }

        .common-slider-nav .slick-dots li button:hover {
            background: #b30537;
        }

            .common-slider-nav .slick-dots li button:hover:before {
                background: #b30537;
            }

    .common-slider-nav .slick-dots li.slick-active button {
        background: #b30537;
    }

.common-stories .slick-track {
    display: block !important;
}

.common-stories .slick-dots {
    bottom: 50px;
    text-align: right;
    width: 100% !important;
    padding: 0 !important
}

.common-stories .slick-prev,
.common-stories .slick-next {
    bottom: 0;
}

.slider-blog-list .slick-dots {
    text-align: center;
    display: block !important;
    bottom: -40px;
    width: calc(100% - 20px) !important;
}

.slider-blog-list .slick-prev {
    left: 46%;
    transform: translateX(-46%);
    right: auto;
    bottom: -90px;
}

.slider-blog-list .slick-next {
    right: 45%;
    transform: translateX(-45%);
    bottom: -90px;
}

.common-list-template-01 .slick-dots {
    display: block !important;
    bottom: -10px;
    width: calc(100% - 30px) !important;
}

.common-list-template-01 .slick-prev {
    right: 102px;
    bottom: -60px;
}

.common-list-template-01 .slick-next {
    right: 30px;
    bottom: -60px;
}

.common-tour-slider .slick-dots {
    text-align: center;
    display: block !important;
    bottom: 40px;
    width: 100% !important;
}

.common-tour-slider .slick-prev {
    left: 45%;
    transform: translateX(-45%);
    right: auto;
    bottom: 0;
}

.common-tour-slider .slick-next {
    right: 43%;
    transform: translateX(-43%);
    bottom: 0;
}

@media screen and (max-width:1300px) {
    .common-image-slider .slick-dots {
        text-align: left;
        width: calc(100% - 400px) !important;
        padding: 0;
        left: 400px;
    }
}

@media screen and (max-width:1199px) {
    .slick-prev {
        left: 30px;
    }

    .slick-next {
        right: 30px;
    }

    .slider-blog-list .slick-prev {
        left: 40%;
        transform: translateX(-40%);
    }

    .slider-blog-list .slick-next {
        right: 40%;
        transform: translateX(-40%);
    }

    .common-tour-slider .slick-prev {
        left: 40%;
        transform: translateX(-40%);
    }

    .common-tour-slider .slick-next {
        right: 38%;
        transform: translateX(-38%);
    }
}

@media screen and (max-width:999px) {
    .common-image-slider .slick-dots {
        text-align: right;
        width: calc(100% - 60px) !important;
        padding: 0 30px;
        left: 0;
    }

    .common-image-slider-02 .slick-prev {
        bottom: -15px;
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
    }

    .common-image-slider-02 .slick-next {
        bottom: -15px;
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }

    .common-image-slider-02 .slick-dots {
        bottom: 30px;
        text-align: center;
    }

    .common-image-slider-03 .slick-prev {
        bottom: -15px;
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
    }

    .common-image-slider-03 .slick-next {
        bottom: -15px;
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }

    .common-image-slider-03 .slick-dots {
        bottom: 30px;
        text-align: center;
    }

    .slider-blog-list .slick-prev {
        left: 50% !important;
        transform: translateX(calc(-50% - 60px)) !important;
        right: auto;
    }

    .slider-blog-list .slick-next {
        right: 50% !important;
        transform: translateX(calc(50% + 40px))rotate(-180deg) !important;
    }

    .slider-blog-list .slick-dots {
        text-align: center;
    }

    .common-tour-slider .slick-prev {
        bottom: -10px;
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
        right: auto;
    }

    .common-tour-slider .slick-next {
        bottom: -10px;
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }

    .common-tour-slider .slick-dots {
        text-align: center;
    }
}

@media screen and (max-width:699px) {
    .common-image-slider .slick-dots {
        text-align: center;
        bottom: 220px
    }

    .common-image-slider .slick-prev,
    .common-image-slider .slick-next {
        top: 150px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media screen and (max-width:599px) {
    .common-banner-slider .slick-dots {
        text-align: center;
        bottom: 30px;
    }

    .common-slider-nav .slick-dots {
        text-align: center;
    }

    .common-slider-nav .slick-prev {
        left: 25%;
        right: auto;
        transform: translateX(-25%);
    }

    .common-slider-nav .slick-next {
        right: 25%;
        transform: translateX(-25%) rotate(-180deg) !important;
    }

    .common-image-slider-02 .slick-prev {
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
    }

    .common-image-slider-02 .slick-next {
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }

    .common-image-slider-03 .slick-prev {
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
    }

    .common-image-slider-03 .slick-next {
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }

    .slider-blog-list .slick-prev {
        left: 50% !important;
        transform: translateX(calc(-50% - 60px)) !important;
        right: auto;
    }

    .slider-blog-list .slick-next {
        right: 50% !important;
        transform: translateX(calc(50% + 40px))rotate(-180deg) !important;
    }

    .common-tour-slider .slick-prev {
        left: calc(50% - 50px) !important;
        right: auto;
        transform: translateX(-50%) !important;
        right: auto;
    }

    .common-tour-slider .slick-next {
        right: calc(50% - 50px) !important;
        transform: translateX(50%)rotate(-180deg) !important;
    }
}

@media only screen and (orientation: portrait) {
    .common-banner-slider.H80 ul .slick-dots,
    .common-banner-slider ul .slick-dots {
        height: auto !important;
    }
}