@charset "utf-8";
/* 반응형 css (공통 ) */
@import url("responsive_content.css");
/********************************
 컨텐츠 :: 리조트안내
 @import url("resort.css")
*********************************/

/* title-area h2 */
.title-sub-area.type {
    margin-top: 6rem;
}

.title-sub-area.border {
    padding-bottom: 3rem;
    border-bottom: 2px solid #e5dfd6;
}

.title-sub-area .sub-desc {
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #333;
}

.title-sub-area.mt-cntslide2 .right {
    z-index: 50;
}

@media (max-width: 1279px) {
    .title-sub-area.type {
        margin-top: 3rem;
    }

    .title-sub-area.border {
        padding-bottom: 1rem;
        border-bottom: 1px solid #e5dfd6;
    }

    .title-sub-area .sub-desc {
        margin-top: 5px;
        font-size: 1.3rem;
    }
}

/* 간격 */
.mt-cntslide {
    margin-top: 80px;
}

/* 컨텐츠 ~ slide */
.mt-cntslide2 {
    margin-top: 60px;
}

/* 컨텐츠 ~ slide */

@media screen and (max-width: 1279px) {
    .mt-cntslide {
        margin-top: 4rem;
    }

    /* 컨텐츠 ~ slide */
    .mt-cntslide2 {
        margin-top: 4rem;
    }

    /* 컨텐츠 ~ slide */
    .title-sub-area.right-block .right {
        position: static;
        display: block;
        margin-top: 2rem;
    }
}

/**************
 리조트 안내
***************/
.title-area+.inner-tab,
.title-area+.room-view-area {
    margin-top: 3rem;
}

.title-area.sns .right {
    position: relative;
    float: right;
    bottom: 0;
    margin-top: 25px;
}

.title-area.sns:after {
    display: block;
    content: "";
    clear: both;
}

/* sns 공유 button */
.title-area .sns-list-wrap .btn-sns-share {
    display: block;
    width: 50px;
    height: 50px;
    background: url("../image/btn/btn_share.webp") no-repeat;
    background-size: cover;
}

.sns-list-wrap {
    position: relative;
}

.sns-list-wrap .sns-list {
    display: none;
    position: absolute;
    top: 49px;
    right: 0;
    padding: 43px 20px 30px;
    width: 380px;
    background: #fff;
    border: 1px solid #dedede;
    z-index: 9999;
    box-sizing: border-box;
}

.sns-list-wrap .sns-list.on {
    display: block;
}

.sns-list-wrap .sns-list ul:after {
    display: block;
    content: "";
    clear: both;
}

.sns-list-wrap .sns-list li {
    float: left;
    width: 80px;
    margin-left: 5px;
    text-align: center;
}

.sns-list-wrap .sns-list li:first-child {
    margin-left: 0;
}

.sns-list-wrap .sns-list li>a .txt {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #333;
    line-height: normal;
}

/* 다국어 대응 */
:lang(zh) .sns-list-wrap .sns-list li>a .txt {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #333;
    line-height: 1.2;
}

.sns-list .ico-close.btn-sns {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    z-index: 9999;
}

.sns-list .ico-close.btn-sns::before,
.ico-close.btn-sns::after {
    background: #828282;
}

.sns-list-wrap .sns-list li a.btn-sns .kakaostory,
.sns-list-wrap .sns-list li a.btn-sns.line {
    display: none;
}

/* sns 공유하기 bg white */
.title-area .sns-list-area {
    position: absolute;
    top: 10px;
    right: 0;
}

.title-sub-area .sns-list-area {
    position: absolute;
    top: 10px;
    right: 0;
}

.sns-relative .sns-list-area {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.sns-list-area .sns-list-wrap {
    width: 100%;
    max-width: 1279px;
    margin: 0 auto;
}

.sns-list-area .sns-list-wrap .btn-sns-share {
    float: right;
    background: url(../image/btn/btn_share.webp) no-repeat;
    background-size: cover;
}

/* @media screen and (max-width: 1279px) { */

    /*sns 공유하기 */
    /* .title-area .sns-list-area {
        position: absolute;
        top: 0px;
        right: 20px;
    }

    .title-area .sns-list-area.type2 {
        position: absolute;
        top: 77px;
        right: 20px;
        z-index: 10
    }

    .sns-list-area .sns-list-wrap .btn-sns-share2 {
        float: right;
        background: url(../image/btn/btn_share2.webp) no-repeat;
        background-size: cover;
        width: 3.5rem;
        height: 3.5rem;
    }

    .title-sub-area .sns-list-area {
        position: absolute;
        top: 0px;
        right: 20px;
    }

    .sns-relative .sns-list-area {
        position: absolute;
        top: 2rem;
        left: auto;
        right: 2rem;
        width: auto;
    }

    .list-detail-title .sns-list-area {
        position: absolute;
        top: 2rem;
        right: 25px
    }

    .content.w-max>.title-area.type2:first-child .sns-list-area {
        right: 0;
    }

    .title-area+.inner-tab,
    .title-area+.room-view-area {
        margin-top: 1.2rem;
    }

    .title-area.type2+.inner-tab {
        margin-top: 1.2rem;
    }

    .title-area.type2+.room-view-area {
        padding-top: .5rem;
    }

    .inner-tab {
        padding: 0 2rem;
    }

    .title-area .sns-list-wrap .btn-sns-share {
        width: 3.5rem;
        height: 3.5rem;
    }

    .title-area.sns .right {
        right: 0;
        margin-top: 0;
    }

    .sns-list-wrap .sns-list {
        position: fixed;
        top: 10rem;
        left: 6%;
        padding: 5.4rem 0 3.7rem 0;
        width: 86.67%;
        background: #fff;
        border: 1px solid #dedede;
        z-index: 9999;
        box-sizing: border-box;
    }

    .sns-list-wrap .sns-list.on {
        display: block;
    }

    .sns-list-wrap .sns-list ul:after {
        display: block;
        content: "";
        clear: both;
    }

    .sns-list-wrap .sns-list li {
        float: left;
        width: 25%;
        margin-left: 0;
        text-align: center;
    }

    .sns-list .ico-close.btn-sns {
        position: absolute;
        top: 14px;
        right: 8px;
        width: 20px;
        height: 20px;
        z-index: 9999;
    } */
/* } */

/* 전 객실정보 */
.title-sub-area~.tb-wrap.all-border {
    margin-top: 2rem;
}

.tb-wrap.all-border~.title-sub-area {
    margin-top: 6rem;
}

.info-wrap {
    margin-top: 2rem;
}

.info-wrap:after {
    display: block;
    content: "";
    clear: both;
}

.info-wrap .info-time {
    position: relative;
    float: left;
    padding-right: 3.5rem;
}

.info-wrap .info-time:before {
    display: inline-block;
    vertical-align: middle;
    width: 82px;
    height: 82px;
    background: url(../image/icon/ico_info_time.webp)no-repeat;
    background-size: cover;
    content: "";
}

.info-wrap .info-time .txt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2rem;
    font-size: 1.8rem;
    color: #333;
}

.info-wrap .info-time .time {
    margin-top: 3px;
    font-size: 2.6rem;
    color: #333;
}

.info-wrap .info-cont {
    float: left;
    padding-left: 3.5rem;
    border-left: 1px solid #ddd;
    font-size: 1.5rem;
    line-height: normal
}

@media (min-width:769px) and (max-width:1150px) {
    .info-wrap .info-cont {
        max-width: 60%;
    }
}

@media (max-width: 1279px) {
    .title-sub-area~.tb-wrap.all-border {
        margin-top: 1rem;
    }

    .tb-wrap.all-border~.title-sub-area {
        margin-top: 3rem;
    }

    .info-wrap {
        margin-top: 1rem;
    }

    .info-wrap .info-time {
        float: none;
        padding-right: 0;
    }

    .info-wrap .info-time .txt {
        padding-left: 1.4rem;
        font-size: 1.6rem;
    }

    .info-wrap .info-time .time {
        margin-top: 3px;
        font-size: 2.2rem;
    }

    .info-wrap .info-cont {
        float: none;
        max-width: 100%;
        padding-left: 0;
        padding-top: 2rem;
        border-left: 0;
        border-top: 1px solid #ddd;
        font-size: 1.4rem;
    }

    .text-box {
        padding: 2.5rem 2rem;
    }
}

/* 2019-10-07 객실 정비 안내 중앙정렬 별도 클래스 추가 */
.info-wrap.onChangeTime {}

.info-wrap.onChangeTime .info-time,
.info-wrap.onChangeTime .info-cont {
    float: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.info-wrap.onChangeTime .info-time {
    width: 22%;
    min-width: 285px;
}

.info-wrap.onChangeTime .info-cont {
    width: 77%;
    min-width: 453px;
}

:lang(en) .info-wrap.onChangeTime .info-time {
    width: 28%;
    min-width: 350px;
}

:lang(en) .info-wrap.onChangeTime .info-cont {
    width: 71%;
    min-width: 398px;
}

:lang(ja) .info-wrap.onChangeTime .info-time {
    width: 28%;
    min-width: 350px;
}

:lang(ja) .info-wrap.onChangeTime .info-cont {
    width: 71%;
    min-width: 398px;
}

@media (min-width:1151px) and (max-width:1275px) {
    .info-wrap.onChangeTime .info-cont {
        max-width: 74%;
    }

    :lang(ja) .info-wrap.onChangeTime .info-cont {
        max-width: 68%;
    }

    :lang(en) .info-wrap.onChangeTime .info-cont {
        max-width: 68%;
    }
}

@media (min-width:769px) and (max-width:897px) {
    :lang(en) .info-wrap.onChangeTime .info-cont {
        max-width: 53%;
    }

    :lang(ja) .info-wrap.onChangeTime .info-cont {
        max-width: 53%;
    }
}

@media (max-width: 1279px) {

    .info-wrap.onChangeTime .info-time,
    .info-wrap.onChangeTime .info-cont {
        display: block;
        width: 100%;
        min-width: 100%;
    }

    :lang(en) .info-wrap.onChangeTime .info-time,
    :lang(en) .info-wrap.onChangeTime .info-cont {
        display: block;
        width: 100%;
    }

    :lang(ja) .info-wrap.onChangeTime .info-time,
    :lang(ja) .info-wrap.onChangeTime .info-cont {
        display: block;
        width: 100%;
    }
}

/* //2019-10-07 객실 정비 안내 중앙정렬 별도 클래스 추가 */

/* 객실 이미지 슬라이드 */
.inner-tab~.room-view-area {
    margin-top: 12px;
}

.room-view-area {
    /* max-width: 1920px; */
    max-width: 140rem;
    margin: 0 auto;
    overflow: hidden;
}

.room-view-area~.content {
    /* margin-top: 60px; */
    margin-top: 4.8rem;
}

.room-view-slide {
    position: relative;
    /* max-width: 1279px; */
    max-width: 140rem;
    margin: 0 auto;
}

.room-view-slide .room-view {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 78.9rem;
    overflow: hidden;
}
.room-view.slick-dotted {
    max-height: none;
    overflow: visible;
}

.room-view-slide .slick-list {
    width: 100%;
    /* height: 78.9rem; */
    /* overflow: hidden; */
}
.room-view-slide .list .img {
    display: block;
    position: relative;
    /* padding-bottom: 56.35%; */
    /* height: 78.9rem; */
    padding-bottom: 0;
}
.room-view-slide .list .img button {
    width: 100%;
    height: 100%;
    /* padding-bottom: 56.35%; */
    padding-bottom: 0;
    /* height: 0; */
}
.room-view-slide .list .img button:focus-visible {
    outline: 4px solid #111111;
    outline-offset: -4px;
}

.room-view-slide .list .img img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 78.9rem;
    position: static;
    top:0;
    transform: none;
    object-fit: cover;
    /* position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); */
}

/* 객실 상세 arrow */
.room-view-slide .slide-arrow2.slick-prev-custom,
.detail-img-wrap .slide-arrow2.slick-prev-custom {
    left: 4.8rem;
}

.room-view-slide .slide-arrow2.slick-next-custom,
.detail-img-wrap .slide-arrow2.slick-next-custom {
    right: 4.8rem;
}


/* 상세 텍스트 박스 */
.room-view-slide .detail-area {
    width: 100%;
    margin-top: -1px;
}

.room-view-slide .detail-area .desc-wrap {
    padding: 30px 0;
}

.desc-wrap .desc-box .btn-icon.ico-img {
    display: block;
    position: absolute;
    top: -180px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: url("../image/btn/btn_pop_img.webp") no-repeat;
    background-size: cover;
}

.room-view-slide .detail-area .desc-wrap .desc-box {
    position: relative;
    max-width: 1279px;
    margin: 0 auto;
    padding-right: 430px;
}

.desc-wrap .desc-box .tit {
    font-size: 32px;
    color: #333;
    font-weight: 700;
    word-break: keep-all;
    word-wrap: break-word;
}

.desc-wrap .desc-box .tit .room-name {
    white-space: nowrap;
}

.desc-wrap .desc-box .txt {
    font-size: 17px;
    line-height: 23px;
    margin-top: 12px;
    word-break: keep-all;
    word-wrap: break-word;
    color: #333;
}

.desc-wrap .desc-box .bottom {
    position: absolute;
    top: 17px;
    right: 0;
}

.desc-wrap .desc-box .bottom .btn {
    /* float: right; */
    float: none;
    width: 16rem;
    /* margin-left: 40px; */
}

.desc-wrap .desc-box .bottom .slide-paging {
    float: left;
}

.desc-box .bottom .page-num {
    display: inline-block;
    padding: 0 30px;
    line-height: 50px;
}

.desc-box .bottom .page-num span {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #999;
}

.desc-box .bottom .page-num .num {
    color: #333;
}

/* 객실 개요 */
.room-infomation {
    max-width: 1279px;
    margin: 0 auto;
}

/* 2019-07-24 슬라이드 페이징 스타일 변경 */
.room-infomation .detailroom-tb table {
    table-layout: auto;
    width: auto;
}

.room-infomation .detailroom-tb table td {
    min-width: 110px;
}

.room-infomation .detailroom-tb table td,
.room-infomation .detailroom-tb table th {
    font-size: 15px;
    color: #666;
}

.room-infomation .detailroom-tb table th {
    color: #000;
    padding-right: 24px;
    min-width: 85px;
}

/* @media (max-width: 1279px) {
    .room-infomation {
        margin: 0 2.5rem 3rem;
        padding: 3rem 0;
    }

    .room-infomation .detailroom-tb {
        margin-top: 1rem;
        padding-right: 0;
    }
} */

/* 제공서비스 */
.amenity-list {
    margin-top: 20px;
    overflow: hidden;
}

.amenity-list li {
    font-size: 15px;
    line-height: 1.6;
}

.amenity-list li>.ico-amen {
    display: block;
    width: 102px;
    height: 102px;
    background: url("../image/icon/ico_amenity.webp") no-repeat;
    background-size: 310px 310px;
    background-position: 0 0;
}

.amenity-list li>.ico-amen.list-01 {
    background-position: left top;
}

.amenity-list li>.ico-amen.list-02 {
    background-position: right top;
}

.amenity-list li>.ico-amen.list-03 {
    background-position: left bottom;
}

.amenity-list li>.ico-amen.list-04 {
    background-position: right bottom;
}

.amenity-list li>.desc .tit {
    font-size: 18px;
    color: #333;
}

.amenity-list li>.desc .tit+p {
    margin-top: 5px;
}

.amenity-list li p {
    word-break: keep-all;
}

/* 20240415 펫객실 아이콘 추가 */
.amenity-list li>.ico-amen.list-05 {
    background-position: center right;
}

.content.pet-room .amenity-list .grid-area {
    display: flex;
}

.content.pet-room .amenity-list .grid-area li {
    flex-grow: 1;
}

/* 20250116  스위트 객실 제공서비스영역추가*/
.amenity-list li>.ico-amen.list-06 {
    background-position: center left;
}

.content.suite-room .amenity-list .grid-area {
    display: flex;
}

.content.suite-room .amenity-list .grid-area li {
    flex-grow: 1;
}

/* @media (max-width: 1279px) {
    .content.pet-room .amenity-list .grid-area {
        flex-direction: column;
    }

    .content.suite-room .amenity-list .grid-area {
        flex-direction: column;
    }
} */


/* 이용안내 */
.use-guide-list {
    position: relative;
}

.use-guide-list:after {
    display: block;
    content: "";
    clear: both;
}

.use-guide-list .grid-area {
    width: 84.5%;
    margin-top: 2rem;
}

.use-guide-list .text-list li {
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-top: 0.5rem;
    color: #333;
    width: calc(50% - 1rem);
}

.use-guide-list .text-list li.wp-45 {
    margin-left: 2rem;
}

.use-guide-list .text-list li:before {
    top: 1rem;
}

.use-guide-list .btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.use-guide-list~.faci-list {
    margin-top: 3rem;
}

.faci-list {
    padding: 2.5rem 3rem 2.5rem 4rem;
    border: 1px solid #ddd;
}

.faci-list li {
    font-size: 1.4rem;
    padding-left: 2.5rem;
    border-left: 1px solid #ebebeb;
}

.faci-list li:first-child {
    padding-left: 0;
    border-left: 0;
}

.faci-list li>.ico-faci {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
    background: url("../image/icon/ico_faci.webp") no-repeat;
    background-size: 4rem 24rem;
    background-position: 0 0;
    margin-right: 2rem;
}


.faci-list li>.ico-purifier {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url("../image/icon/ico-purifier.webp") no-repeat;
    margin-right: 20px;
    background-size: 100% 100%;
}

.faci-list li .desc {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    max-width: 500px;
}

.faci-list li .desc .tit {
    display: block;
    font-weight: normal;
    color: #333;
}

.faci-list li .desc p {
    word-break: keep-all;
    word-wrap: break-word;
    margin-top: 6px;
    color: #666;
    line-height: 20px
}

.faci-list.col4 li .desc {
    max-width: 200px;
}

.faci-list.col5 li .desc {
    max-width: 140px;
}

/* 2019-07-25 유의사항 스타일 수정 */
.use-guide-list-type02 {
    position: relative;
    margin-top: 2rem;
}

.use-guide-list-type02 .btn {
    position: absolute;
    bottom: 50%;
    right: 40px;
    margin-bottom: -22px;
}

.use-guide-list-type02~.faci-list {
    margin-top: 30px;
}

/* @media (min-width:769px) and (max-width:1150px) {

    .use-guide-list .text-list li {
        width: 40%;
    }

    .faci-list li {
        padding-left: 2%;
    }

    .faci-list li .desc p {
        padding-right: 5px;
    }

    .faci-list li>.ico-faci {
        margin-right: 10px;
    }
} */


/* @media (max-width: 1279px) { */
@media (max-width: 767px) {

    /* 객실 이미지 슬라이드 */
    .room-view-slide {
        width: 100%;
        margin-bottom: 2rem;
    }
    .room-view-slide .room-view {
        max-height: 20.4rem;
    }
    .room-view.slick-dotted {
        max-height: none;
        overflow: visible;
    }

    .desc-wrap .desc-box .btn-icon.ico-img {
        top: -130px;
        right: 1rem;
    }

    /* 2019-07-24 슬라이드 페이징 스타일 변경 */
    /* 상세 텍스트 박스 */
    .room-view-slide .detail-area {
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }

    .room-view-slide .detail-area .desc-wrap .desc-box {
        padding: 0 2.5rem;
    }

    .desc-wrap .desc-box .tit {
        font-size: 26px;
        max-width: 97%;
    }

    .desc-wrap .desc-box .tit .room-name {
        white-space: normal;
    }

    .desc-wrap .desc-box .txt {
        font-size: 14px;
        line-height: 22px;
        margin-top: 1.2rem;
        width: 97%;
    }

    .desc-wrap .desc-box .bottom {
        position: static;
        width: 100%;
        margin-top: 2.6rem;
        overflow: hidden;
    }

    .desc-wrap .desc-box .bottom .btn {
        float: right;
        width: 11.4rem;
    }

    .desc-box .bottom .page-num {
        display: inline-block;
        padding: 0 20px;
        line-height: 4.2rem;
    }

    .desc-box .bottom .page-num span {
        font-size: 14px;
    }

    .room-info>.grid-area {
        padding: 0 2.5rem;
    }

    .room-info ul li {
        font-size: 14px;
    }

    /* 제공서비스 */
    .amenity-list li {
        position: relative;
        font-size: 1.4rem;
        line-height: 1.6;
        overflow: hidden;
        min-height: 8.2rem;
        margin-top: 3rem;
    }

    .amenity-list li:first-child {
        margin-top: 0;
    }

    .amenity-list li>.ico-amen {
        position: absolute;
        top: 50%;
        left: 2.5rem;
        width: 8.2rem;
        height: 8.2rem;
        margin-top: -4.1rem;
        display: table-cell;
        background-size: 25rem 25rem;
        background-position: 0 0;
    }

    .amenity-list li>.desc .tit {
        font-size: 1.6rem;
    }

    .amenity-list li>.desc .tit+p {
        font-size: 1.4rem;
        margin-top: 3px;
    }

    .amenity-list .grid-area.gap-4 li.colum {
        padding-left: 13.2rem;
        display: table;
    }

    .amenity-list .grid-area.gap-4 li.colum>.desc {
        display: table-cell;
        vertical-align: middle
    }

    /* 이용안내 */
    .use-guide-list .grid-area {
        margin-top: 1rem;
    }

    .use-guide-list .text-list li {
        float: none;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .use-guide-list .text-list li.wp-45 {
        margin-left: 0px;
    }

    .faci-list li {
        padding-left: 0;
    }

    .faci-list li .desc p {
        padding-right: 0;
    }
}

@media (max-width: 767px) {

    /* 이용안내 */
    .use-guide-list .btn {
        position: static;
        margin-top: 2rem;
    }

    .use-guide-list-type02 {
        margin-top: 1rem;
    }

    .use-guide-list-type02 .text-list {
        padding-left: 0;
    }

    .use-guide-list-type02 .btn {
        position: static;
        margin: 2rem 0 0;
    }

    .faci-list {
        padding: .5rem 2rem
    }

    .faci-list li:first-child {
        border-top: 0;
        padding-left: 6rem;
    }

    .faci-list li .desc {
        display: block;
        width: 100%;
    }

    /* 다른 객실 보기 */
    .slide-area .right {
        position: relative;
        right: 0;
        display: block;
        width: 100%;
        margin-top: 2rem;
    }
}

/* 연회장 문의 */
.component-modal.modal-inquiry-popup .modal-content .terms-as-list01 strong{
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.2rem;
    color: #111111;
}

.component-modal.modal-inquiry-popup .modal-content .terms-ag-tit02{
    font-weight: 600;
}

@media (max-width: 767px) {
    .component-modal.modal-inquiry-popup.modal-content .modal-content-header .modal-tit{
        width: 90%;
    }
    .component-modal.modal-inquiry-popup .modal-content .terms-as-list01 strong{
        font-size: 2rem;
        font-weight: 500;
        line-height: 3.2rem;
        color: #111111;
    }
}


/* 이미지 슬라이드 팝업 */
.layer-pop.slide-detail-layer {
    /* width: 1122px; */
    width: 92.4rem;
    /* transform: translate(-50%, -50%); */
    margin-top:0 !important;
    margin-left: -46.2rem;
}

.layer-pop.slide-detail-layer .popup-wrap {
    background: transparent;
}

.layer-pop.slide-detail-layer .popup-wrap {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.layer-pop.slide-detail-layer .popup-content {
    padding: 0;
    height: 100%;
    background-color: transparent;
}

/* 이미지 상세 */
.popup-content .detail-img-wrap {
    position: relative;
    height: 100%;
}

.detail-img-view {
    width: 100%;
    margin-bottom: 1.2rem;
}

.detail-img-view .list {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.2%;
}

.detail-img-view .list img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 팝업 슬라이드 버튼 */
.detail-img-view .slick-arrow {

    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #ffffff;
    text-indent: 0;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    top: 50%;
    margin-top: -2.4rem;
}
.detail-img-view .slick-arrow:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}

.detail-img-view .slick-prev.slick-arrow {
    left: -9.6rem;
}

.detail-img-view .slick-next.slick-arrow {
    right: -9.6rem;
}

.detail-img-view .slick-prev.slick-arrow:before,
.detail-img-view .slick-next.slick-arrow:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.2s ease-in-out;
    background-color: #ffffff;
    z-index: 1;
}

.detail-img-view .slick-prev.slick-arrow:after,
.detail-img-view .slick-next.slick-arrow:after {
    content: '';
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.detail-img-view .slick-prev.slick-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23ffffff' stroke-width='1.2' d='M12 3.836c0 .874-.816 2.18-1.64 3.279-1.063 1.413-2.33 2.648-3.785 3.59-1.09.707-2.412 1.385-3.475 1.385m8.9 8.274c0-.874-.816-2.18-1.64-3.279-1.063-1.413-2.33-2.648-3.785-3.59-1.09-.707-2.412-1.385-3.475-1.385m0-.01h17.8'/%3e%3c/svg%3e")
}

.detail-img-view .slick-next.slick-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23ffffff' stroke-width='1.2' d='M12 3.836c0 .874.815 2.18 1.64 3.279 1.062 1.413 2.33 2.648 3.784 3.59 1.09.707 2.413 1.385 3.476 1.385M12 20.364c0-.874.815-2.18 1.64-3.279 1.062-1.413 2.33-2.648 3.784-3.59 1.09-.707 2.413-1.385 3.476-1.385m0-.01H3.1'/%3e%3c/svg%3e")
}

.detail-img-view .slick-prev.slick-arrow:hover:before,
.detail-img-view .slick-prev.slick-arrow:focus-visible:before,
.detail-img-view .slick-next.slick-arrow:hover:before,
.detail-img-view .slick-next.slick-arrow:focus-visible:before {
    transform: scale(1);
}

.detail-img-view .slick-prev.slick-arrow:hover:after,
.detail-img-view .slick-prev.slick-arrow:focus-visible:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23111111' stroke-width='1.2' d='M12 3.836c0 .874-.816 2.18-1.64 3.279-1.063 1.413-2.33 2.648-3.785 3.59-1.09.707-2.412 1.385-3.475 1.385m8.9 8.274c0-.874-.816-2.18-1.64-3.279-1.063-1.413-2.33-2.648-3.785-3.59-1.09-.707-2.412-1.385-3.475-1.385m0-.01h17.8'/%3e%3c/svg%3e")
}

.detail-img-view .slick-next.slick-arrow:hover:after,
.detail-img-view .slick-next.slick-arrow:focus-visible:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23111111' stroke-width='1.2' d='M12 3.836c0 .874.815 2.18 1.64 3.279 1.062 1.413 2.33 2.648 3.784 3.59 1.09.707 2.413 1.385 3.476 1.385M12 20.364c0-.874.815-2.18 1.64-3.279 1.062-1.413 2.33-2.648 3.784-3.59 1.09-.707 2.413-1.385 3.476-1.385m0-.01H3.1'/%3e%3c/svg%3e")
}

/* 썸네일 이미지 */
.nav-img-wrap {
    position: relative;
}

.detail-img-wrap .nav-img-wrap .ico-close.close-layer {
    position: relative;
    margin: 0 auto;
    width: 9.2rem;
    height: 4.4rem;
    border-radius: 6rem;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    right: 0;
    padding-left: 2rem;
}

.detail-img-wrap .nav-img-wrap .ico-close.close-layer:before {}

.detail-img-wrap .nav-img-wrap .ico-close.close-layer:after {}

.nav-img-wrap .nav-img {
    /* max-width: 100%; */
    max-width: 33.9rem;
    margin: 0 auto;
}

.nav-img-wrap .nav-img .slick-track {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.nav-img .list {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.nav-img .list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-img .list .img {
    position: relative;
    height: 5.9rem;
}

.nav-img .list .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* height: 5.9rem; */
    /* object-fit: contain; */
}

.nav-img .slick-slide {
    margin: 0 0.6rem;
}

.nav-img .slick-active .list:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.4);
}

.nav-img .slick-current .list:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 3px #ffffff;
    box-sizing: border-box;
    background-color: transparent;
}

/* 팝업 닫기 버튼 */
.nav-img-wrap .btn-icon.ico-close span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.nav-img-wrap .ico-close.close-layer::before,
.slide-detail-layer .ico-close.close-layer::after {
    width: 1.2rem;
    background: #111111;
    top: 2.1rem;
    left: auto;
    right: 2rem;
}

:lang(en) .nav-img-wrap .ico-close.close-layer::before,
:lang(en) .slide-detail-layer .ico-close.close-layer::after {
    right: 1.4rem;
    top: 2.1rem;
}

/* 주변관광지 안내 슬라이드 */
.contents-resort .detail-img-view .list {
    padding-bottom: 50%;
}

.contents-resort .nav-img .list .img {
    max-width: 198px;
    min-width: 140px;
    min-height: auto;
    height: auto;
}

/* @media screen and (max-width: 1279px) {
    .layer-pop.slide-detail-layer {
        width: 100%;
        margin-left: -50%;
    }

    .popup-content .detail-img-wrap {
        margin: 0 5%;
    }
} */

/* @media (min-width:769px) and (max-width:1150px) {

    .nav-img {
        text-align: center;
        padding: 0 133px;
    }

    .nav-img .list .img {
        height: 68px;
    }

    .detail-img-view .slick-arrow {
        margin-top: -22px;
        width: 45px;
        height: 45px;
        background-size: 137px 45px;
    }

    .detail-img-view .slick-prev.slick-arrow {
        left: -55px;
    }

    .detail-img-view .slick-next.slick-arrow {
        right: -55px;
    }

    .contents-resort .nav-img .list .img {
        min-height: auto;
        min-width: 120px;
    }
} */

/* @media screen and (max-width: 1279px) { */
@media (max-width: 767px) {
    .popup-content .detail-img-wrap {
        margin: 0;
    }
    .layer-pop.slide-detail-layer {
        width: 100%;
        margin-left: 0;
    }
    .layer-pop.slide-detail-layer .popup-wrap {
        background: transparent;
    }
    .detail-img-view {
        padding: 0 2rem;
        margin-bottom: 1.8rem;
    }
    .nav-img-wrap .nav-img {
        max-width: none;
    }
    .nav-img-wrap .nav-img {
        margin:0 1.5rem;
    }

    /* 팝업 닫기 버튼 */
    .nav-img-wrap .btn-icon.ico-close {
        bottom: -30px;
        top: auto;
        right: 3rem;
    }

    /* 썸네일 이미지 */
    .nav-img .slick-slide {
        margin: 0 0.5rem;
        aspect-ratio: 100/56;
    }

    .nav-img .slick-slide>div{
        height: 100%;
    }
    .nav-img .list{
        height: 100%;
    }
    .nav-img .list .img {
        /* width: 10rem;
        height: 5.6rem; */
        height: 100%;
    }
    .nav-img .slick-current .list .img:after {
        border: solid 3px #ffffff;
    }
    .detail-img-wrap .nav-img-wrap .ico-close.close-layer{
        width: 8.4rem;
        height: 4rem;
    }
    .nav-img-wrap .btn-icon.ico-close span{
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    .nav-img-wrap .ico-close.close-layer::before, .slide-detail-layer .ico-close.close-layer::after{
        /* top: 44%; */
        top: 2rem;
    }
    :lang(en) .nav-img-wrap .ico-close.close-layer::before,
    :lang(en) .slide-detail-layer .ico-close.close-layer::after {
        right: 1.3rem;
    }
    .contents-resort .detail-img-view .list {
        padding-bottom: 50%;
    }

    .contents-resort .nav-img .list .img {
        min-width: 99px;
        min-height: auto;
        height: auto;
    }
}

/* 팝업 중앙위치 잡기 */
@media screen and (max-width:414px) {
    .layer-pop.slide-detail-layer .popup-wrap {
        background: transparent;
    }
}

@media screen and (max-width:320px) {
    .layer-pop.slide-detail-layer .popup-wrap {
        background: transparent;
    }
}

/* motion */
.detail-area,
.room-view-slide,
.detail-img-view .slick-prev.slick-arrow {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}


/**************
 자료실
***************/
/* 간격 */
.title-area.web-view+.w-max>.search-box {
    margin-top: 3rem;
}

.search-box+.tab-menu {
    margin-top: 6rem;
}

/* 자료실 목록 */
.event-list.resort-news>ul>li .img {
    padding-bottom: 58.5%;
}

/* 자료실 목록 상단 */
.list-header-wrap {
    padding: 1.8rem 0;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #eee;
    width: 100%;
    background: #fbfbfb;
}

.list-header-wrap li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.4rem;
    color: #666;
}

.list-header-wrap .branch,
.list-container-wrap .branch {
    width: 19%;
}

.list-header-wrap .title,
.list-container-wrap .title {
    width: 64%;
}

.list-header-wrap .date,
.list-container-wrap .date {
    width: 16%;
}

/* 자료실 목록 - new */
.recruit-type.tb-responsive .rwd-table {
    table-layout: fixed;
}

.recruit-type.tb-responsive .rwd-table .new {
    padding-right: 5px;
    color: #da291c;
    font-size: 1.2rem;
    font-weight: bold;
}

.recruit-type.tb-responsive .rwd-table a.text-ellipsis {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* 자료실 목록 content */
.list-container-wrap {}

.list-container-wrap li {
    padding: 2.9rem 0;
    font-size: 1.8rem;
    color: #333;
    border-bottom: 1px solid #eee;
}

.list-container-wrap li>span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.list-container-wrap .title {
    padding-left: 1rem;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-container-wrap .new {
    padding-right: 5px;
    color: #da291c;
    font-size: 1.2rem;
    font-weight: bold;
}

.list-container-wrap .date {
    color: #666;
}

/* 자료실 목록 검색 */
.list-area .list-top+.list-header-wrap {
    margin-top: 2rem;
}

/* 자료실 목록 + paging 간격 */
.list-area+.paging {
    margin-top: 2rem;
}

@media (max-width: 1279px) {
    .title-area.web-view+.w-max>.search-box {
        margin-top: 0;
    }

    .search-box+.tab-menu {
        margin-top: 2rem;
    }

    /* 자료실 - new */
    .recruit-type.tb-responsive .rwd-table .new {
        font-size: 10px;
    }

    .list-header-wrap {
        display: none;
    }

    .list-container-wrap li {
        padding: 2rem 1rem;
        font-size: 1.3rem;
    }

    .list-container-wrap li:first-child {
        border-top: 1px solid #666;
    }

    .list-container-wrap li>span {
        display: block;
        text-align: left;
    }

    .list-container-wrap li>span+span {
        margin-top: 6px;
    }

    .list-container-wrap .branch,
    .list-container-wrap .title,
    .list-container-wrap .date {
        width: 100%;
    }

    .list-container-wrap .title {
        padding-left: 0;
    }

    .list-container-wrap .new {
        font-size: 10px;
    }

    .list-container-wrap .date {
        margin-top: 10px;
    }

    /* 더보기 버튼 style */
    .btn-icon.ico-more2 {
        margin-top: 2rem;
        width: 100%;
        height: 4rem;
        border: 1px solid #d5d5d5;
    }

    .btn-icon.ico-more2 .arrow {
        display: inline-block;
    }

    .btn-icon.ico-more2 .arrow:after {
        display: inline-block;
        content: '';
        vertical-align: top;
        width: 13px;
        height: 13px;
        border: solid #a6a6a6;
        border-width: 0 1px 1px 0;
        transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        margin-top: -6px;
    }

    .btn-icon.ico-more2.up .arrow:after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
}

/**************
 리조트 소식
***************/
/* 리조트 소식 상세 */
.list-detail-area {
    font-size: 1.5rem;
}

.list-detail-area+.btn-area {
    padding-top: 2rem;
    border-top: 1px solid #ddd;
}

/* 리조트 소식 상세 title */
.list-detail-title {
    padding: 3rem 4rem 3rem;
    width: 100%;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #eee;
}

.list-detail-title:after {
    display: block;
    content: "";
    clear: both;
}

.list-detail-title .left {
    float: left;
    max-width: 90%;
}

.list-detail-title .left .badge {
    display: block;
}

.list-detail-title .left .badge:after {
    display: block;
    content: "";
    clear: both;
}

.list-detail-title .left .branch {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 1rem;
}

.list-detail-title .left .title {
    font-size: 2.6rem;
    color: #333;
    font-weight: bold;
    margin-top: 15px
}

.list-detail-title .left .title .new {
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    padding-right: 10px;
    color: #da291c;
    font-size: 1.4rem;
}

.list-detail-title .right {
    float: right;
}

.list-detail-title .right .date {
    font-size: 1.8rem;
    line-height: 5;
}

.list-detail-title .left .txt1 {
    font-size: 15px;
    color: #333333;
}

.list-detail-title .left .txt2 {
    font-size: 18px;
    color: #333333;
    margin-top: 15px
}

/* 리조트 소식 상세 content */
.list-detail-contain {
    padding: 6rem 4rem 8rem;
    line-height: normal;
}

.list-detail-contain .title {
    position: relative;
    font-size: 3rem;
    color: #333;
    padding-bottom: 2.2rem;
}

.list-detail-contain .title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    height: 1px;
    content: "";
    background: #da291c;
}

.list-detail-contain .detail-cont {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.list-detail-contain .detail-image {
    max-width: 1200px;
    width: 100%;
    height: 100%;
}

.list-detail-contain .detail-image>img {
    width: 100%;
}

.list-detail-contain .detail-txt {
    margin-top: 4rem;
    color: #333;
}

.list-detail-contain .detail-cont+.detail-txt {
    margin-top: 6rem;
}

.list-detail-contain .detail-cont+.detail-image {
    margin-top: 4rem;
}

.list-detail-contain .detail-txt>strong {
    font-size: 1.6rem;
}

.list-detail-contain .detail-txt>p {
    margin-top: 1rem;
    font-size: 1.5rem;
}

/* 리조트 소식 상세 footer */
.list-detail-footer .file-list-wrap {
    padding: 2.5rem 2rem 2.5rem 4rem;
    background: #fbfbfb;
}

.list-detail-footer .file-list-wrap .title {
    margin-right: 2rem;
    font-size: 1.4rem;
    color: #333;
}

.list-detail-footer .file-list-wrap .text-link {
    color: #333;
}

.list-detail-footer .file-list-wrap>a+a {
    margin-left: 2rem;
}

@media (min-width:769px) and (max-width:1150px) {
    .list-detail-title .left {
        float: left;
        max-width: 85%;
    }
}

@media (max-width: 1279px) {
    .list-detail-area {
        margin: 2rem 0 6rem 0;
        font-size: 1.3rem;
    }

    .list-detail-title {
        padding: 0 0 2rem;
        border-top: 0;
    }

    .list-detail-title .left,
    .list-detail-title .right {
        float: none;
    }

    .list-detail-title .right {
        margin-top: 5px
    }

    .list-detail-title .left .branch {
        font-size: 1.3rem;
    }

    .list-detail-title .left .title {
        font-size: 1.6rem;
        margin: 1.8rem 0 6px;
    }

    .list-detail-title .left .title .new {
        font-size: 1.2rem;
        margin-top: 3px;
    }

    .list-detail-title .right .date {
        font-size: 1.3rem;
        line-height: normal;
    }

    .list-detail-title .left .txt1 {
        font-size: 13px;
        color: #333333;
    }

    .list-detail-title .left .txt1+.title {
        margin-top: 10px
    }

    .list-detail-title .left .txt2 {
        font-size: 13px;
        color: #333333;
        margin-top: 10px
    }

    .list-detail-contain {
        padding: 4rem 0 6rem;
    }

    .list-detail-contain img {
        width: 100%;
    }

    .list-detail-contain .title {
        font-size: 1.8rem;
        padding-bottom: 1.5rem;
    }

    .list-detail-contain .title:after {
        width: 3rem;
    }

    .list-detail-contain .detail-cont {
        margin-top: 1.5rem;
        font-size: 1.3rem;
    }

    .list-detail-contain .detail-txt,
    .list-detail-contain .detail-cont+.detail-txt {
        margin-top: 3rem;
    }

    .list-detail-contain .detail-cont+.detail-image {
        margin-top: 2rem;
    }

    .list-detail-contain .detail-txt>strong {
        font-size: 1.3rem;
    }

    .list-detail-contain .detail-txt>p {
        margin-top: 5px;
        font-size: 1.3rem;
    }

    .list-detail-footer .file-list-wrap {
        padding: 2rem 2.5rem;
        background: #fbfbfb;
        border-bottom: 1px solid #eee;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .list-detail-footer .file-list-wrap:after {
        display: block;
        content: "";
        clear: both;
    }

    .list-detail-footer .file-list-wrap .title {
        display: block;
        font-size: 1.3rem;
    }

    .list-detail-footer .file-list-wrap>a {
        display: block;
        float: left;
        font-size: 1.3rem;
        margin-top: 1rem;
    }

    .list-detail-footer .file-list-wrap>a+a {
        margin-left: 0;
    }

    .list-detail-footer .file-list-wrap>a:nth-child(odd) {
        margin-left: 2rem;
    }
}

/* 테마파크 & 세미나웨딩 */
.title-area.web_view+.w-max>.tab-menu {
    margin-top: 5rem;
}

.title-sub-area.border+.contents-list-area {
    margin-top: 4rem;
}

.contents-list-area {
    position: relative;
    overflow: hidden;
}

.contents-list-area li.colum {
    margin-top: 5rem;
}

.contents-list-area li.colum:nth-child(1),
.contents-list-area li.colum:nth-child(2),
.contents-list-area .contents-col3 li.colum:nth-child(3) {
    margin-top: 0;
}

.contents-list-area .image-wrap {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 70%;
}

.contents-list-area .image-wrap img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contents-list-area .cont-wrap {
    margin-top: 2rem;
}

.contents-list-area .cont-wrap .tit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.4rem;
    color: #333;
}

.contents-list-area .cont-wrap .txt {
    margin-top: 1rem;
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
}

.contents-list-area .cont-wrap .txt.no-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 26px;
}

.contents-list-area .cont-wrap>.btn-area {
    margin-top: 2rem;
    text-align: left;
}

/* 다국어 대응 */
:lang(en) .contents-list-area .cont-wrap .tit {
    padding-bottom: 5px;
}

:lang(en) .contents-list-area .cont-wrap .txt.no-ellipsis,
:lang(ja) .contents-list-area .cont-wrap .txt.no-ellipsis,
:lang(zh) .contents-list-area .cont-wrap .txt.no-ellipsis {
    -webkit-line-clamp: 3;
    height: 8rem;
}

/* 세미나 웨딩 & 다이닝 */
.restaurant-view-wrap {
    position: relative;
    width: 100%;
    margin-top: 9rem;
}

.restaurant-view-wrap .restaurant-view .grid-area {
    display: table;
}

.restaurant-view-wrap .restaurant-view .grid-area .colum {
    float: none;
}

.restaurant-view-wrap .restaurant-view .img {
    display: table-cell;
    vertical-align: middle;
    width: 65.625%;
    position: relative;
    overflow: hidden;
}

.restaurant-view-wrap .restaurant-view .img img {
    display: block;
    width: 100%;
}

.restaurant-view-wrap .restaurant-view .cont {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5rem;
    width: calc(34.375% - 50px);
}

.restaurant-view-wrap .restaurant-view .cont .tit {
    font-size: 2.2rem;
    color: #333;
}

.restaurant-view-wrap .restaurant-view .cont .txt {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.63;
}

.restaurant-view-wrap .restaurant-view .cont .txt2 {
    margin-top: 0.5rem;
    font-size: 1.3rem;
    line-height: 1.63;
}

.restaurant-view-wrap .restaurant-view .cont .addr-wrap {
    margin-top: 1rem;
    width: 100%;
    font-size: 1.6rem;
}

.restaurant-view-wrap .restaurant-view .cont .addr-wrap li {
    display: block;
    width: 100%;
    line-height: 1.63;
}

.restaurant-view-wrap .restaurant-view .cont .addr-wrap li .tb-wrap {
    margin: 0.5rem 0;
}

.restaurant-view-wrap .restaurant-view .cont .addr-wrap li .tb-wrap.sales-tb td,
.restaurant-view-wrap .restaurant-view .cont .addr-wrap li .tb-wrap.sales-tb th {
    padding: 8px 20px;
}

.restaurant-view-wrap .restaurant-view .cont .btn-area {
    margin-top: 2.5rem;
    text-align: left;
}

.contents-list-area .cont-wrap .txt.line-clamp {
    margin-top: 0;
}

/* 세미나 웨딩 & 다이닝 전체배너 2019-07-22 임시 삭제 */
.semina-info1 {
    height: 555px;
    text-align: center;
    position: relative;
}

.semina-info1 .semina01 {
    height: 555px;
    padding-top: 223px
}

.semina-info1.vision-bg .semina01 {
    background: url("../image/bg/bg_semina02.webp") center top no-repeat;
}

/* 2019-07-25 세미나 비주얼 배너 수정 */
.seminar-visual-wrap {
    position: relative;
    width: 100%;
    height: 555px;
}

.seminar-visual-wrap .visual-wrap2 {
    position: relative;
    z-index: 10;
    height: 100%
}

.seminar-visual-wrap .visual-wrap2 .img {
    height: 100%;
    background: url("../image/bg/bg_semina02.webp") center center no-repeat;
    background-size: cover;
}

.seminar-visual-wrap .visual-wrap2 .txt {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
}

.seminar-visual-wrap .visual-wrap2 .txt .copy-area {
    position: relative;
    top: 68%;
    left: 0;
    max-width: 1279px;
    margin: 0 auto;
    font-size: 16px;
}

.seminar-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
    display: block;
    font-size: 2.75em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.15;
}

.seminar-visual-wrap .visual-wrap2 .txt .copy-area .copy {
    display: block;
    font-size: 1em;
    margin-top: 30px;
    line-height: normal;
}

@media screen and (max-width: 1190px) {
    /* .seminar-visual-wrap { height:50rem; } */
}

@media (max-width: 1279px) {
    .seminar-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
        display: none;
    }
}

/* 2021-01-20 관광안내 배너 */
.tour-visual-wrap {
    position: relative;
    width: 100%;
    height: 555px;
}

.tour-visual-wrap .visual-wrap2 {
    position: relative;
    z-index: 10;
    height: 100%
}

.tour-visual-wrap .visual-wrap2 .img {
    height: 100%;
    background: url("../image/bg/bg_tourList01.webp") center center no-repeat;
    background-size: cover;
}

.tour-visual-wrap .visual-wrap2 .img2 {
    height: 100%;
    background: url("../image/bg/bg_tourList02.webp") center center no-repeat;
    background-size: cover;
}

.tour-visual-wrap .visual-wrap2 .img3 {
    height: 100%;
    background: url("../image/bg/bg_tourList03.webp") center center no-repeat;
    background-size: cover;
}

.tour-visual-wrap .visual-wrap2 .txt {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
}

.tour-visual-wrap .visual-wrap2 .txt .copy-area {
    position: relative;
    top: 68%;
    left: 0;
    max-width: 1279px;
    margin: 0 auto;
    font-size: 16px;
}

.tour-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
    display: block;
    font-size: 2.75em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.15;
}

.tour-visual-wrap .visual-wrap2 .txt .copy-area .copy {
    display: block;
    font-size: 1.125em;
    margin-top: 30px;
    line-height: normal;
}

@media screen and (max-width: 1279px) {
    .tour-visual-wrap {
        height: 350px;
    }
}

@media (max-width: 1279px) {
    .tour-visual-wrap .visual-wrap2 .img {
        background: url("../image/bg/bg_tourList01_m.webp") center center no-repeat;
        background-size: cover;
    }

    .tour-visual-wrap .visual-wrap2 .img2 {
        background: url("../image/bg/bg_tourList02_m.webp") center center no-repeat;
        background-size: cover;
    }

    .tour-visual-wrap .visual-wrap2 .img3 {
        background: url("../image/bg/bg_tourList03_m.webp") center center no-repeat;
        background-size: cover;
    }

    .tour-visual-wrap .visual-wrap2 .txt .copy-area {
        top: 58%;
        padding: 0 3rem;
    }

    .tour-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
        font-size: 2.25em;
    }

    .tour-visual-wrap .visual-wrap2 .txt .copy-area .copy {
        margin-top: 1.5rem;
    }
}

@media (max-width: 480px) {
    .tour-visual-wrap .visual-wrap2 .txt .copy-area {
        top: 38%;
    }
}

/* 세미나 웨딩 & 다이닝 간격 */
.title-sub-area.type+.restaurant-view-wrap,
.title-sub-area.type+.contents-list-area.seminar {
    margin-top: 2rem;
}

.contents-list-area.seminar .colum:first-child {
    margin-top: 0;
}

.contents-list-area .cont-wrap .tit+.txt.line-clamp {
    margin-top: 1rem;
}

/* 제휴 리조트 - 190524 */
.restaurant-view-wrap.alliance {
    margin-top: 3rem;
}

@media (max-width: 1279px) {
    .semina-info1:after {
        clear: both;
        display: block;
        content: '';
    }

    .semina-info1 {
        height: 350px;
        text-align: center;
        margin-top: 0;
        background-size: cover;
        width: 100%;
    }

    .semina-info1 .semina01 .logo img {
        width: 150px
    }

    .semina-info1 {
        background-size: cover
    }

    .semina-info1+.tab-menu {
        margin-top: 0px
    }

    .semina-info1 .semina01 {
        height: 350px;
        padding-top: 120px;
        background-size: cover
    }

    /* 추가 */
    .semina-info1.vision-bg .semina01 {
        background: url("../image/bg/bg_semina01_m.webp") center top no-repeat;
        background-size: cover
    }

    .semina-info1 .semina01 .txt2 {
        font-size: 26px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px
    }

    :lang(ja) .semina-info1 .semina01 .txt2,
    :lang(en) .semina-info1 .semina01 .txt2 {
        font-size: 24px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px
    }


    .seminar-visual-wrap {
        height: 350px;
    }
}

@media (max-width: 1279px) {
    .title-area.web_view+.w-max>.tab-menu {
        margin-top: 0;
    }

    .contents-list-area {
        margin-top: 2rem;
    }

    .contents-list-area .grid-area.gap-5 .colum {
        padding: 0 2.5rem;
    }

    .contents-list-area li.colum {
        margin-top: 2rem;
    }

    .contents-list-area li.colum:nth-child(1),
    .contents-list-area li.colum:nth-child(2),
    .contents-list-area .contents-col3 li.colum:nth-child(3) {
        margin-top: 2rem;
    }

    .contents-list-area .image-wrap {
        width: 100%;
        height: auto;
    }

    .contents-list-area .cont-wrap .tit {
        font-size: 1.6rem;
    }

    .contents-list-area .cont-wrap .txt {
        font-size: 1.3rem;
    }

    .contents-list-area .cont-wrap .txt.no-ellipsis {
        line-height: 20px;
        height: auto;
    }

    .contents-list-area .cont-wrap>.btn-area {
        text-align: right;
    }

    .title-sub-area.border+.contents-list-area {
        margin-top: 0;
    }

    .restaurant-view-wrap {
        margin-top: 3rem;
    }

    .restaurant-view-wrap .restaurant-view .img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .restaurant-view-wrap .restaurant-view .img img {
        width: 100%;
    }

    .restaurant-view-wrap .restaurant-view .cont {
        position: relative;
        margin-top: 2rem;
        padding: 0 2.5rem;
        width: 100%;
    }

    .restaurant-view-wrap .restaurant-view .cont .tit {
        font-size: 1.8rem;
    }

    .restaurant-view-wrap .restaurant-view .cont .txt {
        margin-top: 1rem;
        font-size: 1.3rem;
    }

    .restaurant-view-wrap .restaurant-view .cont .txt2 {
        margin-top: 0.5rem;
        font-size: 1.3rem;
    }

    .restaurant-view-wrap .restaurant-view .cont .addr-wrap {
        margin-top: 1rem;
        font-size: 1.3rem;
    }

    .restaurant-view-wrap .restaurant-view .cont .btn-area {
        position: static;
        top: -5px;
        right: 2.5rem;
        margin: 1rem 0 0 0;
    }

    .restaurant-view-wrap .restaurant-view .cont .btn-area .btn-md {
        width: 15rem;
        height: 3.3rem;
        line-height: 3.3rem;
    }

    .slide-area.resp-contents {
        margin-top: 4rem;
    }

    .slide-area.resp-contents {
        padding: 4rem 0 8rem 0;
    }

    .slide-area.resp-contents .slick-dots {
        position: absolute;
        bottom: -45px;
    }

    .restaurant-view-wrap.alliance {
        margin-top: 0;
    }
}

/* 현지인의 여행가이드 상세 화면 */
.contents-detail-wrap {
    font-size: 1.6rem;
    line-height: 1.63;
}

.contents-detail-wrap li+li {
    margin-top: 6rem;
}

.contents-detail-wrap .contents-img {
    width: 100%;
    height: auto;
}

.contents-detail-wrap .contents-img img {
    width: 100%;
}

.contents-detail-wrap .contents-desc {
    margin-top: 2rem;
}

/* 간격 */
.title-sub-area+.detail-img-wrap,
.title-area.type2+.detail-img-wrap {
    margin-top: 3rem;
}

.detail-img-wrap+.content {
    margin-top: 8rem;
}

.contents-detail-wrap+.title-sub-area {
    margin-top: 8.6rem;
}

.title-sub-area+.tb-responsive {
    margin-top: 2rem;
}

@media (max-width: 1279px) {
    .contents-resort .nav-img-wrap {
        margin-top: 3rem;
        padding: 0 10%;
    }
}

@media (max-width: 1279px) {
    .contents-detail-wrap {
        font-size: 1.3rem;
        line-height: 1.54;
    }

    .contents-detail-wrap li+li {
        margin-top: 4rem;
    }

    .contents-detail-wrap .contents-desc {
        margin-top: 1rem;
    }

    .contents-resort .nav-img-wrap {
        margin-top: 2rem;
        padding: 0 2.5rem;
    }

    .contents-resort .detail-img-view .slick-arrow {
        display: none !important;
    }

    .contents-resort .nav-img-wrap .nav-img {
        padding: 0;
    }

    /* 간격 */
    .title-sub-area+.detail-img-wrap {
        margin-top: 2rem;
    }

    .title-area.type2+.detail-img-wrap {
        margin-top: 1.5rem;
    }

    .detail-img-wrap+.content {
        margin-top: 5rem;
    }

    .contents-detail-wrap+.title-sub-area {
        margin-top: 3rem;
    }

    .title-sub-area+.tb-responsive {
        margin-top: 1rem;
    }
}

/* 관광안내 */
.info-tourist-wrap {
    position: relative;
    margin-top: 50px;
}

.info-tourist-wrap:after {
    display: block;
    content: "";
    clear: both;
}

.info-map-wrap {
    float: left;
    width: 70.313%;
}

.info-map-wrap img {
    display: block;
    width: 100%;
}

.info-map-wrap .magnifier-wrap {
    display: none;
}

.info-ex-wrap {
    position: absolute;
    right: 0;
    width: calc(29.687% - 40px);
    height: 100%;
    padding-bottom: 120px;
}

.info-list-wrap {
    height: 100%;
}

.info-list-wrap .info-scroll {
    height: 83%;
    overflow-y: auto;
}

.info-list-wrap .info-title {
    position: relative;
    margin-bottom: 30px;
}

.info-list-wrap .info-title p {
    position: relative;
    padding-left: 43px;
    font-size: 2rem;
    color: #000;
    line-height: 1.75;
}

.info-list-wrap .info-title p:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    background: url(../image/icon/ico_tourist.webp)no-repeat 0 0;
    content: "";
}

.info-list-wrap .info-title .btn-info-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.2rem;
    height: 4.2rem;
    background: transparent;
}

.info-list-wrap .info-title .btn-info-list:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url("../image/btn/btn_fold3.webp") no-repeat center;
}

.info-list-wrap.active .info-title .btn-info-list:after {
    background: url("../image/btn/btn_unfold3.webp") no-repeat center;
}

.info-list-wrap .info-list.view-list {
    display: block;
}

.info-list-wrap .info-list li {
    margin-top: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebebeb;
}

.info-list-wrap .info-list li .tour .link {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}

.info-list-wrap .info-list li .tour .link.no {
    text-decoration: none;
}

.info-list-wrap .info-list li .tour .link:after {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    content: '';
    border: solid #333;
    border-width: 0 1px 1px 0;
    margin-top: -3px;
    margin-left: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.info-list-wrap .info-list li .tour .link.no:after {
    display: none;
}

.info-list-wrap .info-list li .info-addr {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    line-height: 1.63;
}

.info-list-wrap .info-list li .info-addr span+span:before {
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 11px;
    background: #979797;
    content: "";
}

.info-ex-wrap .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.info-ex-wrap .btn-wrap a {
    display: block;
}

.info-ex-wrap .btn-wrap a+a {
    margin-top: 15px;
}

/* 현장스케치 list - ver.190520 */
.event-list>ul>li .img.video a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 47px;
    height: 48px;
    background: url(../image/icon/btn_play.webp)center no-repeat;
    background-size: 47px 48px;
    z-index: 500;
    content: "";
    cursor: pointer;
}

/* 현지인의 여행가이드 list */
.event-list ul li .desc dd>.btn {
    text-align: left;
    margin-top: 20px;
}

/* 현지인의 여행가이드 상세 */
.responsive-title .sub-title {
    font-size: 40px;
}

.responsive-title .sub-desc {
    font-size: 18px;
}

.contents-top {
    max-width: 1279px;
    margin: 60px auto 0;
    border-bottom: 2px solid #eee;
}

.contents-top .contents-map-image {
    width: 100%;
}

.contents-top .contents-map-image img,
.contents-top .contents-img img {
    width: 100%;
    height: auto;
}

.contents-top .day-tit-wrap {
    position: relative;
    max-width: 1279px;
    padding: 4rem 8rem;
    margin: 0 auto;
    text-align: center;
    background: #f3f3f3;
    box-sizing: border-box;
}

.contents-top .day-tit-wrap>p {
    font-size: 2.8rem;
    color: #333;
    font-weight: bold;
    word-break: keep-all;
    word-wrap: break-word;
}

.contents-top .day-tit-wrap>p>.sub-tit {
    font-size: 2rem;
    color: #333;
}

.contents-top .day-circle {
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -47px;
    width: 94px;
    height: 44px;
    border-radius: 22px;
    background: #666;
    text-align: center;
}

.contents-top .day-circle>span {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.contents-detail-wrap .contents-title-wrap {
    position: relative;
    margin: 8rem 0 3rem;
}

.contents-detail-wrap .contents-title-wrap .tit {
    font-size: 3rem;
    color: #333;
}

.contents-detail-wrap .contents-desc .tit {
    font-size: 2rem;
    color: #333;
}

.detail-img-wrap+.contents-top {
    margin-top: 70px;
}

.contents-map-image+.day-tit-wrap {
    margin-top: 23px;
}

@media screen and (max-width:1180px) {

    /* 관광안내 */
    .info-ex-wrap {
        width: calc(29.687% - 20px);
    }

    .info-list-wrap .info-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 1279px) {
    .contents-top {
        max-width: 100%;
    }

    .search-box.rwd .search-inner .grid-area .colum.col-12:not(:first-child)>.colum.col-6 {
        padding: 0 1rem 0 0;
    }
}

@media (max-width: 1279px) {

    /* 현지인의 여행가이드 상세 */
    .responsive-title {
        margin-top: 2rem;
    }

    .responsive-title .sub-title {
        max-width: 85%;
        font-size: 2rem;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .responsive-title .sub-desc {
        margin-top: 1rem;
        font-size: 1.3rem;
    }

    .contents-top {
        margin-top: 2.5rem;
        width: 100%;
        border-bottom: none;
    }

    .contents-top .day-tit-wrap {
        max-width: 100%;
        padding: 2.5rem 2.5rem 2.7rem;
        margin: 2rem 2.5rem 0;
    }

    .contents-top .day-tit-wrap>p {
        font-size: 1.6rem;
    }

    .contents-top .day-tit-wrap>p>.sub-tit {
        font-size: 1.3rem;
    }

    .contents-top .day-circle {
        bottom: -12px;
        margin-left: -32px;
        width: 6.4rem;
        height: 2.5rem;
        border-radius: 12px;
    }

    .contents-top .day-circle>span {
        font-size: 12px;
        line-height: 1.86;
    }

    .search-box.rwd .search-inner .grid-area .colum.col-12:not(:first-child)>.colum.col-6 {
        width: 100%;
        padding: 0;
    }

    .contents-list-area .contents-col2 {
        margin-top: 1rem;
    }

    .contents-detail-wrap .contents-title-wrap {
        margin: 5rem 0 2rem;
    }

    .contents-detail-wrap li:first-child .contents-title-wrap {
        margin-top: 3rem;
    }

    .contents-detail-wrap .contents-title-wrap .tit {
        font-size: 1.6rem;
    }

    .contents-detail-wrap .contents-desc .tit {
        font-size: 1.4rem;
    }

    .contents-map-image+.day-tit-wrap {
        margin-top: 2rem;
    }

    .detail-img-wrap+.contents-top {
        margin-top: 3rem;
    }

    /* 관광안내 */
    .sns-list-area.type3 {
        top: 69px;
        right: 20px;
    }

    .info-tourist-wrap {
        margin-top: 6.7rem;
    }

    .info-map-wrap {
        float: none;
        width: 100%;
    }

    .info-map-wrap .magnifier-wrap {
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0.5);
    }

    .magnifier-wrap .magnifier {
        display: block;
        padding: 2.5rem;
        width: 23px;
        height: 23px;
        background: url(../image/icon/icon_magnifier.webp)center no-repeat;
        background-size: 23px auto;
    }

    .info-ex-wrap {
        position: relative;
        right: auto;
        padding: 3rem 2.5rem 0;
        width: 100%;
        height: 100%;
    }

    .info-list-wrap .info-title {
        margin-bottom: 2rem;
    }

    .info-list-wrap .info-title p {
        padding-left: 42px;
        font-size: 1.8rem;
        line-height: 1.85;
    }

    .info-list-wrap .info-title p:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 34px;
        background: url(../image/icon/ico_tourist.webp)no-repeat 0 0;
        background-size: 34px auto;
        content: "";
    }

    .info-list-wrap .info-list {
        min-height: auto;
        overflow-y: auto;
    }

    .info-list-wrap .info-list.view-list {
        display: none;
    }

    .info-list-wrap.active .info-list.view-list {
        display: block;
    }

    .info-list-wrap .info-list li {
        margin-top: 1.6rem;
        padding-bottom: 1.6rem;
        border-bottom: 1px solid #ebebeb;
    }

    .info-list-wrap .info-list li .tour .link {
        font-size: 14px;
    }

    .info-list-wrap .info-list li .info-addr {
        margin-top: 7px;
        line-height: 1.62;
    }

    .info-ex-wrap .btn-wrap {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 3rem;
    }

    .info-ex-wrap .btn-wrap a {
        display: block;
    }

    .info-ex-wrap .btn-wrap a+a {
        margin-top: 1rem;
    }

    .layer-pop.type-full .popup-content .tourist-image-wrap img {
        width: 100%;
    }
}

/**************
 테마파크 before
***************/
/* main page - before */
.theme-visual-wrap {
    position: relative;
}

.theme-visual-wrap .theme-image {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.theme-visual-wrap .theme-image:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.theme-visual-wrap .theme-image img {
    width: 100%;
    height: auto;
}

.theme-visual-wrap .visual-inner {
    position: absolute;
    top: 23%;
    width: 100%;
}

.theme-visual-wrap .visual-inner .inner-txt {
    max-width: 1279px;
    margin: 0 auto;
    color: #fff;
    line-height: normal;
}

.theme-visual-wrap .visual-inner .inner-txt .tit {
    font-size: 4rem;
    font-weight: bold;
}

.theme-visual-wrap .visual-inner .inner-txt .txt {
    font-size: 1.8rem;
}

.theme-visual-wrap .visual-inner .inner-txt .tit+.txt {
    margin-top: 3rem;
}

/*********************
 테마파크 ver.190530
**********************/
/* Layout */
.full-visual .content-wrap {
    padding: 0 0 90px 0;
}

.full-visual .title-area.rwd {
    position: absolute;
    z-index: -1;
    top: -9999px;
    left: -9999px;
}

.full-visual .breadcrumbs {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 15;
    width: 100%;
    max-width: 100%;
}

.full-visual .breadcrumbs ol {
    max-width: 1279px;
    margin: 0 auto;
    float: none;
    text-align: right;
}

.full-visual .breadcrumbs ol li {
    display: inline-block;
    text-align: right;
    float: none;
}

.full-visual .breadcrumbs ol li span {
    color: #fff;
    opacity: .7
}

.full-visual .breadcrumbs ol li h1 {
    color: #fff;
    opacity: .7;
    font-size: 14px;
    font-weight: 400;
}

.full-visual .breadcrumbs ol li:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    opacity: .7
}

.full-visual .breadcrumbs ol li.current span {
    color: #fff;
    opacity: 1;
    padding-right: 0
}

.full-visual .breadcrumbs ol li.current h1 {
    color: #fff;
    opacity: 1;
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
}

.full-visual02.content-wrap {
    padding: 0 0 90px 0;
}

.full-visual02 .breadcrumbs {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 15;
    width: 100%;
    max-width: 100%;
}

.full-visual02 .breadcrumbs ol {
    max-width: 1279px;
    margin: 0 auto;
    float: none;
    text-align: right;
}

.full-visual02 .breadcrumbs ol li {
    display: inline-block;
    text-align: right;
    float: none;
}

.full-visual02 .breadcrumbs ol li span {
    color: #fff;
    opacity: .7
}

.full-visual02 .breadcrumbs ol li h1 {
    color: #fff;
    opacity: .7;
    font-size: 14px;
    font-weight: 400;
}

.full-visual02 .breadcrumbs ol li:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    opacity: .7
}

.full-visual02 .breadcrumbs ol li.current span {
    color: #fff;
    opacity: 1;
    padding-right: 0
}

.full-visual02 .breadcrumbs ol li.current h1 {
    color: #fff;
    opacity: 1;
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
}

.full-visual02 .title-area {
    display: none;
}

@media screen and (max-width: 1279px) {
    .full-visual02 .title-area {
        display: block;
    }
}

/* sns */
.full-visual .resort-theme-visual .sns-list-area {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.full-visual .resort-theme-visual .sns-list-area .sns-list-wrap {
    width: 100%;
    max-width: 1279px;
    margin: 0 auto;
}

.full-visual .resort-theme-visual .sns-list-area .sns-list-wrap .btn-sns-share {
    float: right;
    background: transparent url(../image/btn/btn_share2.webp) no-repeat;
    background-size: cover;
}

/* main page */
.resort-theme-visual+.w-max .tab-menu {
    margin-top: 60px;
}

.full-visual .title-sub-area .right .btn+.btn {
    margin-left: 10px;
}

.full-visual .resort-theme-visual .list-wrap .slick-list,
.full-visual .resort-theme-visual .list-wrap .slick-track,
.full-visual .resort-theme-visual .list-wrap .slick-slide>div {
    height: 100%;
}

.full-visual .resort-theme-visual .slick-dots {
    position: absolute;
    bottom: 20px;
    z-index: 100
}

/* 상단 비주얼 영역 */
.full-visual .resort-theme-visual {
    position: relative;
    width: 100%;
    height: 800px;
    overflow-y: hidden;
}

.full-visual .resort-theme-visual .list-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.full-visual .resort-theme-visual .list {
    position: relative;
    width: 100%;
    height: 100%;
}

/* 비주얼 영역 컨텐츠 */
.full-visual .resort-theme-visual .visual-wrap {
    position: relative;
    z-index: 10;
    height: 100%
}

.full-visual .resort-theme-visual .visual-wrap .img {
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.full-visual .resort-theme-visual .list.youtube .visual-wrap:after {
    content: none;
}

.full-visual .resort-theme-visual .visual-wrap .txt {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
}

.full-visual .visual-wrap .txt .copy-area {
    position: relative;
    top: 23%;
    left: 0;
    max-width: 1279px;
    margin: 0 auto;
    font-size: 16px;
}

.full-visual .visual-wrap .txt .copy-area .visual-tit {
    display: block;
    font-size: 2.75em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.15;
}

.full-visual .visual-wrap .txt .copy-area .copy {
    display: block;
    font-size: 1em;
    margin-top: 30px;
    line-height: normal;
}

/* 상단 slide */
.theme-facility {
    max-width: 1320px;
    margin: 0 auto;
    font-size: 16px;
}

/* 2019-07-17 슬라이드 스타일변경 */
.theme-facility .list {
    min-width: 40rem;
    max-width: 40rem;
    margin: 0 2rem;
}

.theme-facility .slick-dots {
    margin-top: 6rem;
    bottom: 0
}

.theme-facility .slick-track {
    margin: 0
}

.theme-facility.slider-list .slick-arrow {
    margin-top: -144px;
}

/* dim */
.full-visual .resort-theme-visual .list .visual-wrap .bg {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3));
}

/* 2019-07-17 이미지 배너 화살표 위치 수정 */
.resort-theme-visual.subBanner .btn-arrows-wrap {
    position: static;
}

.resort-theme-visual.subBanner .btn-arrows-wrap .btn-arrows-area {
    position: static;
}

.resort-theme-visual.subBanner .btn-arrows-area .slide-arrow2.slick-prev-custom {
    top: 50%;
    left: 80px;
}

.resort-theme-visual.subBanner .btn-arrows-area .slide-arrow2.slick-next-custom {
    top: 50%;
    right: 80px;
}

/*********************
 // 테마파크 ver.190530
**********************/

/* grey bg slide */
.theme-bg-facility {
    max-width: 1320px;
    width: 1320px;
    margin: 4rem auto 0;
}

.theme-bg-facility .list {
    min-width: 40rem;
    max-width: 40rem;
    margin: 0 2rem;
}

.theme-bg-facility.slider-list .list .img {
    padding-bottom: 58%;
}

.theme-bg-facility .slick-slide img {
    width: 100%;
}

.theme-bg-facility .list .desc {
    padding: 20px 30px 30px;
    min-height: 111px;
    background: #fff;
}

.theme-bg-facility .list .tit {
    color: #333;
    font-size: 2rem;
    font-weight: normal;
}

.theme-bg-facility .list .txt {
    min-height: 52px;
    font-size: 1.4rem;
    color: #666;
    line-height: 26px;
}

.theme-bg-facility .list .tit+.txt {
    margin-top: 1rem;
}

/* 백제문화단지 gray bg slide list style */
.theme-bg-facility .theme-list {
    margin-top: 2rem;
    min-height: 52px;
}

.theme-bg-facility .theme-list li {
    color: #333;
    font-size: 1.6rem;
    line-height: 26px;
}

/* 푸드코트 */
.event-infomation.theme-main {
    margin-top: 40px;
    padding-bottom: 65px;
}

.event-infomation.theme-main .event-infomation-box {
    padding: 0;
    border: none
}

.event-infomation.theme-main .event-infomation-box+.event-infomation-box {
    padding-top: 82px
}

@media screen and (max-width: 1510px) {
    .theme-bg-facility.slider-list {
        max-width: 1023px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 301px;
        min-width: 301px;
        width: 301px;
    }
}

@media screen and (max-width: 1279px) {
    .theme-bg-facility.slider-list {
        max-width: 972px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 284px;
        min-width: 284px;
        width: 284px;
    }
}

@media screen and (max-width: 1190px) {

    /* 상단 비주얼 영역 */
    .full-visual .resort-theme-visual {
        height: 50rem;
    }

    .full-visual .resort-theme-visual .list-wrap {
        position: relative;
        width: 100%;
    }
}

@media screen and (max-width:1180px) {
    .theme-bg-facility.slider-list {
        max-width: 840px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 240px;
        min-width: 240px;
        width: 240px;
    }
}

@media (max-width: 1279px) {
    .theme-visual-wrap .visual-inner .inner-txt {
        margin-top: 70px;
    }

    .theme-visual-wrap .visual-inner .inner-txt .tit {
        font-size: 3rem;
    }

    .theme-visual-wrap .visual-inner .inner-txt .txt {
        font-size: 1.5rem;
    }

    .theme-visual-wrap .visual-inner .inner-txt .tit+.txt {
        margin-top: 1.2rem;
    }

    .theme-bg-facility.slider-list {
        max-width: 1279px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 344px;
        min-width: 344px;
        width: 344px;
    }
}

@media screen and (max-width:980px) {
    .theme-bg-facility.slider-list {
        max-width: 640px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 280px;
        min-width: 280px;
        width: 280px;
    }
}

@media screen and (max-width:860px) {
    .theme-bg-facility.slider-list {
        max-width: 480px;
    }

    .slider-list.theme-bg-facility .list {
        max-width: 200px;
        min-width: 200px;
        width: 200px;
    }
}

@media (max-width: 1279px) {
    .title-sub-area .right.mob-bottom {
        position: static;
        display: block;
        margin: 2rem 0;
    }

    .theme-visual-wrap {
        padding: 0 2.5rem;
        margin-top: 2rem
    }

    .theme-visual-wrap .visual-inner {
        position: static;
        display: block;
    }

    .theme-visual-wrap .visual-inner .inner-txt {
        width: 100%;
        margin: 2rem 0;
        color: #333;
    }

    .theme-visual-wrap .visual-inner .inner-txt .tit {
        font-size: 1.6rem;
        line-height: 1.2
    }

    .theme-visual-wrap .visual-inner .inner-txt .txt {
        font-size: 1.4rem;
    }

    .theme-visual-wrap .visual-inner .inner-txt .tit+.txt {
        margin-top: 1rem;
    }

    /*********************
 테마파크 ver.190530
**********************/
    /* Layout */
    .full-visual .title-area.rwd {
        position: static;
        top: auto;
        z-index: 0;
    }

    /*sns*/
    .full-visual .resort-theme-visual .sns-list-area {
        position: absolute;
        top: 2rem;
        left: auto;
        right: 2rem;
        width: auto;
    }

    /* 상단 비주얼 영역 */
    .full-visual .visual-wrap .txt .copy-area {
        padding: 0 2.5rem;
    }

    .full-visual .resort-theme-visual .slick-dots {
        bottom: 3rem;
    }

    .full-visual .openGnb-mode .resort-theme-visual .slick-dots {
        z-index: 1;
    }

    .full-visual .visual-wrap .txt .copy-area .visual-tit {
        width: 100%;
        font-size: 3.5rem;
    }

    .full-visual .visual-wrap .txt .copy-area .copy {
        font-size: 1em;
        margin-top: 1rem;
    }

    .btn-arrows-wrap {
        display: none;
    }

    /* main page - ver.190530 */
    .resort-theme-visual+.w-max .tab-menu {
        margin-top: 0;
    }

    .full-visual .title-sub-area .right {
        top: 3px;
        right: 0;
    }

    .full-visual .title-sub-area .right .btn {
        font-size: 1.3rem;
        color: #666;
        background: none;
        height: auto;
        min-height: auto;
        padding: 0;
        border: 0;
        line-height: 1.4;
        margin-top: 0;
        margin-left: 0;
    }

    .full-visual .title-sub-area .right .btn>span:after {
        display: inline-block;
        vertical-align: middle;
        width: .6rem;
        height: .6rem;
        content: '';
        border: solid #666;
        border-width: 0 2px 2px 0;
        margin: -2px 0 0 2px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .full-visual .title-sub-area .right .btn.btn-primary {
        color: #da291c;
    }

    .full-visual .title-sub-area .right .btn.btn-primary>span:after {
        border: solid #da291c;
        border-width: 0 2px 2px 0;
    }

    /*********************
// 테마파크 ver.190530
**********************/

    /* 백제문화단지 gray bg slide list style */
    .theme-bg-facility .theme-list {
        margin-top: 2rem;
        min-height: 40px;
    }

    .theme-bg-facility .theme-list li {
        font-size: 1.4rem;
        line-height: 20px;
    }

    .theme-visual-wrap+.content>.title-sub-area.type.border {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .theme-park {
        padding-bottom: 4rem;
        margin-bottom: 0;
    }

    .theme-bg-facility,
    .theme-bg-facility.slider-list {
        max-width: 100%;
        width: 100%;
        margin-top: 3rem;
    }

    .theme-bg-facility .list,
    .theme-bg-facility.slider-list .list {
        min-width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 5px;
    }

    .theme-bg-facility .list .tit {
        font-size: 18px;
    }

    .theme-bg-facility .list .txt {
        line-height: 20px;
        min-height: 40px;
    }

    .theme-bg-facility .slick-dots {
        margin-top: 3rem;
        bottom: 0
    }

    .event-infomation+.btn-bottom-area+.title-sub-area.mt-tit {
        margin-top: 5rem;
    }

    .event-infomation+.btn-bottom-area+.title-sub-area.mt-tit~.title-sub-area {
        margin-top: 4rem;
    }

    /* 푸드코트 */
    .event-infomation.theme-main {
        margin-top: 2rem;
        padding-bottom: 3rem;
    }

    .event-infomation.theme-main .event-infomation-box+.event-infomation-box {
        padding-top: 4rem
    }

    .event-infomation.theme-main+.btn-bottom-area {
        margin-top: 3rem
    }

    /* 테마파크 layerpopup */
    .non-detail-responsive .title-sub-area {
        padding: 0;
        font-size: 13px
    }
}


/********************************
 컨텐츠 :: 다이닝
 @import url("resort_dining.css");*********************************/
/* 다이닝 메인 */
.restaurant-view+.restaurant-view {
    margin-top: 80px
}

/* 다이닝 상세 - 상단 슬라이드 영역 */
.title-sub-area .menu-sub-title {
    padding-top: 3rem;
    font-size: 2rem;
    color: #000
}

.detail-img-wrap {
    position: relative;
}

.detail-img-wrap.dining {
    position: relative;
    max-width: 1279px;
    margin: 0 auto;
}

.detail-img-wrap.dining+.content {
    margin-top: 10.2rem;
}

.detail-img-wrap.dining .dining-detail-view.slider-list {
    margin-top: 30px
}

.detail-img-wrap+.title-sub-area+.title-sub-area {
    margin-top: 15rem;
}

/* 다이닝 상세 - 상단 슬라이드 */
.dining-detail-view {
    position: relative;
}

.dining-detail-view.slider-list .list {
    position: relative;
    width: 100%;
    margin: 0;
    padding-bottom: 0;
    max-width: 1279px;
}

.dining-detail-view.slider-list .list .img {
    padding-bottom: 43.8%;
    max-height: 646px
}

.dining-detail-view.slider-list .slick-list {
    width: auto;
}

.dining-detail-view.slider-list .slick-dots {
    bottom: 0px;
    margin-top: 30px;
}

.dining-detail-view.slider-list .slick-arrow {
    margin-top: -50px
}

.detail-img-wrap .slide-desc {
    position: relative;
    bottom: 0px;
    margin-top: 30px;
    font-size: 16px;
    line-height: normal;
}

/* 다이닝 상세 - 테이블 제목 (테이블 -> 리스트 수정)*/
.table-title {
    font-size: 2rem;
    color: #333;
    font-weight: normal;
}

/* 다이닝 상세 - 안내사항 border-gray*/
.text-box.border-gray {
    padding-left: 53px;
    border: 1px solid #ebebeb;
    background: #fff
}

.text-box.border-gray li {
    color: #333
}

.text-box.border-gray ul+p {
    font-size: 13px;
    line-height: 23px;
}

.text-box.border-gray .desc-title {
    padding-left: 16px;
    text-indent: -17px;
    font-weight: bold
}

/* 다이닝 상세 - 대표메뉴 슬라이드 */
.slide-area.dining-menu {
    padding: 4rem 0;
    margin-bottom: 4rem;
}

.dining-slide .menu-cont {
    float: left;
    margin: 0 0.5rem 4rem 0.5rem;
    width: 95%;
    min-height: 280px;
    background: #fff
}

.dining-slide .menu-cont:nth-child(4n) {
    margin-right: 0
}

.dining-slide .menu-cont img {
    width: 100%;
    height: 100%
}

.dining-slide .menu-cont .img {
    width: 100%;
    overflow: hidden;
}

.dining-slide .menu-cont .desc {
    padding: 2rem 2.4rem 0 2.4rem;
    min-height: 10.2rem;
}

.dining-slide .menu-cont .desc:lang(ja) {
    padding: 2rem 2.4rem 0 2.4rem;
    min-height: 12rem;
}

.dining-slide .menu-cont .desc .text-ellipsis {
    height: 50px;
    color: #333;
    font-size: 2.2rem;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 50px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dining-slide .menu-cont .desc p+p {
    padding-top: 0.5rem;
    color: #8a7862;
    font-size: 1.3rem
}

.theme-bg-facility.dining-slide-type2 .list {
    min-width: 33.3%;
}

.theme-bg-facility.dining-slide-type2 .slick-track {
    margin: 0
}

.theme-bg-facility.dining-slide-type2 .list .desc {
    min-height: 8rem;
    padding: 25px 24px
}

.theme-bg-facility.dining-slide-type2 .list .tit {
    font-size: 24px
}

.theme-bg-facility.dining-slide-type2 .list .tit+.txt {
    min-height: auto;
    margin-top: 0.4rem;
    font-size: 15px
}

.dining-menu .dining-btn {
    padding: 0 1rem 0 0;
    display: inline-block;
}

/* 다이닝 상세 - 이용 안내 리스트*/
.dining-list-wrap {
    border: 1px solid #ebebeb;
    padding: 60px 0;
}

.dining-list {
    position: relative;
}

.dining-list::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    background: #ebebeb
}

.dining-list .grid-area {
    position: relative;
    padding-bottom: 50px
}

.dining-list .grid-area:last-child {
    padding-bottom: 0px
}

.dining-list .grid-area .colum {
    padding: 0 60px;
}

.dining-list h3 {
    min-width: 40%;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.dining-list .text-list {
    min-width: 60%;
    width: 60%;
}

.dining-list .text-list li {
    font-size: 16px;
    color: #666;
    word-break: keep-all;
}

:lang(ja) .dining-list .text-list li {
    font-size: 16px;
    color: #666;
    word-wrap: break-word;
    word-break: inherit;
}

/* 0422 반응형 반영 */
@media (max-width: 1279px) {

    /* 다이닝 상세 - 다른 다이닝 보기 슬라이드*/
    .theme-bg-facility.dining-slide-type2 {
        width: 100%;
    }

    .theme-bg-facility.dining-slide-type2 .list {
        min-width: 33.3%;
        padding: 0 8px;
        margin: 0
    }
}

@media (max-width: 1279px) {
    .table-title {
        font-size: 15px;
    }

    /* 다이닝 메인 - 190517 수정 */
    .restaurant-view+.restaurant-view {
        margin-top: 2.5rem
    }

    /* 다이닝 상세 - 상단 슬라이드 영역 */
    .detail-img-wrap.dining+.content {
        margin-top: 9rem;
    }

    .detail-img-wrap+.title-sub-area+.title-sub-area {
        margin-top: 3rem;
    }

    .detail-img-wrap.dining .dining-detail-view.slider-list {
        margin-top: 1.5rem
    }

    /* 다이닝 상세 - 상단 슬라이드 */
    .dining-detail-view.slider-list {
        margin-top: -0.5rem;
        min-width: auto;
    }

    .dining-detail-view.slider-list .list .img {
        padding-bottom: 58%;
    }

    .detail-img-wrap .slide-desc {
        margin: 3rem 3rem 5rem;
        font-size: 13px;
    }

    /* 다이닝 상세 - 대표메뉴 슬라이드*/
    .dining-slide .slick-dots {
        bottom: 15px
    }

    .dining-slide .list {
        min-width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 5px;
    }

    .dining-slide .menu-cont {
        margin: 0 0 4rem 0;
        width: 100%
    }

    .dining-slide .menu-cont .img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .dining-slide .menu-cont .desc {
        min-height: 7.8rem
    }

    .dining-slide .menu-cont .desc:lang(ja) {
        min-height: 9rem
    }

    .dining-slide .menu-cont .desc p+p {
        padding-top: 1rem;
        font-size: 1.2rem
    }

    .dining-slide .menu-cont .desc .text-ellipsis {
        height: auto;
        font-size: 1.6rem;
    }

    .dining-menu .dining-btn {
        padding: 1rem 2.5rem 0;
        display: block
    }

    .grid-area+.dining-btn~.dining-btn {
        padding-top: 1rem
    }

    /* 다이닝 상세 - 다른 다이닝 보기 슬라이드*/
    .theme-bg-facility.dining-slide-type2 {
        margin: 2rem auto 0;
    }

    .theme-bg-facility.dining-slide-type2 .list .desc {
        min-height: 8rem;
        padding: 2rem 2rem 3rem 2rem
    }

    .theme-bg-facility.dining-slide-type2 .list .tit {
        font-size: 1.6rem
    }

    .theme-bg-facility.dining-slide-type2 .list .tit+.txt {
        min-height: auto;
        margin-top: 0.4rem;
        font-size: 1.2rem
    }

    /* 다이닝 상세 - 안내사항 border-gray*/
    .text-box.border-gray {
        padding: 2.5rem 2rem;
    }

    /*다이닝 상세 - 이용안내 리스트*/
    .dining-list-wrap {
        padding: 2.5rem 2rem 0;
    }

    .dining-list::before {
        width: 0;
        height: 0;
    }

    .dining-list .grid-area {
        padding-bottom: 0px
    }

    .dining-list .grid-area .colum {
        padding: 0;
    }

    .dining-list h3 {
        min-width: 100%;
    }

    .dining-list .text-list {
        min-width: 100%;
        width: 100%;
        margin: 1rem 0 2rem
    }

    .dining-list .text-list li {
        font-size: 14px;
        color: #666;
    }

    .dining-list .mt-page {
        margin-top: 1rem
    }

    .dining-list .fl {
        clear: both;
    }
}


/********************************
*********************************/
/* 이벤트,패키지 상세 메인 이미지 */
.event-view {
    position: relative;
    width: 100%;
    /* max-width: 1279px;  */
    /* margin:0 auto;  */
    /* margin-top:30px;  */
    max-width: 140rem;
    margin: 0 auto;
}

/* 2019-06-21 이벤트 상세 배너 가로 영역 수정 */
.event-view:has(.component-card) {
    padding-bottom: 7.2rem;
}
.event-view:has(.promotion-prime-wrap) {
    padding-bottom: 0;
}
.promotion-prime-wrap{
    padding-bottom: 5rem !important;
}
.promotion-prime-wrap .bottom-price .price-sale,.promotion-prime-wrap .bottom-price .currency-group{
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    color: #111111;
}

.event-view .event-img {
    position: relative;
    display: block;
    width: 100%;
    /* height:560px; */
    height: 68.4rem;
}

/* 2019-06-21 이벤트 상세 배너 높이 수정 */
.event-view .event-infomation-box .event-img {
    height: 56rem;
}

.event-view .event-img.img1 {
    background: url(../image/img/img_detail_event1.webp) center no-repeat;
    background-size: cover
}

.event-view .event-img.img2 {
    background: url(../image/img/img_detail_pakage1.webp) center no-repeat;
    background-size: cover
}

.event-view .event-img.img3 {
    background: url(../image/img/img_detail_pakage2.webp) center no-repeat;
    background-size: cover
}

.event-view .event-img img {
    max-width: 100%
}

.event-view .detail-area {

    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column-reverse;
}

.event-view .detail-area .component-card .card-util .util-count {
    min-height: 7.2rem;
}

.event-view .detail-area .desc-wrap:after {
    clear: both;
    display: block;
    content: '';
}

.event-view .detail-area .desc-wrap {
    position: relative;
    margin: 0 auto;

    width: 100%;
    height: 28rem;
    padding: 3.2rem 4.8rem;
}

/* 2019-06-21 이벤트 상세 배너 가로 영역 수정 */
.event-detail-2026-wrap .intro-img{
    height: 65.3rem;
    padding-top: 0;
    margin-top: 10rem !important;
}
.event-detail-2026-wrap .event-view .detail-area .desc-wrap {
    height: 24rem;
}

.event-view:has(.component-card) .detail-area .desc-wrap {
    height: 35.2rem;
}

.event-view .detail-area .desc-wrap .left {
    float: left;
    width: 70%;
}

.event-view .detail-area .desc-wrap .right {
    float: right;
    text-align: right;
    width: 30%;
}

.event-view .detail-area .desc-wrap .inner {
    display: table-cell;
    vertical-align: middle;
    height: 190px
}

.event-view .detail-area .desc-wrap .left .inner {
    width: 75%;
    display: table-cell;
    /* height: 190px; */
    height: 19rem;
    vertical-align: baseline;
}

.event-view .detail-area .desc-wrap .right .inner {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    height: 19rem;
}

/* .event-view .category { float:none; display:inline-block } */
.event-view .desc-wrap .tit {
    width: 100%;
    color: #fff;
    font-size: 3.6rem;
    line-height: 5.2rem;
    font-weight: 600;
    margin-top: 2rem;
}

.event-view .desc-wrap .tit .room-name {
    white-space: nowrap;
}

.event-view .desc-wrap .txt {
    color: #fff;

    font-size: 1.8rem;
    line-height: 3rem;
    margin-top: 0.8rem;
}

.event-view .desc-wrap .txt span {
    font-size: 1.4rem;
    margin-left: 2rem;
    color: #f5f5f5;
}

.event-view .desc-wrap .txt1 {
    color: #fff;
    line-height: 1.6em;

    font-size: 2.2rem;
    font-weight: 600;
}

.event-view .desc-wrap .txt2 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em
}

.event-view .desc-wrap .txt3 {
    font-size: 13px;
    color: #fff;
    margin-top: 5px
}

.event-view .desc-wrap .txt4 {
    color: #fff;
    margin-top: 0.5rem;
    margin-right: 1rem;

    font-size: 1.6rem;
    line-height: 2.8rem;
    display: contents;
}

.event-view .desc-wrap .price {
    text-align: right;
    color: #fff;
    margin-top: 3rem;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 2rem;
    line-height: 3.6rem;
}

.event-view .desc-wrap .price strong {
    color: #fff;
    font-weight: 600;
    font-size: 2.8rem;
    margin: 0 0.4rem 0 0.8rem;
}

.event-view .desc-wrap .txt5 {
    font-size: 13px;
    color: #fff;
    margin-top: 5px
}

.event-view .desc-wrap .txt5 .st1 {
    display: inline-block;
    width: auto;
    vertical-align: top;
    line-height: 1.4em
}

.event-view .desc-wrap .txt5 .date {
    display: inline-block;
    line-height: 1.4em
}

.event-detail-2026-wrap .btn-area {
    /* margin-top: 6rem; */
    margin-top: 10rem;
    padding-top: 6rem;
    border-top: 1px solid #dddddd;
}

.event-detail-2026-wrap .btn-area .right {
    float: none;
    text-align: center;
}

.event-detail-2026-wrap .btn-bottom-area.btn-bottom-area-type01{
    justify-content: center;
}

.resort-new-styles .event-view.sns-relative+.component-card {
    max-width: 140rem;
    margin: 0 auto;
    height: 6rem;
}

.resort-new-styles .event-view.sns-relative+.component-card .card-util .util-count {
    background: rgba(0, 0, 0, .8);
}

.resort-new-styles .component-coming-soon {
    max-width: 140rem;
    margin: 0 auto;
    height: 6rem;
}

.resort-new-styles .coming-soon-area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #C8C9C7;
}

.resort-new-styles .coming-soon-area .soon-txt01 {
    font-family: "anth";
    font-size: 2.8rem;
    line-height: 4.4rem;
    letter-spacing: -0.02em;
    position: relative;
    top: 1px;
}

.resort-new-styles .coming-soon-area .soon-txt02 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-left: 1.6rem;
}

.resort-new-styles .ico-clock-wrap .ico-clock-body {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.2393 17.838C39.7481 12.4128 34.9051 8.29064 29.0149 6.77539M5.76172 17.838C8.25296 12.4128 13.096 8.29064 18.9861 6.77539M33.7551 37.6373C36.9914 34.8795 39.0436 30.7748 39.0436 26.191C39.0436 17.8872 32.3086 11.1556 24.0005 11.1556C15.6924 11.1556 8.95741 17.8872 8.95741 26.191C8.95741 30.7748 11.0097 34.8795 14.2459 37.6373C16.8723 39.8754 20.2786 41.2264 24.0005 41.2264C27.7225 41.2264 31.1286 39.8754 33.7551 37.6373Z' stroke='%23ffffff' stroke-width='0.14em'/%3E%3C/svg%3E%0A");
}

.resort-new-styles .ico-clock-wrap .ico-clock-long {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14.4961C24 14.4961 24.8357 20.3432 24 26.1903' stroke='%23ffffff' stroke-width='0.14em'/%3E%3C/svg%3E%0A");
}

.resort-new-styles .ico-clock-wrap .ico-clock-short {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 26.1895C28.5965 28.6954 32.3573 32.8718 32.3573 32.8718' stroke='%23ffffff' stroke-width='0.14em'/%3E%3C/svg%3E%0A");
}

.resort-new-styles .btn-pkg-coming-soon {
    display: inline-flex;
    background-color: #999999;
    padding: 1.4rem 6rem;
    height: 6.4rem;
}

.resort-new-styles .btn-pkg-coming-soon .btn-txt01 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3.6rem;
    color: #ffffff;
}

.resort-new-styles .btn-pkg-coming-soon .btn-txt02 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #f5f5f5;
    margin-left: 1.2rem;
}

.event-view:has(.event-board-view-layout-wrap) + .content .sub-title{
    max-width: 116.2rem;
    margin: 10rem auto 0 auto;
}

.event-view .event-board-view-layout-wrap .board-view-wrap .txt-info-type+.txt-info-tit {
    margin-top: 1.6rem;
}

.event-view .event-board-view-layout-wrap .board-view-wrap .txt-info-tit .info-tit15 {
    color: #111111;
}

.event-view .event-board-view-layout-wrap .board-view-wrap .txt-date-group {
    margin-top: 2.4rem;
}

.event-view .event-board-view-layout-wrap .board-view-wrap .txt-info02-wrap .txt-info-date {
    align-items: center;
}

.event-view .event-intro-view-layout-wrap {
    border-top: 2px solid #111111;
    margin-top: 4rem;
}

.event-view .event-intro-wrap .sub-txt01+.badge-row {
    margin-top: 2.4rem;
}

.event-view .txt-info02-wrap .txt-info-tit .info-txt .txt07 em {
    font-weight: 600;
    color: #111111;
}

.event-infomation.event-infomation-2026 .grid-area-table {
    display: flex;
    justify-content: space-between;
}

.event-infomation.event-infomation-2026 .colum.col-6 {
    display: flex;
    white-space: unset;
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-start;
}

.event-infomation.event-infomation-2026 .colum.col-6:last-child {
    width: 100%;
    flex: 0 1 auto;
}

.event-infomation.event-infomation-2026 .grid-area-table .event-img {
    position: relative;
    /* width: 44.8rem; */
    width: 56.7rem;
    height: 0;
    min-height: 31.9rem;
    padding-top: 52.25%;
    overflow: hidden;
}

.event-infomation.event-infomation-2026 .grid-area-table .event-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-infomation.event-infomation-2026 .event-infomation-box div .event-txt {
    padding-right: 0;
    font-size: 1.6rem;
    line-height: 2.8rem;

}

.event-infomation.event-infomation-2026 .event-infomation-box div .event-txt .event-btn{
    display:flex;
    align-items: center;
    font-weight: 400 !important;
    color: #444444;
}

.event-infomation.event-infomation-2026 .event-infomation-box div .event-txt .event-btn::after{
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='square' stroke-width='.12em' d='m6.426 17.15 7.148-7.147-7.148-7.148'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0.4rem;
}

.event-infomation.event-infomation-2026 .event-infomation-box div:nth-child(even) .event-txt {
    padding-left: 4rem;
}

.event-infomation.event-infomation-2026 .top-tit-sub {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #111111;
    margin-bottom: 1.2rem;
}

.event-infomation.event-infomation-2026 .tit {
    font-size: 2.8rem;
    line-height: 4.4rem;
    font-weight: 600;
    color: #111111;
    margin-bottom: 2.4rem;
}

.event-infomation.event-infomation-2026 .tit:empty{
    display: none;
}

.event-infomation.event-infomation-2026 .bottom-tit-sub {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.6rem;
    color: #444444;
    margin-bottom: 0.4rem;
}

.event-infomation.event-infomation-2026 .bottom-tit-sub+.event-new-ul {
    margin-top: 1.6rem;
    word-break: break-word;
}

.event-infomation.event-infomation-2026 .event-new-ul {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #444444;
    margin-top: 2.4rem;
}
.event-infomation.event-infomation-2026 .event-new-ul:first-child{
    margin-top: 0;
}

.event-infomation.event-infomation-2026 .event-new-ul em {
    font-weight: 600;
    color: #111111;
}

.event-infomation.event-infomation-2026 .event-new-ul li>ul {
    padding-left: 1.4rem;
}

.event-infomation.event-infomation-2026 .event-new-btn {
    margin-top: 2.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.6rem;
    justify-content: flex-start;
    align-items: center;
}

.event-infomation.event-infomation-2026 .event-new-ul .event-btn{
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400 !important;
    color: #444444;
    width: fit-content;
}

.event-infomation.event-infomation-2026 .event-new-ul .event-btn::after{
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='square' stroke-width='.12em' d='m6.426 17.15 7.148-7.147-7.148-7.148'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0.4rem;
}

.event-infomation.event-infomation-2026 .event-new-btn .ico-arrow-right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='square' stroke-width='.12em' d='m6.426 17.15 7.148-7.147-7.148-7.148'/%3E%3C/svg%3E");
}

.event-infomation.event-infomation-2026 .event-new-btn .btn-txt+.ico-arrow-right {
    margin-left: 0.4rem;
}

.event-infomation.event-infomation-2026 .event-new-btn .btn-txt {
    color: #444444;
}

.event-infomation.event-infomation-2026 .event-box {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #444444;
    font-weight: 400;
}

.event-infomation.event-infomation-2026 .event-box:has(.btn-bottom-area){
    border: none;
    padding: 0;
}

.event-infomation.event-infomation-2026 .event-box .btn-bottom-area{
    width: calc(100% - 49rem);
    justify-content: start;
    margin-left: auto;
    margin-top: 0;
}

.event-detail-2026-wrap .title-sub-area{
    max-width: 116.2rem;
    margin: 0 auto;
}
.event-detail-2026-wrap .title-sub-area + .text-box{
    margin-top: 2.4rem !important;
    max-width: 116.2rem;
    margin: 0 auto;
    padding: 4rem;
}
.event-detail-2026-wrap .title-sub-area + .text-box .text-list{
    margin-top: 0;
}
.event-detail-2026-wrap .title-sub-area + .text-box .text-list p + p{
    margin-top: 0.4rem;
}
.event-detail-2026-wrap .title-sub-area + .text-box .text-list p::before{
    top: 1.2rem;
    width: 2px;
    height: 2px;
    background-color: #111111;
}
.event-detail-2026-wrap .title-sub-area + .text-box .text-list p.no-bullet{
    padding-left: 0;
}
.event-detail-2026-wrap .title-sub-area + .text-box .text-list p.no-bullet::before{
    display: none;
}

@media (max-width: 767px) {
    .promotion-prime-wrap{
        padding-bottom: 0 !important;
    }
    .promotion-prime-wrap .bottom-price .price-sale,.promotion-prime-wrap .bottom-price .currency-group{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .event-detail-2026-wrap .sub-title.mt-tit{
        margin: 4.8rem auto 0;
        font-size: 2rem;
        line-height: 3.6rem;
    }
    .event-detail-2026-wrap .intro-img{
        /* height: 20rem; */
        height: auto;
        aspect-ratio: 360/202;
        margin-top: 4.8rem !important;
    }
    .event-infomation.event-infomation-2026 .event-infomation-box{
        padding: 2.4rem 0;
    }
    .event-infomation.event-infomation-2026 .grid-area-table{
        flex-direction: column-reverse;
    }
    .event-infomation.event-infomation-2026 .tit{
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 0.8rem;
    }
    .event-infomation.event-infomation-2026 .bottom-tit-sub{
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #111111;
    }
    .event-infomation.event-infomation-2026 .event-infomation-box div .event-txt{
        color: #444444;
        margin-bottom: 2rem;
        padding-left: 0 !important;
    }
    .event-infomation.event-infomation-2026 .event-infomation-box div .event-txt .event-btn{
        position: relative;
        width: fit-content;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .event-infomation.event-infomation-2026 .event-infomation-box div .event-txt .event-btn::before{
        content: "";
        display: block;
        width: calc(100% - 1.6rem);
        height: 1px;
        background-color: #444444;
        position: absolute;
        bottom: 0.2rem;
    }
    .event-infomation.event-infomation-2026 .event-infomation-box div .event-txt .event-btn::after{
        margin-left: 0;
    }
    .event-infomation.event-infomation-2026 .grid-area-table .event-img{
        width: 100%;
        min-height: auto;
        padding-top: 56.25%;
    }
    .event-infomation.event-infomation-2026 .event-box{
        margin-top: 2rem;
        padding: 1.6rem 2rem;

    }
    .event-infomation.event-infomation-2026 .event-box .btn-bottom-area{
        width: 100%;
    }
    .event-view:has(.event-board-view-layout-wrap) + .content .sub-title{
    max-width: 100%;
    margin: 4.8rem auto 0 auto;
    }
    .event-view .event-board-view-layout-wrap .board-view-wrap .badge-row {
        justify-content: center;
    }

    .event-view .event-board-view-layout-wrap .board-view-wrap .txt-info-type+.txt-info-tit {
        margin-top: 1.2rem;
    }

    .event-view .event-board-view-layout-wrap .board-view-wrap .txt-date-group {
        margin-top: 1.2rem;
    }

    .event-view .event-intro-view-layout-wrap {
        margin-top: 2.4rem;
    }
    .event-detail-2026-wrap .btn-area{
        margin-top: 4rem;
        padding-top: 4.8rem;
    }
    .event-infomation.event-infomation-2026 .event-new-ul .event-btn{
        position: relative;
        font-size: 1.4rem;
        line-height: 2.2rem;
        width: fit-content;
    }

    .event-infomation.event-infomation-2026 .event-new-ul .event-btn::before{
        content: "";
        display: block;
        width: calc(100% - 1.2rem);
        height: 1px;
        position: absolute;
        bottom: 0.2rem;
        left: 0;
        background-color: #444444;
    }

    .event-infomation.event-infomation-2026 .event-new-ul .event-btn::after{
        margin-left: 0;
    }
}

/* 이벤트,패키지 상세 컨텐츠 */
.event-infomation-txt {
    color: #000000;
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 50px;
    text-align: center
}

.event-infomation {
    margin-top: 30px
}

.common-detail-content-2026 .sub-title{
    max-width: 116.2rem;
    margin: 10rem auto 0;
}
.common-detail-content-2026:not(:has(.text-box)) .event-infomation-box:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.event-infomation-2026 {
    max-width: 116.2rem;
    margin: 3.2rem auto 0;
}
.event-infomation-2026.pkg-infomation-2026 {
    max-width: 140rem;
    /* margin: 3.2rem auto 0; */
}

.event-infomation .colum {
    vertical-align: middle
}

.event-infomation .bottom {
    display: block;
    width: 100%
}

.event-infomation .tit {
    font-size: 3rem;
    color: #333333;
    font-weight: 700;
    line-height: 1.5em
}

.event-infomation .tit span {
    display: block;
    font-size: 16px;
    ;
    color: #333;
    font-weight: normal;
    margin-top: 8px
}

.event-txt .tit+.txt {
    margin-top: 15px
}

.event-txt .txt+.event-ul {
    margin-top: 5px
}

.event-infomation .txt {
    font-size: 1.6rem;
    color: #666666;
    line-height: 1.6em
}

.event-txt .txt+.event-ul.type2 {
    margin-top: 2rem;
}

.event-infomation .event-ul li {
    font-size: 1.6rem;
    color: #666666;
    line-height: 1.6em
}

.event-infomation .event-ul.type2 li {
    color: #333333;
}

.event-infomation .event-infomation-box {
    padding: 6rem 0;
    /* border-bottom: 2px solid #ebebeb; */
    border-bottom: 1px solid #dddddd;
    border-top: 2px solid #111111;
    word-wrap: break-word;
}

.event-infomation .event-infomation-box.bottom {
    border-bottom: 0;
    padding-bottom: 0
}

.event-infomation .event-infomation-box.non-border {
    border-top: 0;
}

.event-infomation .event-box {
    margin-top: 3.2rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #666;
    border: 1px solid #dddddd;
    padding: 2rem 2.4rem;
}

.event-infomation .event-box ul {
    padding: 20px
}

.event-infomation-box div:nth-child(even) .event-txt {
    padding-left: 48px
}

.event-infomation .event-infomation-box .event-txt {
    padding: 0 10px
}

.event-infomation .event-infomation-box img {
    max-width: 100%;
    width: 100%;
    height: 38.6rem;
}

.event-infomation .event-infomation-box+.event-infomation-box {
    border-top: 0;
}

.event-infomation .event-infomation-box+.btn-bottom-area,
.event-infomation+.btn-bottom-area {
    margin-top: 40px
}

.event-infomation .btn-bottom-area+.event-infomation-box {
    margin-top: 80px
}

.event-infomation .event-infomation-box .btn-bottom-area {
    margin-top: 50px
}

/* 이벤트,패키지 상세 버튼 추가 */
.event-infomation .event-ul li .event-btn {
    margin-top: 10px;
    color: #ffffff;
    padding: 1rem 3rem;
    font-size: 14px;
    background-color: #da291c;
}

@media (max-width:1279px) {
    .event-infomation .event-ul li .event-btn {
        padding: 1rem 1.5rem;
        font-size: 12px;
    }
}

/* 패키지 상세 - 에디터 스타일 강제 리셋 - 2026 */
.event-infomation .event-txt span[style="font-size: 1.4rem;color :#da291c;"],
.event-infomation .event-txt span[style="font-size: 1.3rem; color: #da291c;"],
.event-infomation .event-txt span[style="font-size:1.3rem; color:#da291c;"],
.event-infomation .event-txt span[style="font-size: 1.3rem; color :#da291c;"],
.event-infomation .event-txt span[style="font-size: 1.6rem; font-weight: normal; color: #da291c;"],
.event-infomation .event-txt span[style="font-size: 1.3rem; font-weight: normal; color: #da291c;"],
.event-infomation .event-txt span[style="font-size: 1.35rem; color: #DA291C;"],
.event-infomation .event-txt span[style="color: #da291c; font-size: 1.3rem;"],
.event-infomation .event-txt span[style="color: #da291c; font-size: 1.5rem;"],
.event-infomation .event-txt span[style="font-size: 1.3rem;"],
.event-infomation .event-txt span[style="font-size: 1.35rem; color: #e50113;"],
.event-infomation .event-txt span[style="color: #da291c;"],
.event-infomation .event-txt span[style="font-size: 1.3rem;color :#da291c;"],
.event-infomation .event-txt span[style="color :#da291c; font-weight: bold;"]  {
    color:#444444 !important;
}
.event-infomation .event-txt span[style="font-weight: 100;"] {
    color:#816c5b !important;
    font-weight: 600 !important;
}
.event-infomation .event-txt span[style="font-size: 1.3rem;"],
.event-infomation .event-txt span[style="font-size: 1.3rem; font-weight: normal; color: #da291c;"],
.event-infomation .event-txt span[style="font-size: 1.35rem; color: #e50113;"],
.event-infomation .event-txt span[style="font-size: 1.4rem;"] {
    font-size: 1.6rem !important;
}
.promotion-prime-info .info-txt span[style="color: #da291c; font-size: 1.5rem;"],
.promotion-prime-info .info-txt span[style="font-size: 1.6rem; font-weight: normal; color: #333333;"],
.promotion-prime-info .info-txt span[style="color: #da291c; font-size: 1.3rem;"],
.promotion-prime-info .info-txt span[style="font-size: 1.3rem;color :#da291c; font-weight:normal"],
.promotion-prime-info .info-txt span[style="font-size:1.3rem; color:#da291c;"],
.promotion-prime-info .info-txt span[style="font-size: 1.3rem; font-weight: normal; color: #da291c;"],
.promotion-prime-info .info-txt span[style="font-size: 1.3rem; color :#da291c; "],
.promotion-prime-info .info-txt span[style="color: #da291c;"],
.promotion-prime-info .info-txt span[style="font-size: 1.35rem; color: #e50113;"],
.promotion-prime-info .info-txt span[style="font-size: 1.5rem; font-weight: normal; color: #da291c;"],
.promotion-prime-info .info-txt span[style="font-size: 1.6rem; font-weight: bold; color: #da291c;"],
.promotion-prime-info .info-txt span[style="color: #da291c; font-weigt: bold;"]
 {
    color:#444444 !important;
}
.promotion-prime-info .info-txt span[style="color: #da291c; font-size: 1.3rem;"]{
    font-size: 1.6rem !important;
}
.text-list .txt-bu-wrap font[color="#ff0000"],
.text-list .txt-bu-wrap span[style="color: rgb(255, 0, 0);"] {
    color:#444444 !important;
}

/* 2021-02-26 트레블플래너 페이지용 */
.event-infomation-box.travel .txt {
    font-size: 2rem;
    line-height: 1.6em
}

.event-infomation-box.travel .web-view .event-img {
    text-align: right;
}

.event-infomation-box.travel img {
    width: 500px;
    height: auto;
}

/* event-search-area */
.event-search-area {
    position: relative;
    padding: 30px 32px;
    background: #fbfbfb;
}

.event-search-area .search-tit {
    font-size: 15px;
    color: #333333;
    display: inline-block
}

.event-search-area .btn-search {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 116px;
    height: 100%;
    font-size: 18px;
    font-weight: bold;
}

.event-search-area .input-area {
    position: relative;
    width: 100%
}

.event-search-area .input-area .grid-area+.check-area {
    margin-top: 15px
}

.event-search-area .check-tit {
    width: 65px;
    font-size: 15px;
    color: #333333;
    display: inline-block
}

.event-search-area .mob-right {
    display: inline-block
}

.event-search-area .search-inner {
    position: relative;
    width: 100%;
    padding-right: 150px;
    margin: 0px 0;
}

/* 이벤트,패키지 노데이터 */
.search-box.rwd + .content .date-wrap{
    padding: 16rem 0;
    border-top: 2px solid #111111;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}
.search-box.rwd + .content .date-wrap .date-none-tit{
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #444444;
}
.search-box.rwd + .content .date-wrap .date-none-tit + .date-none-txt{
    margin-top: 0.4rem;
}
.search-box.rwd + .content .date-wrap .date-none-txt{
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #666666;
}

/* 이벤트,패키지 리스트 */
.resort-new-styles .event-list {
    position: relative;
    overflow: hidden;

    background-color: #ffffff;
    margin-top: 3.2rem;
    padding: 4rem 0;
    border-top: 2px solid #111111;
    border-bottom: 1px solid #dddddd;
}

.resort-new-styles .event-list>ul>li {
    margin-bottom: 0;
    min-width: 100%;
    max-width: calc(100%/3);
}

.resort-new-styles .event-list>ul>li .event-info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.resort-new-styles .event-list>ul>li .img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 25.2rem;
    padding: 0;
    flex-shrink: 0;
}

.resort-new-styles .event-list>ul>li .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 25.2rem;
    /* position: static; */
    object-fit: cover;
}

.resort-new-styles .event-list>ul>li .event-info .img {
    position: relative;
    margin-bottom: 2.4rem;
}

.resort-new-styles .event-list>ul>li .event-info .img a:focus-visible + .list-coming-soon,
.resort-new-styles .event-list>ul>li .event-info .img a:focus-visible img {
    outline: 2px dashed #111;
    outline-offset: -2px;
    box-shadow: 0 0 0 4px #111111;
}

.resort-new-styles .event-list>ul>li .event-info .img .component-card {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(4px);
}

.resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon .count-notice {
    text-align: center;
}

.resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon .count-notice .txt {
    font-family: "anth";
    font-size: 3.6rem;
    line-height: 4.8rem;
    letter-spacing: -0.02em;
    color: #111111
}

.resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon .count-notice .sub {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #111111;
    margin-top: 0.8rem;
}

.resort-new-styles .event-list>ul>li .event-info .img .list-sold-out {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
}

.resort-new-styles .event-list>ul>li .event-info .img .list-sold-out .count-notice {
    text-align: center;
}

.resort-new-styles .event-list>ul>li .event-info .img .list-sold-out .count-notice .txt {
    font-family: "anth";
    font-size: 3.6rem;
    line-height: 4.8rem;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.resort-new-styles .event-list>ul>li .event-info .badge {
    position: relative;
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.resort-new-styles .event-list>ul>li .event-info .badge+.desc {
    margin-top: 1.6rem;
}

.resort-new-styles .event-list ul li .desc {
    width: 100%;
    /* max-width: 39rem; */
    line-height: normal;
    min-height: 13rem;
}

.resort-new-styles .event-list.package ul li .desc {
    width: 100%;
    line-height: normal;
    max-width: 100%;
    height: 100%;
    min-height: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.resort-new-styles .event-list ul li .desc .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4.0rem;
    color: #111111;
    margin-bottom: 0.4rem;
}
.resort-new-styles .event-list ul li .desc .tit a:focus-visible {
    outline: 2px dashed #111111;
    outline-offset: -0.4rem;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.resort-new-styles .event-list ul li .desc dd {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
    color: #111111;
}

.resort-new-styles .event-list ul li .desc dd.date {
    margin-top: 1.2rem;
    color: #444444;
}

.resort-new-styles .event-list ul li .desc dd.date+dd.date {
    margin-top: 0.4rem;
}

.resort-new-styles .event-list ul li .desc dd.hashtag {
    min-height: auto;
    margin-top: 0.7rem;
    padding-right: 9rem;
    color: #444444;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 2019-08-07 해시태그 표시 길이 제한 / 2020-08-19 높이고정*/
.resort-new-styles .event-list ul li .desc .hashtag:empty {
    margin: 0;
}

.resort-new-styles .event-list ul li .desc .tit+.date {
    margin-top: 8px;
}

.resort-new-styles .event-list .desc .btn-icon.ico-detail {
    position: absolute;
    top: 20px;
    right: 30px;
}

.resort-new-styles .event-list .price .num {
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 600;
    margin-right: 0.8rem;
}

:lang(en).resort-new-styles .event-list .price .num{
    margin-left: 0.8rem;
}

.resort-new-styles .event-list .price {
    /* font-size: 1.5rem;
    color: #333333; */
    font-size: 1.6rem;
    color: #111111;
    text-align: right;
    border-top: 0;
    margin: 0;
    padding-top: 2.4rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.resort-new-styles .event-list .price .sm {
    color: #666666;
    /* font-size: 12px;
    margin-right: 7px */
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-right: 0.8rem;
}

/* 2020-07-27 리조트 스토리 */
.resort-new-styles .event-list.story ul li .desc {
    min-height: auto;
}

/* 리조트 소식 new */
.resort-new-styles .event-list ul li .desc .tit .new {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #da291c;
    font-weight: bold;
    margin: 0 5px 5px 0;
}

@media (max-width: 767px) {
    /* 이벤트,패키지 노데이터 */
    .search-box.rwd + .content .date-wrap{
        padding: 10rem 0;
    }
    .search-box.rwd + .content .date-wrap .date-none-tit{
        line-height: 2.4rem;
    }
    .search-box.rwd + .content .date-wrap .date-none-txt{
        line-height: 2.4rem;
    }
    .resort-new-styles .event-list {
        margin-top: 2.4rem;
        padding: 2.4rem 0;
        border-bottom: none;
    }

    .resort-new-styles .event-list>ul>li .img {
        min-height: auto;
        height: 50vw;
    }

    .resort-new-styles .event-list>ul>li .img img {
        max-height: 100%;
    }

    .resort-new-styles .event-list.package ul li+li {
        margin-top: 2.4rem;
    }

    .resort-new-styles .event-list ul li .desc .tit {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .resort-new-styles .event-list ul li+li {
        margin-top: 2.4rem;
    }

    .resort-new-styles .event-list>ul>li .event-info .img {
        margin-bottom: 2rem;
    }

    .resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon .count-notice .txt {
        font-size: 3.2rem;
        line-height: 4.4rem;
    }

    .resort-new-styles .event-list>ul>li .event-info .img .list-coming-soon .count-notice .sub {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .resort-new-styles .event-list>ul>li .event-info .img .list-sold-out .count-notice .txt {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .resort-new-styles .event-list ul li .desc {
        padding: 0;
    }

    .resort-new-styles .event-list>ul>li .event-info .badge+.desc {
        margin-top: 1.2rem;
    }

    .resort-new-styles .event-list .price {
        display: block;
        padding-top: 2rem;
    }

    .resort-new-styles .event-list .price .sm {
        display: block;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

/* 이벤트,패키지 활성화 버튼 컬러 변경 */
.roomtype-item .btn_theme:hover {
    border: 1px solid transparent;
    background: #978773;
    color: #fff;
}

.roomtype-item .btn_theme:hover span {
    position: relative;
    padding-left: 22px;
}

.roomtype-item .btn_theme:hover span:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 13px;
    background: url(../image/icon/ico_button_check.webp)0 0 no-repeat;
    background-size: cover;
    content: "";
}

.event-search-area .custom-checkbox+.custom-checkbox {
    margin-left: 0
}

.event-search-area .custom-checkbox {
    margin-right: 2rem;
    margin-bottom: 10px
}

.event-search-area .custom-checkbox:last-child {
    margin-right: 0
}

/* 이벤트 상세페이지 표, 이미지 가운데정렬 2019-12-26 */
.tb-wrap.td_style2.other th,
.tb-wrap.td_style2.other td {
    height: auto;
    padding: 6px 10px;
}

/* 리스트 상단 */
.list-top-event {
    position: relative;
    width: 100%;
    margin-top: 40px
}

.list-top-event .right {
    position: absolute;
    top: -10px;
    right: 0;
}

.list-top-event .total {
    font-size: 20px;
    color: #333;
}

.list-top-event .total em {
    color: #da291c;
    font-weight: 700
}

/* event detail - comment */
.resort-new-styles .commentwarap {
    margin-top: 10rem;
    border-top: 0;
}

.resort-new-styles .commentwarap .review-tal {
    color: #111111;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.resort-new-styles .commentwarap .review-tal span {
    padding-left: 0.8rem;
    /* color: #111111; */
    color: #816c5b;
    font-size: 2.8rem;
    line-height: 4.4rem;
}

.resort-new-styles .commentwarap .text-box {
    display: flex;
    position: relative;
    margin-top: 2.4rem;
    padding: 0.8rem;
    width: 100%;
    height: 16rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    gap: 0.8rem;
}

.resort-new-styles .commentwarap .comment-textarea-area {
    position: relative;
    flex: 1 0 auto;
    height: 100%;
}

.resort-new-styles .commentwarap .text-box .btn-login-comment {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
}

.resort-new-styles .commentwarap textarea {
    word-break: break-word;
    resize: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    background: none;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #111111;
}

.resort-new-styles .commentwarap textarea::placeholder {
    font-size: 1.6rem;
    color: #777777;
}

.resort-new-styles .commentwarap .text-box button {
    width: 16rem;
    height: 100%;
    background-color: #777;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
}

.resort-new-styles .commentwarap .review-list {
    margin-top: 4rem;
    border-top: 2px solid #111;
}

.resort-new-styles .commentwarap .review-list li {
    position: relative;
    padding: 2rem 10rem 2rem 0;
    border-bottom: 1px solid #dddddd;
}

.resort-new-styles .commentwarap .review-list li.review-com {
    background: #fbfbfb;
    padding-left: 6rem;
    padding-right: 12rem;
}

.resort-new-styles .commentwarap .review-list li .review-writer {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #111;
    font-weight: 500;
}

.resort-new-styles .commentwarap .review-list li.review-com .review-writer {
    position: relative;
}

.resort-new-styles .commentwarap .review-list li.review-com .review-writer:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 4px;
    left: -20px;
    width: 8px;
    height: 8px;
    background: url(../image/icon/icon_review_com.webp);
}

.resort-new-styles .commentwarap .review-list li .review-cont {
    margin: 0.8rem 0 0.4rem 0;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #444444;
}

.resort-new-styles .commentwarap .review-list li .review-date {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #777;
}

.resort-new-styles .commentwarap .review-list li .review-del {
    position: absolute;
    top: 2rem;
    right: 0;
}

.resort-new-styles .commentwarap .review-list li.review-com .review-del {
    right: 2rem;
}

.resort-new-styles .commentwarap .review-list li .review-del .btn.btn-default {
    display: inline-flex;
    justify-content: center;
    width: 7.3rem;
    height: 4rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.6rem;
    color: #111;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

.resort-new-styles .commentwarap .mob-list {
    display: none;
}

@media (max-width: 767px) {
    /* 패키지 상세 - 에디터 스타일 강제 리셋 - 2026 */
    .promotion-prime-info  .info-txt b[style="font-size: 2.4rem;font-weight:600;line-height: 4rem;color: #111111"],
    .promotion-prime-info  .info-txt b[style="font-size: 2.4rem; line-height: 4rem; color: #111111"]
    {
        font-size: 1.6rem !important;
        line-height: 2.4rem !important;
        font-weight: 600 !important;
    }
    .event-view {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
        margin-top: -1.2rem;
    }

    .content-wrap:has(.component-coming-soon) .event-view {
        padding-top: 4.4rem;
    }

    .event-view .event-img {
        height: 20.3rem;
    }

    .event-view .detail-area {
        position: static;
        flex-direction: column;
        background: none;
    }

    .event-view .detail-area:has(.component-card) {
        margin-top: 4.4rem;
    }

    .event-view .detail-area .component-card .card-util .util-count {
        min-height: 4.4rem;
    }

    .event-view .detail-area.type02 {
        margin-top: 0;
    }

    .event-view .detail-area .desc-wrap {
        width: 100%;
        padding: 2.4rem 2rem;
        height: auto;
        background-color: #ffffff;
    }

    .event-detail-2026-wrap .event-view .detail-area .desc-wrap {
        height: auto;
    }

    .event-view .detail-area .desc-wrap .left {
        float: none;
        width: 100%;
    }

    .event-view .detail-area .desc-wrap .left .inner {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .event-view .detail-area .desc-wrap .left .inner .category-container {
        flex-wrap: wrap;
    }

    .event-view .detail-area .desc-wrap .right {
        width: 100%;
        padding: 0 0 2.4rem 0;
        text-align: right;
        float: none;
        /* border: none; */
        border-bottom: 1px solid #dddddd;
    }

    .event-view .detail-area .desc-wrap .right .inner {
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
    }

    .event-view .desc-wrap .tit {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin-top: 1.2rem;
        color: #111111;
    }

    .event-view .desc-wrap .txt {
        font-size: 1.6rem;
        color: #111111;
    }

    .event-view .desc-wrap .txt1 {
        font-size: 1.6rem;
        color: #333;
        font-weight: 700;
        margin-top: 0.8rem;
    }

    .event-view .desc-wrap .txt span {
        margin-left: 0;
        color: #111111;
        line-height: 2.2rem;
    }

    .event-view .desc-wrap .txt2 {
        font-size: 1.4rem;
        color: #444444;
    }

    .event-view .desc-wrap .txt2+.txt2 {
        margin-top: 0;
    }

    .desc-wrap-new .right {
        padding-bottom: 2.4rem;
        border-bottom: 1px solid #dddddd;
    }

    .ep-txt {
        margin-top: 0;
    }

    .event-view .desc-wrap .price {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .event-view .desc-wrap .txt4 {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }

    .event-view .desc-wrap .price strong {
        font-size: 2rem;
    }

    .event-txt .tit+.txt:empty {
        margin: 0;
    }

    .event-txt .txt+.event-ul.type2 {
        margin-top: 0;
    }

    .ad-banner-wrap .component-card {
        position: relative;
        bottom: 0;
        height: auto;
    }

    .event-view.sns-relative+.component-card {
        position: absolute;
        width: 100%;
        height: 4.4rem;
        left: 0;
        bottom: calc(100% - 28.8rem);
    }

    .event-view.sns-relative+.component-card .card-util .util-count {
        min-height: 3.2rem;
        padding: 0.6rem 0rem;
    }

    .component-coming-soon {
        height: 4.4rem;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 28.8rem);
    }

    .coming-soon-area .soon-txt01 {
        font-size: 2rem;
        line-height: 3.6rem;
        top: 0.2rem;
    }

    .coming-soon-area .soon-txt02 {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-left: 0.8rem;
    }

    .sub-title.mt-tit {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }

    .event-view .event-infomation-box .event-img {
        height: 18rem;
    }

    .event-infomation .event-infomation-box img,
    .event-view .event-img {
        height: 18rem;
    }

    .btn-pkg-cs {
        width: 100%;
        height: 5.2rem;
        font-size: 1.5rem;
    }

    .btn-pkg-coming-soon {
        width: 100%;
        justify-content: center;
        padding: 1.4rem 0;
        height: 5.2rem;
    }

    .btn-pkg-coming-soon .btn-txt01 {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

    .btn-pkg-coming-soon .btn-txt02 {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-left: 0.8rem;
    }
    .event-detail-2026-wrap .title-sub-area + .text-box{
        margin-top: 2rem !important;
        padding: 2.4rem 2rem;
    }

    .resort-new-styles .commentwarap {
        margin-top: 4.8rem;
        padding: 0 2rem;
    }

    .resort-new-styles .commentwarap .review-tal {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
    .resort-new-styles .commentwarap .review-tal span{
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .resort-new-styles .commentwarap .text-box {
        height: 12.8rem;
    }

    .resort-new-styles .commentwarap .text-box button {
        width: 8.4rem;
        height: 11.2rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .resort-new-styles .commentwarap .review-list {
        margin-top: 2rem;
    }

    .resort-new-styles .commentwarap .review-list li {
        padding: 1.6rem 8.5rem 1.6rem 0;
    }

    .resort-new-styles .commentwarap .review-list li.review-com {
        padding-left: 4rem;
    }

    .resort-new-styles .commentwarap .review-list li .review-writer {
        line-height: 2.2rem;
    }

    .resort-new-styles .commentwarap .review-list li .review-cont {
        line-height: 2.4rem;
    }

    .resort-new-styles .commentwarap .review-list li .review-date {
        line-height: 2.2rem;
    }

    .resort-new-styles .commentwarap .review-list li .review-del .btn.btn-default {
        line-height: 2.2rem;
    }

    .resort-new-styles .commentwarap .mob-list {
        display: block;
        margin-top: 2.4rem;
    }
}

/* 공통 */
.title-area+.event-search-area {
    margin-top: 30px
}

.ep-txt {
    color: #666;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 40px
}

.form-margin {
    margin-top: 3em;
}

.search-box .hidden-box {
    width: 96%;
    display: inline
}

.search-box .checkbox-btn {
    display: none
}

.search-box.rwd.date .search-inner .input-group>.input-group-add:first-child {
    width: 9.2rem;
    white-space: normal;
    vertical-align: top;
    flex-shrink: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: #111111;
}

@media (max-width:767px) {
    .search-box .hidden-box {
        width: 100%;
        display: none
    }

    .search-box .checkbox-btn {
        width: 100%;
        border-bottom: 1px solid #dddddd;
        display: block;
    }

    .search-box .checkbox-btn a {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23111' stroke-linecap='square' stroke-width='1.2' d='m17.153 6.423-7.15 7.15-7.15-7.15'/%3E%3C/svg%3E");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 2rem 2rem;
        display: inline-block;
        position: static;
        width: 100%;
        height: 3rem;
    }

    .search-box .checkbox-btn a.active {
        transform: rotate(-180deg);
    }

    .search-box.rwd.date .search-inner .input-group>.input-group-add:first-child {
        width: 7.2rem;
        white-space: normal;
        vertical-align: top;
    }

    .search-box.rwd.date .input-group-date .input-text {
        padding: .6rem 3rem .6rem 1rem;
        letter-spacing: -0.05em
    }
}

@media (max-width: 767px) {

    /* 공통 */
    .form-margin {
        margin-top: 0;
    }

    /* 상세 텍스트 박스 */
    .event-infomation {
        margin-top: 2.4rem;
        width: 100%;
    }

    .event-view .detail-area .desc-wrap {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .event-view .event-img {
        height: 450px
    }

    .event-view .detail-area .desc-wrap {
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 30px 25px
    }

    .event-view .desc-wrap {
        background: #fbfbfb
    }

    .event-view .detail-area {
        width: 100%;
        position: static;
    }

    .event-view .detail-area .desc-wrap .left {
        float: none;
        width: 100%
    }

    .event-view .detail-area .desc-wrap .right {
        float: none;
        text-align: left;
        width: 100%
    }

    .event-view .detail-area .desc-wrap .right .package {
        float: none;
        text-align: right;
        width: 100%
    }

    .event-view .desc-wrap .tit {
        width: 100%;
        font-size: 26px;
        max-width: 100%;
        margin-top: 10px;
        color: #000000
    }

    .event-view .desc-wrap .txt {
        font-size: 14px;
        line-height: 22px;
        margin-top: .5rem;
        width: 100%;
        color: #666
    }

    .event-view .desc-wrap .txt1 {
        font-size: 16px;
        color: #333;
        font-weight: 700;
        margin-top: 8px
    }

    .event-view .desc-wrap .txt2 {
        font-size: 16px;
        color: #333;
        font-weight: 700;
        margin-top: 8px
    }

    .event-view .desc-wrap .txt3 {
        font-size: 12px;
        color: #5d5346;
        margin-top: 5px
    }

    .event-view .desc-wrap .txt4 {
        font-size: 12px;
        color: #666666;
        margin-top: 5px;
        margin-right: 10px
    }

    .event-view .desc-wrap .txt5 {
        font-size: 12px;
        color: #666;
        margin-top: 5px
    }

    .event-view .desc-wrap .txt5 .st1 {
        display: inline-block;
        width: auto;
        vertical-align: top
    }

    .event-view .desc-wrap .txt5 .date {
        display: inline-block;
        line-height: 1.4em
    }

    .event-view .desc-wrap .txt span {
        font-size: 13px;
        color: #666;
        display: block;
        margin: 5px 0 0 0
    }

    .event-view .desc-wrap .price {
        text-align: right;
        font-size: 16px;
        color: #333;
        margin-top: 25px
    }

    .event-view .desc-wrap .price strong {
        font-size: 32px;
        color: #333;
        margin-top: 15px;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        margin-right: 5px
    }

    .event-view .detail-area .desc-wrap .inner {
        display: block;
        vertical-align: middle;
        height: auto
    }

    .event-view .detail-area .desc-wrap .left .inner {
        width: 100%;
    }

    .event-view .detail-area .desc-wrap .right .inner {
        width: 100%
    }

    .event-infomation-txt {
        color: #000000;
        font-size: 16px;
        line-height: 1.5em;
        margin-top: 25px
    }
}

@media (max-width: 767px) {

    .event-search-area {
        padding: 25px;
        background: #fbfbfb;
        height: auto;
        margin: 0px;
        width: 100%
    }

    .event-search-area .search-tit {
        font-size: 15px;
        color: #333333;
        display: inline-block
    }

    .event-search-area .btn-search {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 116px;
        height: 116px;
        font-size: 18px;
        font-weight: bold;
    }

    .event-search-area .input-area {
        width: 100%
    }

    .event-search-area .section,
    .event-search-area .section2 {
        padding-left: 0px;
        margin-top: 10px
    }

    .event-search-area .check-tit {
        width: 60px;
        font-size: 14px;
        color: #333333;
        display: inline-block;
        vertical-align: top;
    }

    .event-search-area .btn-search {
        position: static;
        width: 100%;
        height: 45px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 0px
    }

    .event-search-area .input-group-date .input-group-add.form .btn.active {
        background: #5a5a5a;
        border-color: #5a5a5a;
        color: #fff;
    }

    .event-search-area .input-group-date .input-text {
        padding: .5rem 3rem .5rem 1rem;
        background: #fff url(../image/icon/ico_datepicker_input.webp) right 1.6rem no-repeat;
        background-size: 2.5rem auto;
        font-size: 12px
    }

    .event-search-area .custom-select .select {
        height: 45px;
        font-size: 14px;
    }

    .event-search-area .input-group.input-lg .custom-select {
        height: 45px;
        font-size: 14px;
    }

    .event-search-area .check-area .check-tit {
        position: absolute;
        left: 0;
        top: 0
    }

    .event-search-area .check-area {
        position: relative;
        padding-left: 62px;
    }

    .event-search-area .check-area .mob-right {
        display: inline-block;
        width: 100%
    }

    .event-search-area .custom-checkbox+.custom-checkbox {
        margin-left: 0
    }

    .event-search-area .custom-checkbox {
        margin-right: 2rem;
    }

    .event-search-area .custom-checkbox:last-child {
        margin-right: 0
    }

    .event-search-area .search-inner {
        position: relative;
        width: 100%;
        padding-right: 0px;
        margin: 0;
    }

    .event-search-area .input-area>div>div {
        margin-bottom: 10px
    }

    .event-infomation .event-infomation-box .btn-bottom-area {
        margin-top: 20px
    }

    .event-infomation .event-infomation-box .event-txt {
        padding: 0px
    }

    .ep-txt {
        font-size: 14px;
        line-height: 1.6em;
        margin-top: 30px
    }
}


@media (max-width: 1279px) {

    .resort-label {
        font-size: 13px;
        color: #fff;
        display: inline-block;
        height: 44px;
        line-height: 44px;
        padding: 0 15px
    }

    /* 게시판 상단 */
    .list-top {
        position: relative;
        width: 100%;
    }

    .list-top .right {
        position: absolute;
        top: 0;
        right: 0;
    }

    .list-top .total {
        /* font-size: 1.3rem;
        color: #333; */
        /* font-size: 1.8rem;
        line-height: 3rem;
        color: #111111; */
    }

    .list-top .total em {
        color: #da291c;
        font-weight: 700
    }

    .list-top .list-select {
        /* position: relative;
        display: inline-block;
        width: auto;
        box-sizing: border-box;
        background: transparent;
        border: 0;
        height: 25px */
    }

    .list-top .list-select .select {
        /* -webkit-appearance: none;
        appearance: none;
        width: auto;
        border: 0;
        padding: 0 1.5rem 0 0;
        height: 1.7rem;
        font-size: 1.3rem;
        border: 0;
        background: none; */
    }

    .list-top .list-select:after {
        /* display: block;
        content: '';
        position: absolute;
        top: .7rem;
        right: 0;
        width: 0px;
        height: 0px;
        border-left: .4rem solid transparent;
        border-right: .4rem solid transparent;
        border-top: .5rem solid #666; */
    }

    /* .event-infomation .event-box {
        margin-top: 2rem;
        padding: 1.6rem 2rem;
        line-height: 2.2rem;
    }

    .event-infomation .event-infomation-box {
        padding: 2.4rem 0;
        border-bottom: 2px solid #ebebeb;
    }

    .event-infomation.event-infomation-2026 .tit {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .event-infomation.event-infomation-2026 .bottom-tit-sub {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 0.8rem;
    }

    .event-infomation.event-infomation-2026 .grid-area-table {
        flex-direction: column-reverse;
    }

    .event-infomation.event-infomation-2026.pkg-infomation-2026 .grid-area-table {
        flex-direction: column;
    }

    .event-infomation.event-infomation-2026 .grid-area-table .event-img {
        width: 100%;
        margin-top: 2rem;
    }

    .event-infomation.event-infomation-2026.pkg-infomation-2026 .grid-area-table .event-img {
        margin-top: 0;
    }

    .event-infomation.event-infomation-2026 .event-infomation-box div:nth-child(even) .event-txt {
        padding-left: 0;
    }

    .event-infomation.event-infomation-2026.pkg-infomation-2026 .event-infomation-box div:nth-child(even) .event-txt {
        margin-top: 2rem;
    }

    .event-infomation.event-infomation-2026 .top-tit-sub {
        margin-bottom: 0.8rem;
    }

    .event-infomation.event-infomation-2026 .event-new-ul {
        margin-top: 1.6rem;
    }

    .event-infomation.event-infomation-2026 .event-new-btn {
        margin-top: 1.6rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .event-infomation.event-infomation-2026 .event-new-btn .btn-txt {
        text-decoration: underline;
        text-underline-offset: 0.4rem;
    }

    .event-infomation.event-infomation-2026 .event-new-btn .ico-arrow-right {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='square' stroke-width='.12em' d='m6.426 17.15 7.148-7.147-7.148-7.148'/%3E%3C/svg%3E");
        background-position: 0 1px;
    }

    .event-infomation.event-infomation-2026 .event-infomation-box .btn-bottom-area {
        margin-top: 2rem;
    } */

    /* 리조트 소식 new */
    .event-list ul li .desc .tit .new {
        font-size: 11px;
    }

    /* 이벤트,패키지 리스트 활성화 버튼 컬러 변경 */
    .roomtype-item .btn_theme:hover {
        border: 1px solid transparent;
        background: #978773;
        color: #fff;
    }

    .roomtype-item .btn_theme:hover span {
        position: relative;
        padding-left: 22px;
    }

    .roomtype-item .btn_theme:hover span:before {
        position: absolute;
        top: 3px;
        left: 0;
        width: 16px;
        height: 13px;
        background: url(../image/icon/ico_button_check.webp)0 0 no-repeat;
        background-size: cover;
        content: "";
    }

    /* 이벤트 상세페이지 표, 이미지 가운데정렬 2019-12-26 */
    .tb-wrap.td_style2.other th,
    .tb-wrap.td_style2.other td {
        padding: 1.4rem .8rem;
    }
}


/********************************
 컨텐츠 :: 마이페이지
 @import url("mypage.css");*********************************/
/* 공통 */
.web-view2 {
    display: inline-block
}

.mob-view2 {
    display: none;
}

.list-top.coupon {
    margin-top: 50px
}

.paging.mt70 {
    margin-top: 70px
}

.mob-br {
    display: inline-block
}

@media (max-width: 767px) {
    .web-view2 {
        display: none;
    }
}

/* 컨텐츠 타이틀 간격 속성 */
.responsive-tit-area {
    position: relative;
    margin-top: 6rem
}

.responsive-tit-area .right-btn {
    position: absolute;
    right: 0;
    top: -5px
}

.responsive-tit-area .right-btn a,
.responsive-tit-area .right-btn .btn {
    margin-left: 5px;
    cursor: pointer
}

.responsive-tit-area .txt1 {
    font-size: 16px;
    color: #333;
    margin-top: 10px
}

.responsive-tit-area .txt2 {
    font-size: 15px;
    color: #666666;
    margin-top: 15px
}

.responsive-tit-area .right {
    position: absolute;
    right: 0;
    bottom: 0
}

/* 마이페이지 메인 박스 */
.mypage-box .btn-arrow {
    position: relative;
    color: #333;
    font-size: 15px;
}

.mypage-box .btn-arrow:after {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    content: '';
    border: solid #333;
    border-width: 0 1px 1px 0;
    margin: -2px 0 0 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.mypage-box {
    background-color: #f5f5f5;
    padding: 3rem 0;
    text-align: center;
    margin-top: 10px
}

.mypage-box .txt1 {
    color: #333333;
    font-size: 24px;
    line-height: 1.4em
}

.mypage-box .txt1 strong {
    color: #000
}

.mypage-box .btn-area {
    margin-top: 15px
}

.mypage-box .btn-area a {
    margin-right: 35px
}

/* 마이페이지 회원권 정보 */
.usage-area {
    border: 1px solid #ddd;
    margin-top: 20px;
    border-bottom: 0
}

.usage-area.line {
    border: 1px solid #ddd
}

.usage-area>div {
    vertical-align: top
}

.usage-area div {
    vertical-align: top
}

.usage-area a {
    vertical-align: top
}

.usage-area:after {
    display: block;
    clear: both;
    content: '';
}

.usage-area>div.left {
    padding: 44px 0px 44px 35px;
    width: 63%;
    float: left;
}

.usage-area>div.right {
    padding: 30px 30px 30px 0px;
    width: 37%;
    float: right
}

/* 마이페이지 사용량 그래프 */
.graph-txt {
    font-size: 13px;
    color: #666666
}

:lang(en) .graph-txt {
    font-size: 12px;
    color: #666666
}

.graph-txt .dot {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: -3px
}

.graph-txt .graph-color1 {
    background: #555
}

.graph-txt .graph-color2 {
    background: #888;
}

.graph-txt .graph-color3 {
    background: #bbb;
}

.graph-txt .graph-color4 {
    background: #ddd;
}

.graph-txt li {
    width: 166px;
    height: 20px
}

.graph:after {
    display: block;
    clear: both;
    content: '';
}

.graph-type1 {
    background: #555;
    display: inline-block;
    height: 36px
}

.graph-type2 {
    background: #888;
    display: inline-block;
    height: 36px
}

.graph-type3 {
    background: #bbb;
    display: inline-block;
    height: 36px
}

.graph-type4 {
    background: #ddd;
    display: inline-block;
    height: 36px
}

.graph-entire {
    text-align: center;
    color: #666666;
    font-size: 15px
}

.graph-entire .txt {
    display: inline-block;
    background: #fff;
    padding: 0 15px
}

.graph-entire .position {
    display: block;
    margin-top: -10px;
    height: 30px;
    position: relative;
}

.graph-entire .line {
    height: 1px;
    display: block;
    background: #ddd;
    position: relative;
}

.graph-entire .line:before {
    content: '';
    border-left: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: -5px;
    height: 12px;
    width: 1px
}

.graph-entire .line:after {
    content: '';
    border-left: 1px solid #ddd;
    position: absolute;
    right: -1px;
    top: -5px;
    height: 12px;
    width: 1px
}

.graph-remain {
    text-align: center;
    color: #666666;
    font-size: 15px;
    display: inline-block;
    float: right;
    margin-top: 25px
}

.graph-remain .txt {
    display: inline-block;
    background: #fff;
    padding: 0 15px
}

.graph-remain .position {
    display: block;
    margin-top: -10px;
    height: 30px;
    position: relative;
}

.graph-remain .line {
    height: 1px;
    display: block;
    background: #ddd;
    position: relative;
}

.graph-remain .line:before {
    content: '';
    border-left: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: -5px;
    height: 12px;
    width: 1px
}

.graph-remain .line:after {
    content: '';
    border-left: 1px solid #ddd;
    position: absolute;
    right: -1px;
    top: -5px;
    height: 12px;
    width: 1px
}

/* 마이페이지 회원권 정보 */
.usage-area .usage-btn li a {
    display: inline-block;
    width: 111px;
    height: 78px
}

.usage-area .usage-btn ul:after {
    display: block;
    clear: both;
    content: '';
}

.usage-area .usage-btn li {
    float: left;
    text-align: center;
    position: relative;
    margin-left: 30px
}

.usage-area .usage-btn li:first-child {
    margin-left: 0
}

.usage-btn li .ico-area {
    position: relative;
    display: inline-block;
    width: 113px;
    height: 58px
}

.usage-btn li .ico1 {
    background: url(../image/icon/ico_maypage1.webp) no-repeat center;
    background-size: 35px auto;
}

.usage-btn li .ico1_1 {
    background: url(../image/icon/ico_maypage1_1.webp) no-repeat center;
    background-size: 32px auto;
}

.usage-btn li .ico2 {
    background: url(../image/icon/ico_maypage2.webp) no-repeat center;
    background-size: 38px auto;
}

.usage-btn li .ico3 {
    background: url(../image/icon/ico_maypage3.webp) no-repeat center;
    background-size: 44px auto;
}

.usage-btn li .ico5 {
    background: url(../image/icon/ico_maypage5.webp) no-repeat center;
    background-size: 34px auto;
}

.usage-btn li .ico6 {
    background: url(../image/icon/ico_maypage6.webp) no-repeat center;
    background-size: 38px auto;
}

.usage-btn li .num {
    background: #da291c;
    padding: 0 10px;
    height: 22px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    top: -2px;
    right: 20px;
    border-radius: 20px;
    font-family: 'Lato', sans-serif;
}

.usage-btn li .txt {
    font-size: 15px;
    color: #000
}

.usage-area2 {
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 40px 0;
    margin-top: 10px
}

/*etb00 0426 .usage-area2 li { width:18%; display:inline-block; vertical-align:top } */
.usage-area2 li {
    width: 15%;
    display: inline-block;
    vertical-align: top
}

.usage-area2 .usage-btn {
    display: flex;
    justify-content: center;
}

.img.activyty .text-box p {
    font-size: 16px;
}

/*etb00 0426 */
.usage-area2 .usage-btn li a {
    display: inline-block;
    width: 113px;
    height: 78px;
    position: relative
}

.usage-area .btn {
    margin-left: 10px
}

:lang(en) .usage-area .btn {
    margin-right: 10px;
    margin-left: 0
}

.usage-bottom .graph-area:after {
    display: block;
    clear: both;
    content: '';
}

.usage-bottom>div>div {
    display: inline-block;
    float: left;
    display: inline-block
}

.usage-bottom .text {
    font-size: 19px;
    width: 260px;
    margin-top: 30px
}

.usage-bottom .st1 {
    font-size: 15px
}

.graph-area {
    margin-top: 40px
}

.usage-bottom {
    padding: 40px 40px;
    background: #fbfbfb;
    height: 264px;
    ;
    border: 1px solid #ddd;
    border-top: 0
}

.usage-bottom .remain {
    color: #da291c;
    font-weight: 700;
    margin-left: 3px
}

.usage-bottom .entire {
    color: #333333;
    font-weight: 700
}

.usage-bottom .graph {
    width: 560px;
}

.usage-bottom .graph-txt {
    width: 340px;
    margin-left: 35px
}

.usage-bottom .graph-txt:after {
    display: block;
    clear: both;
    content: '';
}

.usage-bottom .graph-txt li {
    float: left;
    width: 50%;
    margin-top: 10px
}

.usage-bottom .graph-bg:after {
    display: block;
    clear: both;
    content: '';
}

.usage-bottom .graph-bg {
    background: #dddddd;
    width: 100%;
    height: 36px;
    position: relative
}

.usage-bottom .graph-bg span {
    float: left
}

.usage-area .custom-select {
    position: relative;
    display: inline-block;
    width: 55%;
    height: 40px;
    box-sizing: border-box;
    border-radius: 0;
    background: #fff url(../image/btn/btn_select_arrow.webp) no-repeat right 1.7rem;
    background-size: 3.2rem .7rem;
}

/* 20241105 마이페이지 회원탈퇴, 회원정보수정, 회원인증, 비밀번호 변경 버튼 */
/* pc */
.mypage-btn-box {
    position: relative;
    margin-top: 5rem;
}

.mypage-btn-box .btn-area {
    display: flex;
    padding: 2rem 0;
    justify-content: flex-end;
    align-items: center;
}

.mypage-btn-box .btn-area .mypage-btn {
    width: 10rem;
    font-size: 12px;
}

.mypage-btn-box .btn-area .mypage-btn span {
    color: #030303;
    line-height: 1.25;
}

.mypage-btn-box .btn-area .mypage-btn::after {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    content: '';
    border: solid #333;
    border-width: 0 1px 1px 0;
    margin: 2px 0px 3px 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


/* 모바일 */
@media (max-width:1024px) {
    .mypage-btn-box {
        margin-top: 0rem;
    }

    .mypage-btn-box .btn-area {
        justify-content: center;
        background-color: #eee;
    }

    .mypage-btn-box .btn-area .mypage-btn {
        flex-basis: 30%;
    }

    .mypage-btn-box .btn-area .mypage-btn::after {
        display: none
    }

    .mypage-btn-box .btn-area .mypage-btn span {
        color: #777;
    }
}



/* 마이페이지 호텔 리워즈 정보 */
.rewards-list {
    padding: 25px 30px 25px 40px;
    border: 1px solid #ddd;
    margin-top: 20px
}

.rewards-list .desc {
    text-align: center;
}

.rewards-list li {
    font-size: 14px;
    padding-left: 25px;
    border-left: 1px solid #ebebeb;
}

.rewards-list li:first-child {
    padding-left: 0;
    border-left: 0;
}

.rewards-list p {
    font-size: 15px;
    color: #666666
}

.rewards-list strong {
    display: block;
    font-weight: 700;
    color: #333333;
    font-size: 18px;
    margin-top: 7px
}

.btn-bottom-area>.btn.full-btn {
    margin: 0;
    width: 100%;
    height: 50px;
    font-size: 16px
}

/* 멤버쉽카드 레이어팝업*/
.membership-card {
    text-align: center
}

.membership-card img {
    max-width: 100%;
}

.membership-card.mt24 {
    margin-top: 24px
}

.code-number {
    text-align: center;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    margin-top: 8px;
    font-weight: 800;
    color: #333
}

/* 마이페이지 쿠폰 사용권 */
.coupon-area {
    margin-top: 20px;
    width: 100%
}

.coupon-area a:nth-child(even) {
    margin-left: 17px
}

.coupon-area a {
    margin-top: 15px
}

.coupon-box {
    padding: 8px;
    display: inline-block;
    width: 630px;
    height: 210px
}

.coupon-box .inner {
    border: 1px solid #A4A4A4;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 194px;
    width: 614px;
    position: relative
}

.coupon-box .inner .txt1 {
    font-size: 12px;
    text-decoration: underline;
    display: block
}

.coupon-box .inner .txt2 {
    font-size: 36px;
    margin-top: 10px;
    display: block
}

.coupon-box .inner .txt3 {
    font-size: 19px;
    margin-top: 10px;
    display: block
}

.coupon-box .inner .txt4 {
    font-size: 13px;
    margin-top: 20px;
    display: block
}

.coupon-complete {
    background: url(../image/bg/bg_coupon.webp) no-repeat;
    display: inline-block;
    width: 85px;
    height: 85px;
    text-align: center;
    font-size: 19px;
    color: #fff;
}

.coupon-complete span {
    display: table-cell;
    height: 85px;
    width: 85px;
    text-align: center;
    vertical-align: middle;
}

.coupon-box .inner .coupon-complete.position1 {
    position: absolute;
    top: 7px;
    right: 7px
}

.coupon-box .inner .coupon-complete.position2 {
    position: absolute;
    bottom: 7px;
    right: 7px
}

.pop-txt-box .inner-box2 {
    padding: 30px;
    line-height: 1.5em;
    color: #666666;
    position: relative
}

.pop-txt-box .inner-box2 li {
    line-height: 1.8em
}

.pop-txt-box .barcode {
    text-align: center
}

.pop-txt-box .barcode-num {
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    text-align: center
}

.coupon-pop-complete {
    background: url(../image/img/img_barcode_c.webp) no-repeat center top;
    text-align: center;
    padding: 20px 0;
}

.webpt-coupon {
    font-size: 20px;
    color: #fff;
    margin-top: 15px
}

.webpt-coupon .name {
    margin-right: 3px
}

.webpt-coupon .txt1:before {
    display: inline-block;
    margin-right: 6px;
    width: 1px;
    height: 12px;
    background: #fff;
    content: "";
}

.webpt-coupon .txt2 {
    font-size: 18px;
    color: #d4d4d4;
    margin-left: 5px
}

.send-btn {
    width: 120px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    background: #fff;
    margin-top: 20px
}

.coupon-li {
    line-height: 1.7em;
    vertical-align: top
}

.coupon-li .left {
    display: inline-block;
    width: 100px;
    vertical-align: top
}

.coupon-li .right {
    display: inline-block;
    vertical-align: top
}

.coupon-btn.btn-bottom-area .btn-lg {
    width: 300px
}

.coupon-btn.btn-bottom-area .btn-xlg {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    min-width: 14rem;
}

.coupon-tb th {
    vertical-align: top
}

.coupon-tb th,
.coupon-tb td {
    line-height: 1.5em
}

.pop-txt-box.coupon {
    padding: 30px;
    text-align: left
}

.pop-txt-box.coupon .txt1 {
    font-size: 14px;
    ;
    margin-top: 10px
}

.pop-txt-box.coupon .red {
    color: #d73f3f
}

.pop-txt-box.coupon .popup-content-tit2+.grid-area {
    margin-top: 20px
}

/* 회원권 정보 이미지, 테이블 */
.coupon-members:after {
    display: block;
    clear: both;
    content: '';
}

.coupon-members {
    position: relative;
    padding-left: 510px;
    width: 100%
}

.coupon-members .left {
    width: 486px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 30px;
    background: #f5f5f5;
    height: 100%;
    min-height: 344px
}

.coupon-members .right {
    width: 100%;
}

.coupon-member-img {
    margin-top: 15px;
    height: 426px;
    height: 242px;
    background: url(../image/bg/bg_room_none.webp) no-repeat
}

.coupon-member-img img {
    width: 426px;
}

.tb-wrap.all-border .bold {
    font-weight: 800;
    color: #333333
}

.member-select-txt {
    display: inline-block;
    float: left
}

.members-group>div {
    display: inline-block;
    margin-top: 40px
}

.members-group>.txt-area {
    font-size: 15px;
    color: #666666;
    margin-left: 15px
}

.members-group>.txt-area .penalty:before {
    display: inline-block;
    margin-right: 6px;
    width: 1px;
    height: 12px;
    background: #b4b4b4;
    content: "";
    margin-left: 6px
}

.members-group>.txt-area .score {
    color: #d73f3f;
    margin-left: 5px;
    font-weight: 800
}

.penalty-tb table td,
.penalty-tb table th {
    text-align: center
}

.penalty-tb table .link {
    text-decoration: underline;
    color: #000000;
    font-weight: 800
}

.penalty-tb .st1 {
    color: #000000
}

.list-top.txt .total {
    display: inline-block
}

.list-top.txt .txt1 {
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    line-height: 1.4em
}

.list-top.txt .txt1.red {
    color: #d73f3f
}

.search-box.rwd .input-group-add.form.btn-month .btn-lg {
    width: 32%
}

.search-box.rwd .input-group-add.form.btn-month .btn.active {
    background: #5a5a5a;
    border-color: #5a5a5a;
    color: #fff;
}

.coror-mt {
    margin-top: 40px;
}

.pop-txt-box.coupon .inner {
    max-width: 700px;
    margin: 0 auto;
}

:lang(en) .mob-btn-col2 {
    display: block;
    margin-top: 10px;
    margin-left: 0px
}

@media (max-width:1300px) {
    .coupon-area {
        margin-top: 20px;
        text-align: center;
    }

    .coupon-area a:nth-child(even) {
        margin-left: 0
    }

    .coupon-area a {
        margin-top: 10px
    }
}

@media (min-width:1025px) and (max-width: 1279px) {

    /* 마이페이지 사용량 그래프 */
    .usage-area>div.left {
        padding: 44px 0px 44px 35px;
        width: 65%;
        float: left;
    }

    .usage-area>div.right {
        padding: 30px 30px 30px 0px;
        width: 34%;
        float: right
    }

    .usage-area .usage-btn li a {
        display: inline-block;
        width: 80px;
        height: 78px
    }

    .usage-area .usage-btn ul:after {
        display: block;
        clear: both;
        content: '';
    }

    .usage-area .usage-btn li {
        float: left;
        text-align: center;
        position: relative;
        margin-left: 20px
    }

    .usage-area .usage-btn li:first-child {
        margin-left: 0
    }

    .usage-area .usage-btn li .ico-area {
        display: inline-block;
        ;
        width: 68px;
        height: 58px;
        text-align: center
    }

    .usage-area .usage-btn li .txt {
        font-size: 13px;
        color: #000
    }

    .usage-area .usage-btn li .num {
        background: #da291c;
        height: 18px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 8px;
        border-radius: 20px
    }

    .usage-bottom {
        padding: 40px 40px;
        background: #fbfbfb;
        height: auto;
        ;
        border: 1px solid #ddd;
        border-top: 0
    }

    .usage-bottom .text {
        font-size: 20px;
        width: 100%;
        margin-top: 0px
    }

    .usage-bottom .graph {
        width: 560px;
        margin-top: 30px
    }

    .usage-bottom .graph-txt {
        width: 325px;
        margin-left: 50px;
        margin-top: 30px
    }
}


@media (max-width: 1279px) {
    .responsive-tit-area .right-btn {
        position: static;
        text-align: left;
        margin-top: 10px
    }

    .btn-bottom-area>.btn.full-btn {
        margin: 0;
        width: 100%;
        height: 50px;
        font-size: 15px
    }

    .mob-line {
        display: block
    }

    .usage-area {
        padding: 0px
    }

    .usage-area>div.left {
        padding: 0;
        width: 100%;
        float: none;
    }

    .usage-area>div.right {
        padding: 0;
        width: 100%;
        float: none;
        height: 100px;
        margin-top: 20px
    }

    .usage-area>.left>div>span,
    .usage-area>.left>div>div {
        margin-bottom: 10px;
        display: block
    }

    .mob-br {
        display: block
    }

    /* 마이페이지 메인컨텐츠 */
    .usage-area .usage-btn li a {
        display: inline-block;
        width: 100px;
        height: 78px
    }

    .usage-area .usage-btn ul:after {
        display: block;
        clear: both;
        content: '';
    }

    .usage-area .usage-btn li {
        float: left;
        text-align: center;
        position: relative;
        margin-left: 0px
    }

    .usage-area .usage-btn li:first-child {
        margin-left: 0
    }

    .usage-area .custom-select {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border-radius: 0;
        background: #fff url(../image/btn/btn_select_arrow.webp) no-repeat right 1.7rem;
        background-size: 3.2rem .7rem;
    }

    .usage-area .input-btn {
        width: 100%;
        display: block;
        text-align: center;
        text-align: left
    }

    .usage-area .input-group.input-lg .input-group-add.txt {
        font-size: 1.4rem;
        vertical-align: top
    }

    .usage-area .input-group {
        position: relative;
        width: 100%;
        display: block;
        border-collapse: separate;
    }

    .usage-area2 {
        width: 100%;
        text-align: center;
        border: 0;
        padding: 20px 0;
        margin-top: 10px
    }

    .usage-area2 li {
        width: 18%;
        height: 50px;
        ;
        display: inline-block
    }

    .usage-area2 .usage-btn li a {
        display: flex;
        width: 111px;
        height: 78px;
        align-items: center;
        justify-content: center;
    }

    /* 마이페이지 메인버튼 */
    .usage-btn li:first-child:before {
        display: none
    }

    .usage-btn li:before {
        display: inline-block;
        width: 1px;
        height: 18px;
        background: #ddd;
        content: "";
        position: absolute;
        left: 0;
        top: 20px
    }

    .usage-btn li {
        position: relative
    }

    .usage-btn li .ico1 {
        background-size: 28px auto;
    }

    .usage-btn li .ico1_1 {
        background-size: 28px auto;
    }

    .usage-btn li .ico2 {
        background-size: 32px auto;
    }

    .usage-btn li .ico3 {
        background-size: 34px auto;
    }

    .usage-btn li .ico6 {
        background: url(../image/icon/ico_maypage6_mo.webp) no-repeat center;
        background-size: 34px auto;
    }

    .usage-btn li .ico-area {
        display: inline-block;
        ;
        width: 30%;
        height: 58px;
        max-width: 45px;
    }

    .usage-btn li .num {
        background: #da291c;
        height: 18px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 17px;
        border-radius: 20px
    }

    .usage-btn li .txt {
        font-size: 13px;
        color: #000;
        display: block
    }

    .usage-btn {
        text-align: center;
        margin: 0 -20px;
    }

    .usage-area2 .usage-btn {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .usage-btn li {
        float: none;
        display: inline-block;
        width: 32%
    }

    .usage-btn li a {
        display: inline-block;
        width: 88px;
        height: 78px;
        position: relative;
        text-align: center
    }

    .usage-area {
        border: 0;
        margin-top: 30px;
        border-bottom: 0
    }

    .usage-area .mob-btn-col1>a {
        margin: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        line-height: 38px;
        margin-left: 0
    }

    .mob-btn-col2 {
        width: 100%
    }

    .mob-btn-col2>a {
        margin: 0px;
        width: 49%;
        display: inline-block;
        height: 40px;
        line-height: 38px
    }

    .input-group.input-lg .mob-btn-col2 .btn {
        height: 35px;
        line-height: 33px
    }

    .mob-btn-col2>a:first-child {
        margin: 0 0.5% 0 0
    }

    .mob-btn-col2>a:last-child {
        margin: 0 0 0 0.5%
    }

    :lang(en) .mob-btn-col2>a {
        margin: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        line-height: 38px;
        margin-bottom: 5px
    }

    :lang(en) .mob-btn-col2>a:first-child {
        margin: 0 0 5px 0
    }

    :lang(en) .mob-btn-col2>a:last-child {
        margin: 0 0 5px 0
    }

    .graph-area {
        margin-top: 20px
    }

    .graph-txt .dot {
        width: 12px;
        height: 12px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: -2px
    }

    .usage-bottom {
        padding: 0px;
        background: #fff;
        border: 0;
        border-top: 0;
        margin-top: 20px;
        height: auto
    }

    .usage-bottom .text {
        margin-top: 0px
    }

    .usage-bottom .graph {
        width: 100%;
        margin-top: 30px
    }

    .usage-bottom .text {
        font-size: 16px;
        width: 100%;
        margin-top: 0px
    }

    .responsive-tit-area .right-btn a,
    .responsive-tit-area .right-btn .btn {
        margin-bottom: 5px;
        margin-left: 0
    }

    .responsive-tit-area {
        position: relative;
        margin-top: 30px;
    }

    .usage-bottom .graph-txt {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px
    }

    .usage-bottom .graph-txt:after {
        display: block;
        clear: both;
        content: '';
    }

    .usage-bottom .graph-txt li {
        float: left;
        width: 50%;
        margin-top: 10px;
        font-size: 13px
    }

    .usage-bottom .graph-bg:after {
        display: block;
        clear: both;
        content: '';
    }

    .usage-bottom .graph-bg {
        background: #dddddd;
        width: 100%;
        height: 36px;
        position: relative
    }

    .usage-bottom .graph-bg span {
        float: left
    }

    /* 회원리워즈 리스트 */
    .rewards-list p {
        font-size: 13px;
        color: #666666;
        display: inline-block;
        width: 50%;
        text-align: left
    }

    .rewards-list strong {
        display: inline-block;
        font-weight: 700;
        color: #333333;
        font-size: 13px;
        margin-top: 0px;
        width: 45%;
        text-align: left
    }

    .rewards-list {
        padding: 15px 0;
        border: 0;
        border-top: 1px solid #ddd;
        margin-top: 10px;
        border-bottom: 1px solid #ddd;
    }

    .rewards-list .desc {
        text-align: center;
    }

    .rewards-list li {
        padding-left: 0px;
        border-left: 0;
        line-height: 1.6em
    }

    .rewards-list li:first-child {
        padding-left: 0;
        border-left: 0;
    }

    .graph-entire .txt {
        font-size: 13px
    }

    .usage-bottom .inner-tab {
        padding: 0
    }

    .members-group>div {
        display: inline-block;
        margin-top: 20px
    }

    .members-group>.txt-area {
        font-size: 13px;
        color: #666666;
        margin-left: 0px;
        display: block
    }

    .members-group>.txt-area .penalty:before {
        display: inline-block;
        margin-right: 6px;
        width: 1px;
        height: 12px;
        background: #b4b4b4;
        content: "";
        margin-left: 6px
    }

    .members-group>.txt-area .score {
        color: #d73f3f;
        margin-left: 5px;
        font-weight: 800
    }

    .search-box.rwd .input-group-add.form.btn-month {
        margin-left: 82px
    }

    .search-box.rwd .input-group-add.form.btn-month .btn-lg {
        width: 62px;
        height: 33px;
        margin-top: 0px;
        line-height: 33px;
    }

    /*컨텐츠타이블영역 속성*/
    .responsive-tit-area .txt1 {
        font-size: 14px;
        color: #333;
        margin-top: 10px
    }

    .responsive-tit-area .right {
        position: static;
        text-align: right;
        margin-top: 5px
    }

    .responsive-tit-area .txt2 {
        font-size: 13px;
        color: #666666;
        margin-top: 10px;
        line-height: 1.5em
    }

    .m-w80 {
        min-width: 80px
    }
}

@media (max-width: 1279px) {

    /* 마이페이지 메인 박스 */
    .mypage-box {
        padding: 2rem 2rem 1rem 2rem;
        text-align: left;
        margin-top: 10px;
        margin: 0 -25px;
        margin-top: 0px;
        background: url(../image/bg/bg_mypage_mob.webp) center bottom no-repeat;
        background-size: cover;
        position: relative;
        min-height: 175px;
    }

    .mypage-box .txt1 {
        color: #fff;
        font-size: 22px;
        text-align: center
    }

    .mypage-box .txt1 strong {
        color: #fff;
        line-height: 1.5em
    }

    .mypage-box .mob-line.f13 {
        font-size: 13px
    }

    .mypage-box .btn-area {
        margin-top: 50px;
        font-size: 13px;
        text-align: left
    }

    .mypage-box .btn-area a {
        color: #fff;
        width: 100%;
        margin: 0;
        vertical-align: top;
        text-align: center;
        display: inline-block;
        text-decoration: none
    }

    /* 2019-12-09 L.Plus 회원인증 수정 */
    .mypage-box .btn-area.col2 a {
        width: 49%;
    }

    .mypage-box .btn-area.col3 a {
        width: 32.6%;
    }

    .mypage-box .btn-area.col4 a {
        width: 24.4%;
    }

    .mypage-box .btn-arrow {
        position: relative;
        color: #333;
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 1.4em
    }

    .mypage-box .mob-br2 {
        display: block
    }

    .mypage-box .btn-area a.icon1 {
        background: url(../image/icon/icon_mg01.webp) center top no-repeat;
        padding-top: 40px
    }

    .mypage-box .btn-area a.icon2 {
        background: url(../image/icon/icon_mg02.webp) center top no-repeat;
        padding-top: 40px
    }

    .mypage-box .btn-area a.icon3 {
        background: url(../image/icon/icon_mg03.webp) center top no-repeat;
        padding-top: 40px
    }

    .mypage-box .btn-area a.icon4 {
        background: url(../image/icon/icon_mg04.webp) center top no-repeat;
        padding-top: 40px
    }

    /* 2019-12-09 L.Plus 회원인증 추가 */
    .mypage-box .btn-area a.icon5 {
        background: url(../image/icon/icon_mg05.webp) center top no-repeat;
        padding-top: 40px
    }

    /* 2019-12-09 L.Plus 회원인증 추가 */
    .mypage-box .btn-arrow:after {
        display: none
    }

    .responsive-tit-area .right-btn {
        position: static;
        text-align: left;
        margin-top: 10px
    }

    .input-btn {
        display: block
    }

    .usage-area {
        border-top: 1px solid #ebebeb;
        margin-top: 20px;
        padding-top: 19px
    }

    .right-btn .btn.ico-down {
        padding: 0 5px
    }

    .right-btn .btn-md {
        padding: 0 5px
    }

    .pop-txt-box.coupon {
        padding: 20px 0px 30px;
        text-align: left
    }

    .pop-txt-box.coupon .txt1 {
        font-size: 12px;
        color: #d73f3f;
        margin-top: 10px
    }

    .pop-txt-box.coupon .popup-content-tit2+.grid-area {
        margin-top: 10px
    }

    .pop-txt-box.coupon .colum {
        margin-top: 10px
    }

    /* 공통 */
    .mob-view2 {
        display: inline-block
    }

    .list-top.txt .total {
        display: none
    }

    .list-top.txt .txt1 {
        font-size: 12px;
        display: inline-block;
        margin-left: 0px
    }

    .list-top.txt .txt1.red {
        color: #d73f3f
    }

    /* 회원권 정보 상단 이미지, 컨텐츠 */
    .coupon-members:after {
        display: block;
        clear: both;
        content: '';
    }

    .coupon-members {
        position: relative;
        margin: 0;
        padding: 0
    }

    .coupon-members .right.mt-cnt2 {
        margin-top: 0
    }

    .coupon-members .left {
        width: auto;
        position: static;
        padding: 20px 30px;
        background: #fbfbfb;
        height: 100%;
        margin: 0 -25px;
        min-height: auto
    }

    .coupon-members .right {
        width: 100%;
        float: none
    }

    .coupon-members .right>div {
        border-top: 0
    }

    .coupon-member-img,
    .coupon-member-img img {
        display: none
    }

    .coupon-members .input-group.input-lg .input-group-add.txt {
        padding: 0;
        width: 100%;
        white-space: normal;
        vertical-align: middle;
        display: block
    }

    .coupon-members .input-select.custom-select {
        display: block;
        margin-top: 10px
    }

    .coupon-btn.btn-bottom-area {
        padding: 0
    }

    .coupon-btn.btn-bottom-area .btn-xlg {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
        min-width: auto;
    }

    .tb-responsive.penalty-tb {
        padding: 0
    }

    .penalty-tb table td,
    .penalty-tb table th {
        text-align: left
    }

    .penalty-tb table tr {
        border-bottom: 1px solid #dddddd;
        padding: 10px 0
    }

    .penalty-tb table tr:last-child {
        border-bottom: 0;
    }

    .list-top.coupon {
        margin-top: 20px
    }

    /* 쿠폰박스 속성 */
    .coupon-box {
        padding: 5px;
        display: inline-block;
        width: 100%;
        height: auto
    }

    .coupon-box .inner {
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        width: 100%;
        height: auto;
        min-height: 126px;
        vertical-align: middle;
        display: block;
        padding: 15px
    }

    .coupon-box .inner .txt1 {
        font-size: 10px;
        text-decoration: underline;
        display: block
    }

    .coupon-box .inner .txt2 {
        font-size: 21px;
        margin-top: 10px;
        display: block
    }

    .coupon-box .inner .txt3 {
        font-size: 12px;
        margin-top: 6px;
        display: block
    }

    .coupon-box .inner .txt4 {
        font-size: 11px;
        margin-top: 12px;
        display: block
    }

    .coupon-btn.btn-bottom-area .btn-lg {
        width: 160px
    }

    .coupon-btn.btn-bottom-area .btn-lg2 {
        width: 120px;
        height: 44px;
        line-height: 44px
    }

    .send-btn {
        width: 120px;
        height: 42px;
        line-height: 42px;
        display: inline-block;
        font-size: 15px;
        color: #333333;
        text-align: center;
        background: #fff;
        margin-top: 20px
    }

    .coupon-li {
        line-height: 1.7em;
    }

    .coupon-li .left {
        display: inline-block;
        width: 30%
    }

    .coupon-li .right {
        display: inline-block;
        width: 68%
    }

    .coupon-tb.tb-responsive th {
        vertical-align: top;
        background: #fff
    }

    .pop-txt-box .inner-box2 {
        padding: 15px;
        line-height: 1.5em;
        color: #666666;
        position: relative
    }

    .pop-txt-box .barcode {
        text-align: center
    }

    .pop-txt-box .barcode img {
        max-width: 280px
    }

    .pop-txt-box .barcode-num {
        font-size: 14px;
        color: #333333;
        margin-top: 10px;
        text-align: center
    }

    .coupon-pop-complete {
        background: #3d3d3d url(../image/img/img_barcode_m_c.webp) no-repeat center top;
        text-align: center;
        padding: 20px 0;
    }

    .coupon-complete {
        background: url(../image/bg/bg_coupon.webp) no-repeat;
        display: inline-block;
        width: 51px;
        height: 51px;
        text-align: center;
        font-size: 11px;
        color: #fff;
        background-size: 51px 51px
    }

    .coupon-complete span {
        width: 51px;
        height: 51px;
        text-align: center;
        display: table-cell;
        vertical-align: middle
    }

    .coupon-pop-complete .coupon-complete {
        background: url(../image/bg/bg_coupon.webp) no-repeat;
        display: inline-block;
        width: 85px;
        height: 85px;
        text-align: center;
        font-size: 19px;
        color: #fff;
    }

    .coupon-pop-complete .coupon-complete span {
        display: table-cell;
        height: 85px;
        width: 85px;
        text-align: center;
        vertical-align: middle;
    }

    .webpt-coupon {
        font-size: 20px;
        color: #fff;
        margin-top: 15px
    }

    .webpt-coupon .name {
        margin-right: 3px
    }

    .webpt-coupon .txt1:before {
        display: inline-block;
        margin-right: 6px;
        width: 1px;
        height: 12px;
        background: #fff;
        content: "";
    }

    .webpt-coupon .txt2 {
        font-size: 18px;
        color: #d4d4d4;
        margin-left: 5px
    }

    .inner-tab.coupon {
        padding-left: 0
    }

    .coror-mt {
        margin-top: 0px;
    }

    .usage-area.line {
        border: 0;
        border-top: 1px solid #ddd
    }
}

/********************************
 컨텐츠 :: 고객센터
 @import url("customer.css");*********************************/
/*공통*/
.base-txt {
    /* font-size: 1.4rem; */
    font-size: 1.6rem;
    color: #666666;
}

/* FAQ 리스트 */
.list-top+.faq-list {
    margin-top: 20px
}

.faq-list>ul {
    border-top: 1px solid #333333
}

.faq-list>ul>li {
    border-bottom: 1px solid #eeeeee;
}

.faq-list>ul>li>div {
    position: relative;
}

.faq-list .question a {
    font-size: 16px;
    color: #333333;
    font-weight: 800;
    display: block;
    padding: 30px 100px 30px 108px;
}

.faq-list .question {
    background: url('../image/btn/btn_fold3.webp') no-repeat 98% 35px
}

.faq-list .answer {
    padding: 50px 100px 50px 108px;
    font-size: 16px;
    background: #fbfbfb;
    display: none;
    line-height: 1.4em
}

.faq-list li.active .question {
    background: url('../image/btn/btn_unfold3.webp') no-repeat 98% 35px;
}

.faq-list .icon {
    position: absolute;
    left: 48px;
    font-family: 'Lato', sans-serif;
    border-radius: 50%;
    text-align: center;
    padding-top: 7px;
    width: 37px;
    height: 37px;
    font-weight: 800;
}

.faq-list .question .icon {
    top: 22px;
    border: 1px solid #eeeeee;
    font-size: 15px;
    color: #999;
    background: #fff;
}

.faq-list .answer .icon {
    top: 44px;
    font-size: 15px;
    color: #fff;
    background: #da291c;
}

.faq-list li.active .question .icon {
    color: #da291c
}

/*고객의 소리 등록완료 박스*/
.customer-box {
    padding: 4rem 0;
    background: #f5f5f5;
    text-align: center;
    margin-top: 6rem
}

.customer-box .txt1 {
    font-size: 3rem;
    color: #000;
}

.customer-box .txt2 {
    font-size: 1.8rem;
    color: #333;
    line-height: 3rem
}

.customer-box .txt1+.txt2 {
    margin-top: 0.8rem;
}

/* 제공서비스 */
.customer-list {
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px
}

.customer-list li {
    font-size: 15px;
    line-height: 1.6;
}

.customer-list li>.ico-customer {
    display: block;
    width: 102px;
    height: 102px;
}

.customer-list li>.desc .tit {
    font-size: 18px;
    color: #5d5346;
}

.customer-list li>.desc .tit+p {
    margin-top: 5px;
}

.customer-list li p {
    word-break: keep-all;
    color: #333333
}

.customer-list li>.ico-customer.list-01 {
    background: url('../image/icon/ico_customer1.webp') no-repeat
}

.customer-list li>.ico-customer.list-02 {
    background: url('../image/icon/ico_customer2.webp') no-repeat
}

.customer-list li>.ico-customer.list-03 {
    background: url('../image/icon/ico_customer3.webp') no-repeat
}

/* 고객자료실 리스트 */
.list-container-wrap .title2 {
    padding-left: 1rem;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-container-wrap>ul>li {
    position: relative
}

.list-container-wrap .branch2 {
    font-size: 14px
}

.list-header-wrap .branch2,
.list-container-wrap .branch2 {
    width: 13%;
}

.list-header-wrap .title2,
.list-container-wrap .title2 {
    width: 68%;
}

.list-header-wrap .down,
.list-container-wrap .down {
    width: 16%;
}

/* @media (max-width: 1279px) { */
@media (max-width: 767px) {

    /* 고객자료실 리스트 */
    .list-header-wrap .branch2,
    .list-container-wrap .branch2 {
        width: 64%;
        padding-left: 0
    }

    .list-header-wrap .title2,
    .list-container-wrap .title2 {
        width: 64%;
        padding-left: 0
    }

    .list-header-wrap .down,
    .list-container-wrap .down {
        width: auto
    }

    .list-container-wrap .down {
        position: absolute;
        top: 12px;
        right: 10px
    }

    .list-container-wrap .branch2 {
        font-size: 12px
    }

    .base-txt {
        font-size: 1.2rem
    }

    /* 제공서비스 */
    .customer-list li {
        position: relative;
        font-size: 1.4rem;
        line-height: 1.6;
        overflow: hidden;
        min-height: 8.2rem;
        margin-top: 3rem;
    }

    .customer-list li:first-child {
        margin-top: 0;
    }

    .customer-list li>.ico-customer {
        position: absolute;
        top: 50%;
        left: 2.5rem;
        width: 8.2rem;
        height: 8.2rem;
        margin-top: -4.1rem;
        display: table-cell;
        background-size: 25rem 25rem;
        background-position: 0 0;
    }

    .customer-list li>.desc .tit {
        font-size: 1.6rem;
    }

    .customer-list li>.desc .tit+p {
        font-size: 1.4rem;
        margin-top: 3px;
    }

    .customer-list .grid-area.gap-4 li.colum {
        padding-left: 13.2rem;
        display: table;
    }

    .customer-list .grid-area.gap-4 li.colum>.desc {
        display: table-cell;
        vertical-align: middle
    }

    .customer-list li>.ico-customer.list-01 {
        background: url('../image/icon/ico_customer1.webp') no-repeat;
        background-size: 85px auto
    }

    .customer-list li>.ico-customer.list-02 {
        background: url('../image/icon/ico_customer2.webp') no-repeat;
        background-size: 85px auto
    }

    .customer-list li>.ico-customer.list-03 {
        background: url('../image/icon/ico_customer3.webp') no-repeat;
        background-size: 85px auto
    }

    /* FAQ 리스트 */
    .list-top+.faq-list {
        margin-top: 10px
    }

    .faq-list .question a {
        font-size: 13px;
        display: block;
        padding: 16px 50px 20px 50px;
        line-height: 1.5em
    }

    .faq-list .question {
        background: url('../image/btn/btn_fold3.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .faq-list .answer {
        padding: 20px 50px 20px 50px;
        font-size: 13px;
    }

    .faq-list li.active .question {
        background: url('../image/btn/btn_unfold3.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .faq-list .icon {
        left: 10px;
        padding-top: 7px;
        width: 30px;
        height: 30px;
    }

    .faq-list .question .icon {
        top: 10px;
        border: 1px solid #eeeeee;
        font-size: 12px;
        color: #999;
        background: #fff;
    }

    .faq-list .answer .icon {
        top: 15px;
        font-size: 12px;
        color: #fff;
        background: #da291c;
    }

    .tb-responsive.customer .rwd-table td .title {
        /* display: inline-block; */
        /* vertical-align: top; */
        display: block;
        width: 40%;
        max-width: 40%;
        padding-right: 1rem;
        margin-bottom: 10px;
        font-size: 1.4rem;
        color: #333
    }

    .tb-responsive.customer .rwd-table td .title>.bl-point:after {
        vertical-align: top;
        margin-top: 4px;
    }

}


/********************************
 컨텐츠 :: 분양안내
 @import url("sales.css");*********************************/
/* 분실물 폰트*/
.title-sub-area .sales-txt {
    color: #666666;
    font-size: 14px;
    bottom: 0px;
    right: 0;
    position: absolute
}

.tb-wrap.td_style2 th {
    text-align: center;
    line-height: 1.4em
}

.title-sub-area~.sales-tit.title-sub-area {
    margin-top: 30px
}

.text-box .sales-txt+.desc-title {
    margin-top: 10px
}

/* 분양안내 별도 테이블간격 */
.tb-wrap.sales-tb>table thead th {
    padding: 16px 20px;
    height: auto;
    background: #f5f5f5;
    color: #333333
}

.tb-wrap.sales-tb td,
.tb-wrap.sales-tb th {
    padding: 16px 20px
}

.sales-txt {
    font-size: 13px;
    color: #666;
    line-height: 1.5em;
}

.sales-top {
    margin-top: 10px
}

/* 분양 이용절차 */
.sales-process {
    padding: 50px 0px 50px 0px;
    border: 1px solid #ececec;
    margin-top: 20px
}

.sales-process>ol:after {
    display: block;
    clear: both;
    content: '';
}

.sales-process>ol>li {
    float: left;
    border-right: 1px dashed #ececec;
    width: 20%;
    position: relative;
    padding-left: 53px;
    height: 232px
}

.sales-process>ol>li:last-child {
    border: 0
}

.sales-process .arrow {
    background: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    right: -15px;
    top: 100px
}

.sales-process .arrow:before {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    content: '';
    border: solid #da291c;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -2px
}

.sales-process .tit {
    font-weight: 800;
    color: #333333;
    font-size: 18px
}

.sales-process .icon {
    display: inline-block;
    width: 102px;
    height: 102px;
}

.sales-process .icon.type01 {
    background: url("../image/icon/icon_sales1.webp") left top no-repeat
}

.sales-process .icon.type02 {
    background: url("../image/icon/icon_sales2.webp") left top no-repeat
}

.sales-process .icon.type03 {
    background: url("../image/icon/icon_sales3.webp") left top no-repeat
}

.sales-process .icon.type04 {
    background: url("../image/icon/icon_sales4.webp") left top no-repeat
}

.sales-process .icon.type05 {
    background: url("../image/icon/icon_sales5.webp") left top no-repeat
}

.sales-process .icon.type06 {
    background: url("../image/icon/icon_sales6.webp") left top no-repeat
}

.sales-process .icon.type07 {
    background: url("../image/icon/icon_sales7.webp") left top no-repeat
}

.sales-process .icon.type08 {
    background: url("../image/icon/icon_sales8.webp") left top no-repeat
}

.sales-process .icon.type09 {
    background: url("../image/icon/icon_sales9.webp") left top no-repeat
}

.sales-process .icon.type10 {
    background: url("../image/icon/icon_sales10.webp") left top no-repeat
}

.sales-process ul {
    margin-left: 21px;
    margin-top: 10px
}

.sales-process ul li {
    color: #333333;
    line-height: 1.5em;
    font-size: 15px;
    padding-right: 20px
}

.sales-process .num {
    margin-right: 5px
}

.new-process.sales-process>ol>li {
    padding-left: 0;
    text-align: center;
}

.new-process.sales-process ul {
    margin-left: 0;
}

.new-process.sales-process ul li {
    padding-right: 0;
}

/* 분양자료실 다운로드 리스트 */
.sales-down li:after {
    display: block;
    clear: both;
    content: '';
}

.sales-down {
    border-top: 1px solid #6a6a6a;
    margin-top: 15px
}

.sales-down li {
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0
}

.sales-down .title {
    float: left;
    display: inline-block;
    color: #333333;
    font-size: 16px;
    margin-top: 10px
}

.sales-down .down {
    float: right;
    display: inline-block
}

.sales-down .down button {
    margin-left: 5px
}

/* 공통 */
.agree-check-list {
    margin-top: 2rem
}

.agree-check-list:after {
    display: block;
    clear: both;
    content: '';
}

.agree-check-list>li {
    float: left;
    margin-right: 5rem;
}

.radio-wrap .custom-radio {
    margin-right: 4.8rem;
}

.pop-txt-box .custom-checkbox label {
    margin-right: 2rem;
}

.pop-txt-box .custom-checkbox label:last-child {
    margin-right: 0px;
}


@media (max-width: 1279px) {
    .title-sub-area .sales-txt {
        font-size: 13px;
        position: static;
        text-align: right
    }

    .title-sub-area .table-title+.sales-txt {
        font-size: 13px;
        position: absolute;
        text-align: right;
    }

    .sales-process ul li {
        color: #666666;
        line-height: 1.5em;
        font-size: 13px
    }

    .sales-process>ol>li {
        padding-left: 20px
    }

    .sales-process .icon.type01 {
        background: url("../image/icon/icon_sales1.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type02 {
        background: url("../image/icon/icon_sales2.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type03 {
        background: url("../image/icon/icon_sales3.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type04 {
        background: url("../image/icon/icon_sales4.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type05 {
        background: url("../image/icon/icon_sales5.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type06 {
        background: url("../image/icon/icon_sales6.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type07 {
        background: url("../image/icon/icon_sales7.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type08 {
        background: url("../image/icon/icon_sales8.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type09 {
        background: url("../image/icon/icon_sales9.webp") left center no-repeat;
        background-size: 82px auto
    }

    .sales-process .icon.type10 {
        background: url("../image/icon/icon_sales10.webp") left center no-repeat;
        background-size: 82px auto
    }
}

@media (max-width: 1279px) {

    /* 분양 이용절차 */
    .sales-process {
        padding: 0px;
        border: 0;
        margin-top: 10px
    }

    .sales-process>ol:after {
        display: block;
        clear: both;
        content: '';
    }

    .sales-process>ol>li {
        float: none;
        border-right: 0;
        border-bottom: 1px dashed #ececec;
        width: 100%;
        position: relative;
        padding-left: 0;
        height: 100%;
        padding: 25px 0px;
        min-height: 100px
    }

    .sales-process>ol>li:last-child {
        border: 0
    }

    .sales-process .arrow {
        background: #fff;
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid #ddd;
        border-radius: 50%;
        text-align: center;
        padding-top: 0;
        position: absolute;
        left: 50%;
        bottom: -15px;
        right: auto;
        top: auto;
        z-index: 2;
        margin-left: -10px
    }

    .sales-process .arrow:before {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        content: '';
        border: solid #da291c;
        border-width: 0 1px 1px 0;
        transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        margin-left: 0px;
    }

    .sales-process .tit {
        font-weight: 800;
        color: #5d5346;
        font-size: 16px
    }

    .sales-process .icon {
        display: inline-block;
        width: 82px;
        height: 82px;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -40px
    }

    .sales-process ul {
        margin-left: 19px;
        margin-top: 10px
    }

    .sales-process ul li {
        color: #666666;
        line-height: 1.5em;
        font-size: 13px
    }

    .sales-process .num {
        margin-right: 5px
    }

    .new-process.sales-process .arrow {
        padding-top: 6px;
    }

    .new-process.sales-process>ol>li {
        text-align: left;
    }

    .new-process.sales-process ul {
        margin-left: 12px;
    }
}

@media (max-width: 1279px) {

    /* 분양 테이블 별도 수정 */
    .tb-wrap.td_style2 thead tr th,
    .tb-wrap.td_style2 thead tr td,
    .tb-wrap.td_style2 tbody tr th,
    .tb-wrap.td_style2 tbody tr td {
        padding: 1.4rem .8rem;
        font-size: 1.3rem;
        word-break: keep-all;
        word-wrap: break-word;
        ;
        height: auto;
    }

    .title-sub-area~.sales-tit.title-sub-area {
        margin-top: 20px
    }

    .text-box .desc-title {
        font-size: 1.4rem;
        color: #000;
        margin-bottom: 1rem;
        font-weight: normal;
    }

    .sales-txt {
        font-size: 13px;
        color: #666;
        line-height: 1.5em;
    }

    .text-box .sales-txt+.desc-title {
        margin-top: 20px
    }

    /* 분양안내 다운로드 리스트 */
    .sales-down li:after {
        display: block;
        clear: both;
        content: '';
    }

    .sales-down {
        border-top: 0;
        margin-top: 5px
    }

    .sales-down li {
        border-bottom: 1px solid #ebebeb;
        padding: 20px 0
    }

    .sales-down .title {
        float: none;
        display: block;
        color: #333333;
        font-size: 16px;
        margin-top: 0px
    }

    .sales-down .down {
        float: none;
        display: block;
        margin-top: 10px
    }

    .sales-down .down button {
        margin: 5px 0 0 0;
        display: block
    }

    .radio-wrap .custom-radio {
        margin-right: 20px
    }
}


/********************************
 컨텐츠 :: 푸터메뉴
 @import url("footer.css");*********************************/
/* 약관동의 텍스트 간격 및 폰트*/
.clause-txt {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    font-size: 17px;
    line-height: 1.5em;
    color: #666;
    margin-top: 20px;
}

.clause-txt .txt1 {
    color: #333;
    margin-top: 15px
}

.clause-txt .txt2 {
    color: #666;
    line-height: 1.5em
}

.clause-txt h2 {
    color: #333;
    font-size: 19px;
    margin-top: 25px
}

.clause-txt h2~.txt2 {
    margin-top: 6px
}

.clause-txt>.txt2>li>ul {
    margin-top: 5px;
    margin-bottom: 10px
}

.clause-txt>.txt-list {
    margin-top: 5px
}

.clause-txt>.txt-list>li>ul {
    margin-left: 15px
}

.clause-txt>.txt-list>li>ul>li>ul {
    margin-left: 10px
}

.clause-txt .link {
    text-decoration: underline
}

.clause-txt .ml15 {
    margin-left: 15px
}

.clause-txt .tb-wrap {
    margin-top: 10px
}

.clause-bottom {
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: 30px;
    font-size: 17px;
    color: #333333;
    line-height: 1.8em
}

.clause-bottom .tit {
    font-size: 18px;
    color: #333333;
    font-weight: 800
}

.clause-bottom .left {
    display: inline-block;
    width: 120px
}

:lang(en) .clause-bottom .left {
    display: inline-block;
    width: 200px
}

.clause-bottom strong {
    font-weight: normal;
    display: inline-block;
    width: 120px
}

:lang(en) .clause-bottom strong,
:lang(zh) .clause-bottom strong,
:lang(ja) .clause-bottom strong {
    display: inline-block;
    width: 180px
}

.clause-bottom .down {
    text-decoration: underline
}

.clause-txt.border-none {
    border-top: 0;
    margin-top: 0
}

.clause-txt.border-none .txt1 {
    margin-top: 0
}

/* 개인정보처리방침 - responsive-scroll */
.clause-txt .tb-wrap.responsive-scroll {
    width: 100%;
    min-width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: hidden;
}

/* 사이트맵 속성 */
.site-map {
    margin-left: -25px;
    margin-top: 40px
}

.site-map>div {
    padding-top: 35px;
    width: 299px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
    height: 377px
}

.site-map h2 {
    color: #000000;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 2px solid #e50113;
    padding-bottom: 17px
}

:lang(en) .site-map h2,
:lang(ja) .site-map h2 {
    font-size: 28px
}

.site-map ul {
    margin-top: 17px
}

.site-map li {
    font-size: 18px;
    line-height: 1.8em;
    color: #666
}

.site-map li:before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background: #7a7a7a;
    border-radius: 50%;
    vertical-align: 5px;
    margin-right: 12px
}

/* 윤리경영 */
.ethic-list {
    margin-top: 20px
}

.ethic-list>ul>li:after {
    clear: both;
    display: block;
    content: '';
}

.ethic-list>ul>li {
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    position: relative;
    padding: 30px 0
}

.ethic-list>ul>li:last-child {
    border-bottom: 0
}

.ethic-list .left {
    display: inline-block;
    vertical-align: top;
    padding-left: 0px
}

.ethic-list .num {
    font-size: 20px;
    color: #333333;
    font-weight: 800;
    padding-top: 3px;
    margin-right: 6px
}

.ethic-list .left.vertical-top,
.ethic-list .left2.vertical-top {
    vertical-align: top
}

.ethic-list.border-none>ul>li {
    border-bottom: 0;
    padding: 30px 0
}

.ethic-list .left2 {
    display: inline-block;
    width: 19%;
    vertical-align: middle
}

.ethic-list .right2 {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}

.ethic-list .txt-area2 li:after {
    clear: both;
    display: block;
    content: '';
}

.ethic-list .txt-area2 li {
    font-size: 20px;
    color: #333333;
    margin-bottom: 7px;
    line-height: 1.5em
}

.ethic-list .txt-area2 .month {
    display: inline-block;
    width: 60px;
    float: left;
    text-align: right
}

.ethic-list .txt-area2 .txt {
    display: inline-block;
    width: 85%;
    float: left;
    margin-left: 30px
}

.ethic-list .right {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
}

.ethic-list .right .st1 {
    font-size: 20px;
    color: #333;
    line-height: 1.5em;
    font-weight: 800
}

.ethic-list .right .st1+.st2 {
    margin-top: 13px
}

.ethic-list .right .st2 {
    font-size: 15px;
    color: #333;
    line-height: 1.5em
}

.ethic-img {
    margin-top: 0px;
}

.ethic-img img {
    width: 100%;
}

.ethic-tit {
    font-size: 42px;
    line-height: 1.6em;
    color: #000000;
    margin-top: 45px;
    font-weight: normal
}

.ethic-txt {
    position: relative;
    margin-top: 65px;
}

.ethic-txt .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 138px;
    height: 90px
}

.ethic-txt .st1 {
    font-size: 30px;
    color: #000;
    font-weight: normal
}

.ethic-txt .st2 {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    margin-top: 10px;
    width: 87%
}

.ethic-list+.ethic-txt1 {
    margin-top: 30px
}

.ethic-txt1 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666
}

.ethic-txt2 {
    font-size: 17px;
    line-height: 1.6em;
    color: #666;
    margin-top: 30px
}

.ethic-txt3 {
    font-size: 18px;
    line-height: 1.6em;
    color: #333;
    margin-top: 20px
}

.ethic-list+.ethic-txt {
    margin-top: 80px
}

.ethic-txt+.ethic-bl {
    margin-top: 45px
}

.ethic-bl li {
    font-size: 20px;
    line-height: 1.4em;
    color: #333333;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
    font-weight: 800;
}

.ethic-bl li:last-child {
    border-bottom: 0
}

.ethic-bl strong {
    color: #8a7862
}

/* 회사소개 */
.company-info1+.tab-menu {
    margin-top: 60px
}

/* 테마파크 이용권 슬라이드 arrow */
.company-info1 .slick-arrow {
    margin-top: -38px;
    position: absolute;
    top: 50%;
    background: #000;
    z-index: 10;
    width: 80px;
    height: 80px;
    border: 2px solid #ddd;
    border-radius: 50%;
    text-align: center;
    opacity: .2;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    text-indent: -99999px
}

.company-info1 .slick-arrow:hover {
    opacity: .6;
}

.company-info1 .slick-arrow.slick-prev {
    left: 40px;
}

.company-info1 .slick-arrow.slick-prev:before {
    position: absolute;
    left: 32px;
    top: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    content: '';
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
}

.company-info1 .slick-arrow.slick-next {
    right: 40px;
}

.company-info1 .slick-arrow.slick-next:before {
    position: absolute;
    right: 32px;
    top: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    content: '';
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.company-info1 {
    height: 555px;
    text-align: center;
    position: relative;
}

.company-info1 .company01 {
    height: 555px;
    padding-top: 223px
}

.company-info1.vision-bg .company01 {
    background: url("../image/bg/bg_company01.webp") center top no-repeat;
}

.company-info1 .company02.bg1 {
    background: url("../image/bg/bg2_company01.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company02.bg2 {
    background: url("../image/bg/bg2_company02.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company02.bg3 {
    background: url("../image/bg/bg2_company03.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company02.bg4 {
    background: url("../image/bg/bg2_company04.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company02.bg5 {
    background: url("../image/bg/bg2_company05.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company02.bg6 {
    background: url("../image/bg/bg2_company06.webp") center top no-repeat;
    height: 555px;
    padding-top: 175px
}

.company-info1 .company01 .txt2 {
    font-size: 40px;
    line-height: 1.4em;
    color: #fff;
    margin-top: 20px
}

.company-info1 .company02 .txt1 {
    font-size: 40px;
    line-height: 1.4em;
    color: #fff;
    margin-top: 20px;
    font-weight: 800
}

.company-info1 .company02 .txt2 {
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    margin-top: 20px
}

.company-info1 .slick-dots {
    position: absolute;
    bottom: 20px
}

.company-info1 .slick-dots button {
    z-index: 10;
    border-color: #fff;
}

.company-info1 li.slick-active button:before,
.company-info1 li.slick-active button:before {
    border: 3px solid #fff !important
}

.company-wrap,
.company-history2 {
    max-width: 1279px;
    margin: 0 auto
}

@media (max-width: 1279px) {
    .company-info1:after {
        clear: both;
        display: block;
        content: '';
    }

    .company-info1 {
        height: 350px;
        text-align: center;
        margin-top: 0;
        background-size: cover;
        width: 100%;
    }

    .company-info1 .company01 .logo img {
        width: 150px
    }

    .company-info1 .company02 .logo img {
        width: 150px
    }

    .company-info1 {
        background-size: cover
    }

    .company-info1+.tab-menu {
        margin-top: 0px
    }

    .company-info1 .company01 {
        height: 350px;
        padding-top: 120px;
        background-size: cover
    }

    /* 추가 */
    .company-info1.vision-bg .company01 {
        background: url("../image/bg/bg_company01_m.webp") center top no-repeat;
        background-size: cover
    }

    .company-info1 .company01 .txt2 {
        font-size: 26px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px
    }

    :lang(ja) .company-info1 .company01 .txt2,
    :lang(en) .company-info1 .company01 .txt2 {
        font-size: 24px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px
    }

    .company-info1 .company02 .txt1 {
        font-size: 25px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 10px;
        font-weight: 800
    }

    .company-info1 .company02 .txt2 {
        font-size: 15px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px
    }

    .company-info1 .company02 {
        background: url("../image/bg/bg2_company01_m.webp") center no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg1 {
        background: url("../image/bg/bg2_company01_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg2 {
        background: url("../image/bg/bg2_company02_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg3 {
        background: url("../image/bg/bg2_company03_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg4 {
        background: url("../image/bg/bg2_company04_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg5 {
        background: url("../image/bg/bg2_company05_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }

    .company-info1 .company02.bg6 {
        background: url("../image/bg/bg2_company06_m.webp") center top no-repeat;
        height: 350px;
        padding-top: 100px;
        background-size: cover
    }
}

.companyVisual {
    position: relative;
    padding: 14em 0 5em;
    text-align: center;
    background: url(../image/bg/bg_story.webp) no-repeat top center;
    background-size: cover;
}

.companyVisual>.cont-head>.main-sub-title {
    color: #fff;
}

.companyVisual .cont_youtube {
    position: relative;
    width: 835px;
    height: 470px;
    margin: 0 auto;
}

.companyVisual .cont_youtube iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.companyVisual .contextBox {
    position: relative;
    max-width: 835px;
    margin: 0 auto;
    padding: 7rem 0;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.companyVisual .contextBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 44px;
    height: 34px;
    background: url(../image/bg/bg_story_p.webp) no-repeat top left;
}

.companyVisual .contextBox:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 34px;
    background: url(../image/bg/bg_story_p.webp) no-repeat top left;
    transform: rotate(180deg);
}

.companyVisual .contextBox .main-title {
    font-size: 5em;
    font-style: italic;
    font-family: 'lato', 'Noto Sans KR', sans-serif;
    display: inline-block;
    letter-spacing: 0;
}

.companyVisual .contextBox .sub-title {
    margin-top: 1em;
    font-size: 2.3em;
    line-height: 1.5em;
    font-weight: normal;
    color: #fff;
    font-family: 'lato', 'Noto Sans KR', sans-serif;
    letter-spacing: -2px;
}

.companyVisual .contextBox .sub-title span {
    display: block;
}

.companyVisual+.tab-menu {
    margin-top: 60px;
}

@media screen and (max-width:1480px) {
    .companyVisual .cont_youtube {
        padding-bottom: 28.25%;
    }
}

@media screen and (max-width:1360px) {
    .companyVisual .cont_youtube {
        padding-bottom: 29.25%;
    }
}

@media screen and (max-width: 1279px) {
    .companyVisual .cont_youtube {
        padding-bottom: 36.25%;
    }
}

@media screen and (max-width: 1279px) {
    .companyVisual .cont_youtube {
        width: 90%;
        height: 0;
        padding-bottom: 50.6%;
    }

    .companyVisual+.tab-menu {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1279px) {
    .companyVisual {
        padding: 8em 0 3em;
    }

    .companyVisual .title-area {
        display: block;
    }

    .companyVisual>.cont-head {
        margin: 0 0 1em;
        padding-top: 2em;
        font-size: 10px;
        empty-cells: border-box;
    }

    .companyVisual>.cont-head>.main-sub-title {
        font-size: 2em;
        padding-inline-start: 1em;
    }

    .companyVisual .contextBox {
        margin: 0 2em;
        padding: 4rem 0;
    }

    .companyVisual .contextBox .main-title {
        font-size: 2.4em;
    }

    .companyVisual .contextBox .sub-title {
        font-size: 1.4em;
    }

    .companyVisual .contextBox:before {
        left: 0;
        height: 16px;
        background-size: auto 100%;
    }

    .companyVisual .contextBox:after {
        right: 0;
        height: 16px;
        background-size: auto 100%;
    }
}

.company-info2 {
    height: 570px;
    padding-top: 107px
}

.company-info2 .inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.company-info2 .bg-txt {
    color: #000;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
}

.company-info2 .txt-area {
    position: relative;
    text-align: left
}

.company-info2 .txt-area .st1 {
    font-size: 37px;
    color: #000000;
    margin-bottom: 30px;
    font-weight: 800
}

.company-info2 .txt-area .st2 {
    font-size: 16px;
    color: #000000;
    line-height: 1.7em
}

.company-info2 .txt-area .st2 span {
    display: block;
    margin-bottom: 20px
}

.company-info2 .txt-area {
    position: absolute;
    left: 80px;
    top: 0;
}

.company-info2 .img-area {
    position: absolute;
    right: 49px;
    top: -15px;
    width: 505px;
    height: 400px
}

.company-info2 .img-area .pos1 {
    position: absolute;
    left: 0;
    top: 0;
}

.company-info2 .img-area .pos2 {
    position: absolute;
    right: 0;
    top: 30px;
}

.company-info2 .img-area .pos3 {
    position: absolute;
    left: 64px;
    bottom: 2px;
}

.company-info2 .img-area .txt {
    font-size: 10px;
    color: #565656
}

.company-info2 .img-area .pos1 .txt {
    position: absolute;
    right: 0;
    top: -20px;
}

.company-info2 .img-area .pos2 .txt {
    position: absolute;
    right: -40px;
    top: 25px;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
}

.company-info2 .img-area .pos3 .txt {
    position: absolute;
    right: 0;
    bottom: -20px;
}

.company-info2 .img-area-mob {
    display: none
}

.company-info3 {
    background: url("../image/bg/bg_company03.webp") center top no-repeat;
    height: 525px;
    text-align: center;
    position: relative;
    padding-top: 155px;
}

.company-info3 .txt1 {
    font-size: 25px;
    line-height: 1em;
    color: #fff;
}

.company-info3 .txt2 {
    font-size: 37px;
    line-height: 1.2em;
    color: #fff;
    margin-top: 20px;
    font-weight: 800
}

.company-info3 .txt3 {
    font-size: 16px;
    line-height: 1.7em;
    color: #fff;
    margin-top: 30px
}

.company-info3 .txt3 p {
    margin-bottom: 20px;
    display: block
}

.company-info4 {
    height: 577px;
    background: #fafafa;
    width: 100%
}

.company-info4 .inner {
    position: relative;
    margin: 0 auto;
}

.company-info4 .inner:after {
    clear: both;
    display: block;
    content: '';
}

.company-info4 .img-area {
    width: 50%;
    float: left;
    background: #fafafa url("../image/bg/bg_company04.webp") right top no-repeat;
    height: 577px
}

.company-info4 .img-area img {
    width: 100%
}

.company-info4 .txt-area {
    position: relative;
    text-align: left;
    width: 50%;
    float: right;
    padding: 150px 0 0 100px;
}

.company-info4 .txt-area .bg-txt {
    color: #000;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px
}

.company-info4 .txt-area .st1 {
    font-size: 37px;
    color: #000000;
    margin-bottom: 30px;
    font-weight: 900
}

.company-info4 .txt-area .st2 {
    font-size: 16px;
    color: #000000;
    line-height: 1.7em
}

.company-info4 .txt-area .st2 span {
    display: block;
    margin-bottom: 20px
}

.company-txt {
    width: 1280px;
    margin: 0 auto;
    margin-top: 140px;
    text-align: center;
    margin-bottom: 140px
}

.company-txt .logo2 {
    margin-bottom: 13px
}

.company-txt p {
    font-size: 50px;
    color: #000;
    font-weight: 800
}

.company-history-top {
    background: url("../image/bg/bg_ch_top.webp") center top no-repeat;
    height: 555px;
    text-align: center;
    position: relative;
    padding-top: 176px;
    margin-top: 55px
}

.company-history-top .txt1 {
    font-size: 40px;
    line-height: 1.3em;
    color: #fff;
    margin-top: 28px;
    font-weight: 900
}

.company-history-top .txt2 {
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    margin-top: 20px;
}

.content-wrap.pb0 {
    padding-bottom: 0
}

.tab-menu+.tab-content {
    margin-top: 30px
}

.company-history2 {
    position: relative;
    width: 100%;
    margin-bottom: 120px
}

.company-history2 li:after {
    clear: both;
    display: block;
    content: '';
}

.company-history2 li {
    padding-top: 70px;
    position: relative;
    background: url("../image/bg/bg_info_line.webp") center top repeat-y;
}

.company-history2 li:first-child {
    padding-top: 0
}

.company-history2 li:last-child {
    background: url("../image/bg/bg_info_line2.webp") center top no-repeat
}

.company-history2 .left .photo {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 70px;
    height: 100%;
    position: relative
}

.company-history2 .left .text {
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 70px;
    height: 100%;
    position: relative;
    padding-top: 33px
}

.company-history2 .right .photo {
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 70px;
    height: 100%;
    position: relative
}

.company-history2 .right .text {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 70px;
    height: 100%;
    position: relative;
    padding-top: 33px
}

.company-history2 li:last-child:before {
    content: '';
    width: 20px;
    height: 100px
}

.company-history2 .date {
    font-size: 37px;
    color: #333;
    font-weight: 900
}

.company-history2 .resort {
    font-size: 37px;
    color: #333;
    margin-top: 5px;
    font-weight: 900
}

:lang(ja) .company-history2 .resort {
    font-size: 30px;
    color: #333;
    margin-top: 5px;
    font-weight: 900
}

.company-history2 .text-area {
    font-size: 16px;
    color: #333;
    line-height: 1.5em;
    margin-top: 20px
}

.company-history2 .year {
    text-align: center;
    margin-bottom: 44px
}

.company-history2 .year span {
    text-align: center;
    background: #fff;
    font-size: 54px;
    color: #000;
    width: 120px;
    height: 120px;
    display: inline-block;
    padding-top: 24px;
    font-weight: 800
}

.company-history2 .img-area {
    position: relative;
}

.company-history2 .img-area img {
    max-width: 100%
}

.company-history2 .img-area:before {
    content: '';
    width: 17px;
    height: 17px;
    background: #e50113;
    display: inline-block;
    border-radius: 50%;
}

.company-history2 .left .img-area:before {
    position: absolute;
    top: 145px;
    right: -78px
}

.company-history2 .right .img-area:before {
    position: absolute;
    top: 145px;
    left: -79px
}

.company-history2 .link {
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    position: relative;
    min-height: 16px;
    width: 120px;
    color: #666666;
    margin-top: 20px
}

:lang(ja) .company-history2 .link {
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    position: relative;
    min-height: 16px;
    width: 170px;
    color: #666666;
    margin-top: 20px
}

.company-history2 .link:after {
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    content: '';
    width: 23px;
    height: 1px;
    background: #999;
}

.company-history2 .link:before {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 0px;
    content: '';
    width: 12px;
    height: 1px;
    background: #999;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

/*인재채용 인사제도-교육제도 테이블 스타일*/
.recruit-process .arrow {
    background: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    right: -15px;
    top: 100px
}

.recruit-process .arrow:before {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    content: '';
    border: solid #da291c;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -2px
}

.recruit_photo {
    margin-top: 15px
}

.recruit-introduce {
    margin-top: 80px
}

.recruit-introduce .cont-wrap {
    border-top: 1px solid #ddd;
    height: 239px;
    padding: 40px 0 0 20px;
    position: relative;
}

.recruit-introduce .cont-wrap .tit {
    font-size: 26px;
    color: #333333;
    font-weight: 700
}

.recruit-introduce .cont-wrap .txt {
    font-size: 15px;
    color: #333333;
    line-height: 1.5em;
    margin-top: 25px
}

.recruit-introduce .cont-wrap .btn-area {
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 14px;
    color: #666666;
    display: inline-block;
    text-align: left;
    text-decoration: underline
}

.recruit-introduce dl {
    margin-top: 20px
}

.recruit-introduce dt {
    color: #666666;
    font-size: 13px;
    font-weight: 800
}

.recruit-introduce dd {
    color: #666666;
    font-size: 13px;
    margin-top: 8px
}

.recruit-tb {
    width: 100%;
    margin-top: 30px;
    border-bottom: 1px solid #ececec
}

.recruit-tb table {
    width: 100%
}

.recruit-tb table thead .head-bg1 {
    background: #ececec;
    color: #666666;
    font-size: 15px
}

.recruit-tb table thead .head-bg2 {
    background: #978773;
    color: #fff;
    font-size: 20px;
    border-right: 1px dashed #ececec
}

.recruit-tb table thead th {
    padding: 33px 0;
    font-weight: 700
}

.recruit-tb table tbody th {
    background: #fbfbfb;
    font-size: 15px;
    padding: 20px 0;
    color: #333333;
    font-weight: 700;
    border-top: 1px dashed #ececec;
    vertical-align: middle
}

.recruit-tb table tbody td {
    padding: 0px 10px;
    border-right: 1px dashed #ececec;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    border-top: 1px dashed #ececec
}

.recruit-tb table tbody .height1 td {
    padding: 20px 10px
}

.recruit-tb table tbody td:last-child {
    border-right: 0
}

.recruit-tb table tbody td .box {
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 14px
}

.recruit-tb table tbody td .box.type1 {
    background: #eeeeee
}

.recruit-tb table tbody td .box.type2 {
    background: #e1dcd6
}

.recruit-tb table tbody td .box+.box {
    margin-top: 10px
}

.recruit-tb table .tr-area td {
    padding: 15px 10px
}

.recruit-tb table td.border-none {
    border-top: 0
}

.recruit-tb table td.pdtop {
    padding-top: 15px
}

.recruit-tb table td.pdbottom {
    padding-bottom: 0px
}

.recruit-tb table tbody td.vertical-b {
    vertical-align: bottom
}

.recruit_photo2 {
    margin-top: 20px;
    text-align: center
}

.recruit-info {
    padding: 40px 30px;
    font-size: 15px;
    line-height: 1.5em;
    background: #fbfbfb
}

.recruit-info .info-list {
    padding-top: 15px
}

.recruit-info .info-list li {
    margin-top: 15px;
}

.recruit-info .info-list li strong {
    display: inline-block;
    color: #8a7862;
    font-weight: 700;
    width: 85px
}

.recruit-info .info-list li span {
    display: inline-block;
    color: #333333
}

.recruit-info p {
    color: #333333
}

/* 인재채용 - 복리후생 */
.welfare-area {
    padding: 50px 0px;
    border: 1px solid #ebebeb;
    margin-top: 20px
}

.welfare-area>ul:after {
    clear: both;
    display: block;
    content: '';
}

.welfare-area>ul {
    width: 100%
}

.welfare-area>ul>li {
    float: left;
    width: 25%;
    padding-left: 50px;
    border-left: 1px dashed #ebebeb;
    height: 360px
}

.welfare-area>ul>li:first-child {
    border-left: 0
}

.welfare-area>ul>li .top {
    margin-bottom: 10px
}

.welfare-area>ul>li .top .icon {
    width: 100px;
    height: 100px;
    display: block
}

.welfare-area>ul>li .top .icon.type01 {
    background: url("../image/icon/icon_recruit01.webp") left top no-repeat;
}

.welfare-area>ul>li .top .icon.type02 {
    background: url("../image/icon/icon_recruit02.webp") left top no-repeat;
}

.welfare-area>ul>li .top .icon.type03 {
    background: url("../image/icon/icon_recruit03.webp") left top no-repeat;
}

.welfare-area>ul>li .top .icon.type04 {
    background: url("../image/icon/icon_recruit04.webp") left top no-repeat;
}

.welfare-area>ul>li .tit {
    color: #5d5346;
    font-size: 18px;
    margin-bottom: 10px
}

.welfare-area .welfare-list li {
    font-size: 15px;
    color: #666666;
    line-height: 1.7em;
    position: relative;
    padding-left: 12px
}

.welfare-list ul>li:before {
    display: block;
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #7a7a7a;
}

.recruit-position {
    width: 100%;
    margin-top: 30px
}

.recruit-position:after {
    clear: both;
    display: block;
    content: '';
}

.responsive-photo img {
    max-width: 100%
}

.responsive-photo {
    margin-bottom: 20px
}

/* 인재채용 - 채용프로세스*/
.recruit-area {
    background: #fbfbfb;
    text-align: left;
    padding: 0px 100px;
    margin-top: 60px;
    border: 1px solid #fbfbfb
}

.recruit-process {
    margin-top: 15px;
    border-bottom: 1px dashed #c5c5c5;
    ;
    padding-bottom: 35px;
    margin-top: 40px
}

.recruit-process:last-child {
    border: none
}

.recruit-process .process:after {
    clear: both;
    display: block;
    content: '';
}

.recruit-process .process li {
    float: left;
    padding-left: 110px;
    position: relative;
}

:lang(en) .recruit-process .process li {
    float: left;
    padding-left: 40px;
    position: relative;
}

:lang(en) .recruit-process .icon {
    display: inline-block;
    width: 100%;
    height: 80px;
}

:lang(en) .recruit-process .arrow {
    background: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    position: absolute;
    right: -30px;
    top: 30px;
    z-index: 3
}

.recruit-process .process {
    display: inline-block
}

.recruit-process .tit {
    font-size: 16px;
    color: #000000;
    font-weight: 800;
    width: 180px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-top: 50px
}

.recruit-process .process li:first-child {
    padding-left: 0
}

.recruit-process .process li p {
    margin-top: 15px;
    text-align: center
}

.recruit-process .process li strong {
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.recruit-process .process li .txt1 {
    font-size: 14px;
    color: #333;
    display: block;
    line-height: 1.6em;
}

.recruit-process .arrow {
    background: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    position: absolute;
    right: -65px;
    top: 30px;
    z-index: 3
}

.recruit-process .arrow:before {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    content: '';
    border: solid #da291c;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -2px;
    background: #fff
}

.recruit-process .icon {
    display: inline-block;
    width: 100%;
    height: 80px;
    min-width: 80px
}

.recruit-process .icon.type01 {
    background: url("../image/icon/icon_system01.webp") center no-repeat;
}

.recruit-process .icon.type02 {
    background: url("../image/icon/icon_system02.webp") center no-repeat;
}

.recruit-process .icon.type03 {
    background: url("../image/icon/icon_system03.webp") center no-repeat;
}

.recruit-process .icon.type04 {
    background: url("../image/icon/icon_system04.webp") center no-repeat;
}

.recruit-process .icon.type05 {
    background: url("../image/icon/icon_system05.webp") center no-repeat;
}

.recruit-process .icon.type06 {
    background: url("../image/icon/icon_system06.webp") center no-repeat;
}

.recruit-process2 {
    border: 1px solid #ebebeb;
    padding: 35px 50px;
    width: 100%;
    margin-top: 20px;
    vertical-align: top
}

.recruit-process2 li {
    width: 49%;
    display: inline-block;
    margin: 15px 0;
    vertical-align: top;
}

.recruit-process2 li strong {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 500
}

.recruit-process2 li p {
    font-size: 15px;
    color: #666666;
    line-height: 1.6em;
    margin-top: 3px
}

.recruit-tb table thead .head-bg2.bg1 {
    background: #c8bcab
}

.recruit-tb table thead .head-bg2.bg2 {
    background: #bfb2a1
}

.recruit-tb table thead .head-bg2.bg3 {
    background: #b2a592
}

.recruit-tb table thead .head-bg2.bg4 {
    background: #a99b88
}

.recruit-tb table thead .head-bg2.bg5 {
    background: #a0917e
}

.recruit-tb table thead .head-bg2.bg6 {
    background: #978773
}

.list-detail-contain .detail-txt:first-child {
    margin-top: 0
}

.recruit-type .text-point3 {
    color: #999999
}

.list-detail-title .text-point3 {
    color: #999999
}

.sub-title.rec-color1 {
    color: #5D5346
}

.web-br {
    display: block
}

/* 윤리경영 컨텐츠타이틀 영역 bg 처리 */
.cwrap-bg.bg1 {
    background: url("../image/bg/bg_ethic01.webp") center top no-repeat
}

.cwrap-bg.bg4 {
    background: url("../image/bg/bg_cwrapbg02.webp") center top no-repeat
}

.cwrap-bg .title-area {
    height: 210px;
    margin-top: 340px
}

.cwrap-bg .page-desc {
    font-size: 18px;
    color: #000
}

.cwrap-bg .breadcrumbs ol li.current h1 {
    color: #fff;
}

.cwrap-bg .breadcrumbs ol li h1 {
    color: #c2c2c2;
}

.cwrap-bg .breadcrumbs ol li:after {
    border: solid #e4e4e4;
    border-width: 0 1px 1px 0;
    margin-top: -5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ethic-img+.tab-menu {
    margin-top: 40px
}

@media (max-width: 1279px) {
    .company-info3 {
        background-position: right center;
    }

    /* 이너탭 모바일스크롤 조정 */
    .inner-tab.scroller {
        padding: 0rem
    }

    .inner-tab.scroller>ul>li>a {
        padding: 0 2rem;
        background: #ebebeb;
    }

    .inner-tab.scroller>ul>li {
        padding-right: 5px;
        background: #fff
    }

    .inner-tab.scroller>ul>li.active a {
        background: #555;
    }

    .inner-tab.scroller:not(.fix):not(.full) ul>li {
        min-width: 110px
    }

    .tab-menu+.tab-content {
        margin-top: 10px
    }

    .recruit_photo2 img {
        max-width: 100%;
        display: inline-block
    }

    /* 사이트맵 모바일 */
    .site-map {
        margin-left: 0px;
        margin-top: 20px
    }

    .site-map>div {
        padding-top: 5px;
        width: 100%;
        margin-left: 0px;
        display: block;
        vertical-align: top;
        height: auto;
        padding-bottom: 30px
    }

    .site-map h2 {
        color: #000000;
        font-size: 20px;
        font-weight: normal;
    }

    :lang(en) .site-map h2,
    :lang(ja) .site-map h2 {
        font-size: 20px
    }

    .site-map ul {
        margin-top: 10px
    }

    .site-map li {
        font-size: 15px;
        line-height: 1.8em;
        color: #666;
        margin-left: 10px
    }

    .site-map li:before {
        vertical-align: 4px
    }

    .tab-container.mob-mt0 {
        margin-top: 0
    }

    .company-info2 {
        position: relative;
        ;
        margin: 0 auto;
        height: auto;
        height: auto;
        padding-top: 67px;
        padding-bottom: 50px;
        background-size: cover
    }

    .company-info2 .info {
        position: relative
    }

    .company-info2 .inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 25px
    }

    .company-info2 .txt-area {
        position: relative;
        text-align: center
    }

    .company-info2 .txt-area .st1 {
        font-size: 24px;
        color: #000000;
        font-weight: 700;
        line-height: 1.3em;
        margin-bottom: 20px
    }

    .company-info2 .txt-area .st2 {
        font-size: 15px;
        color: #000000;
        line-height: 1.5em
    }

    .company-info2 .txt-area .st2 span {
        display: block;
        margin-top: 0px;
        margin-bottom: 15px
    }

    .company-info2 .bg-txt {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px
    }

    .company-info2 .txt-area {
        position: static;
        width: 100%;
        text-align: center
    }

    .company-info2 .img-area {
        position: relative;
        width: 100%;
        display: none
    }

    .company-info2 .img-area-mob {
        display: block;
        text-align: center;
        margin-top: 40px
    }

    .company-info2 .img-area-mob img {
        max-width: 100%
    }

    .company-info3 .txt1 {
        font-size: 13px;
        line-height: 1em;
        color: #fff;
    }

    .company-info3 .txt2 {
        font-size: 24px;
        line-height: 1.3em;
        color: #fff;
        margin-top: 5px;
        font-weight: 800
    }

    .company-info3 .txt3 {
        font-size: 15px;
        line-height: 1.7em;
        color: #fff;
        margin-top: 25px
    }

    .company-info3 .txt3 p {
        margin-bottom: 20px;
        display: block
    }

    .company-info4 {
        height: 647px;
        ;
        width: 100%;
        background: url("../image/bg/bg_company04_m.webp") center bottom no-repeat;
        background-size: cover;
        padding: 67px 25px 0 25px
    }

    .company-info4 .inner {
        position: relative;
        margin: 0 auto;
    }

    .company-info4 .inner:after {
        clear: both;
        display: block;
        content: '';
    }

    .company-info4 .img-area {
        width: 50%;
        float: none;
        background: none;
        height: auto
    }

    .company-info4 .img-area img {
        width: 100%
    }

    .company-info4 .txt-area {
        position: relative;
        text-align: center;
        width: 100%;
        float: right;
        padding: 0;
    }

    .company-info4 .txt-area .bg-txt {
        color: #000;
        font-size: 13px;
        font-weight: 900;
        margin-bottom: 5px
    }

    .company-info4 .txt-area .st1 {
        font-size: 24px;
        color: #000000;
        margin-bottom: 20px;
        font-weight: 900;
        line-height: 1.3em
    }

    .company-info4 .txt-area .st2 {
        font-size: 15px;
        color: #000000;
        line-height: 1.5em
    }

    .company-info4 .txt-area .st2 span {
        display: block;
        margin-bottom: 20px
    }

    .company-txt {
        width: 100%;
        margin: 0 auto;
        margin-top: 70px;
        text-align: center;
        margin-bottom: 0px
    }

    .company-txt .logo2 img {
        width: 137px
    }

    .company-txt .logo2 {
        margin-bottom: 5px
    }

    .company-txt p {
        font-size: 24px;
        color: #000;
        font-weight: 800;
        line-height: 1.5em
    }

    .content-wrap.pb0 {
        padding-bottom: 90px;
        padding-top: 0
    }

    .company-history-top {
        background: url("../image/bg/bg_ch_top_m.webp") center no-repeat;
        height: 350px;
        text-align: center;
        position: relative;
        padding-top: 100px;
        margin-top: 0;
        background-size: cover
    }

    .company-history-top .txt1 {
        font-size: 25px;
        line-height: 1.3em;
        color: #fff;
        margin-top: 15px;
        font-weight: 900
    }

    .company-history-top .txt2 {
        font-size: 15px;
        line-height: 1.4em;
        color: #fff;
        margin-top: 15px;
    }

    .company-history-top .logo img {
        width: 45px
    }

    .company-history2 {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        padding: 0 25px
    }

    .company-history2 li:after {
        clear: both;
        display: block;
        content: '';
    }

    .company-history2 li {
        padding-top: 59px;
        position: relative;
        background: url("../image/bg/bg_info_line.webp") center top no-repeat;
        background-size: 1px 170px
    }

    .company-history2 li:first-child {
        padding-top: 20px;
        background: url("../image/bg/bg_info_line.webp") center 90px no-repeat;
        background-size: 1px 40px
    }

    .company-history2 li:last-child {
        background: url("../image/bg/bg_info_line.webp") center top no-repeat;
        background-size: 1px 170px
    }

    .company-history2 .left .photo {
        width: 100%;
        float: none;
        text-align: center;
        padding-right: 0px;
        height: 100%;
        position: relative
    }

    .company-history2 .left .text {
        width: 100%;
        float: none;
        text-align: center;
        padding-left: 0px;
        height: 100%;
        position: relative;
        padding-bottom: 30px;
        padding-top: 0
    }

    .company-history2 .right .photo {
        width: 100%;
        float: none;
        text-align: center;
        padding-left: 0px;
        height: 100%;
        position: relative
    }

    .company-history2 .right .text {
        width: 100%;
        float: none;
        text-align: center;
        padding-right: 0px;
        height: 100%;
        position: relative;
        padding-bottom: 30px;
        padding-top: 0
    }

    .company-history2 li.mp {
        padding-top: 73px;
        position: relative;
        background: url("../image/bg/bg_info_line.webp") center top no-repeat;
        background-size: 1px 50px
    }

    .company-history2 li.mp:before {
        content: '';
        width: 17px;
        height: 17px;
        background: #e50113;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 40px;
        margin-left: -9px;
    }

    .company-history2 .year:before {
        content: '';
        width: 17px;
        height: 17px;
        background: #e50113;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 160px;
        margin-left: -9px;
    }

    .company-history2 li:first-child .year:before {
        top: 130px;
    }

    .company-history2 li:last-child:before {
        content: '';
        width: 20px;
        height: 100px
    }

    .company-history2 .date {
        font-size: 24px;
        color: #333;
        font-weight: 900
    }

    .company-history2 .resort {
        font-size: 24px;
        color: #333;
        margin-top: 5px;
        font-weight: 900
    }

    .company-history2 .text-area {
        font-size: 15px;
        color: #000;
        line-height: 1.5em;
        margin-top: 20px
    }

    .company-history2 .text-area .txt2 {
        width: 90%;
        text-align: center;
        margin: 0 auto
    }

    .company-history2 .year {
        text-align: center;
        margin-bottom: 55px
    }

    .company-history2 .year span {
        text-align: center;
        background: #fff;
        font-size: 35px;
        color: #000;
        width: 80px;
        height: 80px;
        display: inline-block;
        padding-top: 18px;
        background-size: 80px 80px
    }

    .company-history2 .img-area {
        position: relative;
    }

    .company-history2 .img-area img {
        max-width: 100%
    }

    .company-history2 .img-area:before {
        content: '';
        width: 20px;
        height: 20px;
        background: #000;
        display: inline-block;
        border-radius: 5px;
        ;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .company-history2 .left .img-area:before {
        position: absolute;
        top: 145px;
        right: -80px
    }

    .company-history2 .right .img-area:before {
        position: absolute;
        top: 145px;
        left: -80px
    }

    .company-history2 .link {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        font-size: 14px;
        position: relative;
        ;
        top: auto;
        min-height: 16px;
        width: 110px;
        color: #666666;
        margin-top: 25px;
        left: 0;
        right: 0
    }

    .company-history2 .link:after {
        position: absolute;
        bottom: 1px;
        right: -7px;
        display: block;
        content: '';
        width: 23px;
        height: 1px;
        background: #999;
    }

    .company-history2 .link:before {
        display: block;
        position: absolute;
        bottom: 5px;
        right: -10px;
        content: '';
        width: 12px;
        height: 1px;
        background: #999;
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }

    .company-history2 .left .link {
        left: 0px
    }

    .company-history2 .right .link {
        right: 0px
    }

    .company-history2 .img-area:before {
        display: none
    }

    .ethic-img {
        margin-top: 0px;
        margin-bottom: -2px
    }

    /* 인재채용 - 채용프로세스*/
    .recruit-area {
        background: #fbfbfb;
        text-align: left;
        padding: 0px 25px;
        margin-top: 30px;
        border: 1px solid #fbfbfb
    }

    .recruit-process {
        margin-top: 15px;
        border-bottom: 1px dashed #c5c5c5;
        ;
        padding-bottom: 40px;
        margin-top: 40px
    }

    .recruit-process .tit {
        font-size: 16px;
        color: #000000;
        font-weight: 800;
        width: 100%;
        display: block;
        text-align: left;
        vertical-align: top;
        padding-top: 0px;
        margin-bottom: 15px
    }

    .recruit-process .process li {
        padding: 0
    }

    :lang(en) .recruit-process .process li {
        padding: 0
    }

    .recruit-process .process {
        margin: 0 -10px;
        display: block
    }

    .recruit-process {
        background: #fbfbfb;
        text-align: center;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .recruit-process .process:after {
        clear: both;
        display: block;
        content: '';
    }

    .recruit-process.type1,
    .recruit-process.type2 {
        padding-left: 20px
    }

    .recruit-process.type1 .process li {
        float: none;
        padding-left: 0px;
        position: relative;
    }

    .recruit-process.type2 .process li {
        float: none;
        padding-left: 0px;
        position: relative;
    }

    .recruit-process .process li:first-child {
        padding-left: 0
    }

    .recruit-process .process li p {
        margin-top: 2px
    }

    .recruit-process .process li strong {
        font-size: 13px;
        color: #333;
        line-height: 1.4em;
    }

    .recruit-process .process li .txt1 {
        font-size: 13px;
        color: #333;
        display: block;
        line-height: 1.6em;
    }

    .recruit-process .process li {
        background: none;
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .recruit-process .process li.m-right {
        float: right;
        margin-top: 40px
    }

    .recruit-process .process li.m-left {
        float: left;
        margin-top: 40px
    }

    .recruit-process .process li .arrow.m-step2 {
        position: absolute;
        left: 50%;
        bottom: -38px;
        top: auto;
        margin-left: -8px
    }

    .recruit-process .process li .arrow.m-step2:before {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        content: '';
        border: solid #da291c;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-left: 0px;
        background: #fff
    }

    .recruit-process .process li .arrow.m-step3 {
        background: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        padding-top: 2px;
        position: absolute;
        left: -12px;
        top: 35px;
        z-index: 3;
        border: 1px solid #ddd
    }

    .recruit-process .process li .arrow.m-step3:before {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        content: '';
        border: solid #da291c;
        border-width: 0 1px 1px 0;
        transform: rotate(-225deg);
        -webkit-transform: rotate(-225deg);
        margin-left: 2px;
        background: #fff
    }

    .recruit-process .arrow {
        background: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        padding-top: 2px;
        position: absolute;
        right: -10px;
        top: 35px;
        z-index: 3
    }

    :lang(en) .recruit-process .arrow {
        background: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        padding-top: 2px;
        position: absolute;
        right: -10px;
        top: 35px;
        z-index: 3
    }

    .recruit-process .arrow:before {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        content: '';
        border: solid #da291c;
        border-width: 0 1px 1px 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: -2px;
        background: #fff
    }

    .recruit-process .icon {
        display: inline-block;
        width: 80px;
        height: 80px;
    }

    .recruit-process .icon.type01 {
        background: url("../image/icon/icon_system01.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process .icon.type02 {
        background: url("../image/icon/icon_system02.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process .icon.type03 {
        background: url("../image/icon/icon_system03.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process .icon.type04 {
        background: url("../image/icon/icon_system04.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process .icon.type05 {
        background: url("../image/icon/icon_system05.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process .icon.type06 {
        background: url("../image/icon/icon_system06.webp") center no-repeat;
        background-size: 70px 70px
    }

    .recruit-process2 {
        border: 0;
        padding: 5px 10px;
        width: 100%;
        margin-top: 20px;
        border-top: 1px solid #666666;
        border-bottom: 1px solid #dddddd
    }

    .recruit-process2 li {
        width: 100%;
        display: block;
        margin: 15px 0
    }

    .recruit-process2 li strong {
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500
    }

    .recruit-process2 li p {
        font-size: 13px;
        color: #666666;
        line-height: 1.6em;
        margin-top: 3px
    }

    /*인재채용 인사제도-교육제도 테이블 스타일*/
    .recruit-tb-mob {
        margin-top: 20px
    }

    .recruit-tb-mob>ul {
        border-top: 1px solid #333333
    }

    .recruit-tb-mob>ul>li {
        border-bottom: 1px solid #dddddd;
    }

    .recruit-tb-mob>ul>li>div {
        position: relative;
    }

    .recruit-tb-mob .question a {
        font-size: 13px;
        display: block;
        padding: 16px 20px 20px 10px;
        line-height: 1.5em;
        color: #333333;
        font-weight: 700;
    }

    .recruit-tb-mob .question {
        background: url('../image/btn/btn-fold2.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .recruit-tb-mob .answer {
        padding: 0px 0px 20px 0px;
        font-size: 13px;
        display: none
    }

    .recruit-tb-mob li.active .question {
        background: url('../image/btn/btn-unfold2.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .recruit-tb-mob .icon {
        left: 10px;
        padding-top: 7px;
        width: 30px;
        height: 30px;
    }

    .recruit-tb-mob .question .icon {
        top: 10px;
        border: 1px solid #eeeeee;
        font-size: 12px;
        color: #999;
        background: #fff;
        padding-left: 3px
    }

    .recruit-tb-mob .answer .icon {
        top: 15px;
        font-size: 12px;
        color: #fff;
        background: #da291c;
        padding-left: 3px
    }

    .recruit-tb {
        width: 100%;
        margin-top: 0px;
        border-bottom: 1px solid #ececec
    }

    .recruit-tb table {
        width: 100%
    }

    .recruit-tb table thead .head-bg1 {
        background: #ececec;
        color: #666666;
        font-size: 13px;
        text-align: center
    }

    .recruit-tb table thead .head-bg2 {
        color: #fff;
        font-size: 13px;
        border-right: 1px dashed #ececec;
        text-align: center
    }

    .recruit-tb table thead th {
        padding: 20px 0;
        font-weight: 700;
        line-height: 1.5em;
        vertical-align: middle
    }

    .recruit-tb table tbody th {
        background: #fbfbfb;
        font-size: 13px;
        padding: 10px 10px;
        color: #333333;
        font-weight: 700;
        border-top: 1px dashed #ececec;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        line-height: 1.5em
    }

    .recruit-tb table tbody td {
        padding: 0px 10px;
        border-right: 1px dashed #ececec;
        font-size: 13px;
        line-height: 1.5em;
        text-align: center;
        border-top: 1px dashed #ececec;
        vertical-align: middle;
        text-align: center
    }

    .recruit-tb table tbody td:last-child {
        border-right: 0
    }

    .recruit-tb table .tr-area td {
        padding: 15px 10px
    }

    .recruit-tb table tbody td .point-tb1 {
        display: inline-block;
        border-radius: 50%;
        ;
        height: 12px;
        width: 12px;
        background: #cccccc
    }

    .recruit-tb table tbody td .point-tb2 {
        display: inline-block;
        border-radius: 50%;
        ;
        height: 12px;
        width: 12px;
        background: #baad9c
    }

    .recruit-tb table tbody td .point2-tb1 {
        display: inline-block;
        border-radius: 10px;
        ;
        height: 12px;
        width: 100%;
        background: #cccccc
    }

    .recruit-tb table tbody td .point2-tb2 {
        display: inline-block;
        border-radius: 10px;
        ;
        height: 12px;
        width: 100%;
        background: #baad9c
    }

    .recruit-info .info-list li span {
        display: block;
        color: #333333;
        margin-top: 3px
    }
}

@media (max-width: 1279px) {

    /* 인재채용 - 복리후생 */
    .recruit-position {
        margin-top: 10px
    }

    .welfare-area {
        padding: 10px 0px;
        border: 0;
        margin-top: 0px
    }

    .welfare-area>ul:after {
        clear: both;
        display: block;
        content: '';
    }

    .welfare-area>ul {
        width: 100%
    }

    .welfare-area>ul>li {
        float: none;
        width: 100%;
        padding-left: 0px;
        border-left: 0;
        border-bottom: 1px solid #ededed;
        height: auto;
        padding: 25px 0
    }

    .welfare-area>ul>li:first-child {
        border-left: 0
    }

    .welfare-area>ul>li .top {
        margin-bottom: 10px;
        width: 100px;
        display: inline-block;
        vertical-align: top
    }

    .welfare-area>ul>li .top .icon {
        width: 100px;
        height: 100px;
        display: block
    }

    .welfare-area>ul>li .top .icon.type01 {
        background: url("../image/icon/icon_recruit01.webp") left top no-repeat;
        background-size: 70px 70px
    }

    .welfare-area>ul>li .top .icon.type02 {
        background: url("../image/icon/icon_recruit02.webp") left top no-repeat;
        background-size: 70px 70px
    }

    .welfare-area>ul>li .top .icon.type03 {
        background: url("../image/icon/icon_recruit03.webp") left top no-repeat;
        background-size: 70px 70px
    }

    .welfare-area>ul>li .top .icon.type04 {
        background: url("../image/icon/icon_recruit04.webp") left top no-repeat;
        background-size: 70px 70px
    }

    .welfare-area>ul>li .tit {
        color: #5d5346;
        font-size: 15px;
        margin-bottom: 10px
    }

    .welfare-area .welfare-list {
        width: 60%;
        display: inline-block
    }

    .welfare-area .welfare-list li {
        font-size: 13px;
        color: #666666;
        line-height: 1.7em;
        position: relative;
        padding-left: 12px
    }

    .welfare-list ul>li:before {
        display: block;
        content: '';
        position: absolute;
        top: 11px;
        left: 0;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #7a7a7a;
    }
}

@media (max-width: 1279px) {
    .company-info3 {
        background: url("../image/bg/bg_company03_m.webp") center top no-repeat;
        height: auto;
        text-align: center;
        position: relative;
        background-size: cover;
        padding: 67px 25px 65px 25px
    }

    /* 개인정보처리방침 - responsive-scroll */
    .clause-txt .tb-wrap.responsive-scroll {
        overflow: hidden;
        overflow-x: auto;
    }

    /* 컨텐츠타이틀 영역 bg 처리 */
    .cwrap-bg.bg1 {
        background: none;
        padding-top: 0
    }

    .cwrap-bg.bg4 {
        background: none;
        padding-top: 0
    }

    .cwrap-bg .title-area {
        height: auto;
        margin-top: 0
    }

    .cwrap-bg .page-desc {
        display: none
    }

    .cwrap-bg .breadcrumbs ol li.current h1 {
        color: #fff;
    }

    .cwrap-bg .breadcrumbs ol li h1 {
        color: #c2c2c2;
    }

    .inner-tab.scroller {
        padding: 0 2.5rem
    }

    /* 인재채용 */
    .recruit-introduce .cont-wrap {
        border: 1px solid #ddd;
        height: auto;
        padding: 20px;
        position: relative;
        margin-bottom: 10px
    }

    .recruit-introduce .cont-wrap .btn-area {
        position: absolute;
        right: 10px;
        top: 0px;
        bottom: auto;
        left: auto;
    }

    .recruit-introduce .cont-wrap .btn-area .web-btn {
        display: none
    }

    .recruit-introduce .cont-wrap .btn-area .mob-btn {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
        width: 100%;
        height: 60px;
        padding-left: 50px;
    }

    .recruit-introduce .cont-wrap .btn-area .mob-btn:before {
        display: inline-block;
        vertical-align: middle;
        width: 6px;
        height: 6px;
        content: '';
        border: solid #999999;
        border-width: 0 2px 2px 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-top: 25px;
        margin-right: 20px
    }

    .recruit-introduce {
        margin-top: 20px
    }

    .recruit-introduce .cont-wrap .tit {
        font-size: 16px;
        color: #333333;
        font-weight: 700
    }

    .recruit-introduce .cont-wrap .txt {
        display: none
    }

    /* 약관동의 텍스트 간격 및 폰트*/
    .clause-txt {
        border-top: 0;
        padding-top: 0px;
        font-size: 15px;
        margin-top: 0
    }

    .clause-txt .custom-select {
        width: 100%
    }

    .clause-txt .custom-select .select {
        width: 100%
    }

    .clause-txt h2 {
        font-size: 16px;
    }

    .clause-bottom {
        font-size: 16px;
        color: #333333;
        line-height: 1.6em
    }

    .clause-bottom .tit {
        font-size: 16px;
        color: #333333;
        font-weight: 800;
        margin-bottom: 5px
    }

    .clause-bottom .left {
        display: inline-block;
        width: 90px;
    }

    .clause-bottom strong {
        font-weight: normal;
        display: inline-block;
        width: 90px
    }

    :lang(en) .clause-bottom .left {
        display: inline-block;
        width: 50%
    }

    :lang(en) .clause-bottom strong {
        display: inline-block;
        width: 50%
    }

    :lang(en) .clause-bottom a {
        display: inline-block;
        width: 100%
    }

    :lang(ja) .clause-bottom .left {
        display: inline-block;
        width: 33.3%
    }

    :lang(ja) .clause-bottom strong {
        display: inline-block;
        width: auto
    }

    :lang(ja) .clause-bottom a {
        display: inline-block;
        width: 100%
    }

    :lang(zh) .clause-bottom .left {
        display: inline-block;
        width: 25%
    }

    :lang(zh) .clause-bottom strong {
        display: inline-block;
        width: 40%
    }

    :lang(zh) .clause-bottom a {
        display: inline-block;
        width: auto
    }

    /* 윤리경영 */
    .ethic-tit {
        font-size: 20px;
        line-height: 1.6em;
        color: #000000;
        margin-top: 20px
    }

    .ethic-txt1 {
        font-size: 13px;
        line-height: 1.6em;
        color: #666
    }

    .ethic-txt2 {
        font-size: 15px;
        line-height: 1.6em;
        color: #666;
        margin-top: 30px
    }

    .ethic-txt3 {
        font-size: 16px;
        line-height: 1.6em;
        color: #333;
        margin-top: 20px
    }

    .ethic-txt .st1 {
        font-size: 15px;
        color: #000;
    }

    .ethic-txt .st2 {
        font-size: 13px;
        color: #333;
        line-height: 1.5em;
        margin-top: 10px;
        width: 100%
    }

    .ethic-list {
        margin-top: 12px
    }

    .ethic-list>ul>li:after {
        clear: both;
        display: block;
        content: '';
    }

    .ethic-list>ul>li {
        border-bottom: 1px solid #ebebeb;
        width: 100%;
        position: relative;
        padding: 20px 0
    }

    .ethic-list .left {
        display: inline-block;
        ;
        vertical-align: top;
        padding: 0
    }

    .ethic-list .num {
        font-size: 14px;
        color: #333;
        padding-top: 1px
    }

    .ethic-list .right {
        display: inline-block;
        position: static;
        width: 93%;
        padding-left: 0
    }

    .ethic-list .right .txt-area {
        display: inline-block;
        vertical-align: middle;
    }

    .ethic-list .right .st1 {
        font-size: 14px;
        color: #333;
        line-height: 1.5em;
        font-weight: 800
    }

    .ethic-list .right .st2 {
        font-size: 13px;
        color: #333;
        line-height: 1.5em
    }

    .ethic-list+.ethic-txt {
        margin-top: 40px
    }

    .ethic-list .right .st1+.st2 {
        margin-top: 6px
    }

    .ethic-txt+.ethic-bl {
        margin-top: 5px
    }

    .ethic-bl li {
        font-size: 14px;
        color: #333333;
        padding-left: 0px;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .ethic-bl strong {
        color: #8a7862
    }

    .ethic-list .left2 {
        display: inline-block;
        width: 28%;
        vertical-align: middle
    }

    .ethic-list .right2 {
        display: inline-block;
        width: 70%;
        vertical-align: middle;
    }

    .ethic-list .txt-area2 li:after {
        clear: both;
        display: block;
        content: '';
    }

    .ethic-list .txt-area2 li {
        font-size: 15px;
        color: #333333;
        margin-bottom: 7px;
        width: 100%
    }

    .ethic-list .txt-area2 .month {
        display: inline-block;
        width: 17%;
        float: left;
        text-align: right
    }

    .ethic-list .txt-area2 .txt {
        display: inline-block;
        width: 77%;
        float: right;
        margin-left: 10px
    }

    .ethic-txt {
        position: relative;
        margin-top: 20px;
        padding-left: 0px;
        min-height: 60px
    }

    .ethic-bl .mob-br {
        margin-left: 10px
    }

    /* 인재채용 직무소개 */
    .clause-bottom .down {
        text-decoration: underline;
        font-size: 15px
    }

    .recruit_photo {
        margin-top: 10px
    }

    .recruit_photo img {
        width: 100%
    }

    .recruit-type.tb-responsive .rwd-table td {
        padding: .4rem 1rem
    }

    .recruit-type.tb-responsive .rwd-table tr:last-child {
        border-bottom: 1px solid #dddddd
    }

    .recruit-type.tb-responsive .rwd-table td .td-txt {
        width: 100%
    }

    .web-br {
        display: inline
    }

    .ethic-img+.tab-menu {
        margin-top: 0px
    }
}


/********************************
 컨텐츠 :: 기타
 @import url("etc.css");*********************************/
/* header */
#wrapper #header .header-btn-area {
    position: absolute;
    top: 30%;
    right: 0;
}

#wrapper #header .header-btn-area button {
    padding: 0 3.5rem;
    margin-left: 1rem
}

#wrapper #header.header.scroll .header-btn-area {
    top: 17%;
}

/* 브라우저 안내 -header */
.header-browser-notice {
    position: absolute;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #ebebeb;
}

.header-browser-notice .inner {
    width: 1280px;
    margin: 0 auto
}

.header-browser-notice .inner .logo {
    display: block;
    position: absolute;
    top: 40px;
    width: 246px;
    height: 44px;
}

.header-browser-notice .inner .logo a {
    display: block
}

.header-browser-notice .inner .logo img {
    max-width: 100%;
}

.header-browser-notice+.content-wrap {
    max-width: 100%;
    padding-top: 120px
}

/* notice-page 브라우저 안내 rem -> px */
.date-wrap .date-none.notice-page .title {
    padding-bottom: 60px;
    font-size: 30px;
    line-height: normal
}

.date-wrap .date-none.notice-page>span {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: normal
}

.date-wrap .date-none.notice-page .desc {
    padding-bottom: 60px;
    font-size: 20px;
    line-height: normal
}

.browser-wrap {
    margin: 0 auto;
    width: 410px
}

.browser-img {
    padding: 20% 10%;
    max-width: 183px;
    max-height: 183px;
    border: 1px solid #ddd;
}

.browser-img .img {
    display: block;
    margin: 0 auto 20px;
    width: 62px;
    height: 62px;
    background: url("../image/img/img_ie.webp") no-repeat;
    background-size: cover
}

.browser-img .img.chrome {
    background: url("../image/img/img_chrome.webp") no-repeat;
    background-size: cover
}

.browser-img .txt {
    font-size: 15px;
    color: #333
}

/* 투숙만족도평가 - 20190513*/
.tb-wrap.satisfaction tr th {
    text-align: center;
    font-size: 1.2rem
}

.tb-wrap.satisfaction .custom-radio .radio+label {
    width: 18px;
    padding: 0
}

.tb-wrap.satisfaction tbody td {
    padding: 1.5rem 1rem 0.8rem;
    min-height: 51px;
}

.tb-wrap.satisfaction tr th:first-child {
    border-right: 1px solid #eee;
    padding: 1.5rem 1rem 1rem;
}

.tb-wrap.satisfaction textarea {
    min-height: 5rem;
    padding: 1rem;
    margin-bottom: 0.2rem;
    font-size: 1.2rem
}

.customer-title-area {
    margin: 2rem 0;
}

.customer-title-area .sub-title {
    font-size: 2rem;
}

/* 개인정보 수집 및 이용 동의 체크박스 */
.agree-check-list:after {
    clear: both;
    display: block;
    content: '';
}

.agree-check-list li {
    position: relative;
    margin-right: 0;
    font-size: 1.3rem;
    padding: 1.3rem 1.5rem;
    margin-bottom: .5rem;
}

.agree-check-list li:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #dddddd;
}

.agree-check-list li .btn-icon.ico-arrow {
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    top: 0;
    right: 0;
}

.agree-check-list li .btn-icon.ico-arrow:after {
    top: 1.5rem;
}

.hot-line {
    background: #f5f5f5;
    padding: 60px 0;
    text-align: center;
    font-size: 30px;
    color: #000000
}

.textarea-num {
    font-size: 14px;
    color: #666;
    text-align: right
}

@media (max-width: 1279px) {

    /* header */
    #wrapper #header.header.scroll .header-btn-area {
        top: 30%;
    }

    #wrapper #header .header-inner .logo.mobile {
        display: inline-block;
        width: 16.5rem;
        margin: 0.5rem 0 0 2.5rem;
    }

    #wrapper #header .header-btn-area {
        padding-right: 2.5rem;
    }

    #wrapper #header .header-btn-area button {
        padding: 0 1.3rem;
        margin-left: 0.5rem;
        height: 3rem;
        line-height: 3rem
    }

    /* notice-page */
    .date-wrap .date-none.notice-page .title {
        padding-bottom: 3rem;
        font-size: 1.8rem;
    }

    .date-wrap .date-none.notice-page>span {
        font-size: 1.6rem;
    }

    .date-wrap .date-none.notice-page .desc {
        padding-bottom: 5rem;
        font-size: 1.4rem
    }

    .browser-wrap {
        max-width: 410px;
        width: 85%;
    }

    .browser-wrap .grid-area.gap-6 .colum {
        padding: 0
    }

    .browser-img {
        display: inline-block;
    }

    .browser-img .img {
        width: 4.2rem;
        height: 4.2rem;
        margin: 0 auto 1rem;
        background: url("../image/img/img_ie.webp") no-repeat;
        background-size: cover
    }

    .browser-img .txt {
        font-size: 1.4rem
    }

    /* 개인정보 수집 및 이용 동의 체크박스 */
    .agree-check-list li {
        position: relative;
        float: none;
        margin-right: 0;
        font-size: 1.3rem;
        padding: 1.3rem 1.5rem;
        /* background-color: #efefef;  */
        margin-bottom: .5rem;
    }
}

/********************************
 컨텐츠 :: 세미나 웨딩
 @import url("seminar_wedding.css");*********************************/
/* 예약문의 */
.filebox+.field-guide {
    margin-top: 10px;
}

.checkbox-group .checkbox {
    display: inline-block;
}

.checkbox-group .checkbox .input-group-add.txt {
    margin-right: 20px;
}

/* .checkbox-group.seminar .custom-checkbox+.custom-checkbox,
.checkbox-group.seminar .custom-checkbox {
    margin-right: 6rem
} */

/* 메인목록*/
.contents-list-area.seminar .cont-wrap {
    position: relative;
    min-height: 13.3rem;
}

/* 2019-07-23 자세히보기 버튼 삭제 */
.contents-list-area.seminar .cont-wrap>.btn-area {
    position: absolute;
    bottom: 0;
}

/* 메인목록 - room desc */
.seminar-text-box {
    position: relative;
    width: 1280px;
    margin: 40px auto 0;
}

.seminar-text-box .tit {
    font-size: 24px;
    color: #333;
}

.seminar-text-box .desc {
    margin-top: 1rem;
    font-size: 16px;
    line-height: 26px;
}

.seminar-text-box .txt {
    font-size: 16px;
    line-height: 26px;
}

/* 상세 slide */
.detail-img-wrap::after {
    content: '';
    clear: both;
    display: block
}

.seminar-wedding-view.slider-list .list .img {
    padding-bottom: 43.8%;
    max-height: 560px;
}

/* 상세 - slide desc */
.seminar-wedding-view.slider-list~.desc {
    position: relative;
    font-size: 16px;
    line-height: normal;
    text-align: right
}

.seminar-wedding-view.slider-list~.desc .slide-desc {
    width: 80%;
    text-align: left;
}

.seminar-wedding-view.slider-list~.desc>.btn {
    width: 150px;
    position: absolute;
    top: 0;
    right: 0;
}

.detail-img-wrap.none-btn .seminar-wedding-view.slider-list~.desc .slide-desc {
    width: 100%;
}

.td-txt .btn-table-txt {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px 15px;
}

/* 상세 - 전체보기 기능 추가 2019-06-25 */
.seminar-wedding-view.slider-list~.desc .btn-icon.ico-img {
    display: block;
    position: absolute;
    top: -167px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: url("../image/btn/btn_pop_img.webp") no-repeat;
    background-size: cover;
}

/* 상세 - 간격 */
.field-guide>.btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px 20px;
}

:lang(ja) .seminar+.field-guide>.btn {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 5px 0;
}

.checkbox-group+.field-guide {
    margin-top: 25px;
}

.seminar-text-box .desc+.txt {
    margin-top: 1rem;
}

.detail-img-wrap+.btn-bottom-area {
    margin-top: 85px;
}

/* 상세 - 테이블 팝업 */
.table-type-wrap {
    padding: 6rem 2.5rem;
}

.table-type-wrap ul::after {
    content: '';
    display: block;
    clear: both;
}

.table-type-wrap ul li {
    position: relative;
    float: left;
    margin-right: 8rem;
}

.table-type-wrap ul li:nth-child(3) {
    margin-right: 0;
}

.table-type-wrap ul li:nth-child(4),
.table-type-wrap ul li:nth-child(5) {
    margin-top: 8rem;
}

.popup-title.border-gray {
    padding-bottom: 20px
}

.popup-title.border-gray+.popup-content>.table-type-wrap {
    border-top: 1px solid #6a6a6a;
}

.table-tit {
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
}

.ico-table {
    display: inline-block;
    margin-top: 2rem;
    width: 16rem;
    height: 11.8rem;
    background: url('../image/icon/ico_table.webp') 0 0 no-repeat;
}

.ico-table.round {
    width: 17.8rem;
    background-position: -200px 0;
}

.ico-table.theater {
    width: 16rem;
    background-position: 0 -200px;
}

.ico-table.ushape {
    height: 13rem;
    background-position: -200px -190px;
}

.ico-table.square {
    background-position: 10px -400px;
}

/* 상세 - 360 view btn */
.seminar-desc-link {
    font-size: 14px;
    color: #666;
    width: 150px;
    position: absolute;
    top: 0;
    right: 0;
    color: #da291c;
    font-family: 'lato', sans-serif;
    font-weight: 900
}

.seminar-desc-link span:after {
    display: inline-block;
    content: '';
    width: 28px;
    height: 8px;
    margin-left: 5px;
    background: url("../image/btn/btn_arrow_more2.webp") no-repeat;
    background-size: 28px 8px;
}

@media (min-width:769px) and (max-width:1025px) {

    /* 상세 - table btn */
    .td-txt .btn-table-txt {
        display: block;
        margin: 15px 0 0 0;
        width: 70px;
    }

    :lang(ja) .td-txt .btn-table-txt {
        display: block;
        margin: 15px 0 0 0;
        width: 90px;
    }

    :lang(en) .td-txt .btn-table-txt {
        display: block;
        margin: 15px 0 0 0;
        width: 95px;
    }
}

@media (max-width: 767px) {

    /* 예약문의 */
    .checkbox-group .checkbox {
        display: block;
        margin-left: 0;
    }
    .resort-new-styles .wedding-conference-wrap .checkbox-group .checkbox {
        gap: 1.2rem 0;
    }
    .resort-new-styles .wedding-conference-wrap .component-radio .radio-txt,
    .resort-new-styles .wedding-conference-wrap .custom-checkbox .checkbox+label {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }

    .checkbox-group .checkbox .input-group-add.txt {
        margin-right: 1rem;
    }

    .checkbox-group .checkbox+.checkbox {
        margin-top: 2rem;
        width: 100%;
    }

    .checkbox-group.seminar .custom-checkbox+.custom-checkbox,
    .checkbox-group.seminar .custom-checkbox {
        margin: 0 0 0 0;
    }

    .checkbox-group.seminar .custom-checkbox:first-child {
        margin: 0
    }

    .checkbox-group.seminar .checkbox .input-group-add.txt {
        width: 20%;
    }

    .checkbox-group.seminar .checkbox+.checkbox>input {
        width: 80%;
    }

    :lang(en) .tb-responsive.seminar .rwd-table td .title {
        width: 80%;
        max-width: 80%;
    }

    /* 메인목록*/
    .restaurant-view-wrap.seminar .restaurant-view .cont .txt {
        padding-top: 1rem
    }

    /* 상세 - 대연회장 iamge 간격 */
    .detail-img-view.seminar {
        margin-top: 2rem;
    }

    .contents-list-area.seminar .cont-wrap {
        min-height: auto;
    }

    .contents-list-area.seminar .cont-wrap>.btn-area {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
    }

    .contents-list-area.seminar .cont-wrap>.btn-area .btn-md {
        height: 3.3rem;
        line-height: 3.3rem;
    }

    .seminar-wedding-view.slider-list .list .img {
        padding-bottom: 73.6%;
    }

    .seminar-wedding-view.slider-list .list .img img {
        width: auto;
        left: -25%
    }

    .seminar-wedding-view+.slide-desc {
        margin: 1.5rem 0.5rem;
    }

    /* 상세 - slide desc */
    .seminar-wedding-view.slider-list .list {
        padding: 5px 0;
    }

    .seminar-wedding-view.slider-list .slick-dots {
        margin: 30px 0 24px 0
    }

    .seminar-wedding-view.slider-list~.desc {
        margin: 3rem 0.5rem 0
    }

    .seminar-wedding-view.slider-list~.desc .slide-desc {
        width: auto;
        margin: 0rem 0rem 3rem;
        font-size: 13px;
    }

    .seminar-wedding-view.slider-list~.desc>.btn {
        margin-bottom: 2rem;
        width: 114px;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 1rem
    }

    /* 상세 - slide desc vr 버튼 없을때 */
    .seminar-wedding-view.slider-list~.desc.none-btn .slide-desc {
        width: 100%;
    }

    .seminar-text-box {
        position: relative;
        width: 100%;
        margin: 20px auto 10px;
    }

    .seminar-text-box .tit {
        font-size: 16px;
        color: #333;
    }

    .seminar-text-box .desc {
        margin-top: 1.8rem;
        font-size: 13px;
        line-height: 26px;
    }

    .seminar-text-box .txt {
        font-size: 13px;
        line-height: 20px;
    }

    /* 상세 - 간격 */
    .td-txt>span {
        display: block
    }

    .td-txt .btn-table-txt {
        margin: 15px 0 0 0;
    }

    .field-guide>.btn {
        display: inline-block;
        vertical-align: middle;
    }

    .seminar-text-box .desc+.txt {
        margin-top: 5px;
    }

    .checkbox-group+.field-guide {
        margin-top: 15px;
    }

    .detail-img-wrap+.btn-bottom-area {
        margin-top: 3rem;
    }

    .detail-img-wrap+.btn-bottom-area+.title-sub-area.type {
        margin-top: 4rem
    }

    /* 상세 - 테이블 팝업 */
    .table-type-wrap {
        padding: 1rem 0
    }

    .table-type-wrap ul li {
        width: 50%;
        margin-right: 0;
    }

    .table-type-wrap ul li:nth-child(even) {
        width: calc(50% - 1.5rem);
        margin-left: 1.5rem;
    }

    .table-type-wrap ul li:nth-child(3),
    .table-type-wrap ul li:nth-child(4),
    .table-type-wrap ul li:nth-child(5) {
        margin-top: 4rem;
    }

    .popup-title.border-gray+.popup-content>.table-type-wrap {
        border-top: none;
    }

    .ico-table {
        width: 13rem;
        height: 11.8rem;
        background: url('../image/icon/ico_table.webp') 0 0 no-repeat;
        background-size: 320px auto;
    }

    .ico-table.round {
        width: 15rem;
        background-position: -160px 0;
    }

    .ico-table.theater {
        background-position: 0 -160px;
    }

    .ico-table.ushape {
        background-position: -133px -160px;
    }

    .ico-table.square {
        background-position: 0 -320px;
    }

    /* 상세 - 360 view btn */
    .seminar-wedding-view.slider-list~.desc {
        text-align: left
    }

    .seminar-desc-link {
        width: 114px;
        position: relative;
        top: 0;
        right: 0;
    }
}


/* 2020-06-11 패키지 상세 초이스안내 */
.choice-list.tb-wrap>table thead th {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    background-color: #fbfbfb;
}

.choice-list.tb-wrap>table thead th span {
    font-size: 20px;
    font-weight: normal;
}

.choice-list th:last-child,
.choice-list td:last-child {
    border-left: 1px solid #eee;
}

.choice-list td {
    font-size: 15px;
    line-height: 1.6;
}

.choice-list td .choiceWrap {
    display: table;
}

.choice-list td .choiceWrap>.ico-choice {
    display: table-cell;
    width: 140px;
    padding-right: 30px;
    text-align: center;
}

.choice-list td .choiceWrap>.ico-choice img {
    /* display:block; */
    width: 96px;
    height: auto;
}

.choice-list td .choiceWrap>.desc {
    display: table-cell;
    vertical-align: middle;
}

.choice-list td .choiceWrap>.desc .tit {
    font-size: 18px;
    color: #333;
}

.choice-list td .choiceWrap>.desc .tit+p {
    margin-top: 15px;
}

.choice-list td .choiceWrap p {
    color: #666;
    word-break: keep-all;
}

.event-txt.text-center .tit {
    font-family: 'Bodoni Moda';
    font-size: 5.4rem;
}

.event-txt.text-center .tit i {
    font-family: 'Bodoni Moda';
}

.event-txt.text-center .sub-txt {
    font-size: 2rem;
    line-height: 3.4rem;
    color: #333;
}

.event-txt.text-center .sub-txt b {
    font-weight: bold;
}

.choice-list.web-view {
    margin-top: 45px;
    margin-bottom: 100px;
}

.choice-list td .choiceWrap {
    position: relative;
    width: 100%;
}

.choice-list td .choiceWrap>.desc .price {
    position: absolute;
    right: 40px;
    top: 0;
    margin-top: 0 !important;
    font-family: 'Lato', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
}

/* 20240129 초이스 서비스 디자인 변경 */

.choice-service {
    margin: 30px 0 100px 0;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #eeeeee;
}

.choice-service .service-area {
    display: flex;
    justify-content: space-evenly;
}

.choice-service .service-area .service {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 20px 0 40px;
}

.choice-service .service-area .service .service-tit {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 1.5em;
}

.choice-service .service-area .service .service-txt {
    display: flex;
    height: 100%;
    color: #666;
    font-size: 1.4rem;
    line-height: 1.6em;
    margin-top: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.choice-service .service-area .service .service-txt div {
    text-align: center;
}

.choice-service .service-area .service .service-price {
    margin-top: 15px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    font-family: 'Lato', sans-serif;
}

@media (max-width: 1279px) {
    .choice-list.tb-wrap>table thead th {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        background-color: #fff;
    }

    .choice-list.tb-wrap>table thead th span {
        font-size: 15px;
    }

    .choice-list.tb-wrap {
        border-top: none;
    }

    .choice-list.tb-wrap>table thead th {
        border-bottom: 1px solid #656565;
    }

    .event-txt.text-center .tit {
        font-size: 4rem;
    }

    .event-txt.text-center .sub-txt {
        font-size: 1.5rem;
        line-height: 2.5rem;
        word-break: keep-all;
    }

    .choice-list td .choiceWrap>.desc .price {
        position: relative;
        right: 0;
        font-size: 1.6rem;
    }

    .choice-list table tr th:last-child,
    .choice-list table tr td:last-child {
        border: 1px solid #eee;
    }

    .choice-service {
        margin: 15px 0 50px 0;
        border-bottom: 0;
    }

    .choice-service .service-area {
        flex-direction: column;
    }

    .choice-service .service-area .service {
        margin: 0;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #eee;
    }

    .choice-service .service-area .service:last-child {
        margin-bottom: 20px;
    }

    .choice-service .service-area .service .service-tit {
        font-size: 1.6rem;
    }

    .choice-service .service-area .service .service-price {
        margin-top: 10px;
        font-size: 1.6rem;
    }
}

:lang(en) .visual .dot-box.main {
    display: none;
}

/* 2020-08-13 멤버쉽 페이지 */
.membership-visual-wrap {
    position: relative;
    width: 100%;
    height: 634px;
}

.membership-visual-wrap .visual-wrap2 {
    position: relative;
    z-index: 10;
    height: 100%
}

.membership-visual-wrap .visual-wrap2 .img {
    height: 100%;
    background: url("../image/bg/bg_membership01.webp") center top no-repeat;
}

.membership-visual-wrap .visual-wrap2 .txt {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
}

.membership-visual-wrap .visual-wrap2 .txt .copy-area {
    position: relative;
    top: 68%;
    left: 0;
    max-width: 1279px;
    margin: 0 auto;
    font-size: 16px;
}

.membership-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
    display: block;
    font-size: 2.75em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.15;
}

.membership-visual-wrap .visual-wrap2 .txt .copy-area .copy {
    display: block;
    font-size: 1em;
    margin-top: 30px;
    line-height: normal;
}

.membership-banner-wrap {
    margin: 11em auto;
}

.membership-banner-wrap .title-area {
    margin-bottom: 8.5em;
    color: #333;
    text-align: center;
}

.membership-banner-wrap .title-area .title {
    margin-bottom: 1.25em;
    font-size: 3.2em;
    line-height: 1.5em;
}

.membership-banner-wrap .title-area .sub {
    font-size: 2.2em;
}

.membership-list-wrap {
    text-align: center;
}

.membership-list-wrap ul {
    display: flex;
}

.membership-list-wrap ul .list {
    flex: 1;
}

.membership-list-wrap ul .list .image-wrap {
    width: 16em;
    height: 16em;
    margin: 0 auto 2.5em;
}

.membership-list-wrap ul .list .image-wrap img {
    width: 100%;
}

.membership-list-wrap ul .list .txt {
    font-size: 1.8rem;
}

.membership-wrap {
    background-color: #f5f5f5;
}

.membership-wrap .content {
    padding: 7rem 0 9rem;
    font-size: 1.4rem;
}

.membership-wrap .content .title-sub-area {
    margin-bottom: 7rem;
    text-align: center;
}

.membership-wrap .content .title-sub-area .sub-title {
    font-size: 2.8rem;
}

.membership-wrap .cont-wrap {
    font-size: 0;
    text-align: center;
}

.membership-wrap .cont-wrap li {
    display: inline-block;
    width: calc(25% - 1px);
    padding: 0 1rem;
    text-align: center;
    vertical-align: top;
}

.membership-wrap .cont-wrap li+li {
    border-left: 1px solid #ddd;
}

.membership-wrap .cont-wrap .img {
    display: block;
    width: 14rem;
    margin: 0 auto;
    padding-top: 2.5rem;
}

.membership-wrap .cont-wrap .img>i {
    display: inline-block;
    width: 12rem;
    height: 9rem;
    background-position: center;
    background-repeat: no-repeat;
}

.membership-wrap .cont-wrap .list-01 {
    background-image: url('../image/icon/ico_member_benefit1.webp');
}

.membership-wrap .cont-wrap .list-02 {
    background-image: url('../image/icon/ico_main_member04.webp');
}

.membership-wrap .cont-wrap .list-03 {
    background-image: url('../image/icon/ico_main_member05.webp');
}

.membership-wrap .cont-wrap .list-04 {
    background-image: url('../image/icon/ico_main_member06.webp');
}

.membership-wrap .cont-wrap .tit {
    display: block;
    margin-top: 1.5rem;
    color: #000000;
    font-size: 2rem;
    line-height: 2.6rem;
}

.membership-wrap .cont-wrap .cont {
    margin-top: 1rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.main-membership-wrap {
    width: 100%;
    color: #333;
    border: 1px solid #ccc;
}

.main-membership-wrap .content {
    padding: 7rem 0;
    font-size: 1.4rem;
}

.main-membership-wrap .cont-wrap {
    font-size: 0;
    text-align: center;
}

.main-membership-wrap .cont-wrap li {
    display: inline-block;
    padding: 0 4rem 0 5rem;
    text-align: left;
    vertical-align: top;
}

.main-membership-wrap .cont-wrap li+li {
    border-left: 1px solid #ddd;
}

.main-membership-wrap .cont-wrap .img {
    display: inline-block;
    width: 8.5rem;
    margin-right: 2rem;
    vertical-align: middle;
}

.main-membership-wrap .cont-wrap .img>i {
    display: inline-block;
    width: 8.5rem;
    height: 8.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.main-membership-wrap .cont-wrap .list-01 {
    background-image: url('../image/icon/ico_main_member04.webp');
}

.main-membership-wrap .cont-wrap .list-02 {
    background-image: url('../image/icon/ico_main_member05.webp');
}

.main-membership-wrap .cont-wrap .list-03 {
    background-image: url('../image/icon/ico_main_member06.webp');
}

.main-membership-wrap .cont-wrap .txt {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}

.main-membership-wrap .cont-wrap .tit {
    display: block;
    color: #000000;
    font-size: 2rem;
}

.main-membership-wrap .cont-wrap .cont {
    margin-top: 0.5rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.main-membership-wrap .cont-wrap .desc {
    margin-top: 5.5rem;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.4rem;
}

.membership-view-wrap {
    position: relative;
}

.membership-view-wrap .membership-view {
    margin-top: 9rem;
}

.membership-view-wrap .membership-view .grid-area {
    display: table;
}

.membership-view-wrap .membership-view .grid-area .colum {
    float: none;
}

.membership-view-wrap .membership-view .img {
    display: table-cell;
    vertical-align: middle;
    width: 65.625%;
    text-align: right;
}

.membership-view-wrap .membership-view .img img {
    width: 100%;
    max-width: 795px;
    padding-left: 3rem;
}

.membership-view-wrap .membership-view .cont {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5rem;
    width: calc(34.375% - 50px);
}

.membership-view-wrap .membership-view .cont .txt {
    margin-top: 1rem;
    font-size: 2.8rem;
    line-height: 1.63;
}

.membership-view-wrap .membership-view .cont .btn-area {
    margin-top: 2.5rem;
    text-align: left;
}

.membership-view-wrap .btn-xlg {
    font-weight: normal;
}

@media screen and (max-width: 1279px) {
    .membership-banner-wrap .title-area .title {
        font-size: 2.8em;
        line-height: 1.5em;
    }

    .membership-banner-wrap .title-area .sub {
        font-size: 2em;
    }

    .membership-list-wrap ul .list .image-wrap {
        width: 12em;
        height: 12em;
    }

    .membership-view-wrap .membership-view .cont .txt {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 1100px) {
    .main-membership-wrap .cont-wrap .img {
        width: 6rem;
    }

    .main-membership-wrap .cont-wrap .img>i {
        width: 6rem;
        height: 6rem;
    }

    .main-membership-wrap .cont-wrap li {
        padding: 0 3rem;
    }

    .main-membership-wrap .cont-wrap .tit {
        font-size: 1.8rem;
    }

    .main-membership-wrap .cont-wrap .cont {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1279px) {
    .membership-visual-wrap {
        height: 350px;
    }

    .membership-banner-wrap .title-area .title {
        font-size: 2.4em;
        line-height: 1.5em;
    }

    .membership-banner-wrap .title-area .sub {
        font-size: 1.6em;
    }

    .membership-list-wrap ul .list .image-wrap {
        width: 10em;
        height: 10em;
    }

    .membership-list-wrap ul .list .txt {
        font-size: 1.4rem;
    }

    .membership-wrap .cont-wrap .tit {
        font-size: 1.8rem;
    }

    .membership-wrap .cont-wrap .cont {
        font-size: 1.4rem;
    }

    .membership-view-wrap .membership-view .cont .txt {
        font-size: 1.6rem;
    }
}

@media (max-width: 920px) {
    .main-membership-wrap .cont-wrap .img {
        width: 5rem;
        margin-right: 1rem;
    }

    .main-membership-wrap .cont-wrap .img>i {
        width: 5rem;
        height: 5rem;
        background-size: contain;
    }

    .main-membership-wrap .cont-wrap li {
        padding: 0 2rem;
    }

    .main-membership-wrap .cont-wrap .tit {
        font-size: 1.6rem;
    }

    .main-membership-wrap .cont-wrap .cont {
        font-size: 1.4rem;
    }
}

@media (max-width: 1279px) {
    .membership-visual-wrap .visual-wrap2 .img {
        background-image: url("../image/bg/bg_membership01_m.webp");
        background-size: cover;
    }

    .membership-visual-wrap .visual-wrap2 .txt .copy-area {
        top: 65%;
        padding: 0 2em;
    }

    .membership-visual-wrap .visual-wrap2 .txt .copy-area .visual-tit {
        font-size: 1.75em;
        font-weight: 600;
    }

    .membership-visual-wrap .visual-wrap2 .txt .copy-area .copy {
        margin-top: 1.25em;
        font-size: 0.875em;
    }

    .membership-banner-wrap {
        margin: 3.5em auto 5.5em;
    }

    .membership-banner-wrap .title-area {
        margin-bottom: 4em;
        padding: 0;
    }

    .membership-banner-wrap .title-area .title {
        margin-bottom: 1rem;
        font-size: 2rem;
        line-height: 1.5em;
    }

    .membership-banner-wrap .title-area .sub {
        font-size: 1.8rem;
        line-height: 1.8em;
    }

    .membership-list-wrap ul {
        display: block;
    }

    .membership-list-wrap ul .list {
        display: inline-block;
        width: 33%;
    }

    .membership-list-wrap ul .list.mob {
        margin-top: 2rem;
    }

    .membership-list-wrap ul .list .image-wrap {
        width: 10rem;
        height: 10rem;
        margin: 0 auto 1rem;
    }

    .membership-list-wrap ul .list .txt {
        font-size: 1.4rem;
    }

    .membership-wrap {
        margin: 0 -2.5rem;
    }

    .membership-wrap .content {
        padding: 3rem 0;
    }

    .membership-wrap .content .title-sub-area {
        margin-bottom: 2rem;
    }

    .membership-wrap .content .title-sub-area .sub-title {
        font-size: 2rem;
    }

    .membership-wrap .cont-wrap li {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 20px;
    }

    .membership-wrap .cont-wrap li+li {
        border-left: none;
    }

    .membership-wrap .cont-wrap .tit {
        font-size: 1.4rem;
    }

    .membership-wrap .cont-wrap .cont {
        font-size: 1.2rem;
    }

    .membership-wrap .cont-wrap .img {
        display: flex;
        width: 45%;
        align-items: center;
        justify-content: flex-end;
        min-height: 133px;
        margin: 0;
        text-align: right;
        padding: 0 1.8rem 0;
        border-top: 1px solid rgba(150, 150, 150, 0.18);
    }

    .membership-wrap .cont-wrap .txt {
        display: flex;
        width: 55%;
        text-align: left;
        justify-content: center;
        flex-direction: column;
        min-height: 133px;
        border-top: 1px solid rgba(150, 150, 150, 0.18);
    }

    .membership-wrap .cont-wrap .tit {
        margin-top: 0;
        text-align: left;
    }

    .membership-wrap .cont-wrap .cont {
        margin-top: 0;
    }


    .main-membership-wrap {
        margin: 0;
        border: 0 none;
    }

    .main-membership-wrap .content {
        padding: 0 2rem;
    }

    .main-membership-wrap .cont-wrap li {
        width: 100%;
        padding: 2rem 0 2rem 3rem;
        border-bottom: 1px solid #ddd;
    }

    .main-membership-wrap .cont-wrap li+li {
        border-left: none;
    }

    .main-membership-wrap .cont-wrap .img {
        width: 6rem;
        margin-right: 3rem;
    }

    .main-membership-wrap .cont-wrap .img>i {
        width: 6rem;
        height: 6rem;
    }

    .main-membership-wrap .cont-wrap .tit {
        font-size: 1.5rem;
    }

    .main-membership-wrap .cont-wrap .cont {
        font-size: 1.3rem;
    }

    .main-membership-wrap .cont-wrap .desc {
        margin-top: 3.5rem;
        font-size: 1.5rem;
        text-align: left;
        line-height: 2.4rem;
    }


    /* .membership-view-wrap { margin-left: -2.5rem; margin-right: -2.5rem; } */
    .membership-view-wrap .membership-view {
        margin-top: 4.5rem;
    }

    .membership-view-wrap .membership-view .grid-area .cont {
        margin-bottom: 5rem;
        padding: 0;
        text-align: center;
    }

    .membership-view-wrap .membership-view .grid-area .cont .valign_c {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        transform: translateY(-50%);
    }

    .membership-view-wrap .membership-view .img img {
        padding: 0;
    }

    .membership-view-wrap .membership-view .cont .btn-area {
        text-align: center;
    }

    .membership-view-wrap .membership-view .cont .btn-area .btn-xlg {
        padding: 0 3rem;
    }

    .membership-view-wrap .btn-bottom-area {
        width: 70%;
        max-width: 320px;
        margin: 0 auto;
    }
}


/* 2021-01-22 분양안내간소화 */
.sales-guide-wrap .inner-tab {
    display: inline-block;
}

.sales-guide-wrap .inner-tab>ul {
    width: auto;
}

.sales-guide-wrap .title-sub-area .right {
    position: absolute;
}

.sales-guide-wrap .title-sub-area .right .btn {
    margin-top: 0;
}

.sales-guide-list {
    margin-top: 7.4rem;
}

.sales-guide-list>ul {
    border-top: 1px solid #333333
}

.sales-guide-list>ul>li {
    border-bottom: 1px solid #eeeeee;
}

.sales-guide-list>ul>li>div {
    position: relative;
}

.sales-guide-list .sales-list-tit a {
    font-size: 16px;
    color: #333333;
    font-weight: 800;
    display: block;
    padding: 30px 100px 30px 108px;
}

.sales-guide-list .sales-list-tit {
    background: url('../image/btn/btn_fold3.webp') no-repeat 98% 35px
}

.sales-guide-list .sales-list-cont {
    padding: 50px 100px 50px 108px;
    font-size: 16px;
    background: #fbfbfb;
    display: none;
    line-height: 1.4em
}

.sales-guide-list li.active .sales-list-tit {
    background: url('../image/btn/btn_unfold3.webp') no-repeat 98% 35px;
}

.sales-guide-list .sales-list-cont .sales-process .arrow {
    padding-top: 0;
}

.sales-guide-list .sales-list-cont .sales-process .arrow {
    padding-top: 0;
}

.sales-guide-list .sales-list-tit .icon,
.sales-guide-list .sales-list-cont>.icon {
    position: absolute;
    left: 48px;
    font-family: 'Lato', sans-serif;
    border-radius: 50%;
    text-align: center;
    padding-top: 7px;
    width: 37px;
    height: 37px;
    font-weight: 800;
}

.sales-guide-list .sales-list-tit .icon {
    top: 22px;
    border: 1px solid #eeeeee;
    font-size: 15px;
    color: #999;
    background: #fff;
}

.sales-guide-list .sales-list-cont>.icon {
    top: 44px;
    font-size: 15px;
    color: #fff;
    background: #da291c;
}

.sales-guide-list li.active .sales-list-tit>.icon {
    color: #da291c
}

/* 20240521 A 위치 수정 */
.mt0 {
    margin-top: 0 !important;
}

.sales-guide-list .sales-list-cont .title-sub-area {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.sales-guide-list .sales-list-cont i {
    display: flex;
    border-radius: 50%;
    background-color: #da291c;
    width: 37px;
    height: 36px;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-style: normal;
}

.sales-guide-list .sales-list-cont .ico-a {
    position: absolute;
    left: -58px;
    margin-right: 1rem;
}

.sales-guide-list .sales-list-cont .title-sub-area.item-table .ico-a {
    top: 0;
}

.sales-guide-list .sales-list-cont .title-sub-area .table-title {
    flex-grow: 1;
}

@media (max-width: 1279px) {
    .sales-guide-list .sales-list-cont .ico-a {
        position: relative;
        left: 0;
        margin-left: 2.2rem;
    }

    .sales-guide-list .sales-list-cont .title-sub-area .table-title+.sales-txt {
        position: relative;
        flex-grow: 1;
        font-size: 10px;
    }
}

/* 20240521 A 위치 수정 */

/* 20240226 분양 상품 이용안내 분양자료 다운로드 버튼만 활성화 */
.sales-guide-wrap .title-sub-area .right.btn-box {
    position: relative;
    text-align: right;
}


:lang(en) .sales-guide-list .sales-list-cont .sales-process ul {
    margin-left: 0;
}

:lang(en) .sales-guide-list .sales-list-cont .sales-process ul li {
    font-size: 14px;
}

@media (max-width:1140px) {
    :lang(en) .sales-guide-list .sales-list-cont .sales-process ul li {
        letter-spacing: -1px;
    }
}

@media (max-width: 1279px) {
    :lang(en) .sales-guide-list .sales-list-cont .sales-process ul li {
        letter-spacing: 0;
    }
}

@media (max-width: 1279px) {
    .sales-guide-list {
        margin-top: 3rem;
    }

    .sales-guide-list .sales-list-tit a {
        font-size: 13px;
        display: block;
        padding: 18px 50px 20px 70px;
        line-height: 1.5em
    }

    .sales-guide-list .sales-list-tit {
        background: url('../image/btn/btn_fold3.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .sales-guide-list .sales-list-cont {
        padding: 20px 0;
        font-size: 13px;
    }

    .sales-guide-list li.active .sales-list-tit {
        background: url('../image/btn/btn_unfold3.webp') no-repeat 96% 25px;
        background-size: 10px 5px
    }

    .sales-guide-list>.icon {
        left: 10px;
        padding-top: 7px;
        width: 30px;
        height: 30px;
    }

    .sales-guide-list .sales-list-tit .icon {
        top: 10px;
        left: 20px;
        border: 1px solid #eeeeee;
        font-size: 12px;
        color: #999;
        background: #fff;
    }

    .sales-guide-list .sales-list-tit .icon+.sales-process {
        margin-top: -2rem;
    }

    .sales-guide-list .sales-list-cont>.icon {
        position: static;
        display: block;
        top: 15px;
        left: 20px;
        margin-left: 20px;
        margin-bottom: 2rem;
        font-size: 12px;
        color: #fff;
        background: #da291c;
    }

    .sales-guide-list .sales-list-cont .sales-process {
        padding: 0 20px;
    }
}

@media (max-width:479px) {
    .sales-guide-wrap .inner-tab {}

    .sales-guide-wrap .inner-tab select {}

    .sales-guide-wrap .input-group {}

    .sales-guide-wrap .input-group>.custom-select {
        height: 4rem;
        background-position: right -1rem top 1.8rem;
    }

    .sales-guide-wrap .input-group>.custom-select .select {
        padding: 0 3rem 0 1rem;
    }
}

/* target Voc css 20210624 */
.content-wrap.satis {
    padding-bottom: 0;
}

.content-satis {
    padding: 20px 20px 0 20px;
}

.content-satis .sub-title {
    font-family: 'NotoSansL';
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -1.5px;
    color: #000;
}

.content-satis .redColor {
    color: #e50113;
    font-weight: 200;
}

.content-satis .answer-wrap {
    margin-top: 15px;
}

.content-satis .answer {
    margin-top: 30px;
}

.content-satis .answer p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #000
}

.content-satis .answer em {
    color: #e50113
}

.content-satis .answer .txtbox textarea {
    height: 150px;
    min-height: 150px;
    color: #000;
    border: 1px solid #000;
    resize: none;
}

.content-satis .agree-check-list li {
    background-color: #fff;
    padding: 10px 10px 50px 0;
    font-size: 14px;
}

.content-satis .agree-check-list li .text-point {
    color: #da291c
}

.content-satis .agree-check-list li span {
    color: #666
}

.content-satis .agree-check-list li .under-line {
    color: #000;
    border-bottom: 1px solid #000;
}

.content.w-100 {
    padding: 0;
    width: 100%;
}

.content.w-100 .btn {
    height: 60px;
    line-height: 60px;
}

/* 20210723 분양회원제휴리조트 */
.bold-l {
    border-left: 1px solid #e3e3e3 !important;
}

.restaurant-etc-list {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.restaurant-etc-list p {
    margin-bottom: 10px;
    font-size: 2rem;
}

.restaurant-etc-list .text-box p {
    margin-bottom: 0px;
    font-size: 13px;
}

.restaurant-etc-list li {
    font-size: 1.5rem;
    line-height: 2.3rem;
}

@media screen and (max-width: 1279px) {
    .restaurant-etc-list {
        margin-top: 2.5rem;
        padding: 2.5rem 2.5rem 0;
    }
}

/* 20210805 세미나_웨딩 */
.restaurant-view-wrap .restaurant-view .cont.baekje .bookingTxt {
    margin: 14px 0 38px;
    font-size: 16px;
    color: #da291c;
}

.restaurant-view-wrap .restaurant-view .cont.baekje .btn.btn-primary {
    width: 178px;
    font-size: 16px;
    font-weight: bold;
}

.title-sub-area.type+.restaurant-view-wrap,
.title-sub-area.type+.contents-list-area.seminar .imageTxt {
    margin-top: 22px;
    font-size: 16px;
    color: #666;
    word-break: keep-all;
    word-wrap: break-word;
}

@media screen and (max-width: 1279px) {
    .restaurant-view-wrap .restaurant-view .cont.baekje .bookingTxt {
        margin: 1.3rem 0 4.0rem;
        font-size: 1.3rem;
    }

    .restaurant-view-wrap .restaurant-view .cont.baekje .btn.btn-primary {
        width: 100%;
        font-size: 1.5rem;
    }

    .title-sub-area.type+.restaurant-view-wrap,
    .title-sub-area.type+.contents-list-area.seminar .imageTxt {
        margin-top: 1.7rem;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
}

/* 20220110 객실 도면 팝업 추가 */
#imgSlide2.layer-pop.slide-detail-layer {
    width: 1000px;
    margin-left: -500px;
}

.desc-wrap .desc-box .bottom.new .btn {
    margin-left: 20px;
}

.desc-wrap .desc-box .bottom.new .btn-blueprint {
    float: none;
    width: 150px;
    margin-left: 0;
    border: 1px solid transparent;
    background: #da291c;
    color: #fff;
}

.popup-content .detail-img-wrap {
    position: relative;
    height: 100%;
}

.detail-img-view2 {
    width: 100%;
    background: #fff;
    overflow: hidden !important;
    margin-bottom: 1.2rem;
}

.detail-img-view2 .list {
    display: block;
    width: 100%;
    overflow: hidden !important;
    position: relative;
    padding-bottom: 56.2%;
    transform: scale(1);
}

.detail-img-view2 .list img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden !important;
}

.detail-img-view2 .slick-arrow {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #ffffff;
    text-indent: 0;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    top: 50%;
    margin-top: -2.4rem;
}

.detail-img-view2 .slick-prev.slick-arrow {
    left: -9.6rem;
}

.detail-img-view2 .slick-next.slick-arrow {
    right: -9.6rem;
}

.detail-img-view2 .slick-prev.slick-arrow:before,
.detail-img-view2 .slick-next.slick-arrow:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.2s ease-in-out;
    background-color: #ffffff;
    z-index: 1;
}

.detail-img-view2 .slick-prev.slick-arrow:after,
.detail-img-view2 .slick-next.slick-arrow:after {
    content: '';
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.detail-img-view2 .slick-prev.slick-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23ffffff' stroke-width='1.2' d='M12 3.836c0 .874-.816 2.18-1.64 3.279-1.063 1.413-2.33 2.648-3.785 3.59-1.09.707-2.412 1.385-3.475 1.385m8.9 8.274c0-.874-.816-2.18-1.64-3.279-1.063-1.413-2.33-2.648-3.785-3.59-1.09-.707-2.412-1.385-3.475-1.385m0-.01h17.8'/%3e%3c/svg%3e")
}

.detail-img-view2 .slick-next.slick-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23ffffff' stroke-width='1.2' d='M12 3.836c0 .874.815 2.18 1.64 3.279 1.062 1.413 2.33 2.648 3.784 3.59 1.09.707 2.413 1.385 3.476 1.385M12 20.364c0-.874.815-2.18 1.64-3.279 1.062-1.413 2.33-2.648 3.784-3.59 1.09-.707 2.413-1.385 3.476-1.385m0-.01H3.1'/%3e%3c/svg%3e")
}

.detail-img-view2 .slick-prev.slick-arrow:hover:before,
.detail-img-view2 .slick-prev.slick-arrow:focus-visible:before,
.detail-img-view2 .slick-next.slick-arrow:hover:before,
.detail-img-view2 .slick-next.slick-arrow:focus-visible:before {
    transform: scale(1);
}

.detail-img-view2 .slick-prev.slick-arrow:hover:after,
.detail-img-view2 .slick-prev.slick-arrow:focus-visible:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23111111' stroke-width='1.2' d='M12 3.836c0 .874-.816 2.18-1.64 3.279-1.063 1.413-2.33 2.648-3.785 3.59-1.09.707-2.412 1.385-3.475 1.385m8.9 8.274c0-.874-.816-2.18-1.64-3.279-1.063-1.413-2.33-2.648-3.785-3.59-1.09-.707-2.412-1.385-3.475-1.385m0-.01h17.8'/%3e%3c/svg%3e")
}

.detail-img-view2 .slick-next.slick-arrow:hover:after,
.detail-img-view2 .slick-next.slick-arrow:focus-visible:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23111111' stroke-width='1.2' d='M12 3.836c0 .874.815 2.18 1.64 3.279 1.062 1.413 2.33 2.648 3.784 3.59 1.09.707 2.413 1.385 3.476 1.385M12 20.364c0-.874.815-2.18 1.64-3.279 1.062-1.413 2.33-2.648 3.784-3.59 1.09-.707 2.413-1.385 3.476-1.385m0-.01H3.1'/%3e%3c/svg%3e")
}

.nav-img-wrap {
    position: relative;
}

.nav-img2 .slick-track {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.nav-img2 .list {
    width: max-content !important;
    display: inline-block;
}

.nav-img2 .list .img {
    position: relative;
    height: 5.9rem
}

.nav-img2 .list .img img {
    width: 10.5rem !important;
    height: 100%;
}

.nav-img2 .slick-slide {
    width: 10.5rem !important;
    margin: 10px;
}

.nav-img2 .slick-current .list .img:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 3px #ffffff;
    box-sizing: border-box;
}

.zoomBtnWrap {
    margin-bottom: 20px;
    padding: 13px 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    background: #000;
}

.zomm {
    font-size: 0;
    text-indent: -999px;
    width: 34px;
    height: 34px;
    margin: 0 10px;
}

.zomm.zoom-in {
    background: url('/assets/image/btn/ico_zoomin.webp');
    background-size: 100% 100%;
}

.zomm.zoom-out {
    background: url('/assets/image/btn/ico_zoomout.webp');
    background-size: 100% 100%;
}

.detail-img-view2,
.list.panzoom {
    background: #fff;
}

/* @media screen and (max-width: 1279px) {
    #imgSlide2.layer-pop.slide-detail-layer {
        width: 100%;
        margin-left: -50%;
    }
} */

/* @media screen and (max-width: 1279px) {
    #imgSlide2.layer-pop.slide-detail-layer {
        width: 60rem;
        margin-left: -30rem;
    }

    .desc-wrap .desc-box .bottom.new {
        text-align: right;
    }

    .desc-wrap .desc-box .bottom.new .btn {
        float: none;
        margin-left: 13px;
    }

    .desc-wrap .desc-box .bottom.new .btn-blueprint {
        width: 11.4rem;
    }

    .nav-img-wrap .nav-img2 .slick-arrow {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        background: url("/assets/image/btn/btn_slide_arrow2.webp");
        background-size: 98px 33px;
        text-indent: -9999px;
    }

    .nav-img-wrap .nav-img2 .slick-prev.slick-arrow {
        left: 25px;
        background-position: left top;
    }

    .nav-img-wrap .nav-img2 .slick-next.slick-arrow {
        right: 25px;
        background-position: right top;
    }

    .popup-content .detail-img-wrap {
        margin: 0;
    }

    .layer-pop.slide-detail-layer .popup-wrap {
        background: transparent;
    }

    .nav-img-wrap .btn-icon.ico-close {
        bottom: -50px;
        top: auto;
        right: 3rem;
    }

    .nav-img2 {
        padding: 0 23px;
    }

    .nav-img2 .list .img {
        height: 56px;
    }

    .nav-img2 .slick-slide {
        margin: 5px;
    }

    .nav-img2 .slick-current .list .img:after {
        border: solid 3px #da291c;
    }

    .contents-resort .detail-img-view2 .list {
        padding-bottom: 50%;
    }

    .contents-resort .nav-img2 .list .img {
        min-width: 99px;
        min-height: auto;
        height: auto;
    }

    .zoomBtnWrap {
        margin-bottom: 15px;
        padding: 7.5px 0;
    }

    .zomm {
        font-size: 0;
        text-indent: -999px;
        width: 20px;
        height: 20px;
        margin: 0 6px;
    }

    .nav-img2 .slick-list.draggable {
        width: 64%;
        margin: 0 auto;
    }

    .zoomBtnWrap {
        display: none;
    }
} */


/* 수요쿠폰 아코디언 댓글이벤트관련 추가 */
.coupon-accordion-wrap {
    margin-top: 0.5rem;
}

.coupon-accordion-wrap .question {
    background: url("/assets/image/btn/btn_fold3.webp") no-repeat right center;
}

.coupon-accordion-wrap .question a {
    display: block;
    padding: 1.5rem 0;
}

.coupon-accordion-wrap .answer {
    display: none;
}

.coupon-accordion-wrap.active .question {
    background: url("/assets/image/btn/btn_unfold3.webp") no-repeat right center;
}

.coupon-accordion-wrap .agree-terms-box .inner-box {
    padding: 2.4rem;
    color: #666;
    line-height: 2.6rem;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    .coupon-accordion-wrap .question a {
        padding-right: 2rem;
    }

    .coupon-accordion-wrap .agree-terms-box .inner-box {
        padding: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

/* 제휴 안내페이지 20220829 */
.sales-guide-list .sales-list-cont .img {
    text-align: center;
}

.sales-guide-list .sales-list-cont .img+.tb-wrap {
    margin-top: 20px
}

.sales-guide-list .sales-list-cont .img img {
    max-width: 100%;
}

.sales-guide-list .sales-list-cont .tb-wrap+.btn-area {
    margin-top: 20px
}

/* s:20220902 윤리경영 신문고-pc */
.sinmungo .cwrap-bg.bg1 {
    background: url("../image/bg/bg_ethic02.webp") center top no-repeat
}

.sinmungo .title-area .page-title {
    color: #fff;
}

.sinmungo .cwrap-bg .page-desc {
    color: #fff;
}

.sinmungo .ethic-container {
    padding: 16px 0 100px;
}

.sinmungo .content .ethic-list.style01 {
    margin-top: 0;
    width: 100%;
}

.sinmungo .content .ethic-list.style01 li {
    display: flex;
    border-bottom: 1px solid #666;
    position: relative;
    padding: 50px 0px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.sinmungo .content .ethic-list.style01 dl {
    flex: 1;
}

.sinmungo .content .ethic-list.style01 .img {
    flex-basis: 110px;
}

.sinmungo .content .ethic-list.style01 .st1 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    word-break: keep-all;
    word-wrap: break-word;
}

.sinmungo .content .ethic-list.style01 .st2 {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 10px;
    word-break: keep-all;
    word-wrap: break-word;
}

.sinmungo .content .ethic-list.style01 .btn-pdf {
    padding: 12px 36px;
    width: 180px;
    flex-basis: 180px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
}

.sinmungo .ethic-report {
    background-color: #f5f5f5;
}

.sinmungo .ethic-report .ethic-container {
    padding: 100px 0;
}

.sinmungo .ethic-report+.ethic-container {
    padding: 100px 0 0 0;
}

.sinmungo .content h2 {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.4;
}

.sinmungo .content .text {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 15px;
    word-break: keep-all;
    word-wrap: break-word;
}

.sinmungo .content .ethic-list.style02 {
    display: flex;
    justify-content: space-between;
}

.sinmungo .content .ethic-list.style02>li {
    background-color: #fff;
    width: 620px;
    padding: 40px 50px;
    box-sizing: border-box;
}

.sinmungo .content .ethic-list.style02 .bar-list .st1 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 31px;
    padding-bottom: 18px;
}

.sinmungo .content .ethic-list.style02 .bar-list dd {
    position: relative;
    padding-left: 10px;
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

.sinmungo .content .ethic-list.style02 .bar-list dd:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 6px;
    height: 2px;
    background-color: #808080;
}

.sinmungo .content .ethic-list.style03 {
    margin: 70px auto 170px;
    text-align: center;
}

.sinmungo .content .ethic-list.style03 img.mo {
    display: none;
}

.sinmungo .content .ethic-list+.btn-area {
    margin-top: 0;
}

.sinmungo .content .btn-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 150px auto 60px;
    width: 820px;
    color: #333;
}

.sinmungo .content .btn-area::after {
    display: none;
}

.sinmungo .content .btn-area a {
    width: 404px;
    height: 60px;
}

.sinmungo .content .btn-area a.btn-white {
    border: 1px solid #979797;
}

.sinmungo .content .btn-area .btn-txt,
.counsel_report .pi-content .content .btn-area .btn-txt {
    font-size: 18px;
    line-height: 3;
}

.sinmungo .content .notice-area h3,
.counsel_report .pi-content .content .notice-area h3 {
    font-size: 30px;
    line-height: 1.4;
    color: #333;
    padding-bottom: 30px;
}

.sinmungo .content .notice-area .notice-list,
.counsel_report .pi-content .content .notice-area .notice-list {
    background-color: #fbfbfb;
    box-sizing: border-box;
    padding: 30px;
    font-size: 14px;
    line-height: 1.65;
}

.sinmungo .content .notice-area .notice-list p,
.counsel_report .pi-content .content .notice-area .notice-list p {
    display: list-item;
    list-style: inside;
    margin-left: 30px;
}

/* e:20220902 윤리경영 신문고-pc */

/* s:20220902 윤리경영 상담과 제보-pc */
.counsel_report .mo_only {
    display: none;
}

.counsel_report .pc_only {
    display: block;
}

.counsel_report .title-area .page-title {
    color: #000;
}

.counsel_report .pi-content .content .mt-tit {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.counsel_report .pi-content .content .mt-tit .mid-title {
    font-size: 30px;
    line-height: 1.4;
    color: #000;
    font-weight: 500;
}

.counsel_report .pi-content .content .mt-tit .base-txt {
    margin-top: 20px;
}

.counsel_report .pi-content .content .form-horizontal {
    margin-bottom: 60px;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .obj-input,
.counsel_report .pi-content .content .form-horizontal .rwd-table .email-box {
    padding: 30px 30px 30px 0;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .base-txt {
    margin: 0px -40px;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .cont-txt {
    font-size: 14px;
    line-height: 1.8;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .filebox label {
    cursor: pointer;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .txtbox textarea {
    min-height: 22rem;
}

.counsel_report .pi-content .content .form-horizontal .agree-check-list .text-link {
    margin-left: 8px;
}

.counsel_report .pi-content .content .form-horizontal .agree-check-list+.btn-area {
    margin-top: 35px;
}

.counsel_report .tb-responsive.customer .rwd-table td .title,
.process_result .tb-responsive.customer .rwd-table td .title {
    display: none;
}

.counsel_report .pi-content .content .btn-area a {
    width: 404px;
    height: 50px;
    display: block;
    margin: 0px auto;
}

.counsel_report .pi-content .content .notice-area {
    margin-top: 60px;
}

/* 유효성 체크시 오류 */
.counsel_report .pi-content .content .form-horizontal .radio-wrap.error .radio+label,
.counsel_report .pi-content .content .form-horizontal .radio-wrap.error .radio+label:before {
    color: #d84545;
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .custom-select.error {
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .obj-select.error {
    margin-bottom: 20px;
}

.counsel_report .pi-content .content .form-horizontal .obj-select.error .custom-select {
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .input-group.error .input-text {
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .form-group.error .input-text {
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .rwd-table .txtbox.error textarea {
    border-color: #d84545;
}

.counsel_report .pi-content .content .form-horizontal .valid {
    margin-top: 4px;
}

/* e:20220902 윤리경영 상담과 제보-pc */

/* s:20220902 처리결과 조회-pc */
.process_result .pi-content .content {
    margin-top: 50px;
}

.process_result .pi-content .content .btn-area {
    width: 100%;
    margin: 0px auto;
    margin-top: 60px;
}

.process_result .pi-content .content .btn-area .btn {
    width: 404px;
    height: 60px;
    font-size: 18px;
}

.process_result .pi-content .content .btn-area .btn .btn-txt {
    font-size: 18px;
    vertical-align: middle;
}

.process_result .pi-content .content .tb-responsive th,
.process_result .pi-content .content .tb-responsive td {
    text-align: center;
    padding: 18px 30px;
}

.process_result .pi-content .content .tb-responsive td {
    vertical-align: top;
    padding: 30px;
}

.process_result .pi-content .content .tb-responsive {
    counter-reset: counter-num;
}

.process_result .pi-content .content .tb-responsive .counter-num:before {
    counter-increment: counter-num -1;
    content: counter(counter-num);
}

.process_result .pi-content .content .tb-responsive .standby {
    border: 1px solid #666;
    padding: 6px 16px;
    border-radius: 17px;
    font-size: 14px;
}

.process_result .pi-content .content .tb-responsive .completed {
    border: 1px solid #666;
    background-color: #666;
    color: #fff;
    padding: 6px 16px;
    border-radius: 17px;
    font-size: 14px;
}

.process_result .pi-content .content .tb-responsive .detail-cont {
    text-align: left;
    line-height: 1.5;
    padding-left: 60px;
}

.process_result .pi-content .content .tb-responsive .detail-cont .dtc-title {
    position: relative;
}

.process_result .pi-content .content .tb-responsive .detail-cont .dtc-title:before {
    content: "Q";
    color: #da291c;
    font-size: 15px;
    font-weight: 900;
    position: absolute;
    left: -48px;
    top: -3px;
    padding: 3px 9px;
    border: 1px solid #eee;
    border-radius: 50%;
}

.process_result .pi-content .content .tb-responsive .detail-cont .dtc-sub {
    margin-top: 30px;
}

.process_result .pi-content .content .tb-responsive .btn-withdrawal {
    display: block;
    width: 120px;
    height: 44px;
    border: 1px solid #979797;
    font-size: 14px;
    line-height: 2.8;
    margin: 20px auto;
}

.process_result .pi-content .content .tb-responsive .answer-box {
    background-color: #fbfbfb;
}

.process_result .pi-content .content .tb-responsive .answer-box .answer-cont {
    width: 690px;
    height: 96px;
    text-align: left;
    color: #666;
    margin-top: 27px;
    margin-left: 438px;
    position: relative;
}

.process_result .pi-content .content .tb-responsive .answer-box .answer-cont .answer-sub:before {
    content: "A";
    background-color: #da291c;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: -48px;
    top: -3px;
    padding: 3px 9px;
    border: 1px solid #da291c;
    border-radius: 50%;
}

/* e:20220902 처리결과 조회-pc */

@media (min-width:769px) and (max-width:1440px) {

    /* s:20220902 윤리경영 신문고-tab */
    .sinmungo .ethic-container {
        padding: 0 50px;
    }

    .sinmungo .content {
        padding-bottom: 50px;
        position: relative;
    }

    .sinmungo .content h2 {
        font-size: 24px;
        padding-top: 50px;
    }

    .sinmungo .content .text {
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 30px;
    }

    .sinmungo .content .ethic-list.style01 li {
        padding: 30px 0 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinmungo .content .ethic-list.style01 .img {
        flex-basis: auto;
    }

    .sinmungo .content .ethic-list.style01 .img img {
        width: 42px;
        margin-bottom: 20px;
    }

    .sinmungo .content .ethic-list.style01 dl {
        width: 100%;
    }

    .sinmungo .content .ethic-list.style01 .st1 {
        font-size: 20px;
    }

    .sinmungo .content .ethic-list.style01 .st2 {
        font-size: 16px;
    }

    .sinmungo .content .ethic-list.style01 .btn-pdf {
        position: static;
        padding: 9px 20px;
        font-size: 14px;
        margin: 40px 0;
        flex-basis: auto;
        ;
    }

    .sinmungo .content .notice-area h3,
    .counsel_report .pi-content .content .notice-area h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .sinmungo .content .notice-area .notice-list p,
    .counsel_report .pi-content .content .notice-area .notice-list p {
        margin-left: 0px;
        list-style: inherit;
    }

    .sinmungo .ethic-report .ethic-container {
        padding: 0 50px;
    }

    .sinmungo .content .ethic-list.style02 {
        display: block;
    }

    .sinmungo .content .ethic-list.style02>li {
        width: 100%;
        padding: 20px 18px 20px 20px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list img {
        width: 32px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list .st1 {
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list dd {
        font-size: 14px;
    }

    .sinmungo .ethic-report+.ethic-container {
        padding: 0 50px;
    }

    .sinmungo .content .ethic-list.style03 {
        text-align: center;
    }

    .sinmungo .content .ethic-list.style03 img {
        margin: 0 auto;
    }

    .sinmungo .content .ethic-list.style03 img.pc {
        display: block;
        max-width: 100%;
    }

    .sinmungo .content .ethic-list.style03 img.mo {
        display: none;
    }

    .sinmungo .content .btn-area {
        width: 100%;
    }

    .sinmungo .content .btn-area a:not(:last-child),
    .process_result .content .btn-area a:not(:last-child) {
        margin-right: 5px;
    }

    .sinmungo .content .btn-area a,
    .process_result .content .btn-area a {
        width: 100%;
    }

    /* e:20220902 윤리경영 신문고-tab */

    /* s:20220902 윤리경영 상담과 제보-tab */
    .counsel_report .mo_only {
        display: block;
    }

    .counsel_report .pc_only {
        display: none;
    }

    .counsel_report .pi-content .content .mt-tit {
        display: block;
        margin-top: 10px;
    }

    .counsel_report .pi-content .content .mt-tit .mid-title {
        font-size: 20px;
        font-weight: 400;
    }

    .counsel_report .pi-content .content .mt-tit .base-txt {
        margin-top: 10px;
    }

    .counsel_report .tb-responsive th,
    .counsel_report .tb-responsive td {
        padding: 10px;
    }

    .counsel_report .tb-responsive.customer .rwd-table td .title>.bl-point:after {
        vertical-align: top;
        margin-top: 4px;
    }

    .counsel_report .pi-content .content .form-horizontal {
        margin-bottom: 30px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .radio-wrap .custom-radio {
        margin-right: 0px;
        margin-left: 0px;
        display: block;
        margin-bottom: 20px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .radio-wrap .custom-radio:last-child {
        margin-bottom: 0px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .obj-input {
        margin-top: -20px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .base-txt {
        margin: 0px;
        line-height: 1.4;
    }

    .counsel_report .pi-content .content .form-horizontal .agree-check-list {
        position: relative;
    }

    .counsel_report .pi-content .content .form-horizontal .agree-check-list .text-link {
        background-image: url("../image/btn/m-fold-btn2.webp");
        width: 12px;
        height: 7px;
        display: inline-block;
        font-size: 0px;
        position: absolute;
        transform: rotate(-90deg);
        right: 18px;
        top: 17px;
    }

    /* e:20220902 윤리경영 상담과 제보-tab */

    /* s:20220902 처리결과 조회-tab */
    .process_result .pi-content .content {
        margin-top: 10px;
    }

    .process_result .pi-content .content .tb-responsive td {
        text-align: center;
        padding: 0px;
        padding-top: 20px;
    }

    .process_result .pi-content .content .tb-responsive .input-group {
        margin-bottom: 20px;
    }

    .process_result .pi-content .content .tb-responsive .counter-num:before {
        display: block;
        text-align: center;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont {
        padding-left: 38px;
        padding-right: 30px;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont .dtc-title:before {
        left: -35px;
        top: 0px;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont .dtc-sub {
        margin-top: 15px;
    }

    .process_result .pi-content .content .tb-responsive .answer-box .answer-cont {
        margin-top: 0px;
        margin: 0 auto;
    }

    .process_result .pi-content .content .tb-responsive .answer-box .answer-cont .answer-sub:before {
        left: -35px;
        top: 0px;
    }

    .process_result .pi-content .content .tb-responsive .btn-withdrawal {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90px;
        height: 33px;
        font-size: 12px;
    }

    .process_result .tb-responsive .rwd-table .standby-box {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .process_result .tb-responsive .rwd-table .completed-box {
        margin: 20px 0px;
    }

    /* e:20220902 처리결과 조회-tab */
}

@media screen and (max-width: 1279px) {

    /* s:20220902 윤리경영 신문고-mo */
    .sinmungo .cwrap-bg.bg1 {
        background: none;
    }

    .sinmungo .title-area .page-title {
        color: #333;
    }

    .sinmungo .ethic-container {
        padding: 0 0;
    }

    .sinmungo .ethic-report .ethic-container {
        padding: 0;
    }

    .sinmungo .content {
        padding-bottom: 50px;
        position: relative;
    }

    .sinmungo .content h2 {
        font-size: 24px;
        padding-top: 50px;
    }

    .sinmungo .content .text {
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 30px;
    }

    .sinmungo .content .ethic-list.style01 li {
        padding: 30px 0 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinmungo .content .ethic-list.style01 .img {
        flex-basis: auto;
        margin-bottom: 20px;
    }

    .sinmungo .content .ethic-list.style01 .img img {
        width: 42px;
    }

    .sinmungo .content .ethic-list.style01 dl {
        width: 100%;
    }

    .sinmungo .content .ethic-list.style01 .st1 {
        font-size: 20px;
    }

    .sinmungo .content .ethic-list.style01 .st2 {
        font-size: 16px;
    }

    .sinmungo .content .ethic-list.style01 .btn-pdf {
        position: static;
        padding: 9px 22px;
        width: auto;
        font-size: 14px;
        margin: 25px 0 30px;
        flex-basis: auto;
    }

    .sinmungo .content .notice-area h3,
    .counsel_report .pi-content .content .notice-area h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .sinmungo .content .notice-area .notice-list p,
    .counsel_report .pi-content .content .notice-area .notice-list p {
        margin-left: 0px;
        list-style: inherit;
    }

    .sinmungo .content .ethic-list.style02 {
        display: block;
        margin-top: 0;
    }

    .sinmungo .content .ethic-list.style02>li {
        width: 100%;
        padding: 20px 18px 20px 20px;
    }

    .sinmungo .content .ethic-list.style02>li+li {
        margin-top: 20px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list img {
        width: 32px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list .st1 {
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .sinmungo .content .ethic-list.style02 .bar-list dd {
        font-size: 14px;
        word-break: keep-all;
        word-wrap: break-word;
    }

    .sinmungo .content .ethic-list.style02 .bar-list dd:before {
        top: 12.5px;
        width: 4px;
        height: 1px;
    }

    .sinmungo .content .ethic-list.style03 {
        margin: 45px 0 95px;
    }

    .sinmungo .content .ethic-list.style03 img.pc {
        display: none;
    }

    .sinmungo .content .ethic-list.style03 img.mo {
        display: block;
        max-width: 100%;
    }

    .sinmungo .ethic-report+.ethic-container {
        padding: 0;
    }

    .sinmungo .content .btn-area {
        width: 100%;
    }

    .sinmungo .content .btn-area a:not(:last-child),
    .process_result .content .btn-area a:not(:last-child) {
        margin-right: 5px;
    }

    .sinmungo .content .btn-area a,
    .process_result .content .btn-area a {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
    }

    .sinmungo .content .btn-area .btn-txt,
    .counsel_report .pi-content .content .btn-area .btn-txt {
        font-size: 14px;
        line-height: 3.5;
    }

    .sinmungo .ethic-report+.ethic-container .content {
        padding-bottom: 0;
    }

    /* e:20220902 윤리경영 신문고-mo */

    /* s:20220902 윤리경영 상담과 제보-mo */
    .counsel_report .mo_only {
        display: block;
    }

    .counsel_report .pc_only {
        display: none;
    }

    .counsel_report .pi-content .content .mt-tit {
        display: block;
        margin-top: 10px;
    }

    .counsel_report .pi-content .content .mt-tit .mid-title {
        font-size: 20px;
        font-weight: 400;
    }

    .counsel_report .pi-content .content .mt-tit .base-txt {
        margin-top: 10px;
    }

    .counsel_report .tb-responsive.customer .rwd-table td .title,
    .process_result .tb-responsive.customer .rwd-table td .title {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        max-width: 40%;
        padding-right: 1rem;
        margin-bottom: 10px;
        font-size: 1.4rem;
        color: #333
    }

    .counsel_report .tb-responsive.customer .rwd-table td .title>.bl-point:after {
        vertical-align: top;
        margin-top: 4px;
    }

    .counsel_report .pi-content .content .form-horizontal {
        margin-bottom: 30px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .radio-wrap .custom-radio {
        margin-right: 0px;
        margin-left: 0px;
        display: block;
        margin-bottom: 20px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .radio-wrap .custom-radio:last-child {
        margin-bottom: 0px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .base-txt {
        margin: 0px;
        line-height: 1.4;
    }

    .counsel_report .pi-content .content .form-horizontal .agree-check-list {
        position: relative;
    }

    .counsel_report .pi-content .content .form-horizontal .agree-check-list .text-link {
        background-image: url("../image/btn/m-fold-btn2.webp");
        width: 12px;
        height: 7px;
        display: inline-block;
        font-size: 0px;
        position: absolute;
        transform: rotate(-90deg);
        right: 18px;
        top: 17px;
    }

    .counsel_report .pi-content .content .btn-area a {
        width: auto;
    }

    /* e:20220902 윤리경영 상담과 제보-mo */

    /* s:20220902 처리결과 조회-mo */
    .process_result .pi-content .content {
        margin-top: 10px;
    }

    .process_result .pi-content .content .tb-responsive td {
        text-align: left;
        padding: 0px;
        padding-top: 20px;
    }

    .process_result .pi-content .content .tb-responsive .input-group {
        margin-bottom: 20px;
    }

    .process_result .pi-content .content .btn-area {
        display: flex;
    }

    .process_result .pi-content .content .tb-responsive .counter-num {
        display: none;
    }

    .process_result .pi-content .content .tb-responsive .counter-num:before {
        display: none;
    }

    .process_result .pi-content .content .tb-responsive .standby {
        font-size: 12px;
        padding: 2px 10px;
        float: right;
    }

    .process_result .pi-content .content .tb-responsive .completed {
        font-size: 12px;
        padding: 2px 10px;
        float: right;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont {
        padding-left: 38px;
        padding-top: 20px;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont .dtc-title:before {
        left: -35px;
        top: -20px;
    }

    .process_result .pi-content .content .tb-responsive .detail-cont .dtc-sub {
        margin-top: 15px;
    }

    .process_result .pi-content .content .tb-responsive .answer-box .answer-cont {
        width: auto;
        margin-top: 0px;
        margin-left: 38px;
        margin-right: 10px;
    }

    .process_result .pi-content .content .tb-responsive .answer-box .answer-cont .answer-sub:before {
        left: -35px;
        top: 0px;
    }

    .process_result .tb-responsive .rwd-table tr {
        position: relative;
    }

    .process_result .tb-responsive .rwd-table td {
        position: static;
    }

    .process_result .tb-responsive .rwd-table tr .date {
        position: absolute;
        top: 64px;
        left: 37px;
        color: #666;
    }

    .process_result .pi-content .content .tb-responsive .btn-withdrawal {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 auto;
        width: 90px;
        height: 33px;
        font-size: 12px;
    }

    .process_result .tb-responsive .rwd-table .standby-box {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .process_result .tb-responsive .rwd-table .completed-box {
        margin: 20px 0px;
    }

    .counsel_report .pi-content .content .form-horizontal .rwd-table .obj-input,
    .counsel_report .pi-content .content .form-horizontal .rwd-table .email-box {
        padding: 0;
    }

    /* e:20220902 처리결과 조회-mo */
}


/* 2023 이달의 챔피언 작업 */
.monthChampion .tit {
    margin-bottom: 15px;
    font-size: 30px;
    text-align: center;
    color: #333;
}

.monthChampion .tableSummary {
    margin-bottom: 15px;
    display: block;
    text-align: right;
    font-size: 16px;
    color: #666;
}

.monthChampion .tb-wrap .noList .date-none {
    padding: 50px 0;
}

.monthChampion .tb-wrap .noList .txt {
    font-size: 20px;
}

.monthChampion .tb-wrap+.tb-wrap {
    margin-top: 65px;
}

.golf-slide {
    margin: 0 auto;
    font-size: 16px;
}

.golf-slide .list {
    min-width: 40rem;
    max-width: 40rem;
    margin: 0 2rem;
}

.golf-slide .slick-dots {
    margin-top: 6rem;
    bottom: 0
}

.golf-slide .slick-track {
    margin: 0
}

.golf-slide.slider-list .slick-arrow {
    margin-top: -144px;
}

@media (max-width: 1279px) {
    .monthChampion .tit {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .monthChampion .tableSummary {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .monthChampion .tb-wrap+.tb-wrap {
        margin-top: 70px;
    }

    .monthChampion .tb-wrap colgroup col:first-child {
        width: 25% !important;
    }
}


/* 202304 패키지 제외일자 관련 */
.desc-wrap-new .right .btn-box {
    position: relative;
    display: inline-block;
    text-align: center;
    box-sizing: content-box;
    margin-top: 0.8rem;
}

.desc-wrap-new .right .btn-box .excdayBtn {
    color: #fff;
    display: block;

    padding: 0.7rem 2.4rem;
    border: 1px solid #111111;
    background-color: #111111;
    color: #ffffff;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.6rem;
}

.popup-wrap-alert-new {
    position: relative;
    background-color: #fff;
    z-index: 10001;
    width: 100%;
    box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 50%);
}

.popup-wrap-alert-new .popup-content {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2rem;
}

.popup-wrap-alert-new .popup-content .alert-txt {
    padding: 2.4rem 3.2rem 3.2rem 3.2rem;
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.popup-wrap-alert-new .popup-content .alert-txt span {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 4rem;
    margin-bottom: 2rem;
    color: #111;
}

.popup-wrap-alert-new .popup-content .alert-txt ul {
    line-height: 2.8;
    text-align: left;
    max-height: 70vh;
    overflow-y: auto;
}

.popup-wrap-alert-new .popup-content .alert-txt ul::-webkit-scrollbar{
    width: 10px;
}

.popup-wrap-alert-new .popup-content .alert-txt ul::-webkit-scrollbar-track {
    background-color: transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    box-shadow: inset 0 0 0 10px #dddddd;
}
.popup-wrap-alert-new .popup-content .alert-txt ul::-webkit-scrollbar-thumb{
    min-height: 50px;
    background-color: transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    box-shadow: inset 0 0 0 10px #111111;
}

.popup-wrap-alert-new .popup-content .alert-txt ul li {
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.8rem;
    list-style: disc;
}

.event-view-new .layer-pop-new {
    width: 68rem;
    margin-left: -34rem;
}

.layer-pop-new .btn-icon.ico-close {
    top: 2.8rem;
    right: 3.2rem;
    z-index: 1;
}

@media (max-width: 767px) {

    .desc-wrap-new .content-new {
        background-color: #fff;
        border: 1px solid #000;
        width: 11rem;
        padding: 0;
    }

    .desc-wrap-new .content-new a {
        color: #333;
        padding: 5px;
    }

    .event-view-new .layer-pop-new {
        width: auto;
        left: 2rem;
        right: 2rem;
        margin-left: 0;
    }
}

/* 230523 웨딩세미나 하단 배너 영역 추가 */
.w-banner {
    width: 100%;
}

.w-banner .inner {
    font-size: 0;
}

.w-banner .inner img {
    width: 100%;
}

/* @media (max-width: 1279px) {
    .popup-wrap-alert-new {
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%);
    }

    .w-banner .inner.pc {
        display: none;
    }
}

@media (min-width: 1280px) {
    .popup-wrap-alert-new {
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%);
    }

    .w-banner .inner.mo {
        display: none;
    }
} */

/* 20231030 멤버십페이지 추가 css */

@media (max-width: 767px) {
    .popup-wrap-alert-new {
        /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%); */
        border-radius: 0.8rem;
    }
    .popup-wrap-alert-new .popup-content .alert-txt{
        padding: 2.4rem 1.2rem 3.2rem 3.2rem;
    }
    .popup-wrap-alert-new .popup-content .alert-txt ul{
        max-height: 60vh;
    }
}

@media (max-width: 1280px) {
    .pc {
        display: none;
    }

    .mo {
        display: block;
    }
}

@media (min-width: 1281px) {
    .pc {
        display: block;
    }

    .mo {
        display: none;
    }
}



.membership-wrap .content .title-sub-area .sub-title.point {
    color: #333;
    font-family: Noto Sans KR;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.6px;
}

.membership-wrap .content .title-sub-area .sub-title.point em {
    font-family: Noto Sans KR;
    font-weight: 700;
}

.membership-view-wrap .membership-point {
    width: 100%;
    max-width: 885px;
    margin: 8rem auto 0;
}

.membership-view-wrap .membership-point .point-tit {
    text-align: center;
}

.membership-view-wrap .membership-point .point-tit span {
    color: #333;
    font-family: Noto Sans KR;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -1.6px;
}

.membership-view-wrap .membership-point .point-tit span em {
    font-weight: 700;
}

.membership-view-wrap .membership-point .point-tit p {
    color: #333;
    font-family: Noto Sans KR;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -1px;
    margin-top: 3px;
}

.membership-view-wrap .membership-point .point-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.7rem;
}

.membership-view-wrap .membership-point .point-content .lpoint,
.membership-view-wrap .membership-point .point-content .rewards {
    display: flex;
    width: 100%;
    max-width: 360px;
    padding: 4rem 0;
    align-items: center;
    flex-direction: column;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #000;
}

.membership-view-wrap .membership-point .point-content .img i {
    display: inline-block;
    width: 14.6rem;
    height: 3.3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.membership-view-wrap .membership-point .point-content .center .img i {
    width: 7rem;
    height: 7rem;
}

.membership-view-wrap .membership-point .point-content .lpoint .txt,
.membership-view-wrap .membership-point .point-content .rewards .txt {
    padding: 1.7rem 0;
    text-align: center;
}

.membership-view-wrap .membership-point .point-content .lpoint .txt .saving,
.membership-view-wrap .membership-point .point-content .rewards .txt .saving {
    color: #555;
    text-align: center;
    font-family: Noto Sans KR;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: -0.72px;
}

.membership-view-wrap .membership-point .point-content .img .point-01 {
    background-image: url("../image/icon/point_01.webp");
}

.membership-view-wrap .membership-point .point-content .img .point-02 {
    background-image: url("../image/icon/point_02.webp");
}

.membership-view-wrap .membership-point .point-content .img .point-plus {
    background-image: url("../image/icon/point_plus.webp");
}

.btn-area .btn.point-btn {
    padding: 11px 42px;
    height: 42px;
    margin: 0;
    font-size: 15px;
    color: #000;
    border: 1px solid #000;
}

.membership-view-wrap .membership-point .membership-info ul {
    margin-top: 2rem;
}

.membership-view-wrap .membership-point .membership-info ul li {
    color: #656565;
    font-family: Noto Sans KR;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.96px;
}

.membership-view-wrap .btn-bottom-area .member-btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 1.8rem;
    font-weight: 400;
    max-width: 40.4rem;
}

/* 20231030 멤버십 모바일페이지 */
@media (max-width: 1280px) {
    .membership-wrap.ico-list .content {
        padding: 3rem 0 0.5rem 0;
    }

    .membership-wrap .cont-wrap ul li:first-child .txt {
        border: none;
    }

    .membership-wrap .cont-wrap ul li:first-child .img {
        border: none;
    }

    .membership-wrap .cont-wrap .tit {
        font-weight: 700;
        line-height: 160%;
        letter-spacing: -0.56px;
    }

    .membership-wrap .cont-wrap .cont {
        margin-top: 0.9rem;
        line-height: 179%;
        letter-spacing: -1.32px;
    }

    .membership-wrap .content .title-sub-area .sub-title.point {
        color: #343434;
        font-family: Noto Sans KR;
        font-size: 2rem;
    }

    .membership-wrap .content .title-sub-area .sub-title.point em {
        font-family: Noto Sans KR;
    }

    .membership-view-wrap .membership-point {
        padding: 0;
    }

    .membership-view-wrap .membership-point .point-content {
        margin-top: 3rem;
    }

    .membership-view-wrap .membership-point .point-tit span {
        font-size: 2rem;
        font-family: Noto Sans KR;
    }

    .membership-view-wrap .membership-point .point-tit span em {
        font-family: Noto Sans KR;
        font-size: 2rem;
    }

    .membership-view-wrap .membership-point .point-content .img i {
        width: 11.6rem;
        height: 2.2rem;
        background-size: contain;
    }

    .membership-view-wrap .membership-point .point-content .img .point-02 {
        width: 8.8rem;
    }

    .membership-view-wrap .membership-point .point-content .center .img i {
        width: 3.5rem;
        height: 3.5rem;
    }

    .membership-view-wrap .membership-point .point-content .center {
        padding: 0 0.9rem;
    }

    .membership-view-wrap .membership-point .point-content .lpoint .txt,
    .membership-view-wrap .membership-point .point-content .rewards .txt {
        padding: 2rem 0;
    }

    .membership-view-wrap .membership-point .point-content .lpoint .txt .saving,
    .membership-view-wrap .membership-point .point-content .rewards .txt .saving {
        font-size: 1.2rem;
        line-height: 179%;
        letter-spacing: -0.96px;
    }

    .btn-area .btn.point-btn {
        padding: 6px 19px;
        height: 28px;
        font-size: 1.2rem;
    }

    .membership-view-wrap .membership-point .membership-info ul li {
        font-size: 10px;
        line-height: 179%;
        letter-spacing: -0.96px;
    }

    .membership-view-wrap .membership-point .point-tit p {
        font-family: Noto Sans KR;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -1.28px;
    }

    .membership-view-wrap .btn-bottom-area .member-btn {
        max-width: 32rem;
    }

    .membership-view-wrap .btn-bottom-area .member-btn span {
        font-size: 1.6rem;
    }
}


/* 20231218 분양회원 모집 탭메뉴 적용 */

.sale-member {
    position: relative;
    text-align: center;
}

.sale-member img {
    display: block;
    width: 100%;
}

.sale-member .recruit-top,
.sale-member .recruit-mid,
.sale-member .recruit-bottom {
    position: relative;
}

.sale-member .btn-area {
    position: absolute;
    display: flex;
    max-width: 800px;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -40%);
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.sale-member .btn-area .recruit-btn {
    width: 50%;
    max-width: 40rem;
    height: 11.8rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.sale-member .btn-area .recruit-btn span {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 40rem;
    max-height: 11.8rem;
    font-size: 0;
    text-indent: -9999px;
}

.sale-member .tab-content .recruit-box {
    position: relative;
    display: none;
}

.sale-member .tab-content .recruit-box.on {
    display: block;
}

.sale-member .tab-content .recruit-box .resort-link {
    position: absolute;
    display: block;
}



@media (min-width: 1281px) {
    .sale-member .btn-area .recruit-btn .event1 {
        background: url("/assets/image/event/buying/resort_pc01.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn.on .event1 {
        background: url("/assets/image/event/buying/resort_pc01_on.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn .event2 {
        background: url("/assets/image/event/buying/jeju_pc02.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn.on .event2 {
        background: url("/assets/image/event/buying/jeju_pc02_on.webp") center/contain no-repeat
    }

    .sale-member .tab-content .recruit-box .resort-link {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .sale-member .tab-content .recruit-box .resort-link span {
        display: flex;
        opacity: 0;
        font-size: 20px;
        color: #fff;
        margin-top: 20px;
    }

    .sale-member .tab-content .recruit-box .resort-link .detail-btn {
        border: 1px solid #fff;
        margin-top: 15px;
        padding: 10px;
        font-size: 15px;
    }

    .sale-member .tab-content .recruit-box .resort-link:hover span {
        transition: .3s ease-in-out;
        opacity: 1;
    }

    .sale-member .tab-content .recruit-box .resort-link:hover {
        transition: .3s ease-in-out;
        background-color: rgb(0, 0, 0, 0.2);
    }
}

@media (max-width: 1280px) {
    .sale-member .btn-area {
        max-width: 660px;
        padding: 0 4.1666vw;
    }

    .sale-member .btn-area .recruit-btn {
        max-width: 33rem;
        height: 20vw;
        max-height: 13.7rem;
    }

    .sale-member .btn-area .recruit-btn span {
        max-width: 33rem;
        max-height: 13.7rem;
    }

    .sale-member .btn-area .recruit-btn .event1 {
        background: url("/assets/image/event/buying/resort_mo01.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn.on .event1 {
        background: url("/assets/image/event/buying/resort_mo01_on.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn .event2 {
        background: url("/assets/image/event/buying/jeju_mo02.webp") center/contain no-repeat
    }

    .sale-member .btn-area .recruit-btn.on .event2 {
        background: url("/assets/image/event/buying/jeju_mo02_on.webp") center/contain no-repeat
    }

    .sale-member .tab-content .recruit-box .resort-link span {
        position: absolute;
        display: block;
        width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate(-50%, -50%);
        font-size: 20px;
        color: #fff;
    }

    .sale-member .tab-content .recruit-box .resort-link .dim-area {
        position: absolute;
        bottom: 0%;
        width: 100%;
        height: 18%;
        background-color: rgb(0, 0, 0, 0.2);
    }

    .sale-member .tab-content .recruit-box .resort-link .dim-area span {
        opacity: 1;
        font-size: 14px;
    }
}



/* 20231220 분양상품 이용안내 테이블 추가*/
@media (max-width:900px) {
    .sales-list-cont .buying-tb {
        overflow-x: scroll;
    }

    .sales-guide-list .sales-list-cont>.icon {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }

    .sales-guide-list .sales-list-tit .icon {
        display: flex;
        padding: 0;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}


/* 20240524 편의시설 페이지 추가 */
.facility-view-area {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 5rem;
    margin-top: 5rem;
}

.facility-view-area .facility-view {
    position: relative;
}

.facility-view-area .facility-view .facility-box {
    display: flex;
    gap: 5%;
}

.facility-view-area .facility-view .facility-box .img-box {
    width: 55%;
}

.facility-view-area .facility-view .facility-box .img-box img {
    width: 100%;
}

.facility-view-area .facility-view .facility-box .cont-box {
    position: relative;
    width: 45%;
    padding-top: 2rem;
}

.facility-view-area .facility-view .facility-box .cont-box .tit {
    font-size: 2.6rem;
    color: #333;
    font-weight: bold;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box {
    font-size: 1.6rem;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box div {
    position: relative;
    line-height: 1.63;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box>div {
    margin-top: 1rem;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box .i-box {
    display: flex;
    align-items: center;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box .txt {
    font-size: 1.8rem;
}

.facility-view-area .facility-view .facility-box .cont-box .addr-box .time .t-box {
    margin-left: 18px;
}

.facility-view-area .facility-view .addr-box i {
    display: block;
    width: 13px;
    height: 13px;
    background-size: cover;
    margin-right: 0.5rem;
    margin-top: 0.2rem;
}

.facility-view-area .facility-view .addr-box .i-location {
    width: 13px;
    height: 15px;
    background-image: url("/assets/image/travelary/coverstory/ico_addr01.webp");
}

.facility-view-area .facility-view .addr-box .i-time {
    background-image: url("/assets/image/travelary/coverstory/ico_addr02.webp");
}

.facility-view-area .facility-view .addr-box .i-phone {
    background-image: url("/assets/image/travelary/coverstory/ico_addr03.webp");
}

.facility-view-area .facility-view .addr-box .i-target {
    background-image: url("/assets/image/travelary/coverstory/ico_addr04.webp");
}

.facility-view-area .facility-view .addr-box .i-price {
    background-image: url("/assets/image/travelary/coverstory/ico_addr05.webp");
}

.facility-view-area .facility-view .addr-box li {
    display: flex;
}

.facility-view-area .facility-view .addr-box .txt {
    font-size: 14px;
    color: #666;
    display: block;
}

@media (max-width: 876px) {
    .facility-view-area {
        padding: 0 2%;
        gap: 1.5rem;
    }

    .facility-view-area .facility-view .facility-box {
        flex-direction: column;
        align-items: center;
    }

    .facility-view-area .facility-view .facility-box .img-box {
        width: 100%;
    }

    .facility-view-area .facility-view .facility-box .cont-box {
        width: 100%;
        padding: 5%;
    }

    .facility-view-area .facility-view .facility-box .cont-box .tit {
        font-size: 1.8rem;
    }

    .facility-view-area .facility-view .facility-box .cont-box .addr-box {
        font-size: 1.2rem;
    }

    .facility-view-area .facility-view .facility-box .cont-box .addr-box .txt {
        font-size: 1.4rem;
    }
}

/* 20240621 초이스 서비스 디자인 변경 */
.choice-service.artvillas-service .service-area {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.choice-service.artvillas-service .service-area .service {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 40px 40px 20px;
    margin: 0;
    width: 50%;
}

.choice-service.artvillas-service .service-area .service .service-img {
    width: 25%;
    text-align: center;
}

.choice-service.artvillas-service .service-area .service .service-sub {
    width: 65%;
}

.choice-service.artvillas-service .service-area .service .service-sub .service-sub-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.choice-service.artvillas-service .service-area .service .service-txt div {
    text-align: unset;
}

.choice-service.artvillas-service .service-area .service .service-txt {
    align-items: flex-start;
}

.choice-service.artvillas-service .service-area .service .service-txt .service-txt-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.choice-service.artvillas-service .service-area .service .service-sub .service-sub-box .service-price {
    margin-top: 0;
}

.choice-service.artvillas-service .service-area .service .service-txt .service-txt-box .sub-tit {
    color: #333;
    font-weight: bold;
}

/* 20240621 초이스 서비스 디자인 변경 */
@media (max-width: 1279px) {
    .choice-service.artvillas-service .service-area .service {
        padding: 30px 20px 30px 20px;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
    }

    .choice-service.artvillas-service .service-area .service:nth-child(2n) {
        border-left: 1px solid #eeeeee;
    }

    .choice-service.artvillas-service .service-area .service:nth-last-child(-n+2) {
        border-top: 1px solid #eeeeee;
    }

    .choice-service.artvillas-service .service-area .service .service-txt-box .service-price {
        margin-top: 0;
    }

    .choice-service.artvillas-service .service-area .service {
        width: 100%;
    }

    .choice-service.artvillas-service .service-area .service .service-sub .service-sub-box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .choice-service.artvillas-service {
        border-top: 1px solid #eeeeee;
    }

    .choice-service.artvillas-service .service-area .service .service-img img {
        width: 100%;
    }

    .choice-service.artvillas-service .service-area .service .service-sub .service-sub-box .service-price {
        margin-top: 5px;
    }

    .choice-service.artvillas-service .service-area .service .service-txt {
        margin-top: 10px;
    }

    .choice-service.artvillas-service .service-area .service .service-sub {
        width: 100%;
        padding-left: 2rem;
    }
}

/* 20240722 : 멤버십 페이지 수정 */
@media (max-width: 450px) {
    .membership-list-wrap ul {
        display: flex;
        flex-wrap: wrap;
    }

    .membership-list-wrap ul .list {
        width: auto;
        flex: 0 0 50%;
        flex-direction: column;
    }

    .membership-list-wrap ul li:nth-child(n+3) {
        margin-top: 2rem;
    }
}

@media (max-width: 1279px) {
    .membership-visual-wrap .visual-wrap2 .img {
        filter: brightness(0.8);
    }

    .membership-visual-wrap .visual-wrap2 .txt .copy-area {
        top: 23%;
    }
}

/* 패키지 프로모션 상세 */
@media (max-width: 1279px) {
    .event-view .detail-area .desc-wrap .left .inner {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1px;
    }
}

/* 20240726 영문 지점 > 객실안내 > Room maintenance 수정 */
@media (max-width: 1279px) {
    :lang(en) .info-wrap.onChangeTime .info-cont {
        min-width: inherit;
    }

    :lang(en) .membership-view-wrap .btn-bottom-area .member-btn span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        line-height: 1.4;
    }

    :lang(en) .membership-view-wrap .btn-bottom-area {
        width: 100%;
        max-width: 100%;
    }

    :lang(en) .membership-view-wrap .membership-point .point-content {
        flex-direction: column;
    }

    :lang(en) .membership-view-wrap .membership-point .point-content .center {
        padding: 2rem .9rem;
    }

    :lang(en) .membership-list-wrap ul {
        display: flex;
        flex-wrap: wrap;
        row-gap: 2rem;
    }

    :lang(en) .membership-list-wrap ul .list {
        flex: 0 0 33%;
    }
}

@media (max-width: 450px) {
    :lang(en) .membership-list-wrap ul .list {
        flex: 0 0 50%;
    }
}

/* 20240730 멤버십 영문 수정 */
:lang(en) .membership-view-wrap .btn-bottom-area .member-btn {
    display: flex;
    align-items: center;
    white-space: normal;
    justify-content: center;
    max-width: 50.4rem;
    margin: 0 auto;
}

:lang(en) .membership-view-wrap .membership-point .point-content .lpoint .txt .saving,
:lang(en) .membership-view-wrap .membership-point .point-content .rewards .txt .saving {
    font-size: 1.4rem;
}

:lang(en) .membership-view-wrap .membership-point .membership-info ul li {
    text-align: center;
    font-size: 1.2rem;
}