@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt {position: relative;margin-bottom: 20px;overflow: hidden;border: 1px solid #c6cacc;background: #fff}
.pic_lt .lat_title {display: block;background: #fcfcfc;padding: 0 20px;line-height: 45px;font-size: 1.083em;border-bottom: 1px solid #e2e2e2;color: #253dbe;}
.pic_lt .lat_title a {color: #253dbe;display: inline-block;position: relative}
.pic_lt .lat_title a:after {position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #253dbe;content: ''}
.pic_lt .lt_more {position: absolute;top: 11px;right: 10px;display: block;width: 25px;line-height: 25px;color: #aaa;border-radius: 3px;text-align: center;}
.pic_lt .lt_more:hover {color: #777}
.pic_lt ul:after {display: block;visibility: hidden;clear: both;content: ""}
.pic_lt ul {padding: 20px 15px }
.pic_lt li {float: left;width: 20%;padding: 0 10px}
.pic_lt li .lt_img {margin: 5px 0;display: block}
.pic_lt li .lt_img img {width: 100%;height: auto}
.pic_lt li a:hover {color: #a22121}
.pic_lt li .fa-heart {color: #f00;}
.pic_lt li .fa-lock {display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border: 1px solid #a2c6ce}
.pic_lt li .new_icon {display: inline-block;width: 16px;line-height: 16px;font-size: 0.833em;color: #ff0;background: #6db142;text-align: center;border-radius: 2px;}
.pic_lt li .hot_icon {display: inline-block;width: 16px;line-height: 16px;font-size: 0.833em;color: #fff;background: #e52955;text-align: center;border-radius: 2px;}
.pic_lt li .fa-caret-right {color: #bbb}
.pic_lt .lt_cmt {background: #5c85c1;color: #fff; font-size: 11px;height: 16px;line-height: 16px;padding: 0 5px;border-radius: 3px;white-space: nowrap;
    -webkit-box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.4);}
.pic_lt .lt_date {display: block;margin-top: 5px;color: #888;}


/* 19.06.07 김종욱 */
.sub-rooms-special-offer {
    max-width: 1180px;
    margin: 40px 0 0 0;
}
.sub-rooms-special-offer > p {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}
.latest-special-box {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.latest-special-box-img {
    width: 100%;
}
.main_special_offers_title {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%);
}
.special-offer-list-box {
    min-height: 260px;
    padding: 0 20px;
}
.special-offer-list-box-title {
    margin-top: 40px;
}
.special-offer-list-box-title p:nth-of-type(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    margin-bottom: 5px;
    color: #c19b76;
}

.special-offer-list-box-title p:nth-of-type(2) {
    font-weight: 300;
    color: rgb(157, 157, 157);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 40px;
}
.main_specail_title p {
    color: #959595;
    margin-top: 40px;
    margin-bottom: 110px;
    font-size: 18px;
}
.special-list-table-wrap {
    border-top: 1px solid #c19b76;
    padding: 20px 0 0;
    margin-top: 20px;
}
.special-list-table {
    width: 100%;
    border: 1px solid #c19b76;
}
.special-list-table tbody tr {
    border-bottom: 1px solid #c19b76;
}
.special-list-table tbody tr th {
    font-size: 11px;
    background: #c19b76;
    color: #000;
    padding: 5px;
    font-weight: 500;
}
.special-list-table tbody tr td {
    font-size: 14px;
    color: rgb(157, 157, 157);
    padding: 5px 10px;
}
.sub-latest-special-swiper .swiper-container .swiper-wrapper .swiper-slide {
    background: #000;
}
.bo_cate_link {
    display: inline-block;
    position: relative;
    top: -5px;
    left: 0px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    background: #5a6e7f;
    padding: 0 10px 0 10px;
}
.kategorie-event {
    position: relative;
}
.kategorie-package {
    position: relative;
}
.kategorie-notice {
    position: relative;
}
.kategorie-event span {
    position:absolute;
    bottom:-5px;
    right:5px;
    z-index:1;
    width:70px;
    color:#fff;
    font-size:13px;
}
.kategorie-event img {
    position:absolute;
    bottom: -40px;
    right: 5px;
}
.kategorie-package span {
    position:absolute;
    bottom:-5px;
    right:15px;
    z-index:1;
    width:70px;
    color:#fff;
    font-size:13px;
}
.kategorie-package img {
    position:absolute;
    bottom: -40px;
    right: 5px;
}
.kategorie-notice span {
    position:absolute;
    top:-15px;
    right:0px;
    z-index:1;
    width:80px;
    color:#fff;
    font-size:13px;
}
.kategorie-notice img {
    position:absolute;
    bottom: -40px;
    right: 5px;
}
.img a img {
    width: 100%;
    height: auto;
}

@media (max-width: 1199px) {
    .special-offer-list-box-title p:nth-of-type(1) {
        font-size: 15px;
    }
    .bo_cate_link {
        display: inline-block;
        position: relative;
        top: -5px;
        left: 0px;
        height: 50px;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
        background: #5a6e7f;
        padding: 0 10px 0 10px;
    }
}
@media (max-width: 991px) {
    .bo_cate_link {
        display: inline-block;
        position: relative;
        top: -10px;
        left: 0px;
        height: 60px;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase;
        background: #5a6e7f;
        padding: 0 10px 0 10px;
    }
    .special-offer-list-box-title p:nth-of-type(1) {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .bo_cate_link {
        display: inline-block;
        position: relative;
        top: -10px;
        left: 0px;
        height: 60px;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase;
        background: #5a6e7f;
        padding: 0 10px 0 10px;
    }
}
@media screen and (max-width: 638px) {
    .special-offer-list-box-title p:nth-of-type(1) {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px) {
    .special-offer-list-box {
        padding: 0;
    }
    .latest-special-box {
        margin-bottom: 50px;
    }
    .latest-special-box:last-child {
        margin-bottom: 0;
    }
}