@charset "utf-8";/* 반응형 css (공통 ) */
@import url("responsive_content.css");
/********************************
 컨텐츠 :: 리조트안내
 @import url("resort.css")
*********************************/
.tab-menu ul > li > h2 { font-weight: normal; }

/* 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.png") 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.png) 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.png) 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.png)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%; }
: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; margin:0 auto; overflow:hidden; }
.room-view-area ~ .content { margin-top:60px; }
.room-view-slide { position:relative; max-width: 1279px; margin: 0 auto; }
.room-view-slide .room-view { position:relative; display:block; width:100%; height:100%; }
.room-view-slide .list .img { display:block; position: relative; padding-bottom:66.4%; }
.room-view-slide .list .img img { display:block; 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: 30px; }
.room-view-slide .slide-arrow2.slick-next-custom, .detail-img-wrap .slide-arrow2.slick-next-custom { right: 30px; }

@media (max-width: 1279px) {.room-view-slide .list .img { margin-right:0; padding-bottom:66.4%; }
.room-view-area ~ .content { margin-top:0; }
.room-view-slide .list .img img { display:block; position:absolute; top:0; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
 }

/* 상세 텍스트 박스 */
.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.png") 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; width:150px; 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; }
.slick-arrow { display:inline-block; width:22px; height:15px; background:url("../image/btn/btn_slide_arrow.png") no-repeat; background-size:22px 42px; text-indent:-9999px }
.slick-arrow.slick-prev-custom { background-position: 0 bottom }
.slick-arrow.slick-next-custom { background-position: 0 top }

/* 객실 개요 */
.room-infomation { /* padding:60px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; */ 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; } /* 2019-07-24 슬라이드 페이징 스타일 변경 */
.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.png") 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:20px; }
.use-guide-list .text-list li { font-size:15px; line-height:24px; margin-top: 5px; color: #333; width: calc(50% - 10px); }
.use-guide-list .text-list li.wp-45 { margin-left: 20px; }
.use-guide-list .text-list li:before { top:10px; }
.use-guide-list .btn { position:absolute; bottom:0; right:0; }
.use-guide-list ~ .faci-list { margin-top:30px; }
.faci-list { padding:25px 30px 25px 40px; border:1px solid #ddd; }
.faci-list li { font-size:14px; padding-left:25px; 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:40px; height:40px; background:url("../image/icon/ico_faci.png") no-repeat; background-size:40px 240px; background-position:0 0; margin-right:20px; }
.faci-list li > .ico-faci.list-01 { background-position:0 0; }
.faci-list li > .ico-faci.list-02 { background-position:0 -50px; }
.faci-list li > .ico-faci.list-03 { background-position:0 -100px; }
.faci-list li > .ico-faci.list-04 { background-position:0 -150px; }
.faci-list li > .ico-faci.list-05 { background-position:0 -200px; }

.faci-list li > .ico-purifier { display:inline-block; vertical-align:middle; width:40px; height:40px; background:url("../image/icon/ico-purifier.png") 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) {/* 객실 이미지 슬라이드 */
.room-view-slide { width: 100%; margin-bottom:2rem; }
.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: 1279px) {/* 이용안내 */
.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 { position:relative; padding:1.5rem 0 1.5rem 6rem; border-top:1px solid #ebebeb; border-left:0; }
.faci-list li:first-child { border-top:0; padding-left:6rem; }
.faci-list li > .ico-faci,
 .faci-list li > .ico-purifier { position:absolute; top:50%; left:0; margin-right:0; margin-top:-2rem; display:block; }
.faci-list li .desc { display:block; width:100%; }
/* 다른 객실 보기 */
.slide-area .right { position: relative; right: 0; display: block; width: 100%; margin-top: 2rem; }
 }


/* 이미지 슬라이드 팝업 */
.layer-pop.slide-detail-layer { width:1122px; margin-left:-561px; }
.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:12px; }
.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%; }

/* 팝업 슬라이드 버튼 */
.detail-img-view .slick-arrow { display:block; position:absolute; top:50%; margin-top:-32px; width:65px; height:65px; background:url("../image/btn/btn_slide_arrow2.png"); background-size:195px 65px; text-indent:-9999px }
.detail-img-view .slick-prev.slick-arrow { left:-75px; background-position:left top; }
.detail-img-view .slick-next.slick-arrow { right:-75px; background-position:right top; }
/* 썸네일 이미지 */
.nav-img-wrap { position:relative; }
.nav-img { text-align:center; padding:0 233px; overflow:hidden; }
.nav-img .list { display:inline-block; }
.nav-img .list .img { position:relative; height: 111px; }
.nav-img .list .img img { width:100%; height: 100%; }
.nav-img .slick-slide { margin:10px; }
.nav-img .slick-current .list .img:after { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:solid 6px #da291c; box-sizing:border-box; }
/* 팝업 닫기 버튼 */
.nav-img-wrap .btn-icon.ico-close { position:absolute; top:0; right:0; overflow:visible; }
.nav-img-wrap .ico-close.close-layer { width:29px; height:29px; }
.nav-img-wrap .btn-icon.ico-close span { display:block; position:absolute; right:calc(100% + 10px); top:4px; white-space: nowrap; font-size:14px; color:#fff; }
.nav-img-wrap .ico-close.close-layer::before, .slide-detail-layer .ico-close.close-layer::after { background:#fff; }
/* 주변관광지 안내 슬라이드 */
.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) {.popup-content .detail-img-wrap { margin:0; }
.layer-pop.slide-detail-layer .popup-wrap { background:transparent; }
/* 팝업 닫기 버튼 */
.nav-img-wrap .btn-icon.ico-close { bottom:-30px; top:auto; right:3rem; }
/* 썸네일 이미지 */
.nav-img { padding:0 23px; }
.nav-img .list .img { height: 56px; }
.nav-img .slick-slide { margin:5px; }
.nav-img .slick-current .list .img:after { border:solid 3px #da291c; }
.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; /* padding-bottom: 33.2%; */ overflow: hidden; }
.restaurant-view-wrap .restaurant-view .img img { display: block; width: 100%; /* position: absolute; top: 0; left: 0; */ }
.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.jpg") 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.jpg") 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; }
/* .seminar-visual-wrap .visual-wrap .txt .copy-area .visual-tit { width: 100%; font-size:3.5rem; }
.seminar-visual-wrap .visual-wrap .txt .copy-area .copy { font-size:1em; margin-top:1rem; } */}

/* 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.jpg") center center no-repeat; background-size:cover; }
.tour-visual-wrap .visual-wrap2 .img2 { height:100%; background:url("../image/bg/bg_tourList02.jpg") center center no-repeat; background-size:cover; }
.tour-visual-wrap .visual-wrap2 .img3 { height:100%; background:url("../image/bg/bg_tourList03.jpg") 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.jpg") center center no-repeat; background-size:cover; }
.tour-visual-wrap .visual-wrap2 .img2 { background:url("../image/bg/bg_tourList02_m.jpg") center center no-repeat; background-size:cover; }
.tour-visual-wrap .visual-wrap2 .img3 { background:url("../image/bg/bg_tourList03_m.jpg") 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.jpg") 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 { /* padding-bottom: 50%; */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; /* text-align: right; */ }
.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.png)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.png") no-repeat center; }
.info-list-wrap.active .info-title .btn-info-list:after { background:url("../image/btn/btn_unfold3.png") 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 + li { margin-top: 15px; } */
.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.png)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.png)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.png)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 + li { margin-top: 1.6rem; } */
.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.png) 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; } /* 2019-06-21 이벤트 상세 배너 가로 영역 수정 */
.event-view .event-img { position:relative; display:block; width:100%; height:560px; } /* 2019-06-21 이벤트 상세 배너 높이 수정 */
.event-view .event-img.img1 { background:url(../image/img/img_detail_event1.png) center no-repeat; background-size:cover }
.event-view .event-img.img2 { background:url(../image/img/img_detail_pakage1.png) center no-repeat; background-size:cover }
.event-view .event-img.img3 { background:url(../image/img/img_detail_pakage2.png) 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) }
.event-view .detail-area .desc-wrap:after { clear:both; display:block; content:''; }
.event-view .detail-area .desc-wrap { position:relative; width:1280px; margin:0 auto; padding: 0 30px; height:190px; } /* 2019-06-21 이벤트 상세 배너 가로 영역 수정 */
.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%; }
.event-view .detail-area .desc-wrap .right .inner { width:25% }
.event-view .category { float:none; display:inline-block }
.event-view .desc-wrap .tit { width: 100%; font-size:32px; color:#fff; font-weight:700; margin-top:10px }
.event-view .desc-wrap .tit .room-name { white-space:nowrap; }
.event-view .desc-wrap .txt { font-size:14px; line-height:22px; margin-top:8px; color:#fff }
.event-view .desc-wrap .txt span { font-size:14px; color:#fff; margin-left:10px }
.event-view .desc-wrap .txt1 { font-size:22px; color:#fff; font-weight:700; line-height:1.6em }
.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 { font-size:12px; color:#fff; margin-top:5px; margin-right:10px }
.event-view .desc-wrap .price { text-align:right; font-size:20px; color:#fff; margin-top:30px }
.event-view .desc-wrap .price strong { font-size:36px; color:#fff; margin-top:15px; font-family:'Lato',sans-serif; font-weight:900; margin-right:5px }
.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-infomation-txt { color:#000000; font-size:20px; line-height:1.5em; margin-top:50px; text-align:center }
.event-infomation { margin-top:30px }
.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:60px 0; border-bottom:2px solid #ebebeb; border-top:2px solid #ebebeb }
.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:40px; font-size:13px; line-height:1.7em; color:#666; border:1px solid #ebebeb; padding:20px }
.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:280px }
.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; }
 }

/* 2021-02-26 트레블플래너 페이지용 */
.event-infomation-box.travel .txt { font-size:2rem; line-height:1.6em }
.event-infomation-box.travel .event-img { /* text-align:right; */ }
.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; }

/* 이벤트,패키지 리스트 */
.event-list { position:relative; margin-top:30px; overflow:hidden; }
.event-list > ul > li { margin-bottom: 40px; }
.event-list > ul > li .event-info { position:relative; }
.event-list > ul > li .img { display: block; width: 100%; overflow: hidden; position:relative; padding-bottom:67%; }
.event-list > ul > li .img img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.event-list ul li .desc { width: 100%; max-width: 390px; padding-top:20px; line-height: normal; min-height:130px }
.event-list.package ul li .desc { width: 100%; max-width: 390px; padding-top:20px; line-height: normal; height:200px }
.event-list ul li .desc .tit { font-size: 22px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px }
.event-list ul li .desc dd { font-size: 14px; color: #666; }
.event-list ul li .desc dd.date { margin-top:7px }
.event-list ul li .desc .hashtag { min-height: 20px; margin-top: 7px; padding-right: 90px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* 2019-08-07 해시태그 표시 길이 제한 / 2020-08-19 높이고정*/
.event-list ul li .desc .tit + .date { margin-top: 8px; }
.event-list .desc .btn-icon.ico-detail { position:absolute; top:20px; right:30px; }
.event-list .price .num { font-family:'Lato',sans-serif; font-size:30px; margin-right:5px }
.event-list .price { font-size:15px; color:#333333; text-align:right; border-top:1px solid #ebebeb; padding-top:15px; margin-top:20px }
.event-list .price .sm { color:#666666; font-size:12px; margin-right:7px }

/* 2020-07-27 리조트 스토리 */
.event-list.story ul li .desc { min-height:auto; }

/* 리조트 소식 new */
.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; }

/* 이벤트,패키지 활성화 버튼 컬러 변경 */
.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.png)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 }

/* 결과없음 */
.date-wrap .date-none { padding: 160px 0 110px; text-align: center; font-size: 24px; color: #000; }
.date-wrap .date-none .ico-nodate { position:relative; width:5.4rem; height:5.4rem; border:2px solid #b4b4b4; border-radius:100%; margin: 0 auto; }
.date-wrap .date-none .ico-nodate:before { position:absolute; content:''; display:block; top:12px; left:23px; width:4px; height:18px; background:#b4b4b4; }
.date-wrap .date-none .ico-nodate:after { position:absolute; content:''; display:block; bottom:11px; left:23px; width:4px; height:6px; background:#b4b4b4; }
.date-wrap .date-none .ico-nodate + p { margin-top: 30px; }
.date-wrap .date-none .st2 { font-size:18px; color:#666666; margin-top:10px; line-height:1.5em }

/* 공통 */
.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 .checkbox-btn a { background: url(../image/btn/btn-check-fold.png) 0 0 no-repeat; display:inline-block; width:35px; height:35px; position: absolute; top:0; right:0; }
.search-box .checkbox-btn a.active { background: url(../image/btn/btn-check-unfold.png) 0 0 no-repeat; display:inline-block; width:35px; height:35px }
.search-box.rwd.date .search-inner .input-group > .input-group-add:first-child { padding:12px 10px 0 0; width:80px; white-space: normal; vertical-align:top }

@media (max-width:1279px) {.search-box .hidden-box { width:100%; display:none }
.search-box .checkbox-btn { width:100%; border-bottom:1px solid #dddddd; margin-bottom:10px; display:block }
.search-box .checkbox-btn a { background: url(../image/btn/btn-fold2.png) center 10px no-repeat; display:inline-block; position: static; background-size:10px auto; width:100%; height:30px }
.search-box .checkbox-btn a.active { background: url(../image/btn/btn-unfold2.png) center 10px no-repeat; display:inline-block; background-size:10px auto; width:100%; height:30px }
.search-box.rwd.date .search-inner .input-group > .input-group-add:first-child { padding:12px 10px 0 0; width:70px; 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: 1279px) {/* 공통 */
.form-margin { margin-top:0; }
/* 상세 텍스트 박스 */
.event-infomation { margin-top:20px; 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: 1279px) {.event-infomation .event-img { margin:5px 0 }
/* event-search-area */
.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.png) 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) {.event-view { position:relative; width:100%; max-width: 1279px; margin:0 auto; margin-top:0px }
.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; }
.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; }
.content-wrap.pt0 { padding-top:0; max-width: 100%; margin: 0 auto; }
/* 결과없음 */
.date-wrap .date-none { padding:70px 0; text-align: center; font-size:18px; color: #000; line-height:1.3em }
.date-wrap .date-none .ico-nodate { position:relative; width:4.3rem; height:4.3rem; border:2px solid #b4b4b4; border-radius:100%; margin: 0 auto; }
.date-wrap .date-none .ico-nodate:before { position:absolute; content:''; display:block; top:11px; left:19px; width:2px; height:12px; background:#b4b4b4; }
.date-wrap .date-none .ico-nodate:after { position:absolute; content:''; display:block; bottom:10px; left:19px; width:2px; height:4px; background:#b4b4b4; }
.date-wrap .date-none .ico-nodate + p { margin-top: 30px; }
.date-wrap .date-none .st2 { font-size:14px; color:#666666; margin-top:10px }
.event-infomation .event-box { margin-top:30px; padding:15px; line-height:1.6em }
.event-infomation .event-infomation-box { padding:30px 0; border-bottom:2px solid #ebebeb }
.event-infomation .tit { font-size:2rem; color:#333333; font-weight:700 }
.event-infomation .tit span { display:block; font-size:15px;; color:#333; font-weight:normal; line-height:22px; margin-top:4px }
.event-infomation .txt { font-size:1.4rem; color:#666666; line-height:1.6em }
.event-txt .tit + .txt { margin-top:10px }
.event-txt .txt + .event-ul { margin-top:0px }
.event-infomation .event-ul li { font-size:1.4rem; color:#666666; line-height:1.6em }
.event-infomation .event-infomation-box img { max-width:100%; width:100%; height:auto }
.event-infomation-box div:nth-child(even) .event-txt { padding-left:0px }
.event-infomation .colum + .colum { margin-top:20px }
.event-infomation .grid-area-table .colum { white-space:normal }
.event-infomation .event-infomation-box + .btn-bottom-area , .event-infomation + .btn-bottom-area { margin-top:20px }
.event-infomation .btn-bottom-area + .event-infomation-box { margin-top:40px }
.event-infomation .event-img { margin:0 }
.event-infomation .colum:first-child .event-txt [class*="tit"] { margin-top:-10px }
.event-view .desc-wrap .desc-box .price { text-align:right; font-size:16px; color:#333; margin-top:15px }
.event-view .desc-wrap .desc-box .price span { font-size:32px; color:#333; margin-top:15px; font-family:'Lato',sans-serif; font-weight:900; margin-right:5px }
.event-view .event-img { height:250px }
/* 2021-02-26 트레블플래너 페이지용 */
.event-infomation-box.travel .txt { font-size:1.4rem; }

/* 객실 선택 */
.event-list { margin-top:10px }
.event-list > ul { margin:0px }
.event-list ul li { margin-bottom:1rem; }
.event-list > ul > li { margin-bottom:20px; height:auto; }
.event-list ul li .roomtype-info { border:1px solid transparent; }
.event-list ul li .img { width:100%; min-height:18.4rem; background:#eee; display:block }
.event-list > ul > li .img { max-width:100% }
.event-list ul li .img img { width:100%; }
.event-list ul li .desc { position:relative; padding:1.2rem 0 1rem; width:100%; max-width:100%; height:auto }
.event-list.package ul li .desc { position:relative; padding:1.2rem 0 1rem; width:100%; max-width:100%; height:auto }
.event-list ul li .desc > .text-ellipsis { margin-top: 3px; }
.event-list ul li .desc dd + dd { margin-top: 8px; }
.event-list ul li .desc .bottom { text-align:right; margin-top:1rem; width:100% }
.event-list ul li .desc dd .sep { padding:0 .7rem; }
.event-list ul li .desc dd .sep:after { display:inline-block; content:'|'; font-size:10px; color:#ccc; vertical-align:top }
.event-list .desc .btn-icon.ico-detail { position:absolute; top:20px; right:20px; }
.event-list.package > ul > li { margin-bottom:20px; height:auto }
.event-list .price .num { font-family:'Lato',sans-serif; font-size:30px; margin-right:5px }
.event-list ul li .desc dd.date { margin-top:4px }
.event-list ul li .desc .hashtag { margin-top:4px; }
/* 리조트 소식 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.png)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 }

/* 컨텐츠 타이틀 간격 속성 */
.responsive-tit-area { position:relative; margin-top:50px }
.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.png) no-repeat center;     background-size: 35px auto;}
.usage-btn li .ico1_1 { background:url(../image/icon/ico_maypage1_1.png) no-repeat center;     background-size: 32px auto;}
.usage-btn li .ico2 { background:url(../image/icon/ico_maypage2.png) no-repeat center;     background-size: 38px auto;}
.usage-btn li .ico3 { background:url(../image/icon/ico_maypage3.png) no-repeat center;     background-size: 44px auto;}
.usage-btn li .ico5 { background:url(../image/icon/ico_maypage5.png) no-repeat center;     background-size: 34px auto;}
.usage-btn li .ico6 { background:url(../image/icon/ico_maypage6.png) 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.png) 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.png) 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.png) no-repeat center top; text-align:center; padding:20px 0; }
.gift-coupon { font-size:20px; color:#fff; margin-top:15px }
.gift-coupon .name { margin-right:3px }
.gift-coupon .txt1:before { display: inline-block; margin-right:6px; width: 1px; height: 12px; background: #fff; content: ""; }
.gift-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 }
.popup-wrap .popup-content .coupon-btn.btn-bottom-area { margin-top:20px; }
.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.gif) 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.png) 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.png) 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.png) 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.png) center top no-repeat; padding-top:40px }
.mypage-box .btn-area a.icon2 { background:url(../image/icon/icon_mg02.png) center top no-repeat; padding-top:40px }
.mypage-box .btn-area a.icon3 { background:url(../image/icon/icon_mg03.png) center top no-repeat; padding-top:40px }
.mypage-box .btn-area a.icon4 { background:url(../image/icon/icon_mg04.png) center top no-repeat; padding-top:40px } /* 2019-12-09 L.Plus 회원인증 추가 */
.mypage-box .btn-area a.icon5 { background:url(../image/icon/icon_mg05.png) 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.png) no-repeat center top; text-align:center; padding:20px 0; }
.coupon-complete { background:url(../image/bg/bg_coupon.png) 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.png) 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; }
.gift-coupon { font-size:20px; color:#fff; margin-top:15px }
.gift-coupon .name { margin-right:3px }
.gift-coupon .txt1:before { display: inline-block; margin-right:6px; width: 1px; height: 12px; background: #fff; content: ""; }
.gift-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:14px }

/* 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.png') 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.png') 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:40px 0; background:#f5f5f5; text-align:center; margin-top:60px }
.customer-box .txt1 { font-size:30px; color:#000; }
.customer-box .txt2 { font-size:18px; color:#333; line-height:1.5em }
.customer-box .txt1 + .txt2 { margin-top:15px }

/* 제공서비스 */
.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.png') no-repeat }
.customer-list li > .ico-customer.list-02 { background:url('../image/icon/ico_customer2.png') no-repeat }
.customer-list li > .ico-customer.list-03 { background:url('../image/icon/ico_customer3.png') 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) {/* 고객자료실 리스트 */
.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:12px }
/* 제공서비스 */
.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.png') no-repeat; background-size:85px auto }
.customer-list li > .ico-customer.list-02 { background:url('../image/icon/ico_customer2.png') no-repeat; background-size:85px auto }
.customer-list li > .ico-customer.list-03 { background:url('../image/icon/ico_customer3.png') 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.png') 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.png') 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; 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; }
/*고객의 소리 등록완료 박스*/
.customer-box { padding:40px 35px; background:#f5f5f5; text-align:center; margin-top:0px }
.customer-box .txt1 { font-size:20px; }
.customer-box .txt2 { font-size:13px; }
.customer-box .txt1 + .txt2 { margin-top:10px }
 }


/********************************
 컨텐츠 :: 분양안내
 @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.png") left top no-repeat }
.sales-process .icon.type02 { background:url("../image/icon/icon_sales2.png") left top no-repeat }
.sales-process .icon.type03 { background:url("../image/icon/icon_sales3.png") left top no-repeat }
.sales-process .icon.type04 { background:url("../image/icon/icon_sales4.png") left top no-repeat }
.sales-process .icon.type05 { background:url("../image/icon/icon_sales5.png") left top no-repeat }
.sales-process .icon.type06 { background:url("../image/icon/icon_sales6.png") left top no-repeat }
.sales-process .icon.type07 { background:url("../image/icon/icon_sales7.png") left top no-repeat }
.sales-process .icon.type08 { background:url("../image/icon/icon_sales8.png") left top no-repeat }
.sales-process .icon.type09 { background:url("../image/icon/icon_sales9.png") left top no-repeat }
.sales-process .icon.type10 { background:url("../image/icon/icon_sales10.png") 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:20px }
.agree-check-list:after { display:block; clear:both; content:''; }
.agree-check-list > li { float:left; margin-right:50px }
.radio-wrap .custom-radio { margin-right:40px }
.pop-txt-box .custom-checkbox label { margin-right:20px }
.pop-txt-box .custom-checkbox label:last-child { margin-right:0px }
.btn-bottom-area.type2 { padding: 0; display: table; width: 100%; }
.btn-bottom-area.type2 > .btn { display: table-cell; width: calc(50% - .5rem); }

@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.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type02 { background:url("../image/icon/icon_sales2.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type03 { background:url("../image/icon/icon_sales3.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type04 { background:url("../image/icon/icon_sales4.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type05 { background:url("../image/icon/icon_sales5.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type06 { background:url("../image/icon/icon_sales6.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type07 { background:url("../image/icon/icon_sales7.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type08 { background:url("../image/icon/icon_sales8.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type09 { background:url("../image/icon/icon_sales9.png") left center no-repeat; background-size:82px auto }
.sales-process .icon.type10 { background:url("../image/icon/icon_sales10.png") 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.jpg") center top no-repeat; }
.company-info1 .company02.bg1 { background:url("../image/bg/bg2_company01.jpg") center top no-repeat; height:555px; padding-top:175px }
.company-info1 .company02.bg2 { background:url("../image/bg/bg2_company02.jpg") center top no-repeat; height:555px; padding-top:175px }
.company-info1 .company02.bg3 { background:url("../image/bg/bg2_company03.jpg") center top no-repeat; height:555px; padding-top:175px }
.company-info1 .company02.bg4 { background:url("../image/bg/bg2_company04.jpg") center top no-repeat; height:555px; padding-top:175px }
.company-info1 .company02.bg5 { background:url("../image/bg/bg2_company05.jpg") center top no-repeat; height:555px; padding-top:175px }
.company-info1 .company02.bg6 { background:url("../image/bg/bg2_company06.jpg") 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.jpg") 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.png") center no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg1 { background:url("../image/bg/bg2_company01_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg2 { background:url("../image/bg/bg2_company02_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg3 { background:url("../image/bg/bg2_company03_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg4 { background:url("../image/bg/bg2_company04_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg5 { background:url("../image/bg/bg2_company05_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
.company-info1 .company02.bg6 { background:url("../image/bg/bg2_company06_m.jpg") center top no-repeat; height:350px; padding-top:100px; background-size:cover }
 }

/* 2021-01-06 배너 유튜브 추가 */
/* .companyVisual { padding: 8em 0 5em; background:url(../image/bg/bg_story.jpg) no-repeat top center; background-size: cover; }
.companyVisual > .cont-head > .main-sub-title { color:#fff; }
.companyVisual .cont_youtube { position: relative; max-width:835px; height:0; margin: 5em auto; padding-bottom: 25.25%; }
.companyVisual .cont_youtube iframe { position: absolute; 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.png) 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.png) 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; } */

.companyVisual { position:relative; padding: 14em 0 5em; text-align:center; background:url(../image/bg/bg_story.jpg) 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.png) 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.png) 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.jpg") 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.jpg") 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.png") 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.gif") center top repeat-y; }
.company-history2 li:first-child { padding-top:0 }
.company-history2 li:last-child { background:url("../image/bg/bg_info_line2.gif") 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.png") left top no-repeat; }
.welfare-area > ul > li .top .icon.type02 { background:url("../image/icon/icon_recruit02.png") left top no-repeat; }
.welfare-area > ul > li .top .icon.type03 { background:url("../image/icon/icon_recruit03.png") left top no-repeat; }
.welfare-area > ul > li .top .icon.type04 { background:url("../image/icon/icon_recruit04.png") 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.png") center no-repeat; }
.recruit-process .icon.type02 { background: url("../image/icon/icon_system02.png") center no-repeat; }
.recruit-process .icon.type03 { background: url("../image/icon/icon_system03.png") center no-repeat; }
.recruit-process .icon.type04 { background: url("../image/icon/icon_system04.png") center no-repeat; }
.recruit-process .icon.type05 { background: url("../image/icon/icon_system05.png") center no-repeat; }
.recruit-process .icon.type06 { background: url("../image/icon/icon_system06.png") 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.jpg") center top no-repeat }
.cwrap-bg.bg4 { background:url("../image/bg/bg_cwrapbg02.jpg") 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.jpg") 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.png") 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.gif") center top no-repeat; background-size:1px 170px }
.company-history2 li:first-child { padding-top:20px; background:url("../image/bg/bg_info_line.gif") center 90px no-repeat; background-size:1px 40px }
.company-history2 li:last-child { background:url("../image/bg/bg_info_line.gif") 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.gif") 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.png") center no-repeat; background-size:70px 70px }
.recruit-process .icon.type02 { background: url("../image/icon/icon_system02.png") center no-repeat; background-size:70px 70px }
.recruit-process .icon.type03 { background: url("../image/icon/icon_system03.png") center no-repeat; background-size:70px 70px }
.recruit-process .icon.type04 { background: url("../image/icon/icon_system04.png") center no-repeat; background-size:70px 70px }
.recruit-process .icon.type05 { background: url("../image/icon/icon_system05.png") center no-repeat; background-size:70px 70px }
.recruit-process .icon.type06 { background: url("../image/icon/icon_system06.png") 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.png') 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.png') 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.png") left top no-repeat; background-size:70px 70px }
.welfare-area > ul > li .top .icon.type02 { background:url("../image/icon/icon_recruit02.png") left top no-repeat; background-size:70px 70px }
.welfare-area > ul > li .top .icon.type03 { background:url("../image/icon/icon_recruit03.png") left top no-repeat; background-size:70px 70px }
.welfare-area > ul > li .top .icon.type04 { background:url("../image/icon/icon_recruit04.png") 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.jpg") 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.png") no-repeat; background-size:cover }
.browser-img .img.chrome { background:url("../image/img/img_chrome.png") 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 .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.png") 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.png") 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.png') 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.png") 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: 1279px) {/* 예약문의 */
.tb-responsive.customer .rwd-table th, .tb-responsive.customer .rwd-table td { padding: 9px 0; }
.filebox + .field-guide { margin-top: 12px; }
.filebox label { line-height: 45px; }
.checkbox-group .checkbox { display: block; margin-left: 0; }
.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 1rem }
.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.png') 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.jpg") 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.png'); }
.membership-wrap .cont-wrap .list-02 { background-image: url('../image/icon/ico_main_member04.png'); }
.membership-wrap .cont-wrap .list-03 { background-image: url('../image/icon/ico_main_member05.png'); }
.membership-wrap .cont-wrap .list-04 { background-image: url('../image/icon/ico_main_member06.png'); }
.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.png'); }
.main-membership-wrap .cont-wrap .list-02 { background-image: url('../image/icon/ico_main_member05.png'); }
.main-membership-wrap .cont-wrap .list-03 { background-image: url('../image/icon/ico_main_member06.png'); }
.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.jpg"); 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.png') 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.png') 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.png') 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.png') 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; }
.nav-img-wrap .btn-icon.ico-close { position:absolute; top:0; right:0; overflow:visible; }
.nav-img-wrap .ico-close.close-layer { width:29px; height:29px; }
.nav-img-wrap .btn-icon.ico-close span { display:block; position:absolute; right:calc(100% + 10px); top:4px; white-space: nowrap; font-size:14px; color:#fff; }
.nav-img-wrap .ico-close.close-layer::before, .slide-detail-layer .ico-close.close-layer::after { background:#fff; }
.popup-content .detail-img-wrap { position:relative; height:100%; }
.detail-img-view2 { width:100%; background:#fff; overflow:hidden!important; }
.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 { display:block; position:absolute; top:50%; margin-top:-32px; width:65px; height:65px; background:url("/static/image/btn/btn_slide_arrow2.png"); background-size:195px 65px; text-indent:-9999px }
.detail-img-view2 .slick-prev.slick-arrow { left:-75px; background-position:left top; }
.detail-img-view2 .slick-next.slick-arrow { right:-75px; background-position:right top; }
.nav-img-wrap { position:relative; }
.nav-img2 { text-align:center; padding:0 233px; overflow:hidden; }
.nav-img2 .list { display:inline-block; }
.nav-img2 .list .img { position:relative; height: 111px; }
.nav-img2 .list .img img { width:100%; height: 100%; }
.nav-img2 .slick-slide { margin:10px; }
.nav-img2 .slick-current .list .img:after { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:solid 6px #da291c; 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('/static/image/btn/ico_zoomin.png'); background-size:100% 100%; }
.zomm.zoom-out { background:url('/static/image/btn/ico_zoomout.png'); 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("/static/image/btn/btn_slide_arrow2.png"); 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:5px; }
.coupon-accordion-wrap .question { background: url("/static/image/btn/btn_fold3.png") no-repeat right center; }
.coupon-accordion-wrap .question a { display:block; padding:15px 0; }
.coupon-accordion-wrap .answer { display:none; }
.coupon-accordion-wrap.active .question { background: url("/static/image/btn/btn_unfold3.png") no-repeat right center; }
.coupon-accordion-wrap .agree-terms-box .inner-box { padding:10px; color:#666; line-height:21px; font-size:14px; }

/* 제휴 안내페이지 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.jpg") 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.png"); 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 .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.png"); 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:14px }
.desc-wrap-new .right .btn-box .excdayBtn { color: #fff; font-size: 12px; padding: 7px 26px; display: block; background:#da291c;; border:1px solid #da291c; }
.popup-wrap-alert-new { position: relative; background-color: #fff; z-index: 10001; width: 100%; border-radius: 0.3rem; 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: 3rem 3rem 3rem; 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: 24px; margin-bottom: 33px; color: #333; }
.popup-wrap-alert-new .popup-content .alert-txt ul { line-height: 1.8; }
.popup-wrap-alert-new .popup-content .alert-txt ul li { text-align: left; font-size: 15px; list-style: disc; margin-left: 20px; }
.event-view-new .layer-pop-new { width: 300px; margin-left: -150px; }
.layer-pop-new .btn-icon.ico-close { right:30px; }
@media screen and (max-width: 1279px) {.desc-wrap-new .right .btn-box .excdayBtn { padding:10px; color:#fff; font-weight:bold; border:1px solid #da291c; }
.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; }
 }

/* 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: 768px) {.popup-wrap-alert-new { box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%); }
 }

 @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.png"); }
.membership-view-wrap .membership-point .point-content .img .point-02 { background-image: url("../image/icon/point_02.png"); }
.membership-view-wrap .membership-point .point-content .img .point-plus { background-image: url("../image/icon/point_plus.png"); }
.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("/static/image/event/buying/resort_pc01.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn.on .event1 { background: url("/static/image/event/buying/resort_pc01_on.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn .event2 { background: url("/static/image/event/buying/jeju_pc02.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn.on .event2 { background: url("/static/image/event/buying/jeju_pc02_on.png") 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("/static/image/event/buying/resort_mo01.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn.on .event1 { background: url("/static/image/event/buying/resort_mo01_on.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn .event2 { background: url("/static/image/event/buying/jeju_mo02.png") center/contain no-repeat }
 .sale-member .btn-area .recruit-btn.on .event2 { background: url("/static/image/event/buying/jeju_mo02_on.png") 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("/static/image/travelary/coverstory/ico_addr01.png"); }
 .facility-view-area .facility-view .addr-box .i-time { background-image: url("/static/image/travelary/coverstory/ico_addr02.png"); }
 .facility-view-area .facility-view .addr-box .i-phone { background-image: url("/static/image/travelary/coverstory/ico_addr03.png"); }
 .facility-view-area .facility-view .addr-box .i-target { background-image: url("/static/image/travelary/coverstory/ico_addr04.png"); }
 .facility-view-area .facility-view .addr-box .i-price { background-image: url("/static/image/travelary/coverstory/ico_addr05.png"); }
 .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; }